@media all and (max-width: 1100px) {
  .al-themebox {
    grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  }
  .al-hero__title {
    font-size: 50px;
  }
  .al-shell {
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (max-width: 991px) {
  .al-hero__inner,
  .al-split {
    grid-template-columns: 1fr;
  }
  .al-themebox {
    grid-template-columns: minmax(0, 1fr);
  }
  .al-stage__shot {
    max-height: 420px;
  }
  .al-hero__title br{
    display: none;
  }
}

@media all and (max-width: 820px) {
  .al-split {
    grid-template-columns: minmax(0, 1fr);
  }
  .al-wa .al-split__col--media {
    order: 2;
  }
  .al-wa .al-split__col--copy {
    order: 1;
  }
  .al-squad {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    row-gap: 6px;
  }
  .al-squad__purse {
    grid-column: 2;
  }
}

@media all and (max-width: 767px) {
  .al-hero__title {
    font-size: 40px;
    margin: 0 0 12px;
  }
  .al-hero__stats {
    max-width: 100%;
    border-radius: 12px;
  }
  .al-bidcard,
  .al-reason,
  .al-form,
  .al-wa__phone,
  .al-records,
  .al-stat,
  .al-tcard {
    padding: 20px;
    border-radius: 12px;
  }
  .al-panel,
  .al-mcard,
  .al-faq__item,
  .al-hlcard,
  .al-demo__frame,
  .al-grid-hair,
  .al-window,
  .al-grid-hair {
    border-radius: 12px;
  }
}

@media all and (max-width: 640px) {
  .al-hero__actions .al-btn {
    flex: 1 1 100%;
  }
  .al-hero__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .al-hero__stat {
    padding: 14px 12px;
  }
  .al-hero__stat b {
    font-size: 19px;
  }
  .al-hero__stat span {
    font-size: 9px;
    letter-spacing: .08em;
  }
  .al-bidcard,
  .al-panel,
  .al-form,
  .al-wa__phone {
    padding: 16px;
  }
  .al-bidcard__ph {
    width: 58px;
    height: 58px;
  }
  .al-bidcard__name {
    font-size: 18px;
  }
  .al-feature {
    padding: 22px 18px;
  }
  .al-head-row {
    align-items: flex-start;
  }
  .al-records__grid,
  .al-stats {
    gap: 14px;
  }
  .al-plan__calc,
  .al-plan__bill {
    padding: 24px 20px;
  }
  .al-cta__actions .al-cta__primary,
  .al-cta__actions .al-cta__secondary {
    flex: 1 1 100%;
  }
  .al-mcard,
  .al-hlcard,
  .al-tcard {
    flex-basis: 78vw;
  }
  .al-wa__msg {
    max-width: 90%;
  }
  .al-mcard h3 {
    max-width: 100%;
  }
}

@media all and (max-width: 460px) {
  .al-hero__title {
    font-size: 30px;
    line-height: 1.1;
  }
  .al-hero__stats {
    grid-template-columns: minmax(0, 1fr);
  }
  .al-logo__word {
    font-size: 16px;
  }
  .al-btn--pill {
    padding: 10px 14px;
    font-size: 13px;
  }
  .al-stepper {
    gap: 10px;
  }
  .al-stepper button {
    width: 42px;
    height: 42px;
  }
  .al-line,
  .al-total span {
    font-size: 14px;
  }
  .al-mcard,
  .al-hlcard,
  .al-tcard {
    flex-basis: 84vw;
  }
  .al-tcard {
    padding: 22px;
  }
  .al-squad {
    grid-template-columns: minmax(0, 1fr);
  }
  .al-squad__purse {
    grid-column: 1;
    text-align: left;
  }
  .al-page .al-store img {
    height: 44px;
  }
}