@media (max-width:1200px){
    h1{font-size: 46px;}
    h2{font-size: 40px;}
    .our-approach-inner {max-width: 310px;}
    .about-wrapper::before, .about-wrapper::after{opacity: 0.1;}
    .pillar-inner-main{max-width: 325px;}
    .tactile-inner{max-width: 240px;}
    .banner-inner-wrapper h1{font-size: 42px;}
    .nav-links li a, .nav-links li span{font-size: 16px;}
} 

@media (max-width:1080px){
    h1{font-size: 44px;}
    h2{font-size: 38px;}
    h3{font-size: 28px;}
    .nav-links{display: none;}
    .desk-resp-ham{display: block;}
    .section-new {width: 100%;height: 100%;background: #0e0d0d;opacity: 0;pointer-events: none;transition: all .9s ease;}
    .act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0;z-index: 1;}
    .about-wrapper{padding: 80px 0 60px;}
    .stage-inner-wrapper::after{top: 0; right: 71px;}
    .stage-wrapper::before{width: 150px; height: 150px}
    .banner-inner-wrapper p{font-size: 32px;}
    .stage-wrapper{padding: 60px 0px 80px;}
    .why-wrapper{padding: 60px 0;}
    .our-features-wrapper{padding: 60px 0 45px;}
    .about-main-wrapper{padding: 60px 0 45px;}
    .pillar-inner-main{max-width: 320px;}
    .pillar-inner{gap:20px; justify-content:center}
    .pillar-inner-main:nth-child(2) {transform: translateY(0px);}
    .pillar-wrapper {padding: 60px 0;}
    .director-wrapper{padding: 60px 0 45px;}
    .success-wrapper{padding:60px 0 45px;}
    .why-choose-wrapper{padding: 60px 0;}
    .panchabutha-inner-wrapper{ flex-direction:column; text-align:center; gap:30px;}
    .panchabutha-inner-wrapper:nth-child(even){flex-direction:column;}
    .panchabutha-inner, .panchabutha-img{max-width:100%;}
    .facilities-wrapper {padding: 60px 0;}
    .safety-wrapper{padding: 60px 0;}
    .banner-inner-wrapper h1{font-size: 40px;}
    .tender-wrapper {padding: 60px 0 45px;}
    .nature-wrapper::before{animation: none;}
    .tactile-wrapper{padding: 60px 0;}
    .health-wrapper {padding: 60px 0 45px;}
    .contact-wrapper{padding: 60px 0;}
}

@media (max-width:992px){
    h1{font-size: 42px;}
    h2{font-size: 36px;}
    h3{font-size: 26px;}
    .banner-inner-wrapper p span{font-size: 36px;}
    .footer-links{flex-wrap: wrap;}
    .about-inner-wrapper{flex-direction: column; gap: 20px}
    .about-right-wrapper{max-width: 100%;}
    .why-inner-wrapper{flex-direction: column-reverse;}
    .why-right-wrapper{display: none;}
    .why-left-wrapper{max-width: 100%;}
    .our-features-inner-wrapper{flex-wrap: wrap; justify-content: center;}
    .our-features-wrapper::before{width: 81px; height: 147px;}
    .admission-open-inner {flex-direction: column; gap: 40px}
    .admisson-open-right{display: none;}
    .get-in-touch-form, .admisson-open-right {max-width: 100%; background: none;}
    .admission-open-inner::after, .get-in-touch-form::after {display: none;}
    .about-main-inner-wrapper{flex-direction: column-reverse; gap: 10px}
    .about-main-right-wrapper{max-width: 100%;}
    .full-card{flex-direction:column;}
    .full-card-text, .full-card-img{width:100%;}
    .full-card-img img{height:220px;}
    .pillar-inner-main {width: calc(50% - 15px);}
    .pillar-inner-main:nth-child(2) {transform: translateY(0); }
    .why-choose-inner{ flex-direction:column; text-align:center;}
    .why-choose-inner:nth-child(even){flex-direction:column;}
    .why-text{width:100%;}
    .why-number{font-size:40px;}
    .director-inner-wrapper{flex-direction: column; gap: 20px}
    .director-right-wrapper{max-width: 100%;}
    .success-inner-wrapper:nth-child(even), .success-inner-wrapper{flex-direction:column-reverse; gap: 30px}
    .contact-inner-wrapper{flex-direction:column;}
    .contact-inner-left,
    .contact-inner-right{width:100%;}
    .banner-inner-wrapper h1{font-size: 38px;}
}

@media (max-width:776px){
    h1{font-size: 38px;}
    h2{font-size: 34px;}
    .banner-wrapper::before{    background: linear-gradient(86deg, rgb(88 96 49 / 80%) 20%, rgba(255, 255, 255, 0.16) 100%);}
    .about-left-wrapper, .about-left-wrapper img {max-width: 400px;}
    .about-left-wrapper::before{top: 25px; left: 25px; width: 350px; height: 350px;}
    .about-left-wrapper::after{ width: 440px; height: 440px;}
    .our-approach-inner {max-width: 252px;}
    .our-features-inner{max-width: 347px;}
    .nature-wrapper::before{top: -44px; left: 20px; width: 114px; height: 96px;}
    .our-features-wrapper::before {top: -51px;}
    .pillar-inner-main {max-width: 100%;}
    .safety-inner-wrapper{padding: 45px 20px;}
    .facilities-content {flex-direction: column; gap: 0; padding: 0 0 5px;}
    .facilities-inner-wrapper{gap: 20px}
    .facilities-content h3, .facilities-content p {width: 100%;}
    .health-inner {width: 100%;}
    .health-img { width: 130px; height: 130px;}
    .banner-inner-wrapper h1{font-size: 36px;}
    .facilities-inner{max-width: 100%;}
    .feature-inner.full-width{flex-direction: column; gap: 0}
    .reasoning-inner{flex-direction: column; gap: 0}
}

@media (max-width:576px){
    h1{font-size: 36px;}
    h2{font-size: 32px;}
    h3{font-size: 24px;}
    h4{font-size: 22px;}
    .banner-inner-wrapper p span{font-size: 32px;}
    .banner-wrapper .fluid-container{align-items: flex-end; padding: 0px 20px 30px;}
    .banner-inner-wrapper h1{font-size: 26px; text-align: center;}
    .copyrights{flex-direction: column; gap: 3px}
    .our-approach-inner {max-width: 100%;}
    .stage-inner-wrapper{flex-wrap: wrap; gap: 20px}
    .stage-inner-image {max-width: 200px;}
    .about-wrapper::before, .about-wrapper::after{display: none;}
    .our-features-inner {max-width: 100%;}
    .nature-inner{flex-direction: column;}
    .nature-inner-main, .nature-inner-main.center{width: 100%;}
    .nature-inner-image.big{height: unset;}
    .stage-inner-wrapper::after, .stage-wrapper::after{width: 60px; height:60px;}
    .footer-text span{font-size: 38px;}
    .why-left span{font-size: 19px;}
    .pillar-inner-main {width: 100%;}
    .panchabutha-wrapper{padding:50px 15px;}
    .panchabutha-inner{padding:15px;}
    .contact-wrapper .form-group{width:100%;}
    .contact-wrapper .form-md{padding:20px;}
    .safety-inner-wrapper{flex-direction: column;}
    .safety-inner-right, .safety-inner-left{max-width: 100%;}
    .tactile-inner {max-width: 210px;}
    .banner-inner-wrapper h1{font-size: 34px;}
    .feature-inner{max-width: 100%;}
    .banner-wrapper{height: 700px;}
}


@media (max-width:480px){
    h1{font-size: 32px;}
    p, a{font-size: 16px;}
    h2{font-size: 30px;}
    h3{font-size: 22px;}
    .banner-inner-wrapper p span{font-size: 28px;}
    .banner-inner-wrapper p{justify-content: center;}
    .footer-text span{line-height: 1.2;}
    .footer-text span{font-size: 36px;}
    .footer-logo{gap: 10px}
    .footer-logo > span img{max-width: 100px;}
    .about-wrapper{padding:60px 0 40px;}
    .about-left-wrapper, .about-left-wrapper img {max-width: 300px;}
    .about-left-wrapper::before{top: 25px; left: 25px; width: 250px; height: 250px;}
    .about-left-wrapper::after{ width: 340px; height: 340px;}
    .our-approach-image span:first-child img, .our-approach-image{max-width: 100px;}
    .our-approach-image span:last-child img{width: 35px;}
    .stage-wrapper::before { width: 100px; height: 100px;}
    .stage-wrapper{padding: 40px 0px 60px;}
    .stage-inner-wrapper::after, .stage-wrapper::after{width: 40px; height:40px;}
    .why-wrapper{padding: 40px 0;}
    .nature-wrapper::before{ width: 90px; height: 76px;}
    .our-features-wrapper{padding: 40px 0;}
    .our-features-wrapper::before { width: 63px; height: 115px;}
    .our-features-inner ul li{font-size: 16px;}
    .our-features-inner .tag{font-size: 20px;}
    .why-left span{font-size: 18px;}
    .why-left-image {max-width: 30px;}
    .about-main-wrapper{padding: 40px 0 25px;}
    .pillar-wrapper {padding: 40px 0;}
    .director-wrapper{padding: 40px 0 25px;}
    .success-wrapper{padding:40px 0 25px;}
    .why-choose-wrapper{padding: 40px 0;}
    .facilities-wrapper {padding: 40px 0;}
    .safety-wrapper{padding: 40px 0;}
    .tactile-inner {max-width: 100%;}
    .tender-inner-wrapper p{font-size: 18px;}
    .tactile-wrapper{padding: 40px 0;}
    .tender-wrapper {padding: 40px 0 25px;}  
    .health-wrapper {padding: 40px 0 25px;}
    .contact-info li a{word-break: break-word; overflow-wrap: break-word;}
    .contact-info li a span{width: 40px; height: 40px;}
    .contact-wrapper{padding: 40px 0;}
}

@media (max-width:420px){
    h1{font-size: 30px;}
    h2{font-size: 28px;}
    .get-in-touch-text p{font-size: 21px;}
    .banner-inner-wrapper p{font-size: 22px;}
    .get-in-touch-text h2{line-height: 1.2;}
    .get-in-touch-form{padding: 30px 20px;}
    .approach-inner-card{flex-direction: column;}
}