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

/* desktop */
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 13px;
  }
}

/* large screens */
@media screen and (max-width: 1440px) and (min-width: 1200px) {
}

/* Tabs */

@media (max-width: 768px) {
  .navbar {
    padding: 0px 0px !important;
  }

  .navbar .navbar-brand img {
    width: 95px;
  }

  .navbar > .container {
    padding: 10px;
  }

  .nav-top-only-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e3e3e3;
    width: 100%;
    padding: 5px 5px;
  }

  .banner-carousel .item {
    height: 75vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .btn-book {
    padding: 5px 10px;
    font-size: 13px;
  }

  .nav-top-only-mobile {
    display: flex;
  }

  .nav-top-only-mobile a {
    text-transform: uppercase;
  }

  .navbar-toggler,
  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .banner-title {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 1.4;
  }

  .apply-now-banner {
    font-size: 12px;
  }

  .banner-slide-1 {
    background-image: url("../images/banners/Mobile-Banners/banner-1.webp");
    text-align: center;
  }

  .banner-slide-2 {
    background-image: url("../images/banners/Mobile-Banners/banner-2.webp");
    text-align: center;
  }

  .banner-slide-3 {
    background-image: url("../images/banners/Mobile-Banners/banner-3.webp");
    text-align: center;
  }

  .banner-slide-4 {
    background-image: url("../images/banners/Mobile-Banners/banner-4.webp");
    text-align: center;
  }

  .banner-carousel .owl-dots {
    bottom: -30px;
  }

  .text-section-container {
    position: static;
    background: transparent;
    padding: 0;
  }

  .banner-carousel .item {
    height: 60vh; /* Adjust as needed for desktop */
  }

  .text-of-banner {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    width: 100%;
  }

  /* .text-of-banner h1 br{
      display: none;
    } */

  .banner-sub-text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    animation: fadeInUp 1.2s ease-out;
  }

  /* --------Home - Page------ */
  .events-activities {
    padding: 30px 0;
  }

  .events-activities h3 {
    font-size: 1.5rem;
  }

  .events-carousel .item {
    height: 300px;
  }

  .all-logo-clrs .section-title h2 {
    font-weight: 700;
    color: var(--purple);
    font-size: 2rem;
  }

  .all-logo-clrs .section-title p {
    padding: 20px 30px 0px 30px;
    margin-bottom: 0px;
  }

  .services-section .btn-solid {
    text-align: center;
  }

  .services-section .image-box {
    position: static;
    margin-top: 1rem;
  }

  .services-section .stats-group {
    flex-direction: column;
  }

  .services-section .service-card {
    text-align: center;
  }

  .services-section .card-image {
    text-align: center;
  }

  .stat-item {
    flex-direction: column !important;
    text-align: center;
    align-items: center !important;
    gap: 10px;
  }

  .stat-icon {
    width: 55px;
    height: auto;
  }

  .demo-testimonal {
    padding: 30px 0;
  }

  .demo-testimonal .testimonial {
    padding: 20px;
    background: var(--white);
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .testimonial-content {
    flex: 1;
    position: relative;
    z-index: 5;
  }

  .aboutus .heading-aboutus h1 {
    font-size: 25px;
  }

  .aboutus {
    padding: 40px 0px;
  }

  .about-kasturbha-school {
    padding-top: 40px;
  }

  .vmp {
    padding: 0px 0px;
  }

  .pre-primary-section {
    padding: 0px 0px;
  }

  .primary-section {
    padding: 0px 0px;
  }

  .full-text-with-pose .row {
    flex-direction: column-reverse;
  }

  .full-text-with-pose {
    padding-bottom: 40px;
  }

  .middle-vse-intro {
    padding: 0px;
  }

  .agriculture-middle-school .row {
    flex-direction: column-reverse;
  }

  .agri-image-overlay-text {
    margin-top: 20px !important;
    max-width: 100%;
    padding: 20px;
    position: relative;
  }

  .middle-vse-skilldev {
    padding-bottom: 40px;
  }

  .highschool-vse-intro {
    padding-top: 0px;
  }

  .highschool-vse-approach .col-lg-7 {
    padding-top: 30px;
  }

  .highschool-vse-approach {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .fouri-hero-content {
    text-align: center;
  }
  .fouri-page {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  .fouri-hero-title,
  .fouri-why-title {
    font-size: 22px;
    text-align: center;
  }

  .fouri-hero-text,
  .fouri-intro-text {
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
  }

  .fouri-hero-image img,
  .fouri-why-image img {
    max-width: 300px;
    margin: 20px auto;
  }

  .fouri-why {
    padding: 10px 0;
  }

  .fouri-why p,
  .fouri-why-points li {
    font-size: 15px;
  }

  .fouri-why-points {
    padding-left: 15px;
    margin-top: 10px;
  }

  .fouri-why-bottom-text {
    font-size: 16px;
    text-align: center;
  }

  .facilities-vse {
    padding: 50px 0;
  }

  .facility-box-vse {
    padding: 25px;
    border-left-width: 4px;
  }

  .facility-box-vse h5 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .facility-box-vse p {
    font-size: 14px;
  }

  .space-faci {
    padding-top: 40px;
  }

  /* Single facility overlay fixes */
  .facilities-single .facility-img-wrapper img {
    border-radius: 14px;
  }

  .facilities-single .text-overly-single-img {
    position: static; /* remove absolute in mobile */
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    border-right-width: 4px;
  }

  .facilities-single .text-overly-single-img h5 {
    font-size: 20px;
  }

  .facilities-single .text-overly-single-img p {
    font-size: 14px;
    line-height: 1.6;
  }

  .vasi-feature .vasi-feature-text {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }

  .facilities-single {
    padding: 10px 0;
  }

  .mob-sp-top {
    margin-top: 30px;
  }

  .mob-sp-bottom {
    margin-bottom: 30px;
  }

  .mpd-table thead {
    display: none;
  }

  .mpd-table,
  .mpd-table tbody,
  .mpd-table tr,
  .mpd-table td {
    display: block;
    width: 100%;
  }

  .mpd-table tr {
    margin-bottom: 18px;
    border-radius: 12px;
    background: var(--white);
    padding: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  }

  .mpd-table td {
    padding-left: 45%;
    position: relative;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .mpd-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    top: 10px;
    font-weight: 600;
    color: var(--primary-color);
  }
}