@media (max-width: 1199.98px) {
  .section-padding {
    padding: 90px 0;
  }

  .hero-content h1 {
    font-size: 3.5rem;
  }

  .cta-panel {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 991.98px) {
  .main-navbar {
    top: 0;
    padding: 14px 0;
  }

  .navbar-collapse {
    margin-top: 16px;
    padding: 18px;
    background: var(--color-white);
    border-radius: 18px;
    box-shadow: var(--shadow-soft);
  }

  .navbar-nav .nav-link::after {
    display: none;
  }

  .hero-section {
    padding-top: 140px;
  }

  .hero-card {
    margin-top: 28px;
  }

  .image-panel {
    min-height: 360px;
  }

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

  .newsletter-form {
    flex-direction: column;
  }

  .newsletter-form input,
  .newsletter-form button {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .section-padding {
    padding: 75px 0;
  }

  .section-heading h2,
  .glass-card h2 {
    font-size: 1.95rem;
  }

  .hero-content h1 {
    font-size: 2.7rem;
  }

  .hero-actions,
  .hero-trust,
  .cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-trust .trust-item {
    min-width: 100%;
  }

  .page-banner {
    padding: 170px 0 90px;
  }

  .project-card img,
  .news-card img,
  .team-card img {
    height: 240px;
  }

  .form-card,
  .contact-panel,
  .info-card,
  .value-card,
  .testimonial-card,
  .stat-card,
  .content-card,
  .sidebar-card,
  .domain-card,
  .partner-profile,
  .mini-card,
  .faq-item,
  .reassurance-card {
    padding: 24px;
  }

  .partner-logo,
  .partner-profile img {
    width: 160px;
    height: 95px;
    object-fit: contain;
  }
}

@media (max-width: 575.98px) {
  .navbar-brand img,
  .footer-brand img {
    width: 46px;
    height: 46px;
  }

  .hero-content h1 {
    font-size: 2.35rem;
  }

  .section-heading h2,
  .banner-content h1 {
    font-size: 1.85rem;
  }

  .glass-card,
  .cta-panel {
    padding: 24px;
  }

  .btn-donation,
  .btn-primary-custom,
  .btn-outline-light-custom,
  .btn-light-solid {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .partner-logo,
  .partner-profile img {
    width: 145px;
    height: 85px;
    object-fit: contain;
  }
}