@media (min-width: 1700px) {
    .hh-badge {
        font-size: 17px;
    }

    .hh-heading {
        font-size: 60px;
    }

    .hh-sub,
    .about-sub,
    .prange-sub,
    .ready-to-experience-sub {
        font-size: 20px;
        max-width: 80%;
    }

    .hh-btn-primary,
    .hh-btn-secondary,
    .about-btn-primary,
    .about-btn-secondary,
    .about-feature-text strong,
    .trust-sub,
    .mv-sub,
    .experience-sub {
        font-size: 20px;
    }

    .hh-btn-arrow,
    .hh-btn-play,
    .about-btn-arrow,
    .about-btn-arrow {
        width: 36px;
        height: 36px;
    }

    .hh-btn-arrow img,
    .about-btn-arrow img {
        width: 28px;
        height: 28px;
    }

    .hh-btn-play img,
    .about-btn-arrow img {
        width: 20px;
        height: 20px;
    }

    .hh-stat-icon-wrap,
    .about-feature-icon-wrap,
    .about-stat-icon-wrap,
    .trust-card-icon-wrap,
    .mv-value-icon-wrap,
    .prange-feature-icon-wrap,
    .prange-trust-icon-wrap,
    .experience-sustain-point-icon-wrap {
        width: 60px;
        height: 60px;
    }

    .hh-stat-icon-wrap img,
    .about-feature-icon-wrap img,
    .about-stat-icon-wrap img,
    .trust-card-icon-wrap img,
    .mv-card-point-icon-wrap,
    .mv-value-icon-wrap img,
    .prange-feature-icon-wrap img,
    .prange-trust-icon-wrap img,
    .experience-card-feature-icon-wrap,
    .experience-sustain-point-icon-wrap img {
        width: 34px;
        height: 34px;
    }

    .hh-stat-text strong,
    .trust-bar-lead,
    .experience-sustain-left h4 {
        font-size: 24px;
    }

    .hh-stat-text span,
    .about-feature-text span,
    .trust-card-text,
    .mv-card-text,
    .experience-card-text {
        font-size: 15px;
    }

    .hh-cat-icon-wrap,
    .hh-cat-cta-icon-wrap,
    .hh-cat-cta-arrow {
        width: 50px;
        height: 50px;
    }

    .hh-cat-text strong,
    .hh-cat-cta-text strong,
    .about-stat-label,
    .trust-card-number,
    .trust-bar-point-label,
    .mv-card-eyebrow,
    .mv-value-text strong,
    .prange-trust-text,
    .experience-sustain-tagline,
    .experience-sustain-point-text strong,
    .stat-text .stat-label {
        font-size: 16px;
    }

    .hh-cat-text span,
    .hh-cat-cta-text span,
    .about-stat-desc,
    .mv-value-text span,
    .prange-feature span,
    .prange-trust-text span,
    .experience-card-feature span,
    .experience-sustain-point-text span,
    .stat-text .stat-desc {
        font-size: 14px;
    }

    .hh-cat-cta-arrow img,
    .mv-card-icon-wrap {
        width: 40px;
        height: 40px;
    }

    .about-heading,
    .trust-heading,
    .mv-heading,
    .prange-heading,
    .experience-heading,
    .ready-to-experience-heading {
        font-size: 56px;
    }

    .about-stat-number,
    .experience-card-title {
        font-size: 22px;
    }


    .trust-card-title,
    .trust-bar-lead span,
    .ready-to-experience-store-btn .ready-to-experience-btn-text strong {
        font-size: 18px;
    }

    .trust-card-img-wrap img {
        height: 260px;
    }

    .trust-card-footer-icon-wrap {
        width: 30px;
        height: 30px;
    }

    .trust-card-footer span,
    .trust-bar-point-desc,
    .mv-card-point span,
    .ready-to-experience-store-btn .ready-to-experience-btn-text small {
        font-size: 12px;
    }

    .trust-bar-point-icon-wrap {
        width: 44px;
        height: 44px;
    }

    .mv-header {
        max-width: 700px;
    }

    .experience-card-number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .experience-card {
        height: 600px;
    }

    .experience-card-img-wrap img {
        max-height: 400px;
    }

    .experience-sustain-points {
        gap: 10px;
    }

    .prange-categories-heading h2 {
        font-size: 30px;
    }
}




@media (max-width: 1499px) {

  .trust-grid {
    display: block !important;
    overflow-x: hidden;
  }

  .trust-grid .trust-card {
    margin: 0 8px;
    height: 100%;
  }

  .trust-owl-carousel .owl-stage {
    display: flex;
  }

  .trust-owl-carousel .owl-item {
    display: flex;
  }

  .trust-owl-carousel .owl-item .trust-card {
    width: 100%;
  }

  /* Hide navigation */
  .owl-nav,
  .owl-dots {
    display: none !important;
  }


  .prange-cat-card {
    height: 180px;
  }
}


@media (max-width: 1400px) {
  .hh-left {
    gap: 10px;
  }

  .hh-stats {
    padding: 10px 10px;
  }

  .hh-stat {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hh-cat-item {
    gap: 8px;
    padding: 10px;
  }

  .about-eyebrow {
    margin-bottom: 18px;
  }

  .about-heading,
  .about-features {
    margin-bottom: 16px;
  }

  .about-sub {
    margin-bottom: 14px;
  }

  .about-feature {
    gap: 6px;
  }

  .trust-bar {
    padding: 16px 14px;
  }

  .trust-bar-point {
    padding: 0 10px;
    gap: 6px;
  }

  .trust-bar-point-icon-wrap {
    width: 30px;
    height: 30px;
  }

  .trust-bar-point-number {
    font-size: 14px;
  }

  .trust-bar-point {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .prange-hero {
    gap: 0;
  }

  .prange-eyebrow {
    margin-bottom: 10px;
  }

  .prange-heading {
    line-height: 1.1;
    margin-bottom: 10px;
  }

  .prange-sub {
    margin-bottom: 10px;
  }

  .prange-cat-card {
        height: 160px;
    }

}


@media (max-width: 1300px) {
  .ready-to-experience-left {
    padding-bottom: 24px;
  }

  .hh-btn-primary {
    font-size: 12px;
    padding: 10px 10px 10px 14px;
    gap: 4px;
  }

  .hh-btn-secondary {
    gap: 4px;
    font-size: 12px;
    padding: 10px 14px 10px 10px;
  }

  .mv-values {
    padding: 26px 30px;
  }
}

@media (max-width: 1200px) {
  .hh-badge {
    gap: 5px;
  }

  .hh-heading,
  .about-heading,
  .trust-heading,
  .mv-heading,
  .prange-heading {
    font-size: 40px;
  }

  .ready-to-experience,
  .hh,
  footer,
  .experience,
  .trust,
  .mv,
  .prange {
    padding: 30px 30px 0px;
  }

  .hh-cat-item {
    flex-direction: column;
    text-align: center;
  }

  .about-btn-primary,
  .about-btn-secondary {
    gap: 6px;
    font-size: 12px;
    padding: 10px 10px 10px 14px;
  }

  .about-feature-text strong {
    font-size: 11px;
  }

  .about-feature-text span {
    font-size: 10px;
  }

  .about-stats-bar {
    padding: 20px 10px;
  }

  .about-stat {
    padding: 0 10px;
    gap: 6px;
  }

  .mv-values {
    gap: 8px;
    padding: 26px 20px;
  }

  .ready-to-experience-top {
    gap: 0px;
  }

  .ready-to-experience-left {
    padding-bottom: 0px;
  }

  .stat-item {
    padding: 20px;
  }

  .ready-to-experience-heading {
    font-size: 40px;
  }

  .stat-text .stat-number {
    font-size: 20px;
  }

  .ready-to-experience-store-btn .ready-to-experience-btn-text strong {
    font-size: 12px;
  }

  .ready-to-experience-sub {
    margin-bottom: 16px;
  }

  .stats-bar {
    background: #ffffff;
  }

  .experience-grid {
    gap: 5px;
  }

  .experience-heading {
    font-size: 40px;
  }

  .experience-card-title {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .experience-card {
    padding: 16px 5px 0;
  }

  .experience-card-text {
    font-size: 12px;
  }

  .experience-sustain-bar {
    padding: 24px 5px;
    gap: 5px;
  }

  .experience-sustain-left h4 {
    font-size: 18px;
  }
}