/* NN EMPIRE — Responsive refinements */

@media (max-width: 991.98px) {
  .contact-form-card {
    padding: 1.5rem 1.25rem;
  }
   #navCollapse{
       background-color: #fff !important;
   }
  .contact-header {
    margin-bottom: 2rem;
  }

  .hero-section {
    min-height: auto;
    padding-bottom: 3rem;
  }

  .hero-diagonal {
    height: 45%;
    opacity: 0.85;
  }

  .phone-tilt {
    transform: rotate(0deg);
  }

  .section-about {
    overflow-x: clip;
  }

  .section-about .store-badges {
    max-width: 100%;
  }

  .section-about .store-badges img {
    max-width: min(160px, 42vw);
    height: auto;
    object-fit: contain;
  }

  .section-about .store-badges .store-badge:last-child img {
    max-height: 48px;
  }

  .about-phones {
    min-height: 300px;
    max-width: min(320px, 100%);
  }

  .about-phones .phone-frame-md {
    width: min(240px, 70vw);
  }

  .about-phones .phone-frame-sm {
    width: min(185px, 55vw);
  }

  .about-phones .phone-back {
    left: 4%;
    transform: rotate(-6deg) scale(0.9);
  }

  .about-phones .phone-front {
    transform: translateY(-0.5rem);
  }

  .mt-nav {
    padding-top: 4.75rem;
  }

  .section-how .how-card .row > * {
    text-align: center !important;
  }

  .section-how .btn-gold {
    display: inline-flex;
    justify-content: center;
  }

  .store-badges {
    justify-content: center;
  }

  .section-download .row > .col-lg-6:first-child {
    order: 1;
  }

  .section-download .row > .col-lg-6:last-child {
    order: 2;
    text-align: center;
  }

  .section-download .store-badges-light {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
    
    #mainNav #navCollapse{
        background-color: #fff;
    }
  .about-phones {
    min-height: 260px;
    max-width: min(280px, 100%);
  }

  .about-phones .phone-frame-md {
    width: min(210px, 62vw);
  }

  .about-phones .phone-frame-sm {
    width: min(165px, 48vw);
  }

  .about-phones .phone-back {
    left: 2%;
    transform: rotate(-5deg) scale(0.85);
  }

  .display-4 {
    font-size: calc(1.55rem + 2vw);
  }

  .hero-title {
    font-size: calc(1.65rem + 2.2vw);
  }

  .navbar-brand .brand-logo {
    height: 32px;
    max-width: 120px;
  }

  .cat-item {
    padding: 0.5rem 0;
  }

  .feature-card {
    padding: 1.25rem 1.1rem;
  }

  .stats-grid {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }

  .stat-card {
    padding: 0.75rem 0.35rem;
  }

  .stat-card .stat-icon {
    margin-bottom: 0.5rem !important;
  }

  .stat-card .stat-icon img {
    width: 32px;
    height: 32px;
  }

  .stat-card p.small {
    font-size: 0.7rem;
    line-height: 1.35;
    hyphens: auto;
  }

  .stat-num {
    font-size: 1.75rem;
  }

  .screens-slider {
    padding-inline: 2.5rem;
  }

  .play-cta-ring {
    width: 64px;
    height: 64px;
    font-size: 1.2rem;
  }
}

@media (max-width: 575.98px) {
  .stats-grid {
    --bs-gutter-x: 0.5rem;
  }

  .stat-card {
    padding: 0.65rem 0.25rem;
  }

  .stat-num {
    font-size: 1.5rem;
  }

  .btn-account {
    width: 100%;
  }

  .btn-lang {
    width: 100%;
    justify-content: center;
  }

  .lang-dropdown .dropdown-menu {
    width: 100%;
  }

  .hero-blob-1,
  .hero-blob-2 {
    opacity: 0.22;
  }

  .footer .border-top {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .screens-slider {
    padding-inline: 2rem;
  }

  .screens-nav {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.85rem;
  }
}