@media (max-width: 1710px) {

}

@media (max-width: 1600px) {
  /* campus section */


    /* school banner */
    .carousel-indicators {
    right: 491px !important;
    bottom: 22px !important;
    }
}

@media(max-width:1399.98px){
  /* chairmen section */
     .chairmen_heading {
    font-size: 48px;
    }
     .doctor_box {
    bottom: 183px;
    }
   .chairmen_heading {
    width: 84%;
    font-size: 52px;
   }
.yellowshape2 {
    bottom: 273px;
    right: -12px;
    width: 510px;
    height: 360px;
}
.yellowshape {
    bottom: 186px;
    right: 106px;
    width: 506px;
    height: 354px;
}
.doctor_box {
    bottom: 212px;
}



   /* about building */
    .buildingheading {
    font-size: 30px;
    }
    .building_img_div{
    display: flex;
    justify-content: center;
    align-items: center;
    }
}


@media(max-width:1366px){
/* campus section */
  



    /* school banner */
        .carousel-indicators {
        right: 384px !important;
        }
}


@media(max-width:1345px){
  video {
    height: 78vh;
}
.bannersection {
    height: calc(100vh - 22.3vh);
}
}
@media(max-width:1300px){
  /* campus */
  .nav-buttons {
    right: 91px;
}
}
@media(max-width:1200px) {
  /* wellcome section */
  .wellcomelogo {
    width: 160px;
}

/* facilities */
.Facilities {
padding-left: 300px;
}

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

    /* chairmen section */
        .chairmen_heading {
        font-size: 40px;
    }
        .yellowshape {
        bottom: 147px;
        right: 13px;
        width: 521px;
        height: 365px;
    }
        .doctor_box {
        bottom: 163px;
        left: 52px;
    }
    

       /* about page */
        .buildingheading {
        font-size: 26px;
    }


  }
@media(max-width:1100px){
  /* campus section */
   .carousel, .carousel-item {
        width: 100vw;
        /* height: 72vh; */
    }
  .campusheading {
    font-size: 40px;
  }
  .campusesrow {
    padding-left: 218px !important;
}

/* school banner */
.desc{
  font-size: 16px;
}
.schollbannerheading {
    font-size: 26px !important;
    font-weight: 700;
}

/* facilities */
/* facilities */
.Facilities {
padding-left: 200px;
}
}
  @media(max-width:1050.98px){
    /* chairmen section */
        .yellowshape2 {
        bottom: 294px;
        right: 0px;
        width: 480px;
        height: 337px;
    }
        .yellowshape {
        bottom: 171px;
        right: 24px;
        width: 491px;
        height: 365px;
    }
        .doctor_box {
        bottom: 185px;
        }
  }

@media(max-width:1024px){
  /* campus section */
  .badge{
    font-size: 14px;
}



/* school banner */
    .carousel-indicators {
        right: 253px !important;
    }
}
@media(max-width:992px){
  /* campus section */
      .nav-buttons {
        right: 60px;
    }
}
@media(max-width:991.98px){
    /* banner section */
    video {
    width: 100%;
    height: 100%;
    }
    .bannersection {
    height: calc(100vh - 50.9vh);
    }
       .audio-icon {
    font-style: 16px;
    }




/* news section */
  .marqueecontainer{
        padding: 10px 0px;
    }
      .marqueetext p {
    font-size: 20px;
    }
       .locationbtn {
        padding: 10px 15px;
    }




    /* wellcome section */
     .wellcomedescription {
    width: 100%;
    text-align: justify;
        font-size: 18px;
        padding-right: 0px;
        padding: 0px 15px;
      }



      /* chairmen section */
       .chairmenrow{
    row-gap: 40px;
 }
     .chairmendescription{
        padding: 0px !important;
    }
     .doctor_box {
        bottom: -1px;
          left: 10px;
    }
     .yellowshape,.yellowshape2{
      display: none;
     }
  



      /* about school page */
    .about_row{
        row-gap: 40px;
    }


    /* campus section */
    .campusesrow {
    padding-left: 80px !important;
}
.campus-card {
    width:550px;
    height: 350px !important;
}
.campusessection{
  padding: 80px 0px;
}


/* school banner */
.desc{
  display: none;
}


/* facilities */
.Facilities{
padding-top: 50px;
padding-bottom: 50px;
  padding-left: 50px;
}
.Facilitiesarrow {
    display: flex
;
    align-items: flex-start;
     margin-top: 0rem; 
    margin-left: -40px;
    gap: 2rem;
     padding-top: 0px !important; 
}
   
  }

  @media(max-width:815px){
/* campus section */
 

        .carousel-caption {
    right: 1% !important;
    bottom: 1.25rem !important;
    left: 8% !important;
}


}
@media(max-width:768.98px){
      .Facilitiesarrow {
        position: absolute;
        top: unset;
        right: 27px;
   align-items: start; 
    margin-top: 0rem;
    margin-left: 0px;
   }
}
@media(max-width:767.98px){
  /* wellcome section */
   .wellcomedescription {
    width: 98%;
    text-align: justify;;
        padding: 0px 15px;
     padding-left: 30px;
    }
        .wellcomelogo {
        width: 150px;
    }



    /* about school section */
     /* aboutschool building */
    .buildingpara {
    text-align: justify;
    }


    /* campuse section */
        .campusesrow {
        padding-left: 40px !important;
    }

    /* school banner */
        .carousel-indicators {
        right: 180px !important;
    }

        .bannersection {
        height: calc(100vh - 55.9vh);
    }

    /* facilities */
    .FacilitiesContainer{
  position: relative;
}
/*.Facilitiesarrow {*/
/*  position: absolute;*/
/*         top: 26px;*/
/*        right: 34px;*/
/*  display: flex;*/
/*  justify-content: flex-end; */
/*}*/
    .Facilitiesarrow {
         position: unset; 
     
        margin-top: -9rem;
        display: flex
;
        justify-content: flex-end;
    }


}

@media(max-width:700px){
  /* campus section */
     .badge {
        font-size: 12px !important;
    }
}
@media(max-width:650.98px){
  /* campus section */
      .campusheading {
        font-size: 33px;
    }
        .campus-card {
        width: 450px;
        height: 300px !important;
    }
}
@media(max-width:640px){
    .bannersection {
        height: calc(100vh - 61.9vh);
    }
}

@media (max-width: 600px) {
 /* campus section */
      .carousel-caption {
        bottom: -0.75rem !important;

    }
}


@media(max-width:575.98px){
    /* banner section */
     .bannersection {
        height: calc(100vh - 62.9vh);
    }
     .audio-icon {
        top: 24px;
        right: 37px;
        font-size: 13px;
        padding: 3.5px 8px;
    }
    


    
/* news section */
  .marqueecontainer{
        padding: 5px 0px;
    }
      .marqueetext p {
    font-size: 16px;
    }
     .locationbtn {
       padding: 4px 15px;
    }





    /* wellcome section */
    	.Wellcometext {
    padding-top: 40px;
    padding-bottom: 40px;
}.wellcomedescription {
    text-align: justify;
    margin: auto;
    width: 90%;
    padding: 0px;
}
  .learn-btn {
    margin-top: 15px;
    }
        .wellcomelogo {
        width: 140px;
    }
     
          .wellcomedescription {
        font-size: 16px;
          }

    /* chairmen section */
    .chairmensection {
    padding: 50px 15px;
}



  /* about school page */
    .buildingpara {
    font-size: 16px;
    }
    .about_school_section {
    padding: 80px 15px
  }

  /* campus section */

    /*     .carousel-caption {*/
    /*    bottom: 1.25rem !important;*/
    /*}*/
        .campusesrow {
        padding-left: 20px !important;
    }

      .campusheading {
        font-size: 27px;
    }
       .campusessection {
        padding: 50px 0px;
    }



    /* school banner */
    .schollbannerheading{
      display: none;
    }
        .carousel-indicators {
        right: 142px !important;
        bottom: -17px !important;
        color: black;
    }
    .carousel-indicators.carouselindicators button.active {
    background-color: #000000;
}
     .schoolbanne{
      padding-bottom: 0px;
     }
       #zoomImageWrapper1 img,
  #zoomImageWrapper2 img,
  #zoomImageWrapper3 img {
    width: 95%;
    height: auto;
  }
      /*.carousel-caption {*/
      /*  left: 15% !important;*/
      /*}*/
    .carousel-caption {
        left: 8% !important;
        bottom: -6% !important;
    }

      /* facilities */
      .Facilities-card {
    padding: 25px;
    min-width: 300px;
    max-width: 300px;
        height: 350px;
      }
      .card-icon-img{
        width: 100px;
      }
      .Facilities-card h5 {
    font-size: 30px;
      }
          .Facilities {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 50px;
    }
    .facilities_arrow{
          display: flex;
    justify-content: space-around;
    }
        .card-icon-img {
        width: 80px;
    }

      /* scrollings */
      .ekashila-card {
    width: 200px;
    height: 200px;
      }
      .ekashila-quote-card{
        padding: 12px;
      }
      .ekashila-quote-card{
        font-size: 14px !important;
      }
      
      
        .carousel-indicators{
            display:none;
        }  
     .ekashila-main-heading-row{
      padding-bottom: 20px;
     }
}

@media(max-width:530px){
        .Facilitiesarrow {
        margin-top: -10rem;
    }
        .bannersection {
        height: calc(100vh - 68.9vh);
    }
}

@media(max-width:500px){

  /* campus section */
      .campus-card {
        width: 330px;
        height: 240px !important;
    }
        .campusheading {
        font-size: 24px;
    }
        .nav-buttons {
        right: 20px;
    }
 


    /* school banner */
        .carousel-indicators {
        right: 109px !important;
        }
    .Facilities {
        padding: 20px;
    }
}
@media(max-width:460px){
  /* wellcome section */
   .learn-btn {
    padding: 8px 12px;
    }



    /* chairmen section */
           .chairmen_heading {
        font-size: 34px;
        width: 100%;
    }
      .featurelist {
    grid-template-columns: repeat(1, 1fr);
    }
        .doctor_box h3,.doctor_box {
    font-size: 16px;
}
.doctor_box p {
    font-size: 13px;
}

  .Facilities-card {
    margin-right: 0 !important;
    margin-bottom: 20px;
    min-width: 100% !important;
  }
   /*.Facilities-card {*/
   /*      min-width: 330px !important;*/
   /* margin-right: 0px !important;*/
    
   /*   height: fit-content;*/
   /* }*/
  

    .bannersection {
        height: calc(100vh - 76.9vh) !important;
    }



/* aboutschool page */
    .buildingheading {
        font-size: 23px;
    }
    .buildingpara {
        font-size: 15px;
    }
    .about_school_section {
    padding: 50px 10px;
    }



    /* facilities */
        .Facilities-card h5 {
        font-size: 27px;
    }
        .Facilities {
        /*padding-top: 40px;*/
        /*padding-bottom: 40px;*/
        padding: 0px !important;
        padding-left: 25px;
    }
.FacilitiesContainer{
         padding: 0px !important;
}
        .Facilitiesarrow {
        top: -9px;
        }
        
        
        
        
}

@media (max-width: 432.98px) {
    /* banner section */
    .bannersection {
        height: calc(100vh - 69.9vh);
    }



    /* wellcome section */
        .wellcomelogo {
        width: 110px;
    }



    /* campus section */
        .campusheading {
        font-size: 20px;
    }
    .fa-solid, .fas {
    font-size: 14px;
    }
    .Facilities-btn{
      padding: 0px 10px;
    }
    .nav-buttons{
      gap: 0.5rem;
    }


    /* school banner */
        .carousel-indicators {
        right: 90px !important;
        bottom: -24px !important;
    }
}

@media(max-width:404px){
  /* aboutbuilding section */
          .buildingheading {
            font-size: 20px;
        }
            .carousel-caption {
        bottom: -8px !important;
    }
        .Facilities-card {
        min-width: 270px !important;
        height: fit-content;
    }
    .icon-underline {
    margin-top: 28px !important;
    }
}
@media(max-width:391px){
    /*wellcome page*/
        .wellcomedescription {
        font-size: 16px;
        }
  /* chairmen section */
.learn-btn{
    padding: 7px 12px;
    font-size: 14px;
    margin-top: -3px;
}
.circle2 {
    width: 80px;
    height: 80px;
    top: -1%;
    left: 66%;
}
.circle3 {
    width: 100px;
    height: 100px;
    top: 60%;
    left: 55%;
}



/* campus section */
    .campus-card {
        width: 250px;
        height: 164px !important;
    }
    .carousellink{
      gap: 0.5rem;
    }
        .campusheading {
        font-size: 18px;
    }
        .campusessection {
        padding: 50px 0px;
    }


    /* facilities */
    .ekashila-card {
    width: 200px;
    height: 200px;

    }
    .ekashila-quote-card{
      font-size: 14px !important;
    }
    
    
        .carousel-indicators {
        right: 134px !important;
        bottom: -24px !important;
    }
}

@media(max-width:384px){

  /* wellcome section */
      .Wellcometext {
        padding-top: 25px;
        padding-bottom: 25px;
    }
        .wellcomedescription {
        text-align: justify;
        margin: auto;
        width: 95%;
        padding: 0px;
    }


    /* chairmen section */
        .doctor_box h3 {
    font-size: 14px;
}





/* school banner */
    .carousel-indicators {
        right: 69px !important;
        bottom: -24px !important;
    }

    /* facilities */
    .Facilities{
      padding-left: 15px;
      padding-top: 20px;
        padding-bottom: 20px;
    }
        .Facilities-card {
        padding: 15px;
        min-width: 250px !important;
        width:250px !important;
        height: 300px;
    }
        .card-icon-img {
        width: 60px;
    }
        .Facilities-card h5 {
        font-size: 21px;
    }
    .icon-underline {
    margin-top: 32px !important;
    }
    .Facilitiesarrow{
      gap: 8px;
    }
}

@media(max-width:377px){
        .Facilitiesarrow {
        margin-top: -12rem;
    }
}
@media(max-width:360px){
  /* chairmen section */
.doctor_box{
padding: 13px;
}
    .chairmen_heading {
        font-size: 31px;
    }


/* about school section */
 .buildingheading {
        font-size: 18px;
    }
        .campusessection {
        padding: 30px 0px;
    }
    
        .carousel-indicators {
        right: 101px !important;
    }
        .Facilities-card {
        min-width: 230px !important;
    }

        .bannersection {
        height: calc(100vh - 77.9vh) !important;
    }
}


@media(max-width:330px){
  /* chairmen section */
    .doctor_box {
        padding: 9px;
        border-radius: 10px;
              bottom: -29px;
    }

   /* about school section */
         .buildingpara {
        font-size: 14px;
    }

.Facilities-btn{
  width: 36px;
  height: 36px;
}
        }

@media(max-width:320px){
  /* about school section */
      .buildingheading {
        font-size: 17px;
    }



    /* campus section */
        .nav-buttons {
        right: 10px;
        top: -76px;
    }

    .dynamic-heading{
      font-size: 17px;
    }
     .bannersection {
        height: calc(100vh - 82.9vh) !important;
    }
}