@media (max-width: 1420px) {
    :root {
        --container-width: 980px;
        --wide-container-width: var(--container-width);
    }

    .review__image-button {
        display: inline-block;
    }

    .header__nav {
        display: none;
    }

    .header__content {
        border: none;
    }
    
    .header__slogan {
        display: none;
    }

    .header__burger {
        display: flex;
    }

    .hero__image-desktop {
        width: 430px;
    }

    .calc__side {
        width: 400px;
    }

    .calc__main {
        width: calc(100% - 430px);
    }

    .callback__inner {
        flex-direction: column-reverse;
        margin: 0 auto;
        width: 640px;
        gap: 30px;
    }

    .callback__image {
        position: unset;
        width: 100%;
    }

    .callback__content {
        width: 100%;
    }

    .callback__form {
        width: 100%;
    }

    .service__tax-item {
        padding: 30px 15px;
        gap: 15px;
    }

    .service__tax-name {
        font-size: 16px;
    }

    .service__tax-value {
        font-size: 16px;
    }

    .service__tax {
        width: 400px;
    }

    .service__content {
        width: calc(100% - 430px);
        padding: 30px;
    }

    .service__content:after {
        right: 20px;
    }

    .services__tab {
        gap: 15px;
    }

    .services__tab-item {
        font-size: 14px;
        padding: 10px;
        width: calc((100% - 60px) / 5);
    }

    .review__image {
        display: none;
    }

    .review__content {
        width: 100%;
    }

    .faq__list {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    :root {
        --section-margin: 100px;
        --section-title-margin: 40px;
        --container-width: 640px;
    }

    .header__button {
        display: none;
    }

    .header__contact.header__contact_email {
        display: none;
    }

    .header-fixed__button {
        display: none;
    }

    .header-fixed__contact.header-fixed__contact_email {
        display: none;
    }

    .hero__inner {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .hero__inner {
        padding: 30px;
    }

    .hero__image-desktop {
        display: none;
    }

    .hero__image-mobile {
        display: block;
        width: 100%;
    }

    .hero__title {
        font-size: 31px;
    }

    .section__title {
        font-size: 31px;
    }

    .hero__subtitle {
        font-size: 14px;
    }

    .calc__main {
        width: 100%;
        padding: 20px;
        gap: 30px;
    }

    .calc__checkbox {
        gap: 25px;
    }

    .calc__field-name {
        font-size: 18px;
    }
    
    .calc__side {
        width: 100%;
        padding: 20px;
    }

    .calc__result {
        margin: 0 0 30px 0;
    }

    .calc__send {
        gap: 30px;
    }

    .advantages__wrapper .advantages__item {
        width: 100%;
    }

    .advantages__item-title {
        font-size: 18px;
    }

    .callback__inner {
        width: 100%;
    }

    .callback__title {
        font-size: 26px;
    }
    
    .callback__subtitle {
        font-size: 16px;
    }

    .form__label {
        font-size: 12px;
    }

    .target__item {
        width: 100%;
    }

    .services {
        display: none;
    }
    
    .services-mobile {
        display: block;
    }

    .organization__item {
        width: 100%;
    }

    .about__item {
        width: 100%;
        padding: 40px 20px;
    }

    .about__item.about__item_big {
        padding: 40px 20px;
    }

    .about__item.about__item_bg {
        padding: 40px 20px 180px 20px;
    }

    .about__item.about__item_bg:after {
        bottom: 20px;
        right: 20px;
    }

    .about__image-desktop {
        display: none;
    }

    .about__image-mobile {
        display: block;
        width: 100%;
    }

    .about__rule p {
        font-size: 18px;
    }

    .about__text p {
        font-size: 18px;
    }

    .staff__item {
        width: 100%;
    }

    .sale__item {
        padding: 30px 20px 200px 20px;
        gap: 30px;
        background-position: center bottom;
        justify-content: flex-start;
    }

    .sale__item-title {
        font-size: 30px;
    }

    .review__slider {
        padding: 0;
    }

    .review__slider-nav {
        display: none;
    }

    .review__content {
        padding: 30px;
    }

    .review__name {
        margin: 0 0 20px 0;
        font-size: 20px;
    }

    .review__company {
        margin: 0 0 20px 0;
        font-size: 16px;
    }

    .review__text {
        font-size: 14px;
    }

    .review__content:after {
        bottom: -40px;
    }

    .faq__item {
        padding: 20px;
    }

    .faq__item-digit {
        font-size: 20px;
    }

    .faq__item-question {
        font-size: 16px;
    }

    .text p {
        font-size: 14px;
    }

    .text ul li {
        font-size: 14px;
    }

    .text ol li {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    :root {
        --container-width: 440px;
    }

    .header-mobile {
        display: block;
    }

    .header {
        display: none;
    }

    .menu {
        width: 100%;
    }
    
    .hero__inner {
        padding: 0;
        background-color: transparent;
    }

    .advantages .owl-stage-outer {
        overflow: unset;
    }

    .header-fixed__logo {
        width: 200px;
    }

    .header-fixed_wrapper {
        gap: 10px;
    }

    .header-fixed__contact {
        display: none;
    }

    .header-fixed__phone-icon {
        display: block;
    }

    .callback__inner {
        padding: 0;
        background-color: transparent;
    }

    .callback__content {
        border-radius: var(--border-radius);
        padding: 40px 20px;
        background-color: var(--surface-color);
    }

    .target__item {
        padding: 30px 20px 115px 20px;
    }

    .target__button {
        bottom: 30px;
        left: 20px;
        right: 20px;
    }

    .target__name {
        font-size: 24px;
        margin: 0 0 30px 0;
    }

    .checklist.checklist_big li:after {
        width: 30px;
        height: 30px;
        background-size: 16px;
    }

    .checklist.checklist_big li {
        padding: 0 0 0 40px;
    }

    .checklist li {
        font-size: 14px;
    }

    .staff__item {
        padding: 15px;
    }

    .staff__tag {
        gap: 10px;
    }

    .staff__tag span {
        font-size: 14px;
    }

    .staff__name {
        font-size: 20px;
    }

    .sale__slider {
        padding: 0;
    }

    .sale__slider-nav {
        display: none;
    }

    .footer__contact-item {
        width: 100%;
    }

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

    .footer__contact-name {
        font-size: 14px;
    }

    .footer__contact-value {
        font-size: 16px;
    }

    .modal__item {
        width: var(--container-width);
        padding: 35px 20px 20px 20px;
    }

    .modal__title {
        font-size: 22px;
        margin: 0 0 15px 0;
    }

    .modal__close {
        top: 5px;
        right: 5px;
    }

    .modal__subtitle {
        margin: 0 0 20px 0;
    }

    .form {
        gap: 20px;
    }

    .form__field {
        gap: 20px;
    }

    .form__input {
        min-height: 50px;
        padding: 10px 20px;
    }

    .form__button-item {
        min-height: 50px;
    }
}

@media (max-width: 480px) {
    :root {
        --container-width: 330px;
    }

    .header-fixed__phone-icon {
        width: 35px;
        height: 35px;
        background-size: 16px;
    }

    .header-fixed__social .social__item {
        width: 35px;
        height: 35px;
        background-size: 16px;
    }

    .header-fixed__logo {
        width: 140px;
    }

    .default-burger {
        width: 35px;
        height: 35px;
    }

    .default-burger:after,
    .default-burger:before {
        width: 25px;
    }
}