/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1199.98px) {
  .site-header .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    font-size: 0.74rem;
  }
}

@media (max-width: 991.98px) {
  :root {
    --cnb-header-height: 68px;
  }

  .admin-bar .site-header {
    top: 32px;
  }

  .site-header .navbar {
    border-radius: 0;
  }

  .hero-slider-center {
    padding-top: calc(var(--cnb-header-height) + 2.5rem);
    padding-bottom: 3rem;
  }

  .front-intro {
    padding-bottom: 72px;
  }

  .front-intro .title-outline {
    margin-bottom: 2.5rem;
  }

  .content-section,
  .content-section-alt,
  .section-padding {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }

  .site-header.is-hidden {
    transform: translateY(calc(-100% - 46px));
  }
}

@media (max-width: 767.98px) {
  :root {
    --cnb-header-height: 64px;
  }

  .site-header {
    padding: 0;
  }

  .site-header .navbar {
    min-height: var(--cnb-header-height);
  }

  .site-header .custom-logo {
    max-height: 46px;
  }

  .hero-slider-center {
    padding-top: calc(var(--cnb-header-height) + 2rem);
    padding-bottom: 2.5rem;
  }

  .hero-logo,
  .hero-logo-wrap .custom-logo {
    max-height: 110px;
  }

  .hero-slider-section .hero-title {
    font-size: clamp(1.2rem, 5vw, 1.65rem);
  }

  .title-outline {
    font-size: clamp(3.4rem, 18vw, 5.5rem);
    letter-spacing: -0.055em;
  }

  .front-intro-title {
    font-size: clamp(1.65rem, 8vw, 2.25rem);
  }

  .front-intro-content {
    font-size: 0.95rem;
  }

  .front-intro-image {
    margin-top: 2rem;
  }

  .cta-box {
    padding: 40px 22px;
  }

  .footer-menu,
  .site-footer .menu {
    flex-direction: column;
    gap: 0.5rem;
  }
}

@media (max-width: 575.98px) {
  .hero-logo,
  .hero-logo-wrap .custom-logo {
    max-height: 92px;
  }

  .hero-slider-section .eyebrow {
    font-size: 0.75rem;
  }

  .section-heading {
    margin-bottom: 36px;
  }
}