@media (max-width: 980px) {

  .layout,
  .content-grid,
  .layout > *,
  .content-grid > * {
    min-width: 0;
  }

  .plans,
  .pricing-grid,
  .acctgrid,
  .mv-grid,
  .plancard,
  .chat,
  .cmp,
  .sign,
  .plans > *,
  .pricing-grid > *,
  .acctgrid > *,
  .mv-grid > *,
  .plancard > *,
  .chat > *,
  .sign > * {
    min-width: 0;
  }

  .feed > li,
  .news-list > li,
  .news-card,
  .story,
  .ncard,
  .panel,
  .rblock,
  .plan,
  .card,
  .acct-card,
  .paypanel,
  .ticket-card {
    min-width: 0;
  }

  .news-card > *,
  .story > *,
  .ncard > *,
  .plan > *,
  .panel > *,
  .rblock > * {
    min-width: 0;
  }

  .qtable__wrap,
  .table-wrap,
  .ticket-table-wrap,
  .acct-pay-table-wrap {
    min-width: 0;
    position: relative;
  }

  .spark {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 640px) {

  .btn {
    white-space: normal;
  }

  .watchlist-tabs {
    flex-wrap: wrap;
  }

  .yf-cal-data {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .yf-cal-data > * {
    min-width: 0;
  }

  .subs {
    display: block;
    overflow-x: auto;
  }

  .payref {
    word-break: break-all;
    min-width: 0;
  }

  .order-summary-item,
  .order-summary-item .val,
  .pay-amount-box,
  .pay-amount-val,
  .paykv__row,
  .paykv__v {
    flex-wrap: wrap;
    min-width: 0;
  }

  .pay-amount-box {
    row-gap: 10px;
  }
}

@media (max-width: 420px) {

  .nav-actions .btn-white {
    display: none;
  }

  .logo {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
  }

  .nav-actions {
    gap: 6px;
  }

  .nav-actions .nav-chat-btn,
  .nav-actions .nav-star-btn,
  .nav-actions .me__av,
  .nav-actions .nav-sound-btn {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 980px) {

  .doc,
  .doc__head,
  .doc__body,
  .doc__foot {
    min-width: 0;
  }

  .doc__body {
    overflow-wrap: anywhere;
  }

  .doc__stats,
  .doc__cta {
    min-width: 0;
  }

  .doc__stats > *,
  .doc__cta > * {
    min-width: 0;
  }

  .doc__cta-note {
    flex: 1 1 100%;
  }
}