@media screen and (min-width: 480px) {
  .main-block-headline {
    font-size: 50px;
  }

  .main-block-headline, .main-block-desc {
    max-width: 600px;
  }

  .main-block-button {
    flex-wrap: nowrap;
    gap: 19px;
  }

  .main-block-authme, .main-block-discord {
    width: auto;
  }

  .about-tariff-card-list {
    flex-direction: row;
    justify-content: center;
  }

  .advantage-step-headline {
    line-height: 1.6;
  }

  .footer-media-and-navigate {
    display: flex;

    column-gap: 35px;
    flex-wrap: wrap;
  }

  .personal-account-setting-form {
    flex-direction: row;
    gap: 15px;
  }

  .personal-account-setting-field {
    width: 190px;
  }

  .personal-account-license-promo-code-field {
    width: 229px;
    margin-top: 0;
    margin-left: 16px;
  }

  .personal-account-license-promo-code {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .personal-account-content-headline.referral-system {
    font-size: 24px;
  }

  .personal-account-content-headline.download-client {
    font-size: 24px;
  }
}

@media screen and (min-width: 650px) {
  .about-tariff-card {
    width: 259px;
    display: block;
  }

  .form-authorization {
    max-width: 614px;
  }

  .personal-account-license-ends {
    display: flex;
    gap: 16px;
    align-items: center;
  }

  .personal-account-content-headline.license {
    margin-bottom: 0;
  }

  .personal-account-content-admin-panel-active-key-field.key,
  .personal-account-content-admin-panel-active-key-field.id {
    width: 190px;
  }
}

@media screen and (min-width: 865px) {
  .about-tariff-card-list {
    justify-content: normal;
  }
}

@media screen and (min-width: 900px) {
  .main-block-banner {
    background: url('../images/main-background.png') no-repeat center -30px / contain;
    width: 50%;
  }

  .about-tariff {
    padding-bottom: 120px;
  }
}

@media screen and (min-width: 1000px) {
  .hamburger {
    display: none;
  }

  .header-main-nav-inner {
    display: block;
  }

  .main-nav {
    display: flex;
    align-items: center;
    gap: 36px;
  }

  .main-nav-list, .main-nav-list:first-child, .main-nav-list:last-child {
    margin: 0;
  }

  .header-main-nav-inner {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .header-inner {
    flex-wrap: nowrap;
    justify-content: normal;
  }

  .header-main-nav {
    margin: 0 auto;
  }

  .advantage-step-headline.keyboard {
    text-align: left;
  }

  .about-brand-card-list {
    flex-direction: row;
  }

  .about-brand-card {
    width: 443px;
    gap: 52px;
  }

  .footer-inner {
    display: flex;
    justify-content: space-between;
  }

  .footer-media-and-navigate {
    justify-content: end;
  }

  .form-authorization {
    padding: 24px;
  }

  .form-authorization-headline {
    font-size: 24px;
  }

  .form-authorization-logo {
    margin-bottom: 28px;
  }

  .personal-account-content, .personal-account-aside {
    padding: 24px;
  }

  .personal-account-inner {
    margin: 133px auto 75px;
    display: flex;
    align-items: flex-start;
    gap: 45px;
  }

  .personal-account-aside {
    min-height: 300px;
    width: 370px;
    flex-shrink: 0;
  }

  .personal-account-content-shop {
    padding: 24px;
  }

  .personal-account-product-card-checkbox:checked + .personal-account-product-card-label:before {
    width: 30px;
    height: 30px;
    background: var(--additional-accent-color) url('../icons/ic-check.svg') no-repeat center center;
  }

  .personal-account-content-shop-table-inner {
    padding: 24px;
  }
}

.content-section {
  display: none;
}

 .content-section.active {
  display: block;
}

.personal-account-menu-link.active {
  font-weight: bold;
}

@media screen and (min-width: 1200px) {
  .header {
    padding: 16px 0 16px 0;
  }

  .main-block-info {
    width: 50%;
    padding-top: 258px;
    padding-bottom: 146px;
  }

  .main-block-banner {
    background: url('../images/main-background.png') no-repeat center center / contain;
  }

  .main-block-headline, .main-block-desc {
    max-width: none;
  }

  .main-block-desc {
    max-width: 600px;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 40px;
  }

  .main-block-headline {
    font-size: 64px;
    line-height: 91%;
  }

  .about-tariff-card-list {
    gap: 36px;
  }

  .about-tariff-card {
    width: 316px;
  }

  .about-tariff-card-period {
    font-size: 36px;
    margin-bottom: 6px;
  }

  .about-tariff-card-image {
    margin-bottom: 32px;
  }

  .about-tariff {
    position: relative;
    padding-top: 272px;
    margin-bottom: 223px;
  }

  .about-tariff-section-desc {
    display: flex;
    justify-content: space-between;
    padding-top: 100px;
  }

  .about-tariff-section-desc-subtitle {
    max-width: 434px;
    text-align: right;
    margin-top: -7px;
  }

  .about-tariff-section-headline {
    font-size: 48px;
    background: url(../icons/ic-money.png) no-repeat 222px;
    padding-right: 80px;
  }

  .about-tariff-scroll {
    position: absolute;
    top: 51px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    transition: 1s;
    animation: pulse 5s infinite;
  }

  @keyframes pulse {
    0% {
      transform: scale(1.1);
    }
    25% {
      transform: scale(1.3);
    }
    50% {
      transform: scale(1.1);
    }
    75% {
      transform: scale(1.3);
    }
    100% {
      transform: scale(1.1);
    }
  }

  .advantage-section-step-one-box, .advantage-section-step-two-box, .advantage-section-step-three-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .advantage-section-step-two-box {
    flex-direction: row;
  }

  .advantage-section-step-two {
    margin-bottom: 166px;
  }

  .advantage-step-headline.keyboard {
    background: url('../icons/ic-keyboard.svg') no-repeat right -3px center;
    padding-left: 0;
    padding-right: 77px;
    text-align: end;
  }

  .advantage-step-headline.ic-diamond {
    background: url('../icons/ic-diamond.svg') no-repeat left center / 58px 58px;
  }

  .advantage-step-desc {
    max-width: 775px;
    line-height: 1.2;
  }

  .advantage-step-headline {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 1.2;
    padding-left: 70px;
  }

  .advantage-section-step-one {
    margin-bottom: 169px;
  }

  .advantage-section-step-one, .advantage-section-step-two, .advantage-section-step-three {
    padding: 15px 0;
  }

  .advantage-step-desc.update {
    max-width: 725px;
  }

  .about-brand {
    margin-bottom: 70px;
  }

  .about-brand-card.update {
    background: linear-gradient(90deg, rgba(27, 29, 36, 0.2) 0%, rgba(27, 29, 36, 0.2) 100%), url('../icons/ic-pen.svg') no-repeat left 30px top 30px / 58px 58px;
  }

  .about-brand-card.market {
    background: linear-gradient(90deg, rgba(27, 29, 36, 0.2) 0%, rgba(27, 29, 36, 0.2) 100%), url('../icons/ic-clock.svg') no-repeat left 30px top 30px / 58px 58px;
  }

  .about-brand-card.person {
    background: linear-gradient(90deg, rgba(27, 29, 36, 0.2) 0%, rgba(27, 29, 36, 0.2) 100%), url('../icons/ic-men.svg') no-repeat left 30px top 30px / 58px 58px;
  }

  .about-brand-card-headline {
    font-size: 48px;
  }

  .about-brand-card-desc {
    font-size: 24px;
  }

  .advantage-section {
    margin-bottom: 235px;
    padding-top: 100px;
  }

  .сlient-dem-video {
    height: 774px;
  }

  .сlient-demo-info-desc {
    max-width: 519px;
    font-size: 24px;
    text-align: right;
  }

  .сlient-demo-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px;
  }

  .сlient-demo {
    padding: 100px 0 89px 0;
  }

  .сlient-demo-info-headline {
    margin-top: 11px;
    font-size: 44px;
    background: url(../icons/ic-pc.png) no-repeat right 5px center;
    padding-left: 0;
    padding-right: 80px;
  }

  .footer-logo-brand-copyright {
    font-size: 15px;
  }

  .footer-title {
    font-size: 15px;
  }

  .footer-link {
    font-size: 10px;
  }

  .footer-logo-brand-image {
    margin-bottom: 18px;
  }

  .footer-media-and-navigate {
    gap: 20px;
  }

  .footer-list {
    margin-bottom: 0;
    line-height: 0.9;
  }

  .footer-title {
    margin-bottom: 0;
  }

  .form-authorization-logo {
    margin-bottom: 40px;
  }

  .form-authorization-headline {
    margin-bottom: 40px;
  }

  .personal-account-inner {
    gap: 64px;
  }

  .personal-account-aside {
    width: 424px;
  }

  .personal-account-product-list {
    flex-direction: row;
  }

  .personal-account-product-card-label {
    width: 303px;
  }

  .personal-account-product-list {
    row-gap: 38px;
    column-gap: 28px;
  }
}

@media screen and (min-width: 1420px) {
  .personal-account-product-card-label {
    width: 405px;
  }
}

@media screen and (min-width: 1650px) {
  .advantage-section-step-one {
    background: url('../images/step-01.png') no-repeat 62px center;
  }

  .advantage-section-step-two {
    background: url('../images/step-02.png') no-repeat right 42px center;
  }

  .advantage-section-step-three {
    background: url('../images/step-03.png') no-repeat 43px center;
  }
}

@media screen and (min-width: 2000px) {
  .about-tariff,
  .advantage-section-step-one,
  .advantage-section-step-two,
  .advantage-section-step-three,
  .сlient-demo {
    background: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .main-nav-link:hover, .footer-link:hover {
    color: var(--accent-color);
  }

  .personal-account-menu-link:hover {
    background: var(--additional-accent-color);
  }
}