@media (max-width: 1080px) {
  .nav-links {
    gap: 14px;
  }

  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .two-col,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .sidebar-layout {
    grid-template-columns: 1fr;
  }

  .sticky-sidebar {
    position: static;
  }
}

@media (max-width: 767px) {
  :root {
    --section-padding: 64px 20px;
  }

  .container {
    padding-inline: 20px;
  }

  .menu-toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .nav-links,
  .btn-admissions {
    display: none;
  }

  .home-hero {
    padding-top: 126px;
    min-height: auto;
  }

  .home-hero h1 {
    font-size: 2rem;
  }

  .hero-btns {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-cards-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 0;
    scrollbar-width: none;
  }

  .hero-cards-track::-webkit-scrollbar {
    display: none;
  }

  .hero-image-card {
    min-width: 100%;
    scroll-snap-align: center;
  }

  .hero-image-card,
  .hero-image-card:first-child,
  .hero-image-card:last-child {
    transform: none;
    --card-tilt: 0deg;
    --card-enter-x: 0px;
  }

  .hero-dots {
    display: flex;
  }

  .drawer-dropdown:not([hidden]) {
    display: grid;
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stat-item {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(232, 184, 75, 0.35);
  }

  .stat-item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .grid-4,
  .grid-3,
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .container.grid.grid-2 {
    grid-template-columns: 1fr;
  }

  .container.grid.grid-2 > article {
    display: block;
    width: 100%;
  }

  .testimonial-card blockquote {
    font-size: 1.05rem;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .page-hero {
    padding: 140px 20px 56px;
    min-height: 36vh;
  }
}