@media (max-width: 1199.98px) {
  .mobile-app-page .map-hero-copy h1 {
    font-size: 3rem;
  }

  .mobile-app-page .map-section-heading h2,
  .mobile-app-page .map-panel-copy h2 {
    font-size: 1.95rem;
  }

  .mobile-app-page .map-detail-panel {
    padding: 2.5rem 2rem;
  }
}

@media (max-width: 991.98px) {
  .mobile-app-page .map-hero {
    padding-top: 3rem;
  }

  .mobile-app-page .map-hero-copy h1 {
    font-size: 2.45rem;
  }

  .mobile-app-page .map-panel-copy,
  .mobile-app-page .map-section-heading {
    text-align: center;
  }

  .mobile-app-page .map-panel-copy p {
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-app-page .map-check-list {
    display: inline-block;
    text-align: left;
  }

  .mobile-app-page .map-panel-phones-left,
  .mobile-app-page .map-panel-phones-right {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .mobile-app-page .map-section {
    padding: 1rem 0;
  }

  .mobile-app-page .map-hero-copy h1 {
    font-size: 2rem;
    line-height: 1.28;
  }

  .mobile-app-page .map-hero-copy p,
  .mobile-app-page .map-section-heading p,
  .mobile-app-page .map-panel-copy p {
    font-size: 0.96rem;
    line-height: 1.75;
  }

  .mobile-app-page .map-section-heading h2,
  .mobile-app-page .map-panel-copy h2 {
    font-size: 1.7rem;
    line-height: 1.28;
  }

  .mobile-app-page .map-store-badges {
    gap: 0.75rem;
  }

  .mobile-app-page .map-store-badges img {
    height: 2.7rem;
  }

  .mobile-app-page .map-hero-devices {
    gap: 0.55rem;
  }

  .mobile-app-page .map-device-left,
  .mobile-app-page .map-device-right {
    width: 8.1rem;
  }

  .mobile-app-page .map-device-center {
    width: 9rem;
  }

  .mobile-app-page .map-feature-card {
    padding: 1.45rem 1rem 1.25rem;
  }

  .mobile-app-page .map-services-wrap,
  .mobile-app-page .map-detail-panel {
    padding: 1.75rem 1.1rem;
    border-radius: 1.5rem;
  }

  .mobile-app-page .map-service-card {
    min-height: auto;
    padding: 0.9rem;
  }

  .mobile-app-page .map-check-list li {
    font-size: 0.95rem;
  }

  .mobile-app-page .map-phone-sm {
    width: 8.65rem;
  }

  .mobile-app-page .map-phone-lg {
    width: 9.65rem;
  }
}

@media (max-width: 575.98px) {
  .mobile-app-page .map-hero {
    padding-top: 2.6rem;
  }


  .mobile-app-page .map-store-badges img {
    height: auto;
    max-width: 11rem;
    margin: 0 auto;
  }

  .mobile-app-page .map-feature-card h3,
  .mobile-app-page .map-service-card h3 {
    font-size: 0.95rem;
  }

  .mobile-app-page .map-feature-card p,
  .mobile-app-page .map-check-list li {
    font-size: 0.88rem;
  }

  .mobile-app-page .map-panel-phones {
    gap: 0.4rem;
  }

  .mobile-app-page .map-phone-sm {
    width: 7.1rem;
  }

  .mobile-app-page .map-phone-lg {
    width: 8rem;
  }
}