/*responsive*/
@media (min-width: 1300px) {
  .container-lg {
    max-width: 1280px;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

@media (max-width: 1399.9px) {
  .navigation .main-menu a {
    padding: 10px 1rem;
  }
}

@media (min-width: 1920px) {
  .container-lg {
    max-width: 1600px;
  }
}

@media (max-width: 1024px) {
  .navigation {
    column-gap: 1rem;
  }

  .admissionDetail .heading .h1 {
    font-size: 2rem;
  }

  .admissionDetail .heading .h5 {
    font-size: 1rem;
  }
}

@media (max-width: 991.9px) {
  html {
    font-size: 87.5%;
  }

  .icon-circular {
    width: 35px;
    height: 35px;
  }

  .padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .header {
    padding: 5px 2rem;
  }

  .header.fixed {
    padding: 5px 2rem;
  }

  .heading {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .heading.hasline span.h4 {
    font-size: 2rem;
  }

  .heading .h1 {
    font-size: 2.25rem;
  }

  .btm-center-bar.left {
    transform: none;
    left: 50%;
    transform: translateX(-50%);
  }

  .testiSwiper {
    padding-bottom: 50px;
  }


  .swiper-button-next,
  .swiper-button-prev {
    top: auto !important;
    margin-top: 0 !important;
    bottom: 0;
    width: 32px !important;
    height: 32px !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    color: var(--body-color) !important;
    font-size: 13px !important;
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: calc(50% - 35px);
  }

  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(50% - 35px);
  }

  .readmore {
    display: flex;
    justify-content: center;
  }

  .banner-form .inner {
    max-width: 100%;
    padding: 2rem;
    background-color: #fff;
  }

  .banner-form {
    position: static;
    transform: translateY(0%);
  }


  .school-control-input {
    top: 45%;
    left: 0px;
  }


  /* section-overview */
  .overviewBoxRight {
    margin-top: 2rem;
  }

  .overInfoBox {
    padding: 20px 0;
  }

  .infraBox .infraBox-info .image {
    width: 50px;
  }

  /* Parents Testimonial */
  .testi-item-info {
    text-align: center;
  }

  .msgContainer {
    text-align: center;
  }

  .footer-logo img {
    width: 100px;
  }
}

@media (max-width: 767.9px) {
  html {
    font-size: 75%;
  }

  .form-control,
  .address ul {
    text-align-last: left;
    background-color: #fff;
  }

  .container,
  .container-lg {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .banner {
    height: 500px;
    margin-top: 68px;
  }

  .heading {
    margin: 0rem auto 0;
  }

  .padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .readmore .button {
    min-width: 130px;
  }

  .admissionDetail {
    margin-top: 20px;
  }

  .admissionDetail .heading .h5 {
    font-size: 1.3rem;
  }

  .upcomingBox img {
    max-width: 160px;
  }

  .upcomingBox .mainHead {
    font-size: 3rem;
  }

  .banner-form .inner {
    max-width: 100%;
    padding: 2rem;
    background-color: #fff;
  }



  .overInfoBox .infoBox {
    margin-bottom: 20px;
  }


  .overInfoBox .infoBoxBottom {
    margin-bottom: 0px;
  }


  /* Our Infrastructure */
  .infraBox {
    padding: 23px 20px;
  }


  .infraBox .infraBox-info .image {
    width: 50px;
    padding: 7px;
  }

  /* Parents Testimonial */
  .testiSwiper {
    padding-bottom: 40px;
  }

  /* admissionSection */

  .admissionSection {
    padding-top: 0;
    display: block;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 575.9px) {

  .container,
  .container-lg {
    padding-left: 18px;
    padding-right: 18px;
  }

  .heading.hasline span.h4::before,
  .heading.hasline span.h4::after {
    width: 20%;
  }


  .banner {
    height: 400px;
    margin-top: 68px;
  }

  .bottomLogo .innerBtmLogo {
    width: 120px;
  }


  .heading .h1 {
    font-size: 2rem;
  }

  .readmore .button {
    min-width: 100px;
    padding: 11px 1.25rem;
    font-size: 12px;
    letter-spacing: 1.1px;
  }

  /* header */
  .header {
    padding: 5px 1rem;
  }

  .header.fixed {
    padding: 5px 1rem;
  }

  .form-group>label {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 500;
  }

  .section-overview .overviewBox {
    text-align: justify;
    text-align-last: center;
  }

  /* infrastructure */
  .infraBox {
    padding: 20px 0px;
  }

  .infraBox .infraBox-info {
    gap: 7px;
    margin-bottom: 25px;
    padding-bottom: 20px;
  }

  .infraBox .infraBox-info .image {
    width: 46px;
    padding: 7px;
  }

  .infraBox .infraBox-info h4 {
    font-size: 12px;
  }

  .button-top {
    bottom: 40px;
  }

  .school-control-input {
    top: 40%;
    left: 0px;
    width: 14px;
  }


  .footer-area .bottom {
    padding: 2rem 0 4rem 0;
  }

  .footerContent {
    flex-wrap: wrap;
    text-align: center;
  }
}

@media (max-width: 490px) {
  .footer-area .footerContent p:first-child {
    border-right: none;
  }
}


@media (max-width: 480px) {
  /* .logo img,
  .fixed-header-strip .header .logo img,
  .header.notfixed .logo img,
  .header.fixed .logo img {
    width: 90px;
    } */

  .logo img {
    width: 180px;
  }

  .infraBox .infraBox-info .image {
    width: 35px;
    padding: 4px;
  }

}

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

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

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

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