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


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

@media (max-width: 1399.9px) {
  .navigation .main-menu a {
    padding: 6px;

  }

  .display-4 {
    font-size: 2.6rem;
  }

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


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

  .navigation .main-menu a {
    font-size: 12px;
  }

  .readmore .button {
    gap: 10px;
    padding: 14px 1.25rem;
    min-width: 120px;
    font-size: 12px;

  }

}

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

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

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

  .heading {
    /* margin-bottom: 3rem; */
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-bottom: 1.2rem;
    /* border: 1px solid red; */
  }

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

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

  .banner {
    height: auto;
    margin-top: 69px;
}

.carousel-inner {
  height: 600px;
}

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

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

  .admissionSection {
    height: 60vh;
  }

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

  .testiLeft {
    margin-bottom: 2rem;
  }


  .swiper {
    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;
    margin-top: 2rem;
  }

  .msgContainer {
    text-align: center;
  }

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

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

  body {
    text-align: justify;
    text-align-last: center;
  }

  .form-control,
  .address ul {
    text-align-last: left;
    font-size: 13px;
    padding: 7px;
  }

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

  .banner {
    height: auto;
  }
  .carousel-inner {
    height: 500px;
  }

  /* .heading {
    margin: 0 auto 2rem;
  } */

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

  .testiLeft {
    margin-bottom: 1.5rem;
  }

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

  .upcomingBox .display-4 {
    font-size: 2.3rem;
  }

  .header {
    padding: 10px 3rem;
  }

 

  
}

@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%;
  }

  .header {
    padding: 10px 1rem;
  }

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

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

  .heading .h2 {
    font-size: 2rem;
  }
  .carousel-inner {
    height: 400px;
  }

  .admissionSection {
    height: auto;
  }

  .form-group .agreed{
    font-size: 12px;
  }
  .next-box .inner {
    padding: 10px;
    gap: 5px;
  }

  .whatsapp-btn {
    display: none;
  }

  .header-icons .button {
    display: none;
  }

  .footer-area {
    margin-bottom: 2rem;
  }

  .button-top {
    bottom: 40px;
  }


}

@media (max-width: 480px) {
  .header {
    padding: 5px 1rem;
  }

  .form-group .agreed{
    font-size: 10px;
    justify-content: center;
  }

  .carousel-inner {
    height: 350px;
  }

  /* .logo img,
  .fixed-header-strip .header .logo img,
  .header.notfixed .logo img,
  .header.fixed .logo img {
    width: 90px;
  } */

  .next-box .inner img {
    width: 20px;
  }
}

@media (max-width: 425px) {
  .padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
}

@media (max-width: 375px) {
  .next-box:nth-child(1) {
    width: 50%;
  }

  .next-box:nth-child(2) {
    width: 50%;
  }

  .next-box:nth-child(3) {
    width: 100%;
  }

  .footer-area .bottom p {
    font-size: 10px;
  }
  .form-group .agreed{
    font-size: 9px;
    align-items: center;
  }
}

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

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