@media only screen and (min-width: 1650px) and (max-width: 1920px){
.container{max-width: 90%;}
}

@media (max-width: 1445px){

}
@media (max-width: 1367px){
.navbar-expand-lg .navbar-nav .nav-link{padding: 5px 0px; margin: 0 15px;}
.banner-slide-menu{top: 55%;}
.tab-sub-img{margin: 0 50px; margin-top: -60px;}
.coppy-text p{font-size: 13px;}
.coppy-link p{font-size: 13px;}
.coppy-link a{font-size: 13px;}
.all-color{margin-top: -12px;}
.green-bg{margin-top: -7px;}
.content-inner h4 br{display: none;}
.content-inner{transform: translateY(230px);}
.content h4{font-size: 16px;}
.school-academic {padding: 30px;}
.news-box{ padding: 25px;}
.news-box .date-box .date-details h5{font-size: 18px;}
.news-box .date-box .date-details p{font-size: 15px;}
.news-box .date-box{gap: 15px;}
.container{max-width: 90%;}
}
@media (max-width: 1265px){
.social-links{padding-left: 0;}
.subscribe-input{padding-left: 0;}
.navbar-expand-lg .navbar-nav{display: none;}
.banner-text{left: 35px;}
.school-text{padding-bottom: 8px;}
.green-bg{padding: 30px 15px;}
.navbar-expand-lg .navbar-nav .nav-link{margin: 0 10px;}
.content br{display: none;}
.news-box{margin-top: 20px;}
.tab-sub-img{gap: 20px;}
}
@media (max-width: 11605px){
.facility-heading h2{font-size: 90px;} 
.facility-heading p{padding-left: 0;}
.image-bottom{gap: 20px;}   
}
@media (max-width: 992px){
.container{max-width: 100%;}
.navbar-brand{width: 155px;}
header .toggle img{width: 35px;}
.phone-banner{display: block !important; border-radius:10px 10px 0 0px;}
.navbar-toggler{display: none;}
.green-bg{padding: 20px 15px;  margin: 0 15px; margin-top: -6px; border-radius: 0 0 10px 10px;}
.desktop-banner{display: none !important;}
.frame-btn{text-align: left; padding-top: 30px;}
.banner-img{height: auto;}
.banner{height: auto;}
.desktop-gallery{display: none;}
.top-menu{display: none;}
header .toggle{right: 15px; top: 20px;}
.desk-top-menu{padding: 0 15px;}
header{top: 0;}
.banner-text h2{font-size: 30px;}
.banner-slide-menu{display: none;}
.banner-img{padding-left: 15px; padding-right: 15px;}
.all-color{padding: 0 15px;}
.frame-work a{border-radius: 10px; padding: 10px 15px;}
.academic-box{transform: rotate(0deg); margin-bottom: 20px;}
.main-title{font-size: 25px;}
.about-text br{display: none;}
.about-text p{font-size: 14px; margin: 0;}
.about-text .bg-stroke{font-size: 90px;}
.academics-bg h2{font-size: 90px;}
.academics-bg h3{font-size: 25px; line-height: unset;}
.academics-bg br{display: none;}
.academics-bg p{font-size: 14px; padding-bottom: 0;}
.school-text{display: block;}
.school-academic{padding-bottom: 0;}
.why-text h2{font-size: 90px;}
.why-text h3{font-size: 25px;}
.why-text br{display: none;}
.why-text .nav{display: flex; flex-direction: row !important; flex-wrap: nowrap; overflow-x: scroll;}
.why-text .nav::-webkit-scrollbar{display: none;}
.why-text .nav-pills .nav-link{white-space: nowrap; border-radius: 10px; padding: 10px 53px; padding-left: 10px; font-size: 14px;}
.why-text .nav-pills .nav-link img{width: 25px;}
.why-text .nav-pills .nav-link.active{border-radius: 10px;}
.why-text .nav-pills .nav-link:last-child{margin-bottom: 25px;}
.tab-details img{width: 100%;}
.tab-sub-img img{width: auto;}
.tab-sub-img{margin-top: -50px;}
.all-contant-facility{display: block;}
.facility-heading h2{font-size: 90px;}
.facility-heading h3{font-size: 25px; padding-bottom: 0px; line-height: unset;}
.facility-heading br{display: block;}
.why-sec{padding: 40px 0;}
.facility-sec{padding: 40px 0;}
.facility-heading p{font-size: 14px; padding-left: 0; padding-bottom: 10px;}
.content-inner{transform: translateY(315px);}
.content p{font-size: 14px;}
.massage-text h2{font-size: 90px;}
.massage-text br{display: block;}
.massage-text h3{font-size: 25px; line-height: unset;}
.testi-headings span{display: inline-flex;}
.massage-text p{font-size: 14px;}
.qute-img{top: 160px;}
.messages-sec{padding: 60px 0;}
.test-bg{padding: 40px 0;}
.testi-headings h2{font-size: 90px;}
.testi-headings h3{font-size: 25px;}
.testi-headings p{font-size: 14px; margin-bottom: 15px;}
.testi-box p{font-size: 14px;}
.testi-box h5{font-size: 16px;}
.testi-box h6{font-size: 14px;}
.news-sec{padding-top: 40px;}
.news-text h2{font-size: 90px;}
.news-text h3{font-size: 25px; line-height: unset;}
.news-text span{font-size: 25px;}
.news-box{padding: 20px 15px; margin-bottom: 20px;}
.news-box .date-box .date-details h5{font-size:18px ;}
.news-box .date-box .date-details p{font-size: 14px;}
.news-box .date-box{padding-bottom: 30px;}
.all-news-btn{position: relative;left: 0;}
.date-text p{font-size: 14px;}
.date-text h5{font-size: 17px;}
.gallery-sec{padding: 40px 0; padding-bottom: 0;}
.gallery-sec h2{font-size: 90px;}
.gallery-sec h3{font-size: 25px; line-height: unset;}
.gallery-sec p{font-size: 14px; margin-bottom: 10px;}
.footer-logo img{width: 150px;}
.footer-bg{padding-top: 125px;}
.footer-link{padding-left: 0; padding-bottom: 10px;}
.footer-link li{padding-bottom: 10px;}
.footer-addres{padding-top: 20px;}
.coppy-text p{text-align: left;}
.social-link{padding-bottom: 15px;}
.coppy-link p{text-align: left;}
.coppy-top{padding-top: 20px; margin-top: 20px;}
.coppy-link{padding: 5px 0;}
#button{width: 40px; height: 40px; right: 15px;}
#button::after{font-size: 16px;}
.academics-bg br{display: none;}
.academics-bg h3 br{display: none;}
.students-img img {margin-bottom: -32px;}
.detail-text p{font-size: 14px;}
.tab-sub-img{display: block;}
.tab-sub-img{margin: 0; margin-top: 20px;}
.tab-sub-img img{padding-bottom: 10px;}
.facility-sec{padding-top: 0;}
.gallery-sec span{font-size: 25px; display: inline-flex;}
.addimition-sec{border-radius: 0 0 20px 20px;}
.frame-work p{font-size: 14px;}
.frame-work h4{font-size: 20px;}
.gallery-sec span{margin-top: 0;}
.gallery-section{display: none;}
.addimition-sec{padding-bottom: 25px;}
.gallery-btn{font-size: 13px; height: 40px; margin-bottom: 40px; margin-top: 20px;}
.about-text a{font-size: 13px; border-radius: 10px;}
.testi-box{padding: 20px 15px; border-radius: 10px;}
.all-news-btn a{border-radius: 15px;}
.phone-gallery{display: block;}
.why-text span{display: inline-block;}


.GalleryGrid {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: -5px;
}
 .GalleryGrid .GridBox {
    margin: -5px;
    padding: 5px;
    width: 100%;
}
.GalleryGrid .GridBox:nth-child(1) {
        display: grid;
        grid-template-columns: minmax(105px, auto) 35px;
}
.GalleryGrid .GridBox:nth-child(2) {
        display: grid;
        grid-template-columns: minmax(15%, 1fr) 2fr;
}
.GalleryGrid .GridBox .Grid {
    padding: 5px;
    display: flex;
    opacity: 1;
}
.GalleryGrid .GridBox .Grid .ImgBox {
    border-radius: 5px;
    background-color: #9da19d;
    width: 100%;
    overflow: hidden;
    display: block;
    height: 120px;
}
.GalleryGrid .GridBox .Grid .ImgBox img {
    transition: transform .8s;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.GalleryGrid .GridBox:nth-child(3) {
        display: grid;
        grid-template-columns: minmax(170px, auto) 1fr 35px;
}
.GalleryGrid .GridBox:nth-child(4) {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
}
.GalleryGrid .GridBox:nth-child(5) {
        display: grid;
        grid-template-columns: minmax(35px, auto) 1fr 170px;
}
.GalleryGrid .GridBox .Grid .Block {
    border-radius: 5px;
    background-color: #06402b;
    width: 25px;
    height: 25px;
}
.GalleryGrid .GridBox:nth-child(6) {
        display: grid;
        grid-template-columns: minmax(135px, 1fr) 125px;
}
.GalleryGrid .GridBox:nth-child(7) {
        display: grid;
        grid-template-columns: minmax(105px, auto) 35px;
}
.f-button{
    width:50px;
    height:50px;
    border-radius:50%;
    background:rgba(0,0,0,.5);
    color:#fff;
}

.f-button:hover{
    background:#fff;
    color:#000;
}

.fancybox__nav .f-button{
    width:60px;
    height:60px;
}
}

@media (max-width: 491px){
.testi-headings h2 {font-size: 40px;}
.academics-bg h2{font-size: 40px;}
.academics-bg{padding-top: 100px; border-radius: 0 0 20px 20px;}
.academics-bg br{display: none;}
.why-text h2{font-size: 40px;}
.facility-heading h2{font-size: 40px;}
.facility-sec{border-radius: 0 0 20px 20px;}
.massage-text h2{font-size: 40px;}
.news-text h2{font-size: 40px;}
.news-box{margin-top: 20px; border-radius: 10px;}
.image-bottom{padding: 20px 15px; gap: 10px;}
.gallery-sec h2{font-size: 40px;}
.round-box{width: 100px; height: 100px;}
.round-box::before{left: -40px;}
.round-box img{width: 12px !important;}
.addmition-btn{right: unset; left: 40px; top: 95px; display: none;}
.addmition-btn a{font-size: 10px;}
.addmition-btn span{font-size: 14px;}
.about-text .bg-stroke{font-size: 40px;}
.about-text{padding-top: 60px;}
.test-bg .container::after{display: none;}
.test-bg .container::before{display: none;}
.inspiring-text{padding-left: 45px;}
.banner-text{top: 28px;}
.content-inner {transform: translateY(260px);}
.news-box .date-box .date-details h5{font-size: 16px;}
.admition-img{ border-radius: 12px 40px 12px 12px;}
.second-admition{border-radius: 40px 12px 12px 12px;}
.banner-img{padding-top: 100px;}
}