@media (min-width: 768px) {
  .blogs-listing .row > .col-md-6.col-xl {
    flex: 0 0 auto;
    width: 50%;
  }

  .blogs-listing .row > .col-md-6.col-xl:last-child {
    margin-inline: auto;
  }
}

@media (min-width: 992px) {
  .site-navbar .container { position: relative; }
  .site-navbar .navbar-collapse { justify-content: flex-end; }

  .site-navbar .navbar-nav {
    position: absolute;
    left: 50%;
    margin-inline-start: 0 !important;
    transform: translateX(-50%);
  }

  .site-navbar__cta { margin-inline-start: auto; }

  .home-promo .col-lg-3:not(:first-child) .home-promo__item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: calc(var(--bs-gutter-x) * -0.5);
    width: 1px;
    background: linear-gradient(to bottom, transparent 0%, rgba(252, 197, 57, 0.2) 18%, var(--ht-accent) 50%, rgba(252, 197, 57, 0.2) 82%, transparent 100%);
    content: "";
  }
}

@media (max-width: 1199.98px) {
  :root { --ht-section-space: 4.5rem; }
  h1 { font-size: 2.375rem; }
}

@media (max-width: 991.98px) {
  .blog-article__layout { grid-template-columns: 1fr; max-width: 46rem; }
  .blog-article__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); position: static; }
  .about-purpose__item { min-height: 18rem; }
  .about-purpose__media { min-height: 18rem; }

  :root { --ht-section-space: 4rem; }
  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.875rem; }

  .site-navbar { min-height: 4.75rem; }
  .site-navbar .navbar-collapse { padding-top: var(--ht-space-2); }
  .site-navbar .navbar-nav { padding-block: var(--ht-space-2); }
  .site-navbar .nav-link { padding-inline: 0; }
  .site-navbar .nav-link.active { box-shadow: inset 3px 0 0 var(--ht-accent); }
  .site-navbar__cta { margin: var(--ht-space-2) 0 0; }
  .home-hero .carousel-item { height: 35rem; }
  .home-why__header { margin-bottom: 3.5rem; }
  .home-why__showcase {
    grid-template-areas:
      "visual visual"
      "devices doctors"
      "experience prices"
      "safe safe";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--ht-space-5);
  }
  .home-why__visual { width: min(100%, 22rem); }
  .page-intro { padding-block: 4.5rem; }
  .service-booking { padding-block: 4rem; }
}

@media (max-width: 767.98px) {
  .blog-article__image { margin-bottom: var(--ht-space-4); }
  .blog-article__research { align-items: flex-start; flex-direction: column; }
  .blog-article__research-actions { width: 100%; }
  .blog-article__research-actions .ht-btn { flex: 1 1 auto; }
  .blog-article__aside { grid-template-columns: 1fr; }
  .about-purpose__item { display: flex; min-height: 0; padding-block: 0; flex-direction: column; }
  .about-purpose__media { width: 100%; min-height: 15rem; margin: 0; border-radius: var(--ht-radius-md); }
  .about-purpose__card { position: relative; top: auto; width: calc(100% - 1.5rem); margin: -2rem auto 0; transform: none; }
  .about-purpose__item--mission .about-purpose__card { inset-inline-end: auto; }

  .testimonial-carousel__viewport { margin-inline: 2.875rem; }
  .testimonial-carousel__slide { padding-inline: 0.5rem; }
  .testimonial-carousel__control { width: 2.25rem; height: 2.25rem; font-size: 1rem; }

  :root { --ht-section-space: 3.5rem; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.375rem; }

  .site-footer { padding-top: 3.5rem; }
  .site-footer__bottom { margin-top: 3rem; }
  .home-hero .carousel-item { height: 33rem; }
  .home-hero__content { max-width: 32rem; padding: var(--ht-space-4); }
  .home-hero .carousel-control-prev, .home-hero .carousel-control-next { width: 11%; }
  .home-promo__item { padding: var(--ht-space-3); }
  .home-appointment__form { padding: var(--ht-space-4); }
  .home-why__header { grid-template-columns: 1fr; gap: var(--ht-space-2); margin-bottom: var(--ht-space-5); }
  .about-overview__panel, .about-purpose__card { padding: var(--ht-space-4); }
  .service-booking__content { align-items: flex-start; flex-direction: column; }
  .contact-form { padding: var(--ht-space-4); }
  .contact-map__frame, .contact-map iframe { min-height: 25rem; }
}

@media (max-width: 575.98px) {
  :root {
    --ht-font-size-base: 0.9375rem;
    --ht-font-size-button: 0.9375rem;
    --ht-section-space: 2.75rem;
  }

  h1 { font-size: 1.875rem; }
  h2 { font-size: 1.5625rem; }
  .ht-section--compact { padding-block: var(--ht-space-5); }
  .ht-btn, .btn.ht-btn { width: 100%; }
  .ht-card__body { padding: var(--ht-space-3); }
  .site-logo { width: 10.75rem; height: 4rem; }
  .site-footer__hours li { align-items: flex-start; flex-direction: column; gap: 0.125rem; }
  .site-footer__hours li span:last-child { text-align: start; }
  .home-hero .carousel-item { height: 34rem; }
  .home-hero__content { padding: var(--ht-space-3); }
  .home-hero__content h1 { font-size: 1.875rem; }
  .home-hero__content p:not(.ht-section-eyebrow) { margin-bottom: var(--ht-space-3); }
  .home-hero .carousel-control-prev, .home-hero .carousel-control-next { display: none; }
  .home-hero .carousel-indicators { margin-bottom: var(--ht-space-3); }
  .home-promo { padding-block: var(--ht-space-3); }
  .home-promo__item { padding-inline: var(--ht-space-3); }
  .home-appointment__form { padding: var(--ht-space-3); }
  .home-why__showcase {
    grid-template-areas:
      "visual"
      "devices"
      "doctors"
      "experience"
      "prices"
      "safe";
    grid-template-columns: 1fr;
    gap: var(--ht-space-4);
  }
  .home-why__visual { width: min(100%, 18rem); }
  .home-why__feature--doctors, .home-why__feature--prices { text-align: start; }
  .home-why__feature--doctors p, .home-why__feature--prices p { margin-inline-start: 0; }
  .page-intro { padding-block: 3.5rem; }
  .about-overview__panel, .about-purpose__card { padding: var(--ht-space-3); }
  .about-purpose__number { top: var(--ht-space-3); inset-inline-end: var(--ht-space-3); font-size: 2.75rem; }
  .service-benefit { padding: var(--ht-space-3); }
  .service-booking { padding-block: 3rem; }
  .contact-form, .contact-details, .contact-hours { padding: var(--ht-space-3); }
  .contact-hours li { align-items: flex-start; flex-direction: column; gap: 0.125rem; }
  .contact-hours strong { text-align: start; }
  .contact-map__frame, .contact-map iframe { min-height: 24rem; }
  .contact-map__label { top: auto; right: var(--ht-space-3); bottom: var(--ht-space-3); inset-inline-start: var(--ht-space-3); max-width: none; padding: var(--ht-space-3); }
}