@media screen and (min-width: 2800px) {
   .header {
        padding: 25px 12%;
   }
   .banner {
        padding: 70px 12%;
   }
   /*.about {*/
   /*     padding: 150px 15%;*/
   /*     background-color: #282C2F;*/
   /* }*/
   .tasks {
        padding: 100px 12%;
    }
    .advantages {
        padding: 0 12% 100px 12%;
    }
    /*.content {*/
    /*    padding: 100px 15%;*/
    /*}*/
    .contacts {
        padding: 0 12% 0 12%;
    }
}


@media screen and (min-width: 3200px) {
       .header {
        padding: 25px 15%;
   }
   .banner {
        padding: 70px 15%;
   }
   .about {
        padding: 150px 15%;
        background-color: #282C2F;
    }
   .tasks {
        padding: 100px 15%;
    }
    .advantages {
        padding: 0 15% 100px 15%;
    }
    .content {
        padding: 100px 15%;
    }
    .contacts {
        padding: 0 15% 0 15%;
    }
    
}






@media screen and (max-width: 1400px) {
    .header {
        padding: 25px 8%;
    }
    .languages {
        right: 30px;
    }
}




@media screen and (max-width: 1250px) {
   .header__logo {
        flex-direction: column;
    }
    .header .logo_en, .header .logo_ru {
        margin: 10px 0 0 0;
    }

    .menu {
        flex-basis: 90%;
    }
    .languages {
        right: 20px;
    }
    .banner {
        padding: 70px 8%;
    }
    .about {
        padding: 100px 8%;
    }
    .tasks {
        padding: 100px 8%;
    }
    .advantages {
        padding: 0 8% 100px 8%;
    }
    .content {
        padding: 100px 8%;
    }
    .contacts {
        padding: 50px 8% 0 8%;
    }
    .icon_clients {
        width: 75%;
    }
}

@media screen and (max-width: 1000px) {
    .header {
        padding: 25px 5%;
    }
    .banner {
        padding: 70px 5%;
    }
    .about {
        padding: 100px 5%;
    }
    .advantages {
        padding: 0 5% 100px 5%;
    }
    .content {
        padding: 100px 5%;
    }
    .contacts {
        padding: 50px 5% 0 5%;
    }
    
    .languages {
        flex-direction: column;
    }
    .menu {
        flex-basis: 100%;
    }
    
    .languages {
        right: 5px;
    }
    .navigation {
        flex-basis: 55%;
    }
    .wpcf7-form .label {
        flex-basis: 45%;
    }
    .icon_clients {
        width: 90%;
    }
    .content_advantages {
        flex-direction: column;
    }
    .article_advantages {
        padding: 0;
        flex-basis: 100%;
    }
    .article_advantages:nth-child(-n+6) {
        border-bottom: 1px solid #F20909;
        border-right: unset;
        padding: 0 0 15px 0;
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 768px) {
    .navigation {
        flex-basis: 30%;
    }
    .header .menu {
        display: block;
        position: fixed;
        transition: 500ms;
        background-color: #fff;
        top: 0;
        left: 0;
        height: 100vh;
        width: auto;
        flex-direction: column;
        padding: 140px 70px 0 70px;
        transform: translateX(-200%);
        box-shadow: 0px 0 16px rgb(0 0 0 / 45%);
    }
    .header .menu.active_menu {
        transform: translateX(0);
    }
    .header .navigation .menu .menu__item {
        color: #000;
        margin-bottom: 20px;
        text-transform: uppercase;
    }


    button.animated-button.sandy-three {
        margin-right: 10px;
    }
    .banner {
        flex-direction: column;
    }
    .banner_img {
        order: -1;
        margin-bottom: 30px;
    }
    

    
    
    .tasks .container {
        flex-direction: column;
    }
    .slideshow-container {
        max-width: 100%;
    }
    .wrapper_slider {
        flex-basis: 100%;
        order: 1;
    }
    
    .icons {
        flex-direction: column;
    }
    .article_figure {
        display: flex;
        justify-content: space-between;
        flex-basis: 100%;
    }
    .icons figure {
        flex-basis: 49%;
    }
    .icons article:nth-child(3) .wrapper-img {
        margin-left: 0;
    }
    .card_customer {
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
        justify-content: space-between;
    }
    .card_customer figure {
        flex-basis: 49%;
        margin-bottom: 20px;
    }
    .icon_clients {
        width: 100%;
    }

    .contacts {
        flex-direction: column;
    }
    .contacts .block_right {
        flex-basis: 100%;
        margin-top: 30px;
    }
    .contacts h2.title {
        text-align: center;
    }
    .menu-burger {
        display: flex;
        flex-direction: column;
        width: 25px;
        height: 20px;
        justify-content: space-between;
        cursor: pointer;
        margin-left: 5px;
    }
    .menu-burger span {
        background-color: #F20909;
        width: 100%;
        height: 3px;
    }
    button.animated-button, button.animated-button:visited {
        padding: 20px;
    }
    
    .popup__active .wpcf7-form p {
        order: 3;
    }
    .popup__active .wrapper-form {
        flex-basis: 50%;
    }
    .popup.popup__active .wrap_label {
        margin-top: unset;
    }
    .popup.popup__active .wrapper-form {
        flex-basis: 50%;
    }
    .icon_clients {
        flex-direction: column;
        align-items: center;
    }
    .icon_clients .wrapper-img:nth-child(1) {
        width: 100%;
    }
    .icon_clients {
        width: 100%;
        margin-left: 0;
    }

    .icon_clients .wrapper-img:not(:last-child) {
    	margin-right: 0;
    }
    

}

@media screen and (max-width: 600px) {
    .header {
        padding: 20px 5%;
    }

    button.animated-button.sandy-three {
        margin-right: 30px;
    }
    button.animated-button, button.animated-button:visited {
        padding: 10px 20px;
    }
    .wpcf7 form .wpcf7-response-output {
        margin: 0 0 10px 0;
    }
    .content_info {
        margin-left: unset;
        flex-basis: 100%;
    }

    .icon_clients img:first-of-type {
        margin-bottom: 15px;
    }
    .popup__active .wpcf7-submit {
        margin-top: 20px;
    }
    .header .logo_en, .header .logo_ru {
        width: 120px;
    }
    .navigation {
        flex-basis: 16%;
    }
   
}

@media screen and (max-width: 450px) {
    .site {
        margin-top: 50px;
    }
    .banner {
        padding: 50px 5%;
    }
    .about {
        padding: 50px 5%;
    }
    .tasks {
        padding: 50px 8%;
    }
    .advantages {
        padding: 0 5% 50px 5%;
    }
    .content {
        padding: 50px 5%;
    }
    button.animated-button, button.animated-button:visited {
        padding: 10px;
    }
    button.animated-button, button.animated-button:visited {
        font-size: 14px;
    }
    .header__logo {
        width: 25%;
    }
    .text_banner {
        font-weight: 700;
        font-size: 36px;
        line-height: 40px;
    }
    .banner .p_tag {
        font-size: 16px;
        line-height: 20px;
    }
    .banner .wpcf7-submit, .banner .wpcf7-submit:visited {
        margin-top: 15px;
        padding: 10px;
        font-size: 14px;
    }
    .banner .wpcf7-form .label {
        flex-basis: 49%;
    }
    .banner .wpcf7-response-output {
        display: none;
    }
    .wrap_label {
        margin-top: 30px;
    }
    h2.title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    h3.title {
        font-size: 14px;
        line-height: 18px;
    }
    .title_ar {
        font-size: 26px;
        line-height: 30px;
    }
    .about p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 20px;
    }
    .article_advantages span {
        font-size: 14px;
        line-height: 18px;
    }
    .icons .article_figure:first-of-type {
        flex-wrap: wrap;
    }

    .icons article:nth-child(1) figure {
        flex-basis: 100%;
    }
    .card_customer figure {
        flex-basis: 100%;
    }
    .customers h3.title {
        margin-top: 30px;
    }
    .contacts .block_right {
        display: none;
    }
    
    .contacts .block_left {
        margin-bottom: 30px;
    }
    .menu-burger {
        margin-left: unset;
    }
    .languages .lang-item:nth-child(-n+2) {
        margin-left: 0 !important;
    }
    .popup.popup__active .wpcf7-response-output {
        font-size: 10px;
    }
    .navigation {
        flex-basis: 15%;
    }
    .header .btn.sandy-three {
        display: block;
        width: 120px;
    }
}