/* ============================================
   SpinFinder247 — Responsive Styles
   ============================================ */

@media (max-width: 991px) {
  .navbar-collapse {
    background: var(--dark-light);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    margin-top: 12px;
  }

  .navbar-nav .nav-link {
    padding: 10px 12px !important;
  }

  .banner-wrapper h1 {
    font-size: 2.2rem;
  }

  .leading-swc-wrapper {
    padding: 36px 28px;
  }

  .content-wrapper {
    padding: 30px;
  }

  .analyze {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  section { padding: 60px 0; }

  .banner { padding: 80px 0 60px; }

  .banner-wrapper h1 {
    font-size: 1.8rem;
  }

  .banner-wrapper h2 {
    font-size: 0.95rem;
  }

  .title-wrapper h2 {
    font-size: 1.6rem;
  }

  .single-card .row {
    padding: 28px;
  }

  .card-desc h2 {
    font-size: 1.3rem;
  }

  .leading-swc-wrapper h2 {
    font-size: 1.4rem;
  }

  .breadcrumb-cc {
    padding: 60px 0 30px;
  }

  .breadcrumb-cc h1 {
    font-size: 1.8rem;
  }

  .content .content-wrapper {
    padding: 30px 20px;
  }

  .footer-page-link {
    justify-content: center !important;
  }

  footer .copyright {
    text-align: center;
  }

  .analyze .list-inline-item img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 480px) {
  .banner-wrapper h1 {
    font-size: 1.5rem;
  }

  .banner-wrapper p {
    font-size: 1rem;
  }

  .title-wrapper h2 {
    font-size: 1.35rem;
  }

  .primary-btn {
    padding: 12px 28px;
    font-size: 0.9rem;
  }

  .single-bonus {
    padding: 24px 20px;
  }

  .content-wrapper {
    padding: 20px 16px;
  }

  .analyze {
    padding: 24px 20px;
  }

  .leading-swc-wrapper {
    padding: 28px 20px;
  }
}