/* ===== RESPONSIVE DESIGN ===== */

@media (max-width: 1500px) {
	.charSlide {
		width: 30%;
	}

	.charSlide.swiper-slide-active + .charSlide .img-fluid {
		height: 450px;
	}

	.charSlide .img-fluid {
		height: 390px;
	}

	.charSlide.swiper-slide-active .img-fluid {
		height: 450px;
	}
}

@media (max-width: 1199.9px) {}

@media (max-width: 991.9px) {
	.principalsbox .img img {
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		object-fit: cover;
	}

	.charSlide {
		width: 40%;
	}

	.mainTextBodySection .founder-img .founderText {
		position: static;
		padding: 0;
		margin-top: 1.25rem;
		color: inherit;
	}
}

@media (max-width: 767.9px) {
	.hero-banner {}

	/* .logo-circle {
        width: 60px;
        height: 60px;
    }
    
    .logo-letter {
        font-size: 2rem;
    } */
	.hero-description {
		font-size: 1rem;
	}

	.hero-cta {
		flex-direction: column;
		gap: 15px;
	}

	.nav-menu {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}

	.top-links {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}

	.overview-title {
		font-size: 2rem;
	}

	.section-title {
		font-size: 2rem;
	}

	.admissions-title {
		font-size: 2rem;
	}

	.admissions-cta {
		flex-direction: column;
		align-items: center;
	}

	.facts-title {
		font-size: 2rem;
	}

	.fact-card {
		height: 150px;
		padding: 20px;
	}

	.fact-number {
		font-size: 2rem;
	}

	.footer-utility-links {
		flex-direction: column;
		gap: 10px;
	}

	.footer-utility-links a:not(:last-child)::after {
		display: none;
	}

	.pageHeader {
		display: none;
	}

	.rightPanel {
		margin-top: 2rem;
	}
}

@media (max-width: 575.9px) {
	html {
		font-size: 75%;
	}

	.menuContainer .inner {
		min-width: 100%;
	}

	.menuDrop {
		border-left-width: 25px;
	}

	.hero-banner {
		height: 400px;
	}

	.news-item {
		flex-direction: column;
		text-align: center;
	}

	.news-thumbnail {
		width: 100%;
	}

	.quick-links {
		margin-top: 30px;
	}

	.hm-card .cta-buttons {
		display: none;
	}

	.hm-card p {
		margin-bottom: 0;
	}

	.cta-btn i {
		width: 32px;
		height: 32px;
		font-size: 11px;
	}

	.hm-card:nth-child(2n) .inner {
		transform: translateY(0%);
	}

	.charSlide.swiper-slide-active + .charSlide .img-fluid {
		height: 320px;
	}

	.charSlide .img-fluid {
		height: 290px;
	}

	.charSlide.swiper-slide-active .img-fluid {
		height: 320px;
	}

	.pageHeading-inner {
		flex-direction: column;
		gap: 1rem;
	}

	.readmore .button {
		padding: 10px 18px;
	}
}

@media (max-width: 480px) {
	.charSlide {
		width: 60%;
	}

	.footBox {
		width: 100%;
	}

	.footer-links {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}

	.pageHeading .pageHeading-inner .breadcrumb li {
		font-size: 11px;
	}

	.image-collage.parent {
		display: flex;
		flex-direction: column;
	}

	.table thead {
		display: none;
	}

	.table tr, .table td {
		display: block;
		width: 100%;
	}

	.table tr {
		margin-bottom: 15px;
		border: 1px solid #ccc;
	}

	.table tr td:first-child {
		background-color: #f5f5f5;
		font-weight: bold;
	}

	.table td {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		position: relative;
		border-bottom: 1px solid #eee;
		text-align: right;
		padding: 5px;
	}

	.table td::before {
		content: attr(data-label);
		text-align: left;
		font-weight: bold;
	}
}

@media (max-width: 390px) {}