@media only screen and (max-width:1200px){.otziv .left{max-width:60%;}
.nw .left{max-width:60%;}
.container{width:750px;padding:0 20px;}
header .header_box p{display:none;}
header .header_phone{display:block;}
header .header_mail{display:block;}
header .header_box{margin-left:35px;}
.top_menu{display:none;}
.left_side{width:223px;}
.content{width:470px;}
.our_work_wrapper > div{width:33.33%;}
.our_work_item{width:148px;}
.our_work_item .shadow p,.our_work_item .shadow a{font-size:13px;}
.our_work_item .shadow .more{width:128px;margin:5px auto;font-size:15px;}
.question_btn{width:100%;}
.advantages ul li{width:50%;}
.advantages ul li p{font-size:13px;}
.slider{margin:auto;}
.slider .owl-controls{width:750px;}
.fly_box{left:50%;margin-left:-280px;}
.footer_nav ul{column-gap:15px;}
.footer_nav{padding-right:0;}
.footer_box{margin-left:60px;}
.btn_nav{width:100px;height:60px;display:block;text-align:right;line-height:60px;background:url(../image/btn_nav.png) left center no-repeat;font-weight:400;font-size:18px;color:rgb(255, 255, 255);cursor:pointer;}
.top_menu{z-index:50;position:absolute;background-color:rgb(32, 103, 165);box-shadow:0 0 8.8px 1.2px rgba(0, 0, 0, 0.4);width:219px;padding-bottom:10px;}
.top_menu > li{display:block;margin-right:0px;position:relative;height:auto;}
.top_menu > li > a{height:40px;line-height:40px;padding-left:20px;font-size:16px;}
.top_menu > li.active a{border-bottom:none;font-size:16px;}
.top_menu > li > a:hover{border-bottom:none;}
.top_menu > li:after{position:absolute;content:"";display:block;height:2px;width:100%;background:url(../image/delimiter.png) center no-repeat;bottom:0px;left:0;}
.top_menu > li ul{position:static;display:none;background-color:rgb(0, 87, 156);box-shadow:none;border-top:none;display:none;}
.top_menu > li i{width:40px;top:12px;right:0;}
.call_back_form{width:400px;}
#vp-form .call_back_form{width:100%;}
.call_back_form input.name{width:100%;margin-right:0;}
.call_back_form input.mail{width:100%;margin-right:0;}
.call_back_form .mail{width:100%;float:none;}
.call_back_form .name{width:100%;float:none;}
  .metall a{
        width: 148px;
    }
    .metall a.all{
        font-size: 13px;
    }
}
@media only screen and (max-width:992px){}
@media only screen and (max-width:768px){.container{width:100%;}
header .header_logo{display:block;margin:0 auto 20px auto;}
header .header_box{display:block;margin:0 auto 20px auto;}
header .header_call_back_btn{display:block;margin:auto;float:none;}
.wripper_slider{display:none;}
.left_side{float:none;width:100%;}
.news_box{display:none;}
.content{float:none;width:100%;}
.our_work_item .shadow{opacity:1;width:192px;height:84px;top:50%;margin-top:-42px;margin-left:-96px;left:50%;padding-top:23px;}
.our_work_item .shadow .more{display:none;}
.advantages ul li{width:100%;}
.footer_logo{float:none;margin:0 auto 25px auto;}
.footer_box{float:none;margin:auto;width:189px;}
.footer_nav{float:none;margin:auto;width:260px;}
.call_back_form{width:100%;}
.contacts{width:100%;}
.internal table th{font-size:10px;}
.internal table tr{font-size:10px;}
.our_work_wrapper > div{width:50%;}
.our_work_item{width:95%;}
.social{display:inline-block;width:100%;text-align:center;margin-bottom:25px;}
.pop_up{width:300px;margin-left:-150px;}
.pop_up2{width:300px;margin-left:-110px;}
.otziv .left{max-width:70%;}
.nw .left{max-width:70%;}
.footer_phone{pointer-events:auto;}
header .header_phone{pointer-events:auto;}
}
@media only screen and (max-width:480px){.our_work_item{width:100%;}.our_work_wrapper p{width:100%;}
.our_work_wrapper > div{width:100%;}
.our_work_wrapper{margin-right:auto;}
    .metall{
        display: block;
    }
    .metall a{
        width: 100%;
        text-align: center;
    }
    .metall a.all{
        display: block;
    }
	.metall a img{
		float:none;
	}
}
@media only screen and (max-width:639px){.otziv .left{max-width:100%;}
.otziv a{margin-top:-5px;margin-bottom:15px;}
.nw .left{max-width:100%;}
.nw a.nwa{margin-top:-5px;margin-bottom:15px;}
}
@media only screen and (max-width:360px){}
@media only screen and (min-width:320px){}
@media only screen and (min-width:480px){}
@media only screen and (min-width:768px){}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1201px){.btn_nav{display:none;}
.top_menu{display:block !important;}
.top_menu i{pointer-events:none;}
.top_menu > li:hover ul{display:block;}
header{position: fixed;top: 0;z-index: 9; width: 100%;}
.wripper_slider{margin-top: 82px;}



}