@media screen and (max-width: 1440px) {

    .events h4{
        font-size: 20px;
    }

    .pupil-img{
        width: 55%;
    }
    
      .custom-table{
        margin-left : -8rem;
    }
    
    .syllabi {
        padding: 70px 100px 130px 100px;;
    }
    
    .vision-text{
        padding: 50px 70px 130px 70px;
    }
    
    .arise{
         padding: 50px 100px 130px 100px;
    }
   
}

@media screen and (max-width: 1320px) {

    .custom-container{
        width: 86%;
    }

    .swiper-text h2{
        font-size: 26px;
    }

    .swiper-text h1{
        font-size: 34px;
    }
    
   .pupil-table{
       width: 45%;
   }
    
    .custom-table{
        margin-left : -5rem;
    }

    .pupil-sec-flex{
        display: flex;
        justify-content: center;
    }
    
    
    #arrowleft{
        margin-top: 2rem;
    }
    
    
    #arrowright{
        margin-top: 1rem;
        width: 15%;
    }
    
      .syllabi {
        padding: 50px 70px 110px 100px;;
    }
    
    .vision-text{
        padding: 30px 50px 110px 70px;
    }
    
    .arise{
         padding: 30px 70px 110px 70px;
    }
   
}

@media screen and (max-width: 1220px) {

    .events{
        width: calc(50% - 1rem);
    }

    .gallery-flex-img .image{
        width: calc(33.33% - 0.8rem);
    }
    
      
    .header-container{
        padding: 0;
    }
  
    #empty-div {
        height: calc(100vh - 123px);
   }
   
    .hamburger-menu {
        height: calc(100vh - 123px);
   }
   
       .syllabi {
        padding: 40px 50px 100px 70px;;
    }
    
    .vision-text{
        padding: 30px 30px 100px 50px;
    }
    
    .arise{
         padding: 30px 50px 100px 50px;
    }
    
    img#arrowup{
        margin-left: -40px;
    }
    
     .pupil-sec-flex .pupil-img{
        display: none;
    }
    
    .pupil-table{
       width: 70%;
   }
    
    .custom-table{
        margin-left : 0;
    }
    
    .latest-gallery .nav-tabs .nav-link{
        width: 25%;
    }

   .latest-gallery-flex{
       flex-direction: column;
   }
   
   .latest-gallery-flex div{
       width: 100%!important;
   }
}


@media screen and (max-width: 1024px) {

  
    .footer-logo {
        width: 38%;
    }
    
    .footer-menu-sec {
        width: 58%;
    }

    .footer-menu-flex{
        gap: 1.4rem;
    }
    
    .vision-mission-section2{
        display: block;
        background-color: #f8f8f8;
    }
    
      .vms{
        display: none;
    }
    
     .latest-gallery .nav-tabs .nav-link{
        width: 33.3%;
    }
    
       .admission-link1{
        display: flex;
        flex-direction: column;
    }

    .admission-links{
        display: none;
    }
   
}


@media screen and (max-width: 990px) {
  
    .technology-tab-flex{
        flex-direction: column-reverse;
    }

    .enrichment-content-sec{
        padding: 2rem;
    }

    .paddings{
        padding: 2rem 0;
    }

    .tech-text{
        width: 100%;
    }

    .tech-img{
        width: 100%;
    }

    .swiper-text h2{
        font-size: 22px;
    }

    .swiper-text h1{
        font-size: 28px;
    }

    .news-events-sec{
        flex-direction: column;
    }
    
    .news-events-sec .common-flex-sec:nth-child(2){
        width: 100%;
    }
    
    .news-events-sec .common-flex-sec:nth-child(1){
        width: 100%;
    }
    
    .news{
        width:calc(50% - 0.5rem);
    }

    .student-enrichment .common-flex{
        flex-direction: column;
    }

    .student-enrichment .common-flex-sec{
        width: 100%;
    }

    .student-enrichment .common-flex-sec:nth-child(2){
        display: none;
    }
  

}


@media screen and (max-width: 840px) {

   .custom-container{
    width: 90%;
   }

   .header-container{
    width: 90%;
   }

   .career-part{
    width:100%
   }

   .career-img{
    display: none;
   }

   .file-upload{
    gap: 1rem;
   }

   .contact-section .career-part{
    width: 100%;
}

.contact-section .contact-part{
    display: none;
}

.gallery-flex-img .image{
    width: calc(50% - 0.8rem);
}

.admittance-img{
    display: none;
}

.amangalam-img img{
    width: 90%;
}

   
    #latest-gallery1{
        /* display: none; */
    }
    
    #latest-gallery2{
        display: block!important;
    }
   
}

@media screen and (max-width: 720px) {
    
    .pre-primary-part, .primary-part{
        width: 100%;
        gap: 2rem;
    }

    .swiper-slide-section .swiper-flex{
        padding: 1rem;
    }

    .swiper-text h2{
        font-size: 18px;
    }

    .swiper-text h1{
        font-size: 22px;
    }

    .swiper-text{
        width: 95%;
    }
    
    .vms-common-section{
        width: 100%;
    }
    
    .vision-mission-syllabus-container .custom-container{
        gap: 2rem;
    }

 .latest-gallery .nav-tabs .nav-link{
        width: 50%;
    }
    
    .latest-gallery{
        padding: 2rem 0!important;
    }
    
    .events-head h1{
        font-size: 2.5rem;
    }
    
    .latest-gallery .d-flex{
        flex-direction: column;
    }
    
    .latest-gallery .me-3{
        width: 100%;
    }
    
    .latest-content{
        width: 100%!important;
    }
    
    
 
}


@media screen and (max-width: 576px) {


    h2{
        font-size: 2rem;
    }
    
      #empty-div {
        height: calc(100vh - 115px);
   }
   
    .hamburger-menu {
        height: calc(100vh - 115px);
        width: 100%;
   }
    
    .hamburger-menu.active{
        left: 0;
    }

    .swiper-text h2{
        font-size: 14px;
    }

    .swiper-text h1{
        font-size: 18px;
    }

    .school-logo a img{
        width: 85%;
    }

    .fifty-years-logo img{
        width: 75%;
    }

    .header-menu{
        gap: 1rem;
    }

    .school-logo{
        gap: 0;
    }

    .admission-link1{
        border-top: 1px solid white;
    }

    .admission-links a{
        font-size: 10px;
        font-weight: 400;
    }

    .technology-tab-flex{
        flex-direction: column-reverse;
    }

    .enrichment-content-sec{
        padding: 1rem;
    }

    .swiper-slide-section .swiper-flex{
        padding: 0;
    }

    .paddings{
        padding: 2rem 0;
    }

    .pre-primary-part, .primary-part{
        width: 100%;
        gap: 2rem;
    }

    .tech-text{
        width: 100%;
    }

    .tech-img{
        width: 100%;
    }

    .amangalam-img img{
        width: 100%;
    }

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

    .row-reverse{
        flex-direction: column-reverse;
    }

    .common-flex-sec{
        width: 100%;
    }

    .facilities-item-inner{
        width: 100%;
    }

    .primary-section{
        gap: 2rem;
    }

    .events-container .custom-container{
        padding: 2rem 0;
    }

    .events{
        width: 100%;
    }

    .gallery-flex-img .image{
        width: 100%;
    }

    .contact-section .custom-container{
        padding: 2rem 0 0 0;
    }

    .footer-logo {
        width: 80%;
    }

    .footer-flex{
        gap: 2rem;
    }
    
    .footer-menu-sec {
        width: 100%;
    }

    .footer-menu-flex{
        flex-direction: column;
        gap: 0;
    }

    .footer-menu ul{
        margin: 0;
        gap: 0.5rem;
    }

    .footer-address{
        width: 100%;
    }
 .facilities-item-inner:nth-child(5), .facilities-item-inner:nth-child(6), .facilities-item-inner:nth-child(7), .facilities-item-inner:nth-child(7), .facilities-item-inner:nth-child(8){
    border-bottom: 1px solid #d4d4d4;
 }

 .facilities-item-inner:nth-child(1), .facilities-item-inner:nth-child(2), .facilities-item-inner:nth-child(3), .facilities-item-inner:nth-child(5), .facilities-item-inner:nth-child(6),  .facilities-item-inner:nth-child(7){
    border-right: none;
 }

 .news{
    width: 75%;
    text-align: center;
 }

 .custom-container-inner {
    width: 90%;
    margin: auto;
 }

 .our-pride{
    width: 90%;
 }

 .our-pride h2{
    font-size: 24px;
 }

 .paddings p{
    text-align: left;
 }

 .facilities-item-inner img{
    width: 20%;
 }
 
 .pupil-table {
    max-width: 400px;
}

.latest-gallery .nav-tabs .nav-link{
        width: 100%;
        padding: 8px;
        font-size:16px;
    }  
    
}

@media screen and (max-width: 420px) {
   
    .hamburger-menu {
        height: calc(100vh - 102px);
   }
}

@media screen and (max-width: 320px) {
   
    .hamburger-menu {
        height: calc(100vh - 72px);
   }
}