@media (max-width: 1199.98px) {
  .hero-home {
    padding: 5.5rem 0;
  }
}

@media (max-width: 991.98px) {
  .navbar {
    min-height: 74px;
  }

  .brand-logo,
  .custom-logo {
    width: 150px;
    max-height: 66px;
  }

  .hero-home,
  .page-hero {
    padding: 4rem 0;
  }

  .section {
    padding: 4rem 0;
  }

  .hero-card {
    padding: 2rem;
  }
}

@media (max-width: 767.98px) {
  .display-4 {
    font-size: 2.35rem;
  }

  .display-5 {
    font-size: 2.1rem;
  }

  .section-title {
    font-size: 1.85rem;
  }

  .feature-card,
  .service-card,
  .mini-card,
  .info-card,
  .form-card,
  .contact-aside,
  .quote-highlight,
  .post-card {
    padding: 1.5rem;
  }

  .cta-box {
    padding: 3rem 1.35rem;
  }
}

@media (max-width: 575.98px) {
  .btn-lg {
    width: 100%;
  }

  .hero-logo {
    max-width: 260px;
  }
}