@media (min-width: 1600px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media(min-width: 1200px) and (max-width: 1599px) {
    .hidden-desktop {
        display: none !important;
    }

    .container {
        width: 1160px;
    }

    .header_home {
        margin-left: -14px;
        margin-right: -14px;
    }

    .header_home .header__wrapper {
        padding-left: 22px;
        padding-right: 22px;
    }

    .header__content {
        top: 77px;
    }

    .our-works {
        margin-bottom: 50px;
    }

    .key-point {
        max-width: 286px;
    }

    .key-point__icon {
        width: 40px;
        height: 40px;
        margin-right: var(--margin-xs);
    }

    .module {
        margin: 70px 0 30px;
    }

    .module__name {
        height: 34px;
    }

    .advantage {
        min-height: 250px;
        padding: var(--padding-lg);
    }

    .stage {
        width: 200px;
    }

    .stage:last-child:after {
        display: none;
    }

    .metric, .about__image {
        min-height: 188px;
    }

    .info-block__brief {
        max-width: 65%;
    }

    .info-block_our-works .info-block__brief {
        max-width: 75%;
    }

    .work__data {
        width: 55.253%;
    }

    .work__images {
        width: calc(100% - 55.253%);
    }

    .calculation__left {
        width: 38.632%;
    }

    .calculation__right {
        width: calc(100% - 38.632% - var(--padding-xl));
        background-size: cover;
        min-height: 510px;
    }

    .calculation__text {
        width: 50%;
        margin-right: 50%;
    }

    .form__input_select {
        display: flex;
        align-items: center;
    }

    .contacts_contact-block {
        min-height: 172px;
    }

    .write-to-us {
        min-height: 370px
    }

    .write-to-us__left {
        width: 44%;
    }

    .footer__logo {
        max-width: 221px;
    }

    .menu_footer .menu__list + .menu__list {
        margin-left: 25px;
    }

    .form_subscription .form__row {
        flex-wrap: wrap;
    }

    .form_subscription .form__element {
        width: 100%;
    }

    .form_subscription .button {
        width: 100%;
    }

    .our-services_module .service {
        height: 330px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-tablet {
        display: none !important;
    }

    big, .big {
        font-size: var(--size-h6);
    }

    .list li {
        margin-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .container {
        width: 920px;
    }

    .button {
        height: 59px;
    }

    .button_service {
        height: 53px;
    }

    .button_with-up-right-arrow, .button_with-right-arrow {
        padding-right: 55px;
    }

    .button_with-up-right-arrow:after, .button_with-right-arrow:after {
        right: 14px;
    }

    .button_mobile-menu {
        display: flex;
        font-family: 'icons';
        width: 42px;
        height: 42px;
        justify-content: center;
        align-items: center;
        margin: 18px 0 0 33px;
        font-size: var(--size-body-s);
        color: var(--color-second);
        background-color: var(--bg-main-4);
    }

    .form__input_textarea {
        height: 150px;
    }

    .header__wrapper {
        justify-content: space-between;
        min-height: 91px;
    }

    .header_home .header__wrapper {
        top: 10px;
        padding: 12px 18px;
    }

    .header_home .button_mobile-menu {
        margin-top: 6px;
    }

    .header__logo {
        max-width: 165px;
        margin: 12px 0 0 -1px;
    }

    .menu_header {
        display: none;
    }

    .header__contacts {
        display: none;
    }

    .header__socials {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        margin-top: 17px;
    }

    .header_home {
        margin: 10px -30px 32px;
    }

    .header__content {
        top: 180px;
        left: 31px;
        right: 45px;
    }

    .header__text {
        font-size: calc(var(--size-body-m) * 1.125);
    }

    .header__buttons {
        margin-top: 48px;
        margin-right: -15px;
        justify-content: space-between;
    }

    .buttons_header .button {
        margin-right: 0;
        width: 440px;
    }

    .key-points {
        margin-top: calc(-1 * var(--padding-xs));
        margin-bottom: 60px;
    }

    .key-point {
        max-width: 318px;
        margin-bottom: var(--margin-lg);
    }

    .key-point__icon {
        margin-right: var(--margin-sm);
    }

    .module__title {
        font-size: calc(var(--size-h6) * 2);
    }

    .advantages {
        padding-bottom: calc(var(--padding-xs) + 1px);
    }

    .advantage {
        min-height: 318px;
        padding: var(--padding-lg);
        background-size: 48% 54.3%;
        background-position: 100% -6px;
    }

    .advantage_30 {
        width: 100%;
        min-height: 180px;
    }

    .advantage__title {
        font-size: calc(var(--size-h4) - 2px);
    }

    .advantage_30 .advantage__title {
        font-size: calc(var(--size-h4) + 2px);
    }

    .advantage_30:nth-child(2n) .advantage__title {
        font-size: var(--size-h4)
    }

    .module_stages .module__title {
        font-size: var(--size-h2);
        margin-top: calc(-1 * var(--padding-xxs));
    }

    .module_services .module__content {
        margin-top: 54px;
    }

    .our-services_module .our-services__content {
        margin: -4px -12px 0 -8px;
    }

    .our-services_module .service {
        width: calc(100% / 2 - var(--margin-sm) - 4px);
        flex-direction: column;
        padding-bottom: var(--padding-md);
        height: auto;
        justify-content: space-between;
    }

    .our-services_module .service__image-wrapper {
        flex-grow: 0;
        flex-shrink: 1;
    }

    .our-services_module .service__image {
        border-radius: calc(var(--border-radius) / 2);
        max-height: 220px;
    }

    .our-services_module .service__info {
        flex-grow: 1;
        flex-shrink: 0;
        flex-direction: column;
        justify-content: space-between;
        display: flex;
    }

    .our-services_module .service__name {
        font-size: calc(var(--size-h4) * 0.75);
    }

    .our-services_module .service__description {
        display: flex;
        padding: 0;
        margin: -5px 12px 0;
        width: auto;
        flex-grow: 1;
    }

    .our-services_module .service__description p {
        margin-bottom: calc(var(--margin-sm) + 2px);
    }

    .our-services_module .service__show-more-wrapper {
        margin: 0 12px;
        display: flex;
        flex-grow: 0;
    }

    .stages {
        flex-wrap: wrap;
        padding-top: var(--padding-xs);
    }

    .stage {
        position: relative;
        width: 260px;
        margin-left: 60px;
        display: flex;
        flex-wrap: wrap;
        padding-left: var(--padding-md);
        margin-bottom: calc(var(--margin-lg) + 2px);
    }

    .stage:before, .stage:after {
        display: none;
    }

    .stage__number {
        position: absolute;
        left: -60px;
        top: 0;
        flex-shrink: 0;
    }

    .stage__text {
        margin-top: var(--margin-xxs);
    }

    .module_stages + .module_calculation {
        margin-top: -40px;
    }

    .about {
        flex-wrap: wrap;
    }

    .about__column_big {
        display: none;
    }

    .about__column {
        width: 100%;
        flex-direction: row;
    }

    .about__row {
        width: calc(50% - var(--margin-xs));
        margin-bottom: var(--margin-md);
    }

    .metric {
        padding-bottom: calc(var(--padding-xs) * 5.125);
    }

    .metric__value {
        font-size: calc(var(--size-body-l) * 4);
    }

    .metric__text {
        font-size: calc(var(--size-body-m) * 1.125);
    }

    .module_our-partners .module__title,
    .module_metrics .module__title {
        font-size: calc(var(--size-h6) * 2 + -2px);
    }

    .our-partners__item {
        width: calc(50% - var(--margin-md));
    }

    .module_services .module__title,
    .module_custom-reviews .module__title {
        font-size: calc(var(--size-h6) * 2 - 2px);
    }

    .module_custom-reviews .module__title {
        max-width: 70%;
    }

    .reviews {
        border-radius: var(--border-radius);
        margin-bottom: 40px;
    }

    .reviews:after {
        display: none;
    }

    .review {
        flex-wrap: wrap;
        padding: var(--padding-lg);
    }

    .review__left, .review__right {
        width: 100%;
    }

    .review__right {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .review__image {
        border-radius: var(--border-radius-sm);
    }

    .info-block {
        padding: var(--padding-lg);
        min-height: 418px;
    }

    .info-block_our-works {
        min-height: 471px;
    }

    .info-block:after {
        top: -40px;
        right: -7px;
        background-size: contain;
        background-position: 0 0;
        width: 40%;
    }

    .info-block__brief {
        font-size: var(--size-h6);
        margin-top: var(--margin-lg);
        margin-bottom: var(--margin-xs);
        max-width: 95%;
    }

    .info-block_our-works .info-block__brief {
        max-width: 100%;
    }

    .info-block_contact {
        min-height: 333px;
        margin-bottom: var(--margin-lg);
    }

    .info-block__buttons {
        margin-top: var(--margin-lg);
        flex-wrap: wrap;
    }

    .info-block_our-works .info-block__buttons .button {
        width: 305px;
        margin-right: calc(var(--margin-xs) - 1px);
        height: 53px;
        margin-bottom: var(--padding-xs);
    }

    .buttons_works {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(-1 * var(--margin-xs));
    }

    .buttons_services {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(var(--margin-xxs) * 1.5);
    }

    .buttons_services .button {
        width: 304px;
        margin-right: var(--margin-xs);
        height: 53px;
    }

    .contact-block {
        flex-wrap: wrap;
        padding: 0 0 40px;
    }

    .contact-block__column {
        width: 100%;
    }

    .contact-block__row {
        margin-bottom: var(--margin-md);
    }

    .contact-block__row + .contact-block__row {
        margin-top: 0;
    }

    .contact-block__map {
        height: 400px;
    }

    .contacts_contact-block {
        padding: var(--padding-lg);
        min-height: 210px;
    }

    .write-to-us {
        margin: 40px 0;
        flex-wrap: wrap;
        padding: var(--padding-lg) var(--padding-lg) var(--padding-xl);
    }

    .write-to-us__left, .write-to-us__right {
        width: 100%;
        padding: 8px 0 0;
    }

    .write-to-us__brief {
        font-size: var(--size-h6);
        letter-spacing: calc(var(--letter-spacing-md) / 2);
        max-width: 95%;
    }

    .write-to-us__socials {
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-lg);
    }

    .form_write-to-us .form__button_submit {
        margin-left: var(--margin-sm);
        height: 53px;
    }

    .module {
        margin: 60px 0 30px;
    }

    .module_custom-reviews {
        margin-top: 70px;
    }

    .module_metrics {
        margin-top: 80px;
        margin-bottom: -6px;
    }

    .our-services {
        margin-top: -22px;
        margin-bottom: 50px;
    }

    .our-services_module {
        padding: var(--padding-lg) var(--padding-md);
        margin: -22px 0 38px;
    }

    .our-services_with-bg:after {
        background-position: 117.8% 124.3%;
        background-size: 59.6% 42.7%;
    }

    .service {
        width: 100%;
    }

    .service_active .service__data, .service:hover .service__data {
        top: 1px;
        left: 25px;
        right: 31px;
    }

    .service__image {
        max-height: 464px;
    }

    .service__content {
        margin: 13px 0;
        min-height: 298px;
    }

    .service__buttons .button {
        height: 53px;
    }

    .price-block {
        padding-left: var(--padding-md);
        padding-right: var(--padding-md);
    }

    .price-block__text {
        font-size: var(--size-body-s)
    }

    .calculation {
        flex-wrap: wrap;
        margin: 0 0 40px;
    }

    .calculation__left, .calculation__right {
        width: 100%;
        padding: var(--padding-lg) var(--padding-lg) var(--padding-xl);
    }

    .calculation__right {
        min-height: 403px;
        margin-top: var(--margin-md);
        padding: calc(var(--padding-sm) * 2.25) var(--padding-xl);
        background-size: 100% 100%;
    }

    .calculation__text {
        width: 100%;
        margin-right: 0;
    }

    .calculation__socials {
        margin-left: calc(var(--margin-md) * 1.375);
    }

    .form_calculation .form__title {
        margin-top: calc(var(--margin-xs) * 1.25);
    }

    .form__text {
        font-size: var(--size-h6);
        margin-bottom: 53px;
    }

    .form__element_full-width, .form__element_full-width .form__input {
        font-size: calc(var(--size-body-l) * 1.0625);
    }

    .form_calculation .form__button_submit {
        width: 377px;
    }

    .form_calculation .form__element_checkbox .form__label {
        padding-top: 11px;
    }

    .our-works {
        margin-bottom: 40px;
        margin-top: -11px;
    }

    .work {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: calc(var(--margin-xl) - var(--margin-xxs));
    }

    .work__images {
        width: 100%;
        order: 1;
    }

    .work__image {
        max-height: 407px;
    }

    .work__data {
        width: 100%;
        order: 2;
        padding: var(--padding-xs) var(--padding-md);
    }

    .work__title {
        margin-bottom: calc(var(--margin-md) * 1.125);
    }

    .work__description {
        font-size: var(--size-h6);
    }

    .work__characteristics {
        margin-top: calc(var(--margin-sm) * 1.125);
    }

    .characteristic {
        font-size: var(--size-h6);
    }

    .characteristic:before {
        font-size: var(--size-h6);
    }

    .work__show-more {
        margin: -2px 6px 16px 1px;
    }

    .button_work {
        width: 100%;
        height: 70px;
    }

    .footer {
        padding: var(--padding-lg);
        margin: 40px 0;
    }

    .footer__top {
        flex-wrap: wrap;
        padding-bottom: 14px;
    }

    .footer__column_top-1 {
        order: 1;
        width: 39.1%;
    }

    .footer__column_top-4 {
        order: 2;
        width: 60.9%;
    }

    .footer__column_top-2 {
        order: 3;
        width: 71.4%;
        margin-top: 17px;
    }

    .footer__column_top-3 {
        order: 4;
        width: 28.6%;
        margin-top: 17px;
    }

    .footer__logo {
        max-width: 190px;
        margin-bottom: 29px;
    }

    .form_subscription .form__text {
        letter-spacing: var(--letter-spacing-md);
    }

    .form_subscription .form__element_checkbox .form__label {
        font-size: calc(var(--size-body-s)*0.875);
        padding-top: 13px;
        letter-spacing: var(--letter-spacing-sm);
    }

    .form__element_checkbox .form__label:before {
        top: 13px;
    }

    .menu_footer .menu__title {
        margin-bottom: var(--margin-md);
    }

    .menu_footer .menu__item {
        margin-bottom: var(--margin-sm);
    }

    .footer__bottom {
        flex-wrap: wrap;
        padding-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .footer__column_bottom-1 {
        order: 1;
        width: 53%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-2 {
        order: 3;
        width: 53%;
    }

    .footer__column_bottom-3 {
        order: 2;
        width: 47%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-4 {
        order: 4;
        width: 47%;
        justify-content: flex-start;
    }

    .contacts_footer .contacts__title {
        margin-bottom: var(--margin-sm);
    }

    .socials_footer .socials__title {
        margin-bottom: var(--margin-sm);
    }

    .socials_footer .socials__link {
        width: 36px;
        height: 36px;
    }

    .completed-work__image {
        max-height: 669px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .hidden-tablet {
        display: none !important;
    }

    big, .big {
        font-size: var(--size-h6);
    }

    .list li {
        margin-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .header {
        overflow: hidden;
    }

    .container {
        width: 680px;
    }

    .button {
        height: 59px;
    }

    .button_service {
        height: 53px;
    }

    .button_with-up-right-arrow, .button_with-right-arrow {
        padding-right: 55px;
    }

    .button_with-up-right-arrow:after, .button_with-right-arrow:after {
        right: 14px;
    }

    .button_mobile-menu {
        display: flex;
        font-family: 'icons';
        width: 42px;
        height: 42px;
        justify-content: center;
        align-items: center;
        margin: 18px 0 0 33px;
        font-size: var(--size-body-s);
        color: var(--color-second);
        background-color: var(--bg-main-4);
    }

    .form__input_textarea {
        height: 150px;
    }

    .header__wrapper {
        justify-content: space-between;
        min-height: 91px;
    }

    .header_home .header__wrapper {
        top: 10px;
        padding: 12px 18px;
    }

    .header_home .button_mobile-menu {
        margin-top: 6px;
    }

    .header__logo {
        max-width: 165px;
        margin: 12px 0 0 -1px;
    }

    .menu_header {
        display: none;
    }

    .header__contacts {
        display: none;
    }

    .header__socials {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        margin-top: 17px;
    }

    .header_home {
        margin: 10px -30px 32px;
    }

    .header__content {
        top: 180px;
        left: 31px;
        right: 45px;
    }

    .header__text {
        font-size: calc(var(--size-body-m) * 1.125);
    }

    .header__buttons {
        margin-top: 48px;
        margin-right: -15px;
        justify-content: space-between;
    }

    .buttons_header .button {
        margin-right: 0;
        width: 320px;
    }

    .key-points {
        margin-top: calc(-1 * var(--padding-xs));
        margin-bottom: 60px;
    }

    .key-point {
        max-width: 318px;
        margin-bottom: var(--margin-lg);
    }

    .key-point__icon {
        margin-right: var(--margin-sm);
    }

    .module__title {
        font-size: calc(var(--size-h6) * 2);
    }

    .advantages {
        padding-bottom: calc(var(--padding-xs) + 1px);
    }

    .advantage {
        min-height: 318px;
        padding: var(--padding-lg);
        background-size: 48% 54.3%;
        background-position: 100% -6px;
    }

    .advantage_30 {
        width: 100%;
        min-height: 180px;
    }

    .advantage__title {
        font-size: calc(var(--size-h4) - 2px);
    }

    .advantage_30 .advantage__title {
        font-size: calc(var(--size-h4) + 2px);
    }

    .advantage_30:nth-child(2n) .advantage__title {
        font-size: var(--size-h4)
    }

    .module_stages .module__title {
        font-size: var(--size-h2);
        margin-top: calc(-1 * var(--padding-xxs));
    }

    .module_services .module__content {
        margin-top: 54px;
    }

    .our-services_module .our-services__content {
        margin: -4px -12px 0 -8px;
    }

    .our-services_module .service {
        width: calc(100% / 2 - var(--margin-sm) - 4px);
        flex-direction: column;
        padding-bottom: var(--padding-md);
        justify-content: space-between;
        height: auto;
    }

    .our-services_module .service__image-wrapper {
        flex-shrink: 1;
        flex-grow: 0;
    }

    .our-services_module .service__image {
        border-radius: calc(var(--border-radius) / 2);
        max-height: 220px;
    }

    .our-services_module .service__info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
        flex-shrink: 0;
    }

    .our-services_module .service__name {
        font-size: calc(var(--size-h4) * 0.75);
    }

    .our-services_module .service__description {
        display: flex;
        padding: 0;
        margin: -5px 12px 0;
        width: auto;
        flex-grow: 1;
    }

    .our-services_module .service__description p {
        margin-bottom: calc(var(--margin-sm) + 2px);
    }

    .our-services_module .service__show-more-wrapper {
        margin: 0 12px;
        display: flex;
    }

    .stages {
        flex-wrap: wrap;
        padding-top: var(--padding-xs);
    }

    .stage {
        position: relative;
        width: 260px;
        margin-left: 60px;
        display: flex;
        flex-wrap: wrap;
        padding-left: var(--padding-md);
        margin-bottom: calc(var(--margin-lg) + 2px);
    }

    .stage:before, .stage:after {
        display: none;
    }

    .stage__number {
        position: absolute;
        left: -60px;
        top: 0;
        flex-shrink: 0;
    }

    .stage__text {
        margin-top: var(--margin-xxs);
    }

    .module_stages + .module_calculation {
        margin-top: -40px;
    }

    .about {
        flex-wrap: wrap;
    }

    .about__column_big {
        display: none;
    }

    .about__column {
        width: 100%;
        flex-direction: row;
    }

    .about__row {
        width: calc(50% - var(--margin-xs));
        margin-bottom: var(--margin-md);
    }

    .metric {
        padding-bottom: calc(var(--padding-xs) * 5.125);
    }

    .metric__value {
        font-size: calc(var(--size-body-l) * 4);
    }

    .metric__text {
        font-size: calc(var(--size-body-m) * 1.125);
    }

    .module_our-partners .module__title,
    .module_metrics .module__title {
        font-size: calc(var(--size-h6) * 2 + -2px);
    }

    .our-partners__item {
        width: calc(50% - var(--margin-md));
    }

    .module_services .module__title,
    .module_custom-reviews .module__title {
        font-size: calc(var(--size-h6) * 2 - 2px);
    }

    .reviews {
        border-radius: var(--border-radius);
        margin-bottom: 40px;
    }

    .reviews:after {
        display: none;
    }

    .review {
        flex-wrap: wrap;
        padding: var(--padding-lg);
    }

    .review__left, .review__right {
        width: 100%;
    }

    .review__right {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .review__image {
        border-radius: var(--border-radius-sm);
    }

    .info-block {
        padding: var(--padding-lg);
        min-height: 418px;
    }

    .info-block_our-works {
        min-height: 471px;
    }

    .info-block:after {
        top: -40px;
        right: -7px;
        background-size: contain;
        background-position: 0 0;
        width: 40%;
    }

    .info-block__brief {
        font-size: var(--size-h6);
        margin-top: var(--margin-lg);
        margin-bottom: var(--margin-xs);
        max-width: 95%;
    }

    .info-block_our-works .info-block__brief {
        max-width: 100%;
    }

    .info-block_contact {
        min-height: 333px;
        margin-bottom: var(--margin-lg);
    }

    .info-block__buttons {
        margin-top: var(--margin-lg);
        flex-wrap: wrap;
    }

    .info-block_our-works .info-block__buttons .button {
        width: 305px;
        margin-right: calc(var(--margin-xs) - 1px);
        height: 53px;
        margin-bottom: var(--padding-xs);
    }

    .buttons_works {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(-1 * var(--margin-xs));
    }

    .buttons_services {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(var(--margin-xxs) * 1.5);
    }

    .buttons_services .button {
        width: 304px;
        margin-right: var(--margin-xs);
        height: 53px;
    }

    .contact-block {
        flex-wrap: wrap;
        padding: 0 0 40px;
    }

    .contact-block__column {
        width: 100%;
    }

    .contact-block__row {
        margin-bottom: var(--margin-md);
    }

    .contact-block__row + .contact-block__row {
        margin-top: 0;
    }

    .contact-block__map {
        height: 400px;
    }

    .contacts_contact-block {
        padding: var(--padding-lg);
        min-height: 210px;
    }

    .write-to-us {
        margin: 40px 0;
        flex-wrap: wrap;
        padding: var(--padding-lg) var(--padding-lg) var(--padding-xl);
    }

    .write-to-us__left, .write-to-us__right {
        width: 100%;
        padding: 8px 0 0;
    }

    .write-to-us__brief {
        font-size: var(--size-h6);
        letter-spacing: calc(var(--letter-spacing-md) / 2);
        max-width: 95%;
    }

    .write-to-us__socials {
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-lg);
    }

    .form_write-to-us .form__button_submit {
        margin-left: var(--margin-sm);
        height: 53px;
    }

    .module {
        margin: 60px 0 30px;
    }

    .module_custom-reviews {
        margin-top: 70px;
    }

    .module_metrics {
        margin-top: 80px;
        margin-bottom: -6px;
    }

    .our-services {
        margin-top: -22px;
        margin-bottom: 50px;
    }

    .our-services_module {
        padding: var(--padding-lg) var(--padding-md);
        margin: -22px 0 38px;
    }

    .our-services_with-bg:after {
        background-position: 117.8% 124.3%;
        background-size: 59.6% 42.7%;
    }

    .service {
        width: 100%;
    }

    .service_active .service__data, .service:hover .service__data {
        top: 1px;
        left: 25px;
        right: 31px;
    }

    .service__image {
        max-height: 464px;
    }

    .service__content {
        margin: 13px 0;
        min-height: 298px;
    }

    .service__buttons .button {
        height: 53px;
    }

    .price-block {
        padding-left: var(--padding-md);
        padding-right: var(--padding-md);
    }

    .price-block__text {
        font-size: var(--size-body-s)
    }

    .calculation {
        flex-wrap: wrap;
        margin: 0 0 40px;
    }

    .calculation__left, .calculation__right {
        width: 100%;
        padding: var(--padding-lg) var(--padding-lg) var(--padding-xl);
    }

    .calculation__right {
        min-height: 403px;
        margin-top: var(--margin-md);
        padding: calc(var(--padding-sm) * 2.25) var(--padding-xl);
        background-size: 100% 100%;
    }

    .calculation__text {
        width: 100%;
        margin-right: 0;
    }

    .calculation__socials {
        margin-left: calc(var(--margin-md) * 1.375);
    }

    .form_calculation .form__title {
        margin-top: calc(var(--margin-xs) * 1.25);
    }

    .form__text {
        font-size: var(--size-h6);
        margin-bottom: 53px;
    }

    .form__element_full-width, .form__element_full-width .form__input {
        font-size: calc(var(--size-body-l) * 1.0625);
    }

    .form_calculation .form__button_submit {
        width: 377px;
    }

    .form_calculation .form__element_checkbox .form__label {
        padding-top: 11px;
    }

    .our-works {
        margin-bottom: 40px;
        margin-top: -11px;
    }

    .work {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: calc(var(--margin-xl) - var(--margin-xxs));
    }

    .work__images {
        width: 100%;
        order: 1;
    }

    .work__image {
        max-height: 407px;
    }

    .work__data {
        width: 100%;
        order: 2;
        padding: var(--padding-xs) var(--padding-md);
    }

    .work__title {
        margin-bottom: calc(var(--margin-md) * 1.125);
    }

    .work__description {
        font-size: var(--size-h6);
    }

    .work__characteristics {
        margin-top: calc(var(--margin-sm) * 1.125);
    }

    .characteristic {
        font-size: var(--size-h6);
    }

    .characteristic:before {
        font-size: var(--size-h6);
    }

    .work__show-more {
        margin: -2px 6px 16px 1px;
    }

    .button_work {
        width: 100%;
        height: 70px;
    }

    .footer {
        padding: var(--padding-lg);
        margin: 40px 0;
    }

    .footer__top {
        flex-wrap: wrap;
        padding-bottom: 14px;
    }

    .footer__column_top-1 {
        order: 1;
        width: 39.1%;
    }

    .footer__column_top-4 {
        order: 2;
        width: 60.9%;
    }

    .footer__column_top-2 {
        order: 3;
        width: 71.4%;
        margin-top: 17px;
    }

    .footer__column_top-3 {
        order: 4;
        width: 28.6%;
        margin-top: 17px;
    }

    .footer__logo {
        max-width: 190px;
        margin-bottom: 29px;
    }

    .form_subscription .form__text {
        letter-spacing: var(--letter-spacing-md);
    }

    .form_subscription .form__element_checkbox .form__label {
        font-size: calc(var(--size-body-s)*0.875);
        padding-top: 13px;
        letter-spacing: var(--letter-spacing-sm);
    }

    .form__element_checkbox .form__label:before {
        top: 13px;
    }

    .menu_footer .menu__title {
        margin-bottom: var(--margin-md);
    }

    .menu_footer .menu__item {
        margin-bottom: var(--margin-sm);
    }

    .footer__bottom {
        flex-wrap: wrap;
        padding-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .footer__column_bottom-1 {
        order: 1;
        width: 53%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-2 {
        order: 3;
        width: 53%;
    }

    .footer__column_bottom-3 {
        order: 2;
        width: 47%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-4 {
        order: 4;
        width: 47%;
        justify-content: flex-start;
    }

    .contacts_footer .contacts__title {
        margin-bottom: var(--margin-sm);
    }

    .socials_footer .socials__title {
        margin-bottom: var(--margin-sm);
    }

    .socials_footer .socials__link {
        width: 36px;
        height: 36px;
    }

    .module_completed-works {
        padding: var(--padding-xl) var(--padding-lg);
        margin-bottom: 80px;
    }

    .module_completed-works .module__title {
        font-size: var(--size-h2);
    }

    .module_completed-works .module__description {
        font-size: var(--size-h6);
        max-width: 70%;
        margin-bottom: 33px;
    }

    .completed-work__image {
        max-height: 669px;
        border-radius: calc(var(--border-radius) / 1.5);
    }

    .completed-works__show-more {
        margin-top: 10px;
        height: 53px;
    }

    .popup {
        width: 650px;
        min-height: 560px;
    }

    .popup_consultation {
        min-height: 450px;
    }

    .form_popup {
        padding: 1px;
    }

    .form_popup .form__text {
        margin-bottom: 51px;
    }

    .form_popup .form__row {
        margin-bottom: var(--margin-sm);
    }

    .form_popup .form__element_checkbox {
        max-width: 41%;
    }

    .form_popup .form__element_checkbox .form__label {
        padding-top: var(--padding-sm);
    }

    .form_popup .form__element_checkbox + .form__element {
        width: 59%;
    }

    .form_popup .form__input {
        font-size: var(--size-body-l)
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }

    big, .big {
        font-size: var(--size-h6);
    }

    .list li {
        margin-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .container {
        width: auto;
        padding: 0 20px;
    }

    .button {
        height: 59px;
    }

    .button_service {
        height: 53px;
    }

    .button_with-up-right-arrow, .button_with-right-arrow {
        padding-right: 55px;
    }

    .button_with-up-right-arrow:after, .button_with-right-arrow:after {
        right: 14px;
    }

    .button_mobile-menu {
        display: flex;
        font-family: 'icons';
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        margin: 16px 0 0 10px;
        font-size: var(--size-body-s);
        color: var(--color-second);
        background-color: var(--bg-main-4);
    }

    .form__input_textarea {
        height: 150px;
    }

    .header__wrapper {
        justify-content: space-between;
        min-height: 74px;
    }

    .header_home .header__wrapper {
        padding: 6px 21px 16px;
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
    }

    .header_home .button_mobile-menu {
        margin-top: 0;
    }

    .header__logo {
        max-width: 120px;
        margin: 16px 0 0 -1px;
    }

    .menu_header {
        display: none;
    }

    .header__contacts {
        display: none;
    }

    .header__socials {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        margin-top: 17px;
    }

    .header_home .header__socials {
        margin-top: 0;
    }

    .socials_header .socials__link {
        width: 40px;
        height: 40px;
        margin-left: var(--margin-xs);
    }

    .socials_header .socials__link svg, .socials_header .socials__link img {
        width: 21px;
        height: 21px;
    }

    .header_home {
        margin: 10px -20px 32px;
        padding-top: 60px;
        background: #06284D;
        padding-bottom: 41px;
    }

    .header__image {
        border-radius: 0;
        max-height: 664px;
    }

    .header__title {
        margin-bottom: var(--margin-md);
    }

    .header__content {
        top: 103px;
        left: 20px;
        right: 20px;
    }

    .header__buttons {
        margin-top: 44px;
        margin-right: -1px;
        justify-content: center;
    }

    .buttons_header {
        flex-wrap: wrap;
    }

    .buttons_header .button {
        margin-right: 0;
        width: 100%;
        height: 65px;
        margin-bottom: var(--margin-sm);
    }

    .buttons_header .button:last-child {
        height: 63px;
    }

    .key-points {
        margin-top: calc(-1 * var(--padding-xs));
        margin-bottom: -22px;
    }

    .key-point {
        max-width: 318px;
        margin-bottom: var(--margin-lg);
    }

    .key-point__icon {
        margin-right: var(--margin-sm);
    }

    .advantages {
        padding-bottom: calc(var(--padding-xs) + 1px);
    }

    .advantage {
        padding: var(--padding-md);
        background-size: 48% 54.3%;
        background-position: 100% -6px;
        width: 100% !important;
        min-height: 274px;
    }

    .advantage__title {
        max-width: 70%;
    }

    .advantages .slick-dots {
        bottom: 0;
    }

    .module_stages .module__title {
        font-size: var(--size-h2);
        margin-top: calc(-1 * var(--padding-xxs));
    }

    .module_services .module__content {
        margin-top: 54px;
    }

    .our-services_module .our-services__content {
        margin: 4px 8px 0 0px;
        max-width: 100%;
    }

    .our-services_module .service {
        width: 100%;
        flex-direction: column;
        padding-bottom: var(--padding-md);
        margin: 0;
        height: auto;
    }

    .our-services_module .service__image {
        border-radius: calc(var(--border-radius) * 0.75);
        max-height: 100%;
    }

    .our-services_module .service__name {
        font-size: calc(var(--size-h4) * 0.75);
    }

    .our-services_module .service__description {
        display: flex;
        padding: 0;
        margin: -5px 12px 0;
        width: auto;
        flex-grow: 1;
    }

    .our-services_module .service__description p {
        margin-bottom: calc(var(--margin-sm) + 2px);
    }

    .our-services_module .service__show-more-wrapper {
        margin: 0 12px;
        display: flex;
    }

    .stages {
        flex-wrap: wrap;
        padding-top: var(--padding-xs);
        padding-bottom: var(--padding-md);
    }

    .stage {
        position: relative;
        width: 260px;
        margin-left: 60px;
        display: flex;
        flex-wrap: wrap;
        padding-left: var(--padding-md);
        margin-bottom: calc(var(--margin-md) + 1px);
    }

    .stage:before, .stage:after {
        display: none;
    }

    .stage__number {
        position: absolute;
        left: -60px;
        top: 0;
        flex-shrink: 0;
    }

    .stage__text {
        margin-top: var(--margin-xxs);
    }

    .module_stages + .module_calculation {
        margin-top: -40px;
    }

    .about {
        flex-wrap: wrap;
    }

    .about__column_big {
        display: none;
    }

    .about__column {
        width: 100%;
        flex-direction: row;
    }

    .about__row {
        width: calc(50% - var(--margin-xxs));
        margin-bottom: var(--margin-xs);
    }

    .about__image {
        min-height: 253px;
        border-radius: var(--border-radius);
    }

    .metric {
        min-height: 253px;
        border-radius: var(--border-radius);
        padding: 24px 11px;
    }

    .metric__value {
        font-size: calc(var(--size-h3) * 2);
    }

    .metric__text {
        font-size: var(--size-body-m);
    }

    .module_our-partners .module__title,
    .module_metrics .module__title {
        font-size: var(--size-h2);
    }

    .our-partners__item {
        width: 100% !important;
        display: flex !important;
        padding-left: 21px;
        padding-top: 42px;
    }

    .our-partners .slick-dots {
        bottom: -18px;
    }

    .module_services .module__title,
    .module_custom-reviews .module__title {
        font-size: var(--size-h2);
    }

    .reviews {
        border-radius: var(--border-radius);
        margin-bottom: 40px;
    }

    .reviews .slider__buttons {
        display: none;
    }

    .reviews:after {
        display: none;
    }

    .review {
        flex-wrap: wrap;
        padding: var(--padding-md);
    }

    .review__tags {
        flex-wrap: wrap;
    }

    .review__tags .tag {
        order: 3;
        padding: 9px 13px;
    }

    .review__tags .tag:first-child {
        order: 2
    }

    .review__tags .tag:nth-child(2) {
        order: 1;
    }

    .review__left, .review__right {
        width: 100%;
    }

    .review__right {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .review__image {
        border-radius: calc(var(--border-radius-xs) * 2);
    }

    .user__content {
        padding-top: calc(var(--padding-xxs) / 2);
    }

    .info-block {
        padding: calc(var(--padding-md) + var(--padding-xxs));
        min-height: 364px;
    }

    .info-block_our-works {
        min-height: 471px;
    }

    .info-block__title {
        margin-top: 67px;
    }

    .info-block:after {
        display: none;
    }

    .info-block__brief {
        font-size: var(--size-body-l);
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-xxs);
        max-width: 100%;
    }

    .info-block_our-works .info-block__brief, .info-block_contact .info-block__brief {
        max-width: 100%;
        margin-top: var(--margin-sm);
        margin-bottom: var(--margin-xxs);
    }

    .info-block_our-works .info-block__brief {
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-xs);
    }

    .info-block_contact {
        min-height: 364px;
        margin-bottom: calc(var(--margin-lg) + var(--margin-xs));
    }

    .info-block__buttons {
        margin-top: var(--margin-lg);
        flex-wrap: wrap;
    }

    .info-block_our-works .info-block__buttons .button {
        width: 305px;
        margin-right: calc(var(--margin-xs) - 1px);
        height: 53px;
        margin-bottom: var(--padding-xs);
    }

    .buttons_works {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(-1 * var(--margin-xxs));
    }

    .buttons_services {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(-1 * var(--margin-xxs));
    }

    .buttons_services .button {
        width: 304px;
        margin-right: var(--margin-xs);
        height: 53px;
        margin-bottom: var(--margin-xs);
    }

    .contact-block {
        flex-wrap: wrap;
        padding: 0 0 40px;
    }

    .contact-block__column {
        width: 100%;
    }

    .contact-block__row {
        margin-bottom: var(--margin-xs);
        flex-wrap: wrap;
    }

    .contact-block__row + .contact-block__row {
        margin-top: 0;
    }

    .contact-block__map {
        height: 250px;
    }

    .contacts_contact-block {
        padding: var(--padding-md);
        min-height: 132px;
        width: 100%;
    }

    .contacts_contact-block + .contacts_contact-block {
        margin-top: var(--margin-xs);
    }

    .contacts_contact-block .contacts__content {
        margin-top: 30px;
    }

    .contacts_contact-block .contact_address {
        margin-top: 9px;
    }

    .write-to-us {
        margin: 38px 0 9px;
        flex-wrap: wrap;
        padding: var(--padding-md);
    }

    .write-to-us__left, .write-to-us__right {
        width: 100%;
        padding: 8px 0 0;
    }

    .write-to-us__brief {
        max-width: 100%;
        line-height: calc(var(--line-height-sm) * 0.975);
    }

    .write-to-us__socials {
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-md);
    }

    .form__row {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .form__column {
        margin-bottom: 0;
        width: 100% !important;
    }

    .form__element {
        margin-bottom: var(--margin-xs);
    }

    .form_write-to-us {
        margin-right: var(--margin-xxs);
    }

    .form_write-to-us .form__button_submit {
        height: 53px;
        margin: 2px -4px 0 0px;
        width: calc(100% + 4px);
    }

    .module {
        margin: 60px 0 30px;
    }

    .module_our-partners {
        margin-bottom: 77px;
    }

    .module_services {
        overflow: hidden;
    }

    .module_custom-reviews {
        margin-top: 70px;
    }

    .module_metrics {
        margin-bottom: -18px;
    }

    .our-services {
        margin-top: -22px;
        margin-bottom: 50px;
    }

    .our-services .slick-dots li:not(.slick-active) button {
        background: var(--bg-main)
    }

    .our-services_module {
        padding: var(--padding-lg) var(--padding-lg) var(--padding-lg) var(--padding-md);
        margin: -22px 0 35px;
        border-radius: calc(var(--border-radius) * 1.5);
    }

    .our-services_with-bg:after {
        display: none;
    }

    .list {
        font-size: var(--size-body-l);
    }

    .service {
        width: 100%;
        padding: var(--padding-md);
        background-color: var(--bg-main-4);
    }

    .service__title {
        position: static;
        background: none;
        padding: 0;
    }

    .service__data {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        display: flex;
    }

    .service__description {
        padding-top: var(--padding-md);
    }

    .service__image {
        max-height: 464px;
        border-radius: var(--border-radius-sm);
    }

    .service__content {
        display: flex;
        margin: 13px 0;
        min-height: 0;
        flex-direction: column;
        width: 100%;
        overflow: visible;
    }

    .service__content p {
        margin-bottom: var(--margin-md);
    }

    .service__buttons .button {
        height: 55px;
    }

    .service__works-title {
        font-size: var(--size-body-l);
    }

    .service__prices {
        position: static;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: var(--margin-sm);
    }

    .price-block {
        padding: var(--padding-xs) var(--padding-md);
    }

    .service__prices .price-block {
        width: calc(50% - 2px);
        padding-bottom: var(--padding-sm);
    }

    .service__prices .price-block:nth-child(3n) {
        width: 100%;
    }

    .price-block__price {
        font-size: var(--size-body-s);
        margin-top: var(--margin-xxs);
    }

    .price-block__text {
        font-size: var(--size-body-s)
    }

    .service__list {
        margin-top: calc(-1 * var(--margin-xxs));
        line-height: var(--line-height-sm);
    }

    .service__list li {
        margin-bottom: var(--margin-xxs);
    }

    .service__list li:before {
        top: 50%;
        margin-top: calc(-1 * var(--margin-sm));
    }

    .service__buttons {
        display: flex;
        margin: calc(var(--margin-xxs) * 1.5) 0 0;
    }

    .our-services__slider, .our-works__slider {
        max-width: 100%;
    }

    .calculation {
        flex-wrap: wrap;
        margin: 0 0 40px;
    }

    .calculation__left, .calculation__right {
        width: 100%;
        padding: calc(var(--padding-md) - 2px) var(--padding-md);
    }

    .calculation__right {
        min-height: 361px;
        margin-top: var(--margin-xs);
        padding: var(--padding-lg) var(--padding-md);
        background-size: 100% 100%;
    }

    .calculation__text {
        width: 100%;
        margin-right: 0;
    }

    .contacts_calculation .contact {
        margin-bottom: var(--margin-md);
        font-size: calc(var(--size-body-m) * 1.5);
    }

    .calculation__socials {
        margin-left: 0;
    }

    .form_calculation .form__title {
        margin-top: calc(var(--margin-xs) * 1.25);
    }

    .form__text {
        margin-bottom: 29px;
    }

    .form_calculation .form__row {
        margin-bottom: var(--margin-xxs);
    }

    .form_calculation .form__input {
        font-size: var(--size-body-l);
    }

    .form_calculation .form__element {
        width: 100%;
    }

    .form_calculation .form__button_submit {
        width: 100%;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .form_calculation .form__element_checkbox .form__label {
        padding-top: 1px;
    }

    .form_calculation .form__element_checkbox .form__label:before {
        top: 0;
        width: 24px;
        height: 24px;
    }

    .our-works {
        margin: -11px 15px 0;
    }

    .our-works__slider, .slick-dotted.slick-slider.our-works__slider {
        margin-bottom: 86px;
    }

    .work {
        flex-wrap: wrap;
        padding: var(--padding-xxs);
        margin: 0 5px;
    }

    .slick-slider .work {
        display: flex !important;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .work__images {
        width: 100%;
        order: 1;
        border-radius: var(--border-radius-sm);
    }

    .work__image {
        max-height: 407px;
    }

    .work__data {
        width: 100%;
        order: 2;
        padding: var(--padding-xs) var(--padding-md);
    }

    .work__content {
        padding-right: 0;
    }

    .work__title {
        margin-bottom: calc(var(--margin-md) * 1.125);
    }

    .work__characteristics {
        margin-top: var(--margin-sm);
        flex-wrap: wrap;
    }

    .characteristic {
        font-size: var(--size-h6);
        margin-left: 0;
        width: 50%;
        margin-bottom: var(--margin-md);
    }

    .characteristic_cost {
        width: 100%;
        margin-bottom: 0;
    }

    .characteristic + .characteristic {
        margin-left: 0;
    }

    .characteristic:before {
        font-size: var(--size-h6);
    }

    .work__show-more {
        margin: -7px -1px 12px;
    }

    .button_work, .button_work.button_with-up-right-arrow {
        width: 100%;
        height: 70px;
        padding-right: calc(var(--padding-xxs) * 16);
    }

    .delimiter {
        width: 2px;
    }

    .delimiter__slider {
        width: 22px;
        height: 53px;
        left: -11px;
        margin-top: -26px;
    }

    .delimiter__slider:before, .delimiter__slider:after {
        border-width: 3px;
        margin-top: -6px;
    }

    .delimiter__slider:before {
        border-right-width: 3px;
        left: 1px;
    }

    .delimiter__slider:after {
        border-left-width: 3px;
        right: 1px;
    }

    .footer {
        padding: var(--padding-lg) calc(var(--padding-lg) - var(--padding-xxs));
        margin: 10px 0 40px;
    }

    .footer__top {
        flex-wrap: wrap;
        padding-bottom: 14px;
    }

    .footer__column_top-1 {
        order: 1;
        width: 39.1%;
    }

    .footer__column_top-4 {
        order: 2;
        width: 60.9%;
    }

    .footer__column_top-2, .footer__column_top-3 {
        display: none;
    }

    .footer__logo {
        max-width: 218px;
        margin: 0 auto 20px;
    }

    .info__item {
        margin-bottom: var(--margin-xs);
    }

    .form_subscription {
        margin-top: var(--margin-md);
    }

    .form_subscription .form__text {
        letter-spacing: normal;
        line-height: calc(var(--line-height) * 0.975);
    }

    .form_subscription .form__element_checkbox .form__label {
        font-size: calc(var(--size-body-s)*0.875);
        padding-top: 0;
        letter-spacing: var(--letter-spacing-sm);
        margin-bottom: 0;
        min-height: 31px;
    }

    .form_write-to-us .form__element_checkbox .form__label {
        padding-top: 0;
        line-height: var(--line-height-sm);
    }

    .form__element_checkbox .form__label:before {
        top: -1px;
        width: 32px;
        height: 32px;
    }

    .form_subscription .form__row {
        margin-bottom: 0;
    }

    .form_subscription .form__input {
        height: 56px;
        padding: var(--padding-md) calc(var(--padding-lg) - 4px);
    }

    .form_subscription .form__element {
        width: 100%;
    }

    .form_subscription .form__element_checkbox {
        margin-bottom: var(--margin-xxs);
    }

    .form_subscription .form__element_checkbox .form__label:before {
        width: 24px;
        height: 24px;
    }

    .form_subscription .form__button_submit {
        width: 100%;
        height: 53px;
    }

    .footer__bottom {
        flex-wrap: wrap;
        padding-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .footer__column {
        width: 100% !important;
    }

    .footer__column_bottom-1 {
        order: 1;
        width: 53%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-2 {
        order: 3;
        width: 53%;
    }

    .footer__column_bottom-3 {
        order: 2;
        width: 47%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-4 {
        order: 4;
        width: 47%;
        justify-content: flex-start;
    }

    .contacts_footer .contacts__title {
        margin-bottom: var(--margin-xs);
    }

    .contacts_footer .contact {
        font-size: var(--size-body-l);
        letter-spacing: normal;
    }

    .contacts_footer .contact_phone {
        font-size: var(--size-h4);
    }

    .socials_footer {
        margin-bottom: 1px;
        margin-top: var(--margin-md);
    }

    .socials_footer .socials__title {
        margin-bottom: var(--margin-xs);
    }

    .socials_footer .socials__link {
        width: 36px;
        height: 36px;
    }

    .socials_footer svg, .socials_footer img {
        width: 20px;
        height: 20px;
    }

    .module_completed-works {
        padding: var(--padding-lg) var(--padding-md);
        margin-top: -6px;
        border-radius: calc(var(--border-radius) * 1.5);
    }

    .module_completed-works .module__title {
        font-size: var(--size-h2);
        letter-spacing: var(--letter-spacing-sm);
    }

    .module_completed-works .module__description {
        font-size: var(--size-body-l);
        max-width: 100%;
        margin-bottom: 28px;
    }

    .module_completed-works .completed-works__content {
        margin-bottom: 37px;
    }

    .completed-work__image {
        max-height: 377px;
        border-radius: var(--border-radius);
    }

    .completed-works__show-more {
        margin-top: 10px;
        height: 55px;
    }

    .module_completed-works .slick-dots {
        bottom: -21px;
    }

    .module_completed-works .slider__buttons {
        display: none;
    }

    .popup {
        width: 335px;
        min-height: 631px;
        padding: calc(var(--padding-lg) - 2px) var(--padding-md);
    }

    .popup_consultation {
        min-height: 500px;
    }

    .form_popup .form__text {
        margin-bottom: 30px;
    }

    .form_popup .form__row {
        margin-bottom: 0;
    }

    .form_popup .form__element_checkbox {
        max-width: 100%;
        width: 100%;
    }

    .form_popup .form__element_checkbox .form__label {
        padding-top: 0;
    }

    .form_popup .form__element_checkbox + .form__element {
        width: 100%;
    }

    .form_popup .form__element_checkbox .form__label:before {
        width: 24px;
        height: 24px;
    }

    .form_popup .form__input {
        font-size: var(--size-body-m)
    }

    .form_popup .form__button_submit {
        margin-top: -3px;
    }

    .popup__close {
        top: 24px;
        right: 15px;
    }
}

@media (min-width: 320px) and (max-width: 374px) {
    .hidden-mobile {
        display: none !important;
    }

    big, .big {
        font-size: var(--size-h6);
    }

    .list li {
        margin-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .container {
        width: auto;
        padding: 0 20px;
    }

    .button {
        height: 59px;
    }

    .button_service {
        height: 53px;
    }

    .button_with-up-right-arrow, .button_with-right-arrow {
        padding-right: 55px;
    }

    .button_with-up-right-arrow:after, .button_with-right-arrow:after {
        right: 14px;
    }

    .button_mobile-menu {
        display: flex;
        font-family: 'icons';
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        margin: 16px 0 0 10px;
        font-size: var(--size-body-s);
        color: var(--color-second);
        background-color: var(--bg-main-4);
    }

    .form__input_textarea {
        height: 150px;
    }

    .header__wrapper {
        justify-content: space-between;
        min-height: 74px;
    }

    .header_home .header__wrapper {
        padding: 6px 21px 16px;
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
    }

    .header_home .button_mobile-menu {
        margin-top: 0;
    }

    .header__logo {
        max-width: 120px;
        margin: 16px 0 0 -1px;
    }

    .menu_header {
        display: none;
    }

    .header__contacts {
        display: none;
    }

    .header__socials {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        margin-top: 17px;
    }

    .header_home .header__socials {
        margin-top: 0;
    }

    .socials_header .socials__link {
        width: 40px;
        height: 40px;
        margin-left: var(--margin-xs);
    }

    .socials_header .socials__link svg, .socials_header .socials__link img {
        width: 21px;
        height: 21px;
    }

    .header_home {
        margin: 10px -20px 32px;
        padding-top: 60px;
        background: #06284D;
        padding-bottom: 41px;
    }

    .header__image {
        display: none;
    }

    .header__title {
        margin-bottom: var(--margin-md);
    }

    .header__content {
        position: static;
        top: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .header__buttons {
        margin-top: 44px;
        margin-right: -1px;
        justify-content: center;
    }

    .buttons_header {
        flex-wrap: wrap;
    }

    .buttons_header .button {
        margin-right: 0;
        width: 100%;
        height: 65px;
        margin-bottom: var(--margin-sm);
    }

    .buttons_header .button:last-child {
        height: 63px;
    }

    .key-points {
        margin-top: calc(-1 * var(--padding-xs));
        margin-bottom: -22px;
    }

    .key-point {
        max-width: 318px;
        margin-bottom: var(--margin-lg);
    }

    .key-point__icon {
        margin-right: var(--margin-sm);
    }

    .advantages {
        padding-bottom: calc(var(--padding-xs) + 1px);
    }

    .advantage {
        padding: var(--padding-md);
        background-size: 48% 54.3%;
        background-position: 100% -6px;
        width: 100% !important;
        min-height: 274px;
    }

    .advantage__title {
        max-width: 70%;
    }

    .advantages .slick-dots {
        bottom: 0;
    }

    .module_stages .module__title {
        font-size: var(--size-h2);
        margin-top: calc(-1 * var(--padding-xxs));
    }

    .module_services .module__content {
        margin-top: 54px;
    }

    .our-services_module .our-services__content {
        margin: 4px 8px 0 0px;
        max-width: 100%;
    }

    .our-services_module .service {
        width: 100%;
        flex-direction: column;
        padding-bottom: var(--padding-md);
        margin: 0;
    }

    .our-services_module .service__image {
        border-radius: calc(var(--border-radius) * 0.75);
        max-height: 100%;
    }

    .our-services_module .service__name {
        font-size: calc(var(--size-h4) * 0.75);
    }

    .our-services_module .service__description {
        display: flex;
        padding: 0;
        margin: -5px 12px 0;
        width: auto;
        flex-grow: 1;
    }

    .our-services_module .service__description p {
        margin-bottom: calc(var(--margin-sm) + 2px);
    }

    .our-services_module .service__show-more-wrapper {
        margin: 0 12px;
        display: flex;
    }

    .stages {
        flex-wrap: wrap;
        padding-top: var(--padding-xs);
        padding-bottom: var(--padding-md);
    }

    .stage {
        position: relative;
        width: 260px;
        margin-left: 60px;
        display: flex;
        flex-wrap: wrap;
        padding-left: var(--padding-md);
        margin-bottom: calc(var(--margin-md) + 1px);
    }

    .stage:before, .stage:after {
        display: none;
    }

    .stage__number {
        position: absolute;
        left: -60px;
        top: 0;
        flex-shrink: 0;
    }

    .stage__text {
        margin-top: var(--margin-xxs);
    }

    .module_stages + .module_calculation {
        margin-top: -40px;
    }

    .about {
        flex-wrap: wrap;
    }

    .about__column_big {
        display: none;
    }

    .about__column {
        width: 100%;
        flex-direction: column;
    }

    .about__row {
        width: 100%;
        margin-bottom: var(--margin-xs);
    }

    .about__image {
        min-height: auto;
        border-radius: var(--border-radius);
    }

    .metric {
        min-height: 203px;
        border-radius: var(--border-radius);
        padding: 24px 11px;
    }

    .metric__value {
        font-size: calc(var(--size-h3) * 2);
    }

    .metric__text {
        font-size: var(--size-body-m);
    }

    .module_our-partners .module__title,
    .module_metrics .module__title {
        font-size: var(--size-h2);
    }

    .our-partners__item {
        width: 100% !important;
        display: flex !important;
        padding-left: 21px;
        padding-top: 42px;
    }

    .our-partners .slick-dots {
        bottom: -18px;
    }

    .module_services .module__title,
    .module_custom-reviews .module__title {
        font-size: var(--size-h2);
    }

    .reviews {
        border-radius: var(--border-radius);
        margin-bottom: 40px;
    }

    .reviews .slider__buttons {
        display: none;
    }

    .reviews:after {
        display: none;
    }

    .review {
        flex-wrap: wrap;
        padding: var(--padding-md);
    }

    .review__tags {
        flex-wrap: wrap;
    }

    .review__tags .tag {
        order: 3;
        padding: 9px 13px;
    }

    .review__tags .tag:first-child {
        order: 2
    }

    .review__tags .tag:nth-child(2) {
        order: 1;
    }

    .review__left, .review__right {
        width: 100%;
    }

    .review__right {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .review__image {
        border-radius: calc(var(--border-radius-xs) * 2);
    }

    .user__content {
        padding-top: calc(var(--padding-xxs) / 2);
    }

    .info-block {
        padding: calc(var(--padding-md) + var(--padding-xxs));
        min-height: 364px;
    }

    .info-block_our-works {
        min-height: 471px;
    }

    .info-block__title {
        margin-top: 67px;
    }

    .info-block:after {
        display: none;
    }

    .info-block__brief {
        font-size: var(--size-body-l);
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-xxs);
        max-width: 100%;
    }

    .info-block_our-works .info-block__brief, .info-block_contact .info-block__brief {
        max-width: 100%;
        margin-top: var(--margin-sm);
        margin-bottom: var(--margin-xxs);
    }

    .info-block_our-works .info-block__brief {
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-xs);
    }

    .info-block_contact {
        min-height: 364px;
        margin-bottom: calc(var(--margin-lg) + var(--margin-xs));
    }

    .info-block__buttons {
        margin-top: var(--margin-lg);
        flex-wrap: wrap;
    }

    .info-block_our-works .info-block__buttons .button {
        width: 305px;
        margin-right: calc(var(--margin-xs) - 1px);
        height: 53px;
        margin-bottom: var(--padding-xs);
    }

    .buttons_works {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(-1 * var(--margin-xxs));
    }

    .buttons_services {
        margin-right: calc(-1 * var(--margin-xs));
        margin-bottom: calc(-1 * var(--margin-xxs));
    }

    .buttons_services .button {
        width: 304px;
        margin-right: var(--margin-xs);
        height: 53px;
        margin-bottom: var(--margin-xs);
    }

    .contact-block {
        flex-wrap: wrap;
        padding: 0 0 40px;
    }

    .contact-block__column {
        width: 100%;
    }

    .contact-block__row {
        margin-bottom: var(--margin-xs);
        flex-wrap: wrap;
    }

    .contact-block__row + .contact-block__row {
        margin-top: 0;
    }

    .contact-block__map {
        height: 250px;
    }

    .contacts_contact-block {
        padding: var(--padding-md);
        min-height: 132px;
        width: 100%;
    }

    .contacts_contact-block + .contacts_contact-block {
        margin-top: var(--margin-xs);
    }

    .contacts_contact-block .contacts__content {
        margin-top: 30px;
    }

    .contacts_contact-block .contact_address {
        margin-top: 9px;
    }

    .write-to-us {
        margin: 38px 0 9px;
        flex-wrap: wrap;
        padding: var(--padding-md);
    }

    .write-to-us__left, .write-to-us__right {
        width: 100%;
        padding: 8px 0 0;
    }

    .write-to-us__brief {
        max-width: 100%;
        line-height: calc(var(--line-height-sm) * 0.975);
    }

    .write-to-us__socials {
        margin-top: var(--margin-md);
        margin-bottom: var(--margin-md);
    }

    .form__row {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .form__column {
        margin-bottom: 0;
        width: 100% !important;
    }

    .form__element {
        margin-bottom: var(--margin-xs);
    }

    .form_write-to-us {
        margin-right: var(--margin-xxs);
    }

    .form_write-to-us .form__button_submit {
        height: 53px;
        margin: 2px -4px 0 0px;
        width: calc(100% + 4px);
    }

    .module {
        margin: 60px 0 30px;
    }

    .module_our-partners {
        margin-bottom: 77px;
    }

    .module_services {
        overflow: hidden;
    }

    .module_custom-reviews {
        margin-top: 70px;
    }

    .module_metrics {
        margin-bottom: -18px;
    }

    .our-services {
        margin-top: -22px;
        margin-bottom: 50px;
    }

    .our-services .slick-dots li:not(.slick-active) button {
        background: var(--bg-main)
    }

    .our-services_module {
        padding: var(--padding-lg) var(--padding-lg) var(--padding-lg) var(--padding-md);
        margin: -22px 0 35px;
        border-radius: calc(var(--border-radius) * 1.5);
    }

    .our-services_with-bg:after {
        display: none;
    }

    .list {
        font-size: var(--size-body-l);
    }

    .service {
        width: 100%;
        padding: var(--padding-md);
        background-color: var(--bg-main-4);
    }

    .service__title {
        position: static;
        background: none;
        padding: 0;
    }

    .service__data {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        display: flex;
    }

    .service__description {
        padding-top: var(--padding-md);
    }

    .service__image {
        max-height: 464px;
        border-radius: var(--border-radius-sm);
    }

    .service__content {
        display: flex;
        margin: 13px 0;
        min-height: 0;
        flex-direction: column;
        width: 100%;
        overflow: visible;
    }

    .service__content p {
        margin-bottom: var(--margin-md);
    }

    .service__buttons .button {
        height: 55px;
    }

    .service__works-title {
        font-size: var(--size-body-l);
    }

    .service__prices {
        position: static;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: var(--margin-sm);
    }

    .price-block {
        padding: var(--padding-xs) var(--padding-md);
    }

    .service__prices .price-block {
        width: calc(50% - 2px);
        padding-bottom: var(--padding-sm);
    }

    .service__prices .price-block:nth-child(3n) {
        width: 100%;
    }

    .price-block__price {
        font-size: var(--size-body-s);
        margin-top: var(--margin-xxs);
    }

    .price-block__text {
        font-size: var(--size-body-s)
    }

    .service__list {
        margin-top: calc(-1 * var(--margin-xxs));
        line-height: var(--line-height-sm);
    }

    .service__list li {
        margin-bottom: var(--margin-xxs);
    }

    .service__list li:before {
        top: 50%;
        margin-top: calc(-1 * var(--margin-sm));
    }

    .service__buttons {
        display: flex;
        margin: calc(var(--margin-xxs) * 1.5) 0 0;
    }

    .our-services__slider, .our-works__slider {
        max-width: 100%;
    }

    .calculation {
        flex-wrap: wrap;
        margin: 0 0 40px;
    }

    .calculation__left, .calculation__right {
        width: 100%;
        padding: calc(var(--padding-md) - 2px) var(--padding-md);
    }

    .calculation__right {
        min-height: 361px;
        margin-top: var(--margin-xs);
        padding: var(--padding-lg) var(--padding-md);
        background-size: 100% 100%;
    }

    .calculation__text {
        width: 100%;
        margin-right: 0;
    }

    .contacts_calculation .contact {
        margin-bottom: var(--margin-md);
        font-size: calc(var(--size-body-m) * 1.5);
    }

    .calculation__socials {
        margin-left: 0;
    }

    .form_calculation .form__title {
        margin-top: calc(var(--margin-xs) * 1.25);
    }

    .form__text {
        margin-bottom: 29px;
    }

    .form_calculation .form__row {
        margin-bottom: var(--margin-xxs);
    }

    .form_calculation .form__input {
        font-size: var(--size-body-l);
    }

    .form_calculation .form__element {
        width: 100%;
    }

    .form_calculation .form__button_submit {
        width: 100%;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .form_calculation .form__element_checkbox .form__label {
        padding-top: 1px;
    }

    .form_calculation .form__element_checkbox .form__label:before {
        top: 0;
        width: 24px;
        height: 24px;
    }

    .our-works {
        margin: -11px 15px 0;
    }

    .our-works__slider, .slick-dotted.slick-slider.our-works__slider {
        margin-bottom: 86px;
    }

    .work {
        flex-wrap: wrap;
        padding: var(--padding-xxs);
        margin: 0 5px;
    }

    .slick-slider .work {
        display: flex !important;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .work__images {
        width: 100%;
        order: 1;
        border-radius: var(--border-radius-sm);
    }

    .work__image {
        max-height: 407px;
    }

    .work__data {
        width: 100%;
        order: 2;
        padding: var(--padding-xs) var(--padding-md);
    }

    .work__content {
        padding-right: 0;
    }

    .work__title {
        margin-bottom: calc(var(--margin-md) * 1.125);
    }

    .work__characteristics {
        margin-top: var(--margin-sm);
        flex-wrap: wrap;
    }

    .characteristic {
        font-size: var(--size-h6);
        margin-left: 0;
        width: 50%;
        margin-bottom: var(--margin-md);
    }

    .characteristic_cost {
        width: 100%;
        margin-bottom: 0;
    }

    .characteristic + .characteristic {
        margin-left: 0;
    }

    .characteristic:before {
        font-size: var(--size-h6);
    }

    .work__show-more {
        margin: -7px -1px 12px;
    }

    .button_work, .button_work.button_with-up-right-arrow {
        width: 100%;
        height: 70px;
        padding-right: calc(var(--padding-xxs) * 16);
    }

    .delimiter {
        width: 2px;
    }

    .delimiter__slider {
        width: 22px;
        height: 53px;
        left: -11px;
        margin-top: -26px;
    }

    .delimiter__slider:before, .delimiter__slider:after {
        border-width: 3px;
        margin-top: -6px;
    }

    .delimiter__slider:before {
        border-right-width: 3px;
        left: 1px;
    }

    .delimiter__slider:after {
        border-left-width: 3px;
        right: 1px;
    }

    .footer {
        padding: var(--padding-lg) calc(var(--padding-lg) - var(--padding-xxs));
        margin: 10px 0 40px;
    }

    .footer__top {
        flex-wrap: wrap;
        padding-bottom: 14px;
    }

    .footer__column_top-1 {
        order: 1;
        width: 39.1%;
    }

    .footer__column_top-4 {
        order: 2;
        width: 60.9%;
    }

    .footer__column_top-2, .footer__column_top-3 {
        display: none;
    }

    .footer__logo {
        max-width: 218px;
        margin: 0 auto 20px;
    }

    .info__item {
        margin-bottom: var(--margin-xs);
    }

    .form_subscription {
        margin-top: var(--margin-md);
    }

    .form_subscription .form__text {
        letter-spacing: normal;
        line-height: calc(var(--line-height) * 0.975);
    }

    .form_subscription .form__element_checkbox .form__label {
        font-size: calc(var(--size-body-s)*0.875);
        padding-top: 0;
        letter-spacing: var(--letter-spacing-sm);
        margin-bottom: 0;
        min-height: 31px;
    }

    .form_write-to-us .form__element_checkbox .form__label {
        padding-top: 0;
        line-height: var(--line-height-sm);
    }

    .form__element_checkbox .form__label:before {
        top: -1px;
        width: 32px;
        height: 32px;
    }

    .form_subscription .form__row {
        margin-bottom: 0;
    }

    .form_subscription .form__input {
        height: 56px;
        padding: var(--padding-md) calc(var(--padding-lg) - 4px);
    }

    .form_subscription .form__element {
        width: 100%;
    }

    .form_subscription .form__element_checkbox {
        margin-bottom: var(--margin-xxs);
    }

    .form_subscription .form__element_checkbox .form__label:before {
        width: 24px;
        height: 24px;
    }

    .form_subscription .form__button_submit {
        width: 100%;
        height: 53px;
    }

    .footer__bottom {
        flex-wrap: wrap;
        padding-bottom: calc(var(--padding-xxs) * 1.5);
    }

    .footer__column {
        width: 100% !important;
    }

    .footer__column_bottom-1 {
        order: 1;
        width: 53%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-2 {
        order: 3;
        width: 53%;
    }

    .footer__column_bottom-3 {
        order: 2;
        width: 47%;
        margin-bottom: var(--margin-md);
    }

    .footer__column_bottom-4 {
        order: 4;
        width: 47%;
        justify-content: flex-start;
    }

    .contacts_footer .contacts__title {
        margin-bottom: var(--margin-xs);
    }

    .contacts_footer .contact {
        font-size: var(--size-body-l);
        letter-spacing: normal;
    }

    .contacts_footer .contact_phone {
        font-size: var(--size-h4);
    }

    .socials_footer {
        margin-bottom: 1px;
        margin-top: var(--margin-md);
    }

    .socials_footer .socials__title {
        margin-bottom: var(--margin-xs);
    }

    .socials_footer .socials__link {
        width: 36px;
        height: 36px;
    }

    .socials_footer svg, .socials_footer img {
        width: 20px;
        height: 20px;
    }

    .module_completed-works {
        padding: var(--padding-lg) var(--padding-md);
        margin-top: -6px;
        border-radius: calc(var(--border-radius) * 1.5);
    }

    .module_completed-works .module__title {
        font-size: var(--size-h2);
        letter-spacing: var(--letter-spacing-sm);
    }

    .module_completed-works .module__description {
        font-size: var(--size-body-l);
        max-width: 100%;
        margin-bottom: 28px;
    }

    .module_completed-works .completed-works__content {
        margin-bottom: 37px;
    }

    .completed-work__image {
        max-height: 377px;
        border-radius: var(--border-radius);
    }

    .completed-works__show-more {
        margin-top: 10px;
        height: 55px;
    }

    .module_completed-works .slick-dots {
        bottom: -21px;
    }

    .module_completed-works .slider__buttons {
        display: none;
    }

    .popup {
        width: 335px;
        min-height: 631px;
        padding: calc(var(--padding-lg) - 2px) var(--padding-md);
    }

    .popup_consultation {
        min-height: 500px;
    }

    .form_popup .form__text {
        margin-bottom: 30px;
    }

    .form_popup .form__row {
        margin-bottom: 0;
    }

    .form_popup .form__element_checkbox {
        max-width: 100%;
        width: 100%;
    }

    .form_popup .form__element_checkbox .form__label {
        padding-top: 0;
    }

    .form_popup .form__element_checkbox + .form__element {
        width: 100%;
    }

    .form_popup .form__element_checkbox .form__label:before {
        width: 24px;
        height: 24px;
    }

    .form_popup .form__input {
        font-size: var(--size-body-m)
    }

    .form_popup .form__button_submit {
        margin-top: -3px;
    }

    .popup__close {
        top: 24px;
        right: 15px;
    }
}

@media (min-width: 320px) and (max-width: 1199px) {
    .header {
        position: relative;
    }

    .button_mobile-menu {
        position: relative;
        z-index: 2;
    }

    .menu_header {
        position: absolute;
        z-index: 1;
        top: 75%;
        background: #fff;
        padding: 33px 0 0;
        left: 0;
        right: 0;
        margin: 0;
        border-radius: 0 0 var(--border-radius) var(--border-radius);
    }

    .menu_header .menu__list {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .menu_header .menu__item {
        margin-left: 0;
        margin-bottom: 22px;
    }

    .menu_header .menu__link:hover {
        color: var(--color-selection-1);
        border-bottom-color: var(--color-selection-1);
    }

    .menu_header_opened .menu_header {
        display: flex;
    }

    .header__socials {
        position: relative;
        z-index: 2;
    }
}