@media(min-width: 768px) {
    :root {
        --fz-hero-title: 2.8rem;
        --fz-hero-text: 2.4rem;
    }

    body {
        font-size: 1.6rem;
    }

    .header__logo span {
        font-size: 1.6rem;
    }

    .header__phone span {
        display: block;
    }

    .header__phone svg {
        display: none;
    }

    .section__wrap_offset {
        padding: 3rem 5rem;
    }

    .header__logo img {
        margin-right: 1.2rem;
    }
}

@media(max-width: 991.9px) {
    .contacts__btn::after {
        content: none;
    }
}

@media(min-width: 992px) {
    :root {
        --max-width: 960px;

        --fz-btn-m: 1.8rem;
        --fz-btn-l: 2.4rem;
        --fz-btn-xs: 1.8rem;
        --fz-btn-s: 1.8rem;

        --fz-accent-link: 2.2rem;

        --size-btn-icon: 1.7rem;

        --fz-hero-title: 3.6rem;
        --fz-hero-text: 2.8rem;
        --fz-hero-caption: 1.8rem;

        --fz-features: 1.7rem;

        --fz-screen-dscr: 2rem;
        --fz-screen-title: 3.9rem;

        --fz-about-title: 2.6rem;

        --fz-price-block-title: 2.2rem;
        --fz-price-block-amount: 3rem;
        --fz-price-block-caption: 1.6rem;

        --fz-step-num: 3.2rem;
        --fz-step-label: 2.2rem;

        --fz-advantage-title: 2.8rem;
        --fz-advantage-hero-title: 2.8rem;
        --fz-advantage-text: 2rem;
        --fz-advantage-caption: 1.8rem;

        --fz-faq-title: 2.4rem;
        --size-faq-icon: 3.2rem;
        --fz-faq-text: 2.2rem;

        --fz-specialist-info: 1.6rem;
        --fz-specialist-name: 2.2rem;

        --fz-comment-text: 1.4rem;
        --fz-comment-author-name: 1.6rem;
        --fz-comment-author-post: 1.4rem;
    }

    body {
        font-size: 1.8rem;
    }

    .btn {
        border-radius: 2rem;
        font-weight: 600;
    }

    .btn_l {
        padding: 1.75rem 3.5rem;
    }

    /* .btn_s {
        padding: 2.5rem 2.8rem;
    } */

    .btn_xs {
        padding: 2rem 2.4rem;
        border-radius: 2rem;
    }

    .btn_icon {

        gap: 2rem;
    }

    .btn-link {
        font-size: 1.8rem;
    }

    .accent-link {
        gap: 1.6rem;
    }

    .accent-link::after {
        width: 24px;
        height: 13px;
    }

    .screen:not(.footer):not(.quiz_hidden) {
        margin-bottom: 12rem;
    }

    .screen__wrap {
        padding: 0;
    }

    /* ==== SCREEN-MAIN ==== */
    .screen_main::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../img_v2/main-screen-shapes.svg');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        z-index: 0;
    }

    /* .screen_main::before {
        width: 90%;
    } */

    .screen_main::after {
        background-image: url('../img_v2/hero-media.png');
        width: 100%;
        height: 115%;
        bottom: -30%;
        right: -8rem;
    }

    .screen__title {
        margin-bottom: 2.4rem;
    }

    .screen__dscr {
        margin: 0;
    }

    .only-mobile {
        display: none;
    }

    body .only-desktop {
        display: block;
    }

    body .only-desktop_flex {
        display: flex;
    }

    /*==== HEADER ====*/
    .header {
        margin-bottom: 6rem;
    }

    /* ==== SCREEN-MAIN ==== */
    .screen_main {
        border-radius: 25px;
    }

    /* ==== FEATURES ==== */
    .features {
        flex-direction: row;
        gap: 6rem;
        align-items: center;
        margin-bottom: 6rem;
    }

    .features__item::before {
        background-image: url('../img_v2/tick.svg');
        height: 3.5rem;
        width: 3.5rem;
        flex: 1 0 3.5rem;
    }

    /* ==== HERO ==== */
    .hero {
        grid-template-columns: 6fr 4fr;
    }

    .hero__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hero__footer {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .hero__caption {
        align-self: flex-end;
        font-size: 2rem;
    }

    .hero__title {
        margin-bottom: 2.4rem;
    }

    .hero__text {
        margin-bottom: 6rem;
    }

    .hero__title span.only-mobile.animate__animated {
        display: none;
    }


    /*==== ABOUT-SCREEN ====*/
    .about-info__top {
        margin-bottom: 3rem;
    }

    #about-screen .screen__wrap {
        display: grid;
        grid-template-columns: 1fr 6fr;
        gap: 4rem;
    }

    .about-info__title {
        color: #1A2C3E;
    }

    .about-info__caption {
        font-size: 2.4rem;
    }

    .about-info__content {
        font-size: 2.2rem;
        line-height: 140%;
    }

    .about-info__content p:not(:last-child) {
        margin-bottom: .8rem;
    }

    .about-doc {
        height: 100%;
    }

    .about-doc img {
        height: 100%;
        width: 100%;
        max-width: none;
        object-fit: cover;
    }

    .about-group {
        gap: 4rem;
        display: grid;
        grid-template-columns: 3fr 1.5fr;
    }

    /*==== ADVANTAGES-SCREEN ====*/
    .advantage {
        border-radius: 50px;
        padding: 3rem;
    }

    .advantages {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(auto, 1fr);
        gap: 3rem;
    }

    .advantage:first-child {
        grid-column: 1/3;
    }

    .advantage:last-child {
        grid-column: 2/4;
    }

    .advantage_bg-icon {
        background-size: 12rem;
        background-position: calc(100% - 2.5rem) calc(100% - 1.1rem);
    }

    .advantage__title {
        margin-bottom: 1.6rem;
    }

    .advantage_video .advantage__video-link {
        width: 9.4rem;
        height: 9.4rem;
        border-width: .7rem;
    }

    .advantage_video .advantage__video-link::before {
        width: 2.5rem;
        height: 2.5rem;
    }

    .advantage_hero-2 {
        background-image: url('../img_v2/advant-hero-2.png'), url('../img_v2/advant-hero-shapes.svg');
    }

    .advantage_bg-icon.advantage_hero.advantage_hero-2 {
        background-position: calc(100% - 2.5rem) center, center;
        background-size: 26rem, cover;
    }

    .advantage:last-of-type.advantage_hero .advantage__wrap {
        max-width: 66%;
    }

    .advantage_bg-icon.advantage_hero {
        background-size: 26rem;
    }

    .advantage__wrap {
        height: 100%;
    }

    .advantage__caption {
        margin-top: auto;
        padding: 0;
    }

    .advantage__text {
        margin-bottom: .6rem;
    }

    .advantage__text span {
        text-transform: uppercase;
    }

    /*==== STEPS-SCREEN ====*/
    .screen__border-box {
        display: grid;
        grid-template-rows: auto 2.4rem auto 6rem auto;
        grid-template-columns: 6fr 2fr 4fr;
        align-items: end;
    }

    #steps-screen .screen__title {
        grid-column: 1/4;
        margin-bottom: 0;
    }

    #steps-screen .screen__dscr {
        grid-row: 3/4;
        grid-column: 1/2;
    }

    #steps-screen .btn {
        grid-column: 3/4;
        grid-row: 3/4;
        align-self: center;
        margin-left: auto;
        width: auto;
    }

    .steps {
        grid-column: 1/4;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
        grid-row: 5/6;
    }

    .steps__item {
        display: grid;
        grid-template-columns: 1fr .5fr;
        grid-template-rows: repeat(3, auto);
        align-content: start;
        row-gap: 2rem;
    }

    .steps__item:last-child {
        grid-template-columns: 1fr;
    }

    .steps__item:not(:last-child)::after {
        content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9H17' stroke='%231A2C3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 1L17 9L9 17' stroke='%231A2C3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        grid-column: 2/3;
        grid-row: 1/4;
        align-self: center;
        justify-self: center;
    }

    .steps__item::before {
        color: #1A2C3E;
    }

    .steps__item .steps__label {
        margin: 0;
        color: #1A2C3E;

    }

    /*==== PRICES-SCREEN ====*/
    #prices-screen {
        background-image: none;
        padding: 0;
        background-position: center;
    }

    #prices-screen .screen__linear-box {
        background-image:
            url('../img_v2/price-hero.png'),
            url('../img_v2/bg-prices.svg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%, cover;
    }

    .price-blocks {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 4rem;
        overflow: hidden;
        margin-bottom: 4rem;
    }

    .price-hero {
        grid-row: 1/3;
        grid-column: 2/3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 3rem;
    }

    .price-block {
        border-radius: 50px;
        padding: 4rem;
        align-items: flex-start;
        gap: 1.6rem;
    }

    .price-block__title {
        order: -1;
        text-align: left;
    }

    .price-block__caption {
        text-align: left;
    }

    .price-hero__title {
        text-align: center;
        font-weight: 700;
        margin-bottom: 2rem;
        letter-spacing: 1%;
    }

    .price-hero__caption {
        text-align: center;
    }

    #prices-screen .btn {
        max-width: 50%;
        margin: 0 auto;
    }

    #prices-screen .quiz-form__nav .btn,
    #prices-screen .result-actions .btn {
        margin: 0;
    }

    /*==== FAQ-SCREEN ====*/
    .accordion__trigger {
        padding: 2.4rem 0 3rem 0;
        gap: 7rem;
    }

    .accordion__trigger::after {
        height: 3.2rem;
    }

    .accordion__content p,
    .accordion__content ul,
    .accordion__content ol {
        margin-bottom: 1.2rem;
    }

    /*==== NRS-SCREEN ====*/
    #nrs-screen .screen__dscr {
        margin-bottom: 4em;
    }

    .nrs-info {
        display: grid;
        grid-template-columns: 5fr 7fr;
        gap: 4rem
    }

    .nrs-contacts {
        display: grid;
        grid-template-columns: 2fr 8fr 2fr;
        gap: 4rem;
        align-items: center;
    }

    .nrs-contacts .tags-list {
        margin-bottom: 0;
        grid-column: 2/3;
    }


    /*==== SPECIALISTS-SCREEN ====*/
    .specialists {
        flex-direction: row;
        gap: 4rem;
    }

    .specialist {
        gap: 4rem;
        flex: 1;
    }

    .speacialist__post {
        font-size: 2rem;
    }

    .speacialist__info {
        align-self: center;
        padding: 0;
        font-size: 1.8rem;
    }

    #specialists-screen h2 {
        margin-bottom: 3.2rem;
    }

    /*==== PROMO ====*/
    #promo-screen {
        position: fixed;
        bottom: 1.6rem;
        left: 1.6rem;
        max-width: 30%;
        z-index: 999;
        margin-bottom: 0;
    }

    .promo {
        border-radius: 50px;
        background-image: linear-gradient(65deg,
                rgba(9, 108, 180, .95) 0%,
                rgba(41, 81, 143, .95) 45%,
                rgba(42, 77, 137, .95) 65%,
                rgba(26, 58, 92, .95) 100%);
        padding: 5rem;
        font-weight: 700;
        line-height: 1.2;
        display: none;
    }

    .promo.promo_show {
        display: block;
    }

    .promo__content {
        position: relative;
    }

    .promo__title {
        font-size: 2.8rem;
        margin-bottom: 3rem;
    }

    .promo__text {
        margin-bottom: 3rem;
    }

    .promo__text p {
        font-size: 2rem;
        font-weight: 400;
    }

    .promo__close {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(50%, -75%);
        background-color: transparent;
        border: 0 none;
        cursor: pointer;
        font-size: 4rem;
        color: #fff;
        display: block;
    }

    .promo.promo_transform {
        display: none;
    }

    .promo.promo_transform+.promo-line {
        display: block;
        opacity: 1;

        @starting-style {
            opacity: 0;
        }
    }

    .promo.promo_transform+.promo-line .promo-line__trigger {
        display: flex;
        align-items: center;
        padding: 2rem;
        border-radius: 2rem;
        background-color: #F5A159;
        border: 0 none;
        outline: none;
        cursor: pointer;
        transition: .3s;
    }

    .promo.promo_transform+.promo-line .promo-line__trigger span {
        font-size: 1.8rem;
        font-weight: 600;
        color: #fff;
        text-align: left;
        width: 0;
        overflow: hidden;
        transition: width .3s;
    }

    .promo.promo_transform+.promo-line .promo-line__trigger:hover {
        gap: 1.2rem;
    }

    .promo.promo_transform+.promo-line .promo-line__trigger:hover span {
        width: 100%;
    }

    /*==== CONTACTS-SCREEN ====*/
    #contacts-screen {
        margin-bottom: 6rem;
    }

    .contacts__overlay {
        border-bottom: 0 none;
        padding-top: 4rem;
    }

    .contacts {
        display: flex;
        justify-content: space-between;
        gap: 3rem;
        margin-bottom: 4rem;
    }

    .contacts .contacts__item {
        padding: .9rem 2rem;
        border-radius: 2rem;
        background-color: #DEDEE0;
        margin-bottom: 0;
    }

    .contacts__item {
        font-size: 1.8rem;
    }

    .contacts__item:last-of-type {
        background-color: #BDD0E7;
        color: #275391;
    }

    .contacts__btn {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 2.4rem;
    }

    .contacts__caption {
        font-size: 1.8rem;
    }

    /* ==== REGION-MAIN ==== */
    #region-screen .screen__dscr {
        margin-bottom: 4rem;
    }

    .region-content {
        display: flex;
        gap: 4rem;
        align-items: stretch;
    }

    .region-content>div {
        flex: 1;
    }

    .region-content__map img {
        margin-bottom: 5rem;
    }

    .region-content__map figcaption {
        font-size: 1.8rem;
        color: #4A5B6E;
        text-align: center;
    }

    .region-content__title {
        text-align: left;
        font-size: 2.2rem;
        margin-bottom: 2.4rem;
    }

    .tags-list {
        column-gap: .78rem;
        row-gap: .7rem;
        margin-bottom: 3rem;
    }

    .tags-list li {
        font-size: 1.1rem;
        padding: .8rem .9rem;
        border-radius: 1.8rem;
    }

    .tags-list li.dark-tag,
    .tags-list li.light-tag {
        font-size: 1.2rem;
    }

    .region-content .btn.btn_full {
        width: auto;
    }

    .region-content__map {
        flex-direction: column;
        justify-content: space-between;
    }

    /* ==== COMMENTS-SCREEN ==== */
    .comments {
        margin: 0;
        padding: 0;
    }

    .comments__slide-wrap {
        padding: 3rem;
    }

    .comments__slide-top {
        margin-bottom: 2.4rem;
    }

    .comments__slide-content {
        margin-bottom: 3rem;
    }

    .comments__slide-top::before {
        font-size: 1.7rem;
    }

    /*==== FOOTER ====*/
    .footer .screen__wrap {
        display: grid;
        grid-template-columns: 7fr 5fr;
        background-color: #DEDEE0;
        border-radius: 50px;
    }

    .footer__info {
        border-radius: 50px;
        padding: 5rem 0 6rem 6rem;
        gap: 5rem;
    }

    .footer__form {
        padding: 0;
    }

    .footer__form-overlay {
        height: 100%;
    }

    .footer__logo span {
        font-size: 2.2rem;
    }

    .menu-bottom {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, auto);
        grid-auto-flow: column;
        gap: 1.4rem 6rem;
    }

    .menu-bottom__link {
        font-size: 2rem;
        white-space: nowrap;
    }

    .footer__contacts {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
    }

    .footer__form-title {
        font-size: 2rem;
        margin-bottom: 3rem;
    }

    .footer__copyright {
        font-size: 2rem;
    }

    .footer__form-overlay {
        padding: 6rem 4rem;
    }

    .form__inp {
        font-size: 1.6rem;
        padding: 1.7rem 2rem;
    }

    .form__label {
        border-radius: 12px;
    }

    .from__inp-caption {
        font-size: 1.6rem;
        top: 1.7rem;
        left: 2rem;
    }

    .form {
        gap: 2.4rem;
    }

    .form__group {
        flex-direction: row;
        gap: 2.4rem;
        justify-content: space-between;
    }

    .form__group>* {
        flex: 1;
    }

    .form__politic {
        font-size: 1.4rem;
    }

    /*==== LOYALTY-PROGRAM ====*/
    .loyalty-program-content {
        flex-direction: row;
        gap: 4rem;
        font-size: 2.2rem;
    }

    .loyalty-program-content>div {
        flex: 1;
    }

    .loyalty-program-content__control button {
        width: auto;
        justify-content: flex-start;
    }

    .loyalty-program-content__left {
        gap: 4rem;
        padding-top: 3rem;
    }

    .loyalty-program-content__left button {
        margin-bottom: 5.5rem;
    }

    .loyalty-program-content__left button+span {
        font-size: 1.8rem;
    }

    .loyalty-program-content__title {
        font-size: 2.8rem;
    }

    .tags-list.loyalty-program-tags {
        gap: 2.4rem;
    }

    .loyalty-program-tags li {
        padding: .9rem 2rem;
    }

    .loyalty-program-tags li.light-tag,
    .loyalty-program-tags li {
        font-size: 1.8rem;
    }

    .loyalty-program-tags {
        column-gap: 4rem;
    }

    .loyalty-program-content__text {
        font-size: 2.35rem;
    }

    .loyalty-program-content__right ul li::before {
        width: 1.5rem;
        height: 1.5rem;
        flex: 0 0 1.5rem;
    }

    .loyalty-program-content__accent-box {
        padding: 3rem 4rem;
        border-radius: 50px;
    }

    .nrs-info__title {
        font-size: 2.6rem;
    }

    .nrs-info__text {
        font-size: 2.2rem;
    }

    .nrs-info__blocks-price {
        align-items: center;
    }

    .nrs-info__blocks-price p {
        font-size: 2.6rem;
    }

    .nrs-contacts__text {
        font-size: 2.2rem;
    }

    .quiz-form__question {

        font-size: 22px;
    }

    .quiz-option__text {
        font-size: 18px;
    }

    .quiz-form__hint {
        font-size: 18px;
    }

    .nrs-contacts .tags-list li,
    .nrs-contacts .tags-list li.light-tag {
        font-size: 2rem;
    }

    .modal_form .modal__content h2 {
        font-size: 2.4rem;
    }
}

@media(min-width: 1200px) {
    :root {
        --max-width: 1140px;

        --fz-btn-m: 2.2rem;

        --fz-price-block-title: 2.8rem;
        --fz-price-block-amount: 4rem;
        --fz-price-block-caption: 1.8rem;

        --fz-step-num: 4rem;

        --fz-menu-link: 1.8rem;
    }

    .header__nav {
        display: block;
        visibility: visible;
        max-height: none;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        position: relative;
    }

    .header__menu-toggle {
        display: none;
    }

    .header__phone {
        margin: 0;
    }

    .menu-top {
        align-items: center;
        flex-direction: row;
        gap: 3.4rem;
    }

    .section__wrap_offset {
        padding: 4rem 6rem 5.4rem 6rem;
    }

    .hero__controls {
        flex-direction: row;
        margin-bottom: 7.2rem;
        margin-bottom: 3.6rem;
        gap: 3rem;
    }

    /*==== PRICES-SCREEN ====*/
}

@media(min-width: 1440px) {
    :root {
        --max-width: 1200px;

        --fz-price-hero-title: 3.2rem;
    }


    /*==== ADVANTAGES-SCREEN ====*/
    .advantage_bg-icon {
        background-size: 16rem;
    }
}