@media (max-width: 991px) {
  .page-banner {
    min-height: auto;
    padding: 120px 0 80px;
  }

  .page-banner-title {
    font-size: 42px;
  }

  .banner-highlights {
    grid-template-columns: 1fr;
  }
  .hero-section h1 {
    font-size: 38px;
  }
  .hero-section {
    min-height: auto;
    padding: 2rem 0;
  }

  .hero-content {
    min-height: auto;
  }
  .stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
  }
  .footer-section {
    padding-top: 50px;
  }
  .leadership-card {
    display: block;
}
}

@media (max-width: 767px) {
  .page-banner-title {
    font-size: 34px;
  }
  .student-life-title,
  .program-detail-title,
  .programs-title,
.inner-hero .hero-title {
     font-size: 32px; 
}
  .page-banner-desc {
    font-size: 15px;
  }
  .hero-section h1 {
    font-size: 35px;
  }
  .navbar-expand-lg .navbar-brand {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .hero-bg img {
    height: 100% !important;
  }
  .section-padding {
    padding: 50px 0;
  }
  .hero-btns {
    display: block;
  }
  .watch-video {
    margin-top: 10px;
  }
  .section-header {
    margin-bottom: 10px;
    display: block;
}
.section-title {
    font-size: 28px;   
}
.stat-item {
    padding: 30px 20px;
}
.vision-content h3, .mission-content h3 {
    font-size: 25px;
}
.vision-icon, .mission-icon {
    width: 80px !important;
    height: 80px !important;
}
.leadership-card {
    display: block;
}
.students-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px;
    gap: 50px;
}
.student-feature:not(:last-child)::after {
  display: none;
}
.student-life-banner,
.program-detail-hero,
.programs-hero {
    min-height: auto;
    padding: 2rem 0 5rem;
}
.program-features {
    gap: 10px;
        margin-top: 10px;
}
.program-feature {
    display: grid;
        gap: 0px;
}
.career-service-card h4 {
    min-height: auto;
}
.career-service-icon {
    margin-bottom: 0px;
}
.navbar-brand.w-100 img {
    height: 65px;
    margin: 5px 0;
}
.topbar-wrapper {
    justify-content: right;
}
.leader-content h3 {
    font-size: 24px;
    margin-bottom: 0;
}
.leader-image img {
    margin-bottom: 15px;
}
.designation {
    margin-bottom: 0;
}
.vision-icon i,
.mission-icon i {
    font-size: 36px;
}
.benefit-item {
    padding: 15px 10px;
}
.benefit-icon i {
    font-size: 46px;
    line-height: 46px;

}
.specialization-card p {
    min-height: auto;
}
.btn-primary-custom,
.btn-accent-custom {
    padding: 10px 28px;
}
    .page-banner {
        min-height: auto;
        padding: 50px 0 80px;
    }
    .life-icon i {
    font-size: 42px;
    color: var(--primary);
    line-height: 42px;
}
.life-icon i {
    font-size: 42px;
    line-height: 42px;
}
    .student-life-banner {
        min-height: auto;
        padding: 50px 0 100px;
    }
        .contact-hero-banner {
        min-height: auto;
        padding: 50px 0;
    }
}