/* Responsive Styles */

@media (max-width: 991px) {
  .x5k9r-hero-title {
    font-size: 32px;
  }

  .t2v7m-hero-subtitle {
    font-size: 18px;
  }

  .w5r9p-section-title {
    font-size: 28px;
  }

  .j8d2m-main-heading {
    font-size: 28px;
  }

  .r6y4n-article-content {
    padding: 30px 20px;
  }
}

@media (max-width: 767px) {
  .f9j2k-header-actions {
    order: 2;
  }

  .p8k5v-burger {
    order: 3;
  }

  .y6r9n-nav-collapse {
    order: 4;
  }

  .z3n7m-online-counter {
    margin-left: 0;
    margin-top: 15px;
    justify-content: center;
  }

  .m4n7x-hero-section {
    padding: 40px 0;
  }

  .x5k9r-hero-title {
    font-size: 28px;
  }

  .t2v7m-hero-subtitle {
    font-size: 16px;
  }

  .q2n7m-code-wrapper {
    flex-direction: column;
  }

  .v9x4r-code-display {
    min-width: 100%;
  }

  .z4m9p-btn-copy {
    width: 100%;
  }

  .r7k2m-widget-content {
    flex-direction: column;
    text-align: center;
  }

  .p2k9w-widget-btn {
    width: 100%;
  }

  .x7f5k-text-content table {
    font-size: 14px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (max-width: 575px) {
  .w3m6n-btn-login,
  .q7t4h-btn-signup {
    padding: 6px 15px;
    font-size: 14px;
  }

  .x5k9r-hero-title {
    font-size: 24px;
  }

  .h6t9n-hero-cta {
    padding: 12px 30px;
    font-size: 16px;
  }

  .r3m9j-promo-title {
    font-size: 24px;
  }

  .w5r9p-section-title {
    font-size: 24px;
  }

  .x7n2w-promo-card {
    padding: 25px 15px;
  }

  .k9w3n-review-form-wrapper {
    padding: 25px 15px;
  }
}