@media (min-width: 1600px){
    .menuContainer ul li .menu-link{font-size: 4.5rem;}
    .menuContainer ul li i {flex: 0 0 50px; width: 50px; height: 50px;}
}

@media (max-width: 1199.9px){
    html{font-size: 87.5%;}
    .header{top: 29px;}
    .logo{width: 300px;}
    .navi ul li a{padding: 8px 1rem; font-size: 1.125rem;}
    .menuContainer ul li .menu-link{font-size: 3.5rem; width: 100%;}
    .menuContainer ul li i{width: 40px; flex: 0 0 40px; height: 40px;}
    .menuContainer ul li .menu-link.active i {transform: translateX(25px) rotate(-90deg);}
    .menuLeftContainer .topQuickLink li a .img-fluid{width: 40px; padding: 9px;}
    .banner{height: calc(100vh - (64px + 29px));}
    .banner, .insideBanner{margin-top: 64px;}
    .counterContainer .box .inner{height: 200px;}
    #footerMap_inner svg{width: 100%; height: 100%;}
    .footerAddress{left: 15%; top: 18%;}
}

@media (max-width: 991.9px){
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .headerContainer {--menuContainer-size: 450px;}
    .headerContainer section{padding: 6rem 2rem 2rem;}
    .headerContainer section .menuContainer{align-items: flex-start;}
    .menuContainer ul li .menu-link{font-size: 2.75rem;}
    .menuLeftContainer .topQuickLink, .socialMedia{width: 100%;}
    .menuLeftContainer{justify-content: flex-end;}
    .menuLeftContainer .topQuickLink li a .img-fluid{background-color: var(--primary-color)};
    .menuBtn{width: 40px; height: 40px;}
    .banner{height: auto;}
    #section1 .animate{transform: none !important; opacity: 1 !important;}
    .heading .h1{font-size: 2.25rem;}
    .moreEventsContainer{display: flex; flex-wrap: wrap;}
    .principal-img{margin-top: 4rem;}
    .principal-img img{width: 250px; height: 250px; object-fit: cover; object-position: center top; margin: 0 auto; border-radius: 50%;}
    .principal-text .inner{padding-top: 2rem;}
    .counterContainer .box h4{font-size: 2rem;}
    .counterContainer .box.qsiBox p{font-size: 1.125rem;}
    .counterContainer .box .inner{height: 160px;}
    .videoTextContainer article{width: 100%; padding-top: 0;}
    .videoIcon a .img-fluid{width: 70px; padding: 20px;}
    .infra-container{height: 370px;}
    .footerAddress{top: 45%;}
    .footerAddress i{inset: auto 11% calc(100% - 12px) auto; transform: rotate(275deg);}
    .principal-text .scroller{height: auto; padding-right: 0; margin-bottom: 0;}
}

@media (max-width: 767.9px){
    .videoTextContainer article h2{letter-spacing: normal;}
    .infra-container{height: auto;}
    .footer::before{background-image: linear-gradient(rgb(0 202 253 / 85%) 40%, rgb(0 0 0 / 0%));}
    .footerAddress i{right: 20%;}
    .toppersBox .inner img{max-width: 150px;}
}

@media (max-width: 575.9px){
    html{font-size: 75%;}
    p, .h6, h6, li{font-size: 1.25rem;}
    body{text-align: justify;}
    .header{top: 0px;}
    .logo{width: 250px;}
    .banner, .insideBanner{margin-top: 53px;}
    .importantDates .impDate{width: 50px;}
    .readmore .button{font-size: 1rem; min-width: 120px;}
    .toggleWrapper{padding: 2rem; min-height: 330px;}
    .counterBox .inner{border-width: 1px;}
    .counterBox .counter{font-size: 2rem;}
    .counterBox .counter-title{font-size: 1rem;}
    .infra-item{width: 50%;}
    .infra-item[data-item='5']{width: 100%;}
    .infra-item[data-item='1'], .infra-item[data-item='3'], .infra-item[data-item='4']{margin-top: var(--bs-gutter-y);}
    .infraBox[data-infra='square']{display: none;}
    .infra-item .row, .infra-item[data-item='1'] .infraBox{height: 100%;}
    .infraBox img{aspect-ratio: 1.5 / 1 !important;}
    .footer{background-position: center 80%; background-size: 290%;}
    .footer::before {background-image: linear-gradient(rgb(0 202 253 / 100%) 60%, rgb(0 0 0 / 0%));}
    .footerAddress{top: 8%; left: 5%;}
    .footerAddress i {inset: 40% auto auto calc(100% - 5px); transform: rotate(0deg);}
    .footerLinks h5, .footerMap h5{margin-bottom: 1.25rem;}
    .footerLinks ul {display: flex; flex-wrap: wrap; gap: 5px;}
    .footerLinks ul li{flex-grow: 1;}
    .footerLinks ul li a{padding: 4px 10px; display: block; border-radius: 40px; background-color: rgba(255, 255, 255, 0.75); font-family: var(--font-bold); color: var(--body-color); text-align: center;}
    .footerLinks ul li a:hover{background-color: #fff;}
    .bottom p{justify-content: center; text-align: center;}
    .button-top{bottom: 10px; right: 10px;}
    .insideBanner{height: 300px;}
    .page-link-item .inner{height: 40px; font-size: 13px;}
    .profile-imgBox .img-fluid{max-width: 250px; margin: 0 auto 2rem;}
    .profileBox .inner{padding-left: 0;}
	.pageHeading-inner {flex-wrap: wrap;gap: 6px;}
	.profileContainer {padding: 1rem;}
    .page-title {font-size: 1.52rem;text-align: left;}
    .breadcrumb {justify-content: left;	width:100%;}
    .container-lg {padding-left: 10px;padding-right: 10px;    }
    .padding {    padding: 2rem 0;}
    .heading .h1 {font-size: 1.725rem;    }
    .heading {    margin-bottom: 1rem;    }
    .page-link-item.swiper-slide	{    width: max-content !important;	}
    .bottom .bottomLinks li a {font-size: 12px;    }
    tbody, td, tfoot, th, thead, tr {border: 1px solid #ccc;text-align: left;}
    div[class^=swiper-button] {width: 30px;height: 30px;}
    div[class^=swiper-button]::after {font-size: 14px; }
    .socialMedia {margin-bottom: 10px !important;}
}

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