@media only screen and (min-width: 1441px) {
    body {
        font-size: 16px;
    }

    .wrap_main {
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .box_header {
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrap_first-screen-index {
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrap_request {
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .request__form {
        padding: 40px 80px 78px 0;
    }
}

@media only screen and (max-width: 1366px) {
    /*------Wrappers and general---------*/
    .wrap_main {
        padding-left: 60px;
        padding-right: 60px;
    }

    h2 {
        font-size: 3.3em;
    }
    /*--------Header--------*/
    .header .call__main-phone {
        font-size: 1.125em;
    }

    .header .call__option {
        margin-right: 6px;
    }

    .btn {
        font-size: 0.875em;
        min-width: 130px;
        min-height: 35px;
    }

    /*-----Index-----*/
    .first-screen_index .first-screen__text {
        padding: 106px 120px 101px 60px;
    }

    /*What*/
    .what__text-content {
        margin-left: 600px;
    }

    /*Request*/
    .request__form {
        padding: 40px 60px 78px;
    }
}

@media only screen and (max-width: 1080px) {
    /*------Wrappers and general---------*/
    .wrap_main {
        padding-left: 20px;
        padding-right: 20px;
    }

    h2 {
        font-size: 3em;
    }

    /*-----Header----*/
    .main-menu__header {
        min-width: 50%;
    }

    .btn__order-call {
        display: none;
    }

    /*------Footer-------*/
    .logo__img_footer {
        width: 200px;
    }

    .call_footer .call__main-phone {
        font-size: 1.25em;
    }

    .call_footer .call__option {
        font-size: 0.875em;
    }

    /*----------Index--------*/
    .first-screen_index .first-screen__text {
        padding: 106px 80px 101px 60px;
    }

    .first-screen_index {
        margin-bottom: 80px;
    }

    /*What*/
    .what__bg-bottom {
        width: 400px;
    }

    .what__bg-top {
        width: 400px;
    }

    .what__text-content {
        margin-left: 470px;
    }

    /*Advantages*/
    .advantages__item {
        width: 24%;
    }

    .advantages__desc {
        font-size: 0.875em;
    }

    /*Modals*/
    /*Form*/
    .form-call-order {
        width: 90%;
    }

    .modal-call-order__bg {
        display: none;
    }
}

@media only screen and (max-width: 910px) {
    /*General*/
    h1 {
        font-size: 2.8em;
    }

    h2 {
        font-size: 2.5em;
    }

    /*Header*/
    .header {
        flex-wrap: wrap;
    }

    .box_header {
        flex-wrap: wrap;
    }

    .logo_header {
        margin-right: 40px;
        width: 100%;
        padding: 20px 0 5px;
    }

    .logo_header .logo__img {
        width: 250px;
        height: 59px;
    }


    .header .call {
        margin-left: 5px;
        margin-right: 0;
        text-align: left;
        margin-bottom: 20px;
    }

    .header .call__main-phone {
        font-size: 0.875em;
        font-weight: normal;
    }

    .main {
        padding-top: 150px;
    }

    .main-menu__header {
        order: 3;
        min-width: auto;
    }

    .main-menu__list {
        display: none;
    }

    .main-menu__burger {
        display: block;
        background-image: url("../img/sprites-burger.png");
        background-position: -5px -5px;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        position: relative;
        top: -45px;
    }

    .main-menu__burger {
        display: block;
        background-image: url("../img/sprites-burger.png");
        background-position: -5px -5px;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        position: relative;
        top: -45px;
    }

    .header .main-menu__cross {
        background-position: -54px -5px;
        width: 40px;
        height: 40px;
    }

    .main-menu__header .main-menu__list {
        box-sizing: border-box;
        position: fixed;
        top: 154px;
        left: 0;
        z-index: 100;
        background-color: #232737;
        width: 100%;
        height: calc(100vh - 154px);
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        transition-duration: 700ms;
        transform: translateX(0);
        padding-left: 50px;
        padding-top: 50px;
        padding-bottom: 70px;
        overflow: hidden;
    }

    .main-menu__header .visuallyhidden_menu {
        transform: translateX(-170vw);
        transition-duration: 700ms;
    }

    .main-menu__link {
        font-size: 1.5em;
        display: inline-block;
        white-space: nowrap;
        color: #fff;
        padding: 10px 0 10px;
    }

    .main-menu__link_active {
        color: #FFBF60;
    }

    /*Submenu*/
    .main-submenu__list {
        position: static;
        display: block;
        height: 0;
        background-color: transparent;
        padding: 0;
        margin-left: 0;
        transition-duration: 550ms;
        transform: translateX(-100vw);
        box-shadow: none;
    }

    .main-menu__item:hover .main-submenu__list {
        position: static;
        transition-duration: 550ms;
        transform: translateX(0);
        height: 116px;
    }

    .main-submenu__item {
        padding: 0 0 5px 10px;
    }

    .main-submenu__link {
        color: #fff;
    }

    /*----------Footer------*/
    .wrap_footer {
        flex-wrap: wrap;
    }

    .logo_footer {
        order: 1;
        width: 100%;
        padding: 40px 0 10px;
    }

    .logo__img_footer {
        width: 280px;
    }

    .call_footer {
        order: 2;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .call_footer .call__main-phone {
        font-size: 1em;
        font-weight: normal;
    }

    .call_footer .call__option {
        font-size: 0.75em;
    }

    .menu-structure {
        order: 3;
        padding-bottom: 40px;
        padding-left: 10px;
    }

    /*----------Index--------*/
    .first-screen_index .first-screen__text {
        padding: 100px 20px;
        width: 70%;
        overflow: hidden;
    }

    .first-screen_index .first-screen__desc {
        margin-bottom: 30px;
        width: 70%;
    }

    /*Services*/
    .services__arrow {
        bottom: 40px;
        right: 40px;
    }

    /*What*/
    .what {
        margin-bottom: 120px;
    }

    .what__bg-bottom {
        width: 220px;
    }

    .what__bg-top {
        width: 220px;
    }

    .what__text-content {
        margin-left: 270px;
    }

    /*Advantages*/
    .advantages {
        margin-bottom: 80px;
    }

    .advantages__list {
        flex-wrap: wrap;
    }

    .advantages__item {
        width: 45%;
        margin-bottom: 20px;
    }

    .advantages__desc {
        font-size: 1em;
    }

    /*Request*/
    .request__form {
        padding: 40px 30px 78px;
        min-width: 50%;
        box-sizing: border-box;
    }

    .request__input {
        width: 100%;
    }

    .request__bg {
        background-position: 65%;
    }

    /*Modals*/
    /*Thanks*/
    .modal__window_thanks {
        width: 80%;
    }
}

@media only screen and (max-width: 640px) {
    /*---------General-----*/
    h2 {
        font-size: 2.3em;
    }

    /*----------Index--------*/
    .first-screen_index .first-screen__text {
        width: 90%;
    }

    /*Services*/
    .services__item {
        width: 100%;
    }

    /*What*/
    .what__bg-bottom {
        width: 130px;
    }

    .what__bg-top {
        width: 130px;
        left: 20px;
    }

    .what__text-content {
        margin-left: 165px;
    }

    /*-----------------Zapchasti-------------*/
    .main-content {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .main-content__text-content {
        margin-right: 0;
    }

    .main-content__p {
        margin-bottom: 20px;
    }

    .main-content__p:last-child {
        margin-bottom: 40px;
    }

    .main-content__subtitle {
        margin-bottom: 20px;
    }

    .call_main-content .call__option {
        font-size: 1em;
        margin-right: 12px;
    }

    .main-content__img {
        min-width: 100%;
        margin-top: 40px;
    }

    /*Modals*/
    /*Form*/
    .modal-call-order__text {
        padding: 62px 40px 51px 40px;
    }

    .form-call-order__title {
        font-size: 2em;
    }

    .form-call-order__desc {
        font-size: 0.875em;
    }

    .form-call-order .wrap-inputs {
        flex-direction: column;
        margin-bottom: 25px;
    }

    .form-call-order .wrap-input:first-child {
        margin-bottom: 10px;
    }

    /*Thanks*/
    .modal__window_thanks {
        padding: 74px 40px 42px 40px;
    }

    .modal__title {
        font-size: 2em;
    }

    .modal__desc {
        font-size: 0.875em;
    }
}

@media only screen and (max-width: 480px) {
    /*-----------Header----------*/
    .logo_header .logo__img {
        width: 200px;
        height: 39px;
    }

    .main-menu__header .main-menu__list {
        top: 134px;
        height: calc(100vh - 134px);
        padding-left: 30px;
    }

    .main-menu__link {
        font-size: 1.25em;
        padding: 10px 0 20px;
        color: #fff;
    }

    /*----------Footer-------*/
    .logo__img_footer {
        width: 250px;
    }

    /*----------Index---------------**/
    /*Services*/
    .services {
        margin-bottom: 60px;
    }

    .services__title {
        margin-bottom: 40px;
    }

    /*What*/
    .what {
        margin-bottom: 80px;
    }

    .what__img-content {
        display: none;
    }

    .what__text-content {
        margin-left: 0;
    }

    /*Advantages*/
    .advantages__title {
        margin-bottom: 40px;
    }

    .advantages__item {
        width: 100%;
    }

    /*Request*/
    .request__form {
        min-width: 100%;
    }

    .request__bg {
        display: none;
    }
    /*----404----*/
    .error__title {
        width: 90%;
    }
}

@media only screen and (max-width: 360px) {
    /*----------Footer-----*/
    .menu-structure__list {
        column-gap: 40px;
    }

    .menu-structure__link {
        font-size: 0.75em;
    }

    /*Modals*/
    /*Form*/
    .form-call-order__input {
        width: 190px;
    }
}