@media only screen and (max-width: 1600px){
    .about_company{
        margin-left: 9%;    
    }
}
@media only screen and (max-width: 1300px){
    .about_company{
        margin-left: 8%;    
    }
}
@media only screen and (max-width: 1170px){
    .about_company{
        margin-left: 4%;    
    }
}
@media only screen and (max-width: 1110px){
    .whu_work {
        zoom:  .8;
    }
    .production_type{
        width: 33.33%;  
    }
      .about_company{
        width: 95%; 
        margin: auto;     
    }
    .text_block_about_company {
    max-width: 563px;
}
.text_block_about_company p{
    font-size: 22px;    
}
    .owl-next{
        right: 0;    
    }
    .owl-prev{
        left: 0;    
    }
    .wrapper{
        width: 95%;
    }
    .data_head{
        margin: auto;
    }
    .service_sect{
        width: 31%; 
    }
    .service_sect a{
        width: auto;
		height: 20px;
    }
    .block_sect_seen_catalog {
        max-width: 680px;   
    }
}

@media only screen and (max-width:1024px){
    .text_item-slide h2{
            font-size: 38px;
    line-height: 45px;
    }
}
@media only screen and (max-width:992px){
      .whu_work {
        zoom:  .7;
    }
    .flex_block_about_company{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .text_block_about_company{
        max-width: 992px;   
        -webkit-order:  1;
            -ms-order:  1;
                order:  1;
    }

    .image_block_about_company{
        margin-left: 0; 
        max-width: 992px;   
        width: 100%;    
        -webkit-order:  0;
            -ms-order:  0;
                order:  0;
            margin-bottom: 20px;    
            
    }
    .navigation ul li a{
        padding: 16px 0;  
    }
        .head {
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;    
            margin-bottom: 10px;    
        }
        .logo{
            width: 50%; 
            margin-bottom: 10px;    
        }   
        .about_head{
            width: 50%; 
            margin-left: 0; 
        }
           .data_head{
        margin: 0;
    }
    .about_head{
        width: 100%;    
        margin-bottom: 10px;    
        text-align: center; 
    }
    .main-menu{
        padding: 3px 0;   
    }
    #sandwich{
        display: block   ; 
    }
      .navigation{
          display: none;    
      }
    .navigation ul{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; 
    }
    .navigation ul li{
        margin-right: 0;    
    }
}
@media only screen and (max-width:860px){
       .whu_work {
        zoom:  .6;
    }
    .service_sect p {
            font-size: 21px;
    line-height: 25px;
    }
    .service_sect a{
        height: 390px;  
    }
    .content_production p {
        font-size: 16px;    
    }
    .production_type{
        width: 50%; 
    }
    .content_production{
        width: 95%; 
    }
    .content_production a{
        width: 95%; 
        font-size: 14px;    
    }
    .service_block a .text_services p{
        font-size: 35px;    
    }
}
@media only screen and (max-width:768px){
    .whu_work ul li:nth-child(1),
    .whu_work ul li:nth-child(2),
    .whu_work ul li:nth-child(3)    
    {
        width: 100%;    
        left: 0;    
    }
    .whu_work ul li:nth-child(4),
    .whu_work ul li:nth-child(5),
    .whu_work ul li:nth-child(6)
     {
        left: 0;    
        width: 45%; 
        top: auto;  
    }
    .whu_work ul li:nth-child(6),
    .whu_work ul li:nth-child(7),
    .whu_work ul li:nth-child(8),
    .whu_work ul li:nth-child(9),
    .whu_work ul li:nth-child(10)
        {
     left: auto;    
     right: 0;  
     top: auto; 
     width: 100%;   
    }
    .whu_work ul li:nth-child(6):before{
           content: url(../images/str5.svg);
    width: 10px;
    left: auto;
    top: 110%;
    right: 20px;  
    }
    .whu_work ul li:nth-child(5):before{
        content: url(../images/str5.svg);
    width: 10px;
    left: auto;
    bottom: 110%;
    right: 20px;    
    }

    .whu_work ul li:nth-child(1):before,
.whu_work ul li:nth-child(2):before,

.whu_work ul li:nth-child(8):after
{
    content: url(../images/str5.svg);  
    width: 10px;    
    left: 0;    
    right: 0;   
    margin: auto;   
    top: 110%;  
}
    .whu_work ul li:nth-child(3):before{
    content: url(../images/str5.svg);  
    width: 10px;    
    left: 20px;    
    top: 110%;  
}
.whu_work ul li:nth-child(4):after {
right: auto;    
left: 40px; 
font-size: 16px;    
}
.whu_work ul li:nth-child(5):after {
left: auto;    
right: 40px; 
font-size: 16px;    
margin: 0;  
}
.whu_work ul li:nth-child(5):before,
.whu_work ul li:nth-child(6):before,

{
    content: url(../images/str5.svg);  
    bottom: 110%;   
    right: 20px;   
    left: auto; 
    width: 10px;    
}
.whu_work ul li:nth-child(6):before {
    top: auto;
    top: -34px;    
}
.whu_work ul li:nth-child(7):before{
     content: url(../images/str6.svg);  
    bottom: 110%;   
    right: auto;   
    left: 20px; 
    width: 10px; 
    -webkit-transform:  rotate(180deg);
       -moz-transform:  rotate(180deg);
        -ms-transform:  rotate(180deg);
         -o-transform:  rotate(180deg);
            transform:  rotate(180deg);
}
.whu_work ul li:nth-child(6){
    margin-bottom: 120px;   
}
    .whu_work ul li:nth-child(8){
        margin-bottom: 120px;   
    }
    .whu_work ul li:nth-child(9):before{
        left:   auto;
        right: 20px;   
    }
    .whu_work ul li:nth-child(9):after {
    left: auto;
    right: 40px;
    font-size: 16px;
    margin: 0;
}
.whu_work ul li:nth-child(10):after {
    font-size: 16px;
    top: -36px;
    left: auto;
    right: 40px;
}
.whu_work ul li:nth-child(10):before{
    right: 20px;    
    content: url(../images/str5.svg);     
    left: auto; 
    bottom: 110%;   
    top: auto;  
    width: 10px;    
}
.whu_work ul{
    height: 100%;  
    display: flex;  
    -webkit-justify-content: space-between;
             justify-content: space-between;    
    -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;    
}
       .whu_work {
        zoom:  1;
    }
    .whu_work ul li{
    height: 65px;   
        position: relative; 
        top: 0;  
        right: 0;    
        left: 0; 
        margin-bottom: 50px;    
    }
    .whu_work ul li p{
        font-size: 16px;    
    }
    .service_block a .text_services{
        -webkit-order:  1;
            -ms-order:  1;
                order:  1;
    }
.service_block a .text_services p{
    font-size: 18px; 
    line-height: 25px;       
}
.service_block figure img{
    width: 150px;   
}
    .home,
    .services,
    .sect_seen_catalog,
    .our_advantages,
    .sect_seen_catalog,
    .slider-review,
    .flex_block_about_company,
    .contact_page,
    .service_block{
    margin-bottom: 0px;
}
.service_block a{
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; 
}
    .title{
        font-size: 25px;    
        margin-bottom: 32px;    
    }
    .contact_page p{
        font-size: 20px;    
        margin-bottom: 7px; 
    }

    .title:before {
        bottom: 0;  
    }

    .item-slide,
    .block_services{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; 
    
    }
    .service_sect a{
        height: auto;  
    }
	.service_sect .a {
		display: table;
		margin: 0 auto;
	}
    .service_sect a figure{
        width: 100%;    
        height: auto;   
        margin-bottom: 20px; 
        padding-top: 20px;     
    }
    .service_sect a figure img{
        display: block; 
        margin: auto;   
    }
    .service_sect{
        width: 100%;    
       
        margin-bottom: 20px;    
    }
    .item-slide{
        -webkit-order: 0;
            -ms-order: 0;
                order: 0;
    }
    .text_item-slide{
        width: 100%; 
        max-width: 767px;   
        -webkit-order:  1;
            -ms-order:  1;
                order:  1;
    }
    .item-slide{
        padding: 25px 0;  
        padding-bottom: 35px;   
    }
    .advnt{
        width: 50%; 
    
    }
    input[type=checkbox] + label:before{
            width: 25px;
    }
    .cheks p{
        width: 270px;   
    }
    .container_form form button,
    .forma button {
    font-size: 22px;
    margin-top: 40px;
    width: 250px;
    height: 57px;
}
.name, .town, .text_rev {
	padding: 0 10px;
}
.name {
	padding-top: 10px;
}
.container_form form button:before{
        width: 248px;
}
.modal-feed input[type="text"], 
.modal-feed input[type="tel"] {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 29px;
    color: #9F9F9F;
    border: 2px solid #A8B8D8;
    text-indent: 10px;
    height: 40px;
    margin-bottom: 5px;
}
.modal-feed{
    padding: 28px 20px;
}
}
@media only screen and (max-width:680px){
    .content_rev{
        width: 85%; 
    }
    .content_production figure{
        height: 170px;  
    }
    .review_sect {
        margin-bottom: 100px;   
    }
    .block_sect_seen_catalog{
        -webkit-flex-direction: column;
             -ms-flex-direction: column;
                 flex-direction: column;     
    }
    .block_sect_seen_catalog p{
        text-align: center; 
        margin-bottom: 20px;   
    }
    .block_sect_seen_catalog p:before,
    .sen_sch .block_sect_seen_catalog p:before,
    .remot .block_sect_seen_catalog p:before{
      display: none;    
    }
       
.text_block_about_company p{
    font-size: 16px;    
}
    .remot .block_sect_seen_catalog span{
        display: block; 
        text-align: center; 
        margin-bottom: 10px;    
    }
}
@media only screen and (max-width:567px){
    .container_form form{
        width: 95%; 
    }

    .container_form input, .container_form textarea{
        text-indent: 10px;  
        font-size: 16px;    
    }
    .container_form input{height: 35px; }
    .text_item-slide h2 {
    font-size: 21px;
    line-height: 30px;
}
.advnt{
    width: 50%;   
    margin-bottom: 40px;     
}
.advnt figure img{
    width: 45px;    
}
.advnt p{
    width: 100%;    
    font-size: 16px;    
}
}

.container_form input, .container_form textarea {
	box-sizing: border-box;
}

@media only screen and (max-width:480px){
    .text_item-slide a{
        margin: auto;   
        width: 235px;   
    }
    .data_head{
        width: 100%;    
        text-align: center; 
        margin-bottom: 10px;    
    }
    .feadback{
        width: 100%;    
    }
    .feadback a{
        margin: auto;   
    }
footer p{
    text-align: center;   
}
	.service_block .text_services p {
		font-size: 18px;
		line-height: 20px;
	}
	
	.service_block a {
		width: 170px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		margin-top: 5px;
	}
	
	.service_block .a {
		margin-bottom: 20px;
	}
}