@media (min-width: 992px) and (max-width: 1290px) {
.container {width: 980px;}
div.head .slogan{width: 25%; font-size: 0.76rem; line-height: 1.4;}
div.head .contact{width: 53%; text-align: right;}
  div.head .contact li:first-child{ font-family: RobotoMedium,sans-serif;font-size: 0.95rem;color: #464646;}
  div.head .contact li:last-child a {color: #df7f18; text-decoration: underline;font-size:0.6rem;}
  div.header_line .container .menu {width: 70%}
  div.header_line .container .search {width: 30%}
  div.header_line .container .menu a{ color: #fff; font-size: 1.1rem;text-transform: uppercase; display: block; height: 58px; line-height: 58px; padding: 0 .6rem;transition: all .3s ease;}
  
  div.raboti .r .h { font-family: RobotoMedium,sans-serif; font-size: 1.15rem;margin: 0 0 15px 0;}
  div.raboti .r .center{width: 270px; margin: 0 auto; }
  div.raboti .r .right{width: 270px; float: right;}
  div.raboti .r a {display: block; border: #f0f0f0 1px solid;}
    div.raboti .r .u_pd { width: 270px; height: 385px; background: url(../img/pojar_dveri.jpg) no-repeat #fff2ce center top; color: #365564;}
    div.raboti .r .u_pd:hover {background: url(../img/pojar_dveri2.jpg) no-repeat #ffa23e center top; color:#fff;text-decoration: none;font-weight: bold;} 
    div.raboti .r .u_md {width: 270px; height: 385px; background: url(../img/zhelez_dveri1.jpg) no-repeat #fff2ce center top; color: #365564;}
    div.raboti .r .u_md:hover {background: url(../img/zhelez_dveri.jpg) no-repeat #ffa23e center top;color:#fff;text-decoration: none;font-weight: bold;} 
    div.raboti .r .u_v {width: 270px; height: 385px; background: url(../img/vorota.jpg) no-repeat #fff2ce center top; color: #365564;}
    div.raboti .r .u_v:hover {background: url(../img/vorota.jpg) no-repeat #ffa23e center top;color:#fff;text-decoration: none;font-weight: bold;} 

}


@media (min-width: 820px) and (max-width: 992px){
.container {width: 760px;}

div.head .slogan{width: 25%; font-size: 0.8rem; line-height: 1.4;}
div.head .contact{width: 53%; text-align: right;}
  div.head .contact li:first-child{ font-family: RobotoMedium,sans-serif;font-size: 0.95rem;color: #464646;}
  div.head .contact li:last-child a {color: #df7f18; text-decoration: underline;font-size:0.6rem;}
  div.header_line .container .menu {width: 70%}
  div.header_line .container .search {width: 30%}
  form.header_search .header_search__input {width: 190px;}
  div.header_line .container .menu a{ color: #fff; font-size: 0.85rem;text-transform: uppercase; display: block; height: 58px; line-height: 58px; padding: 0 .6rem;transition: all .3s ease;}
  
  div.raboti .r .h { font-family: RobotoMedium,sans-serif; font-size: 0.9rem;margin: 0 0 15px 0;}
  div.raboti .r .center{width: 230px; margin: 0 auto; }
  div.raboti .r .right{width: 230px; float: right;}
  div.raboti .r a {display: block; border: #f0f0f0 1px solid;}
    div.raboti .r .u_pd { width: 230px; height: 385px; background: url(../img/pojar_dveri.jpg) no-repeat #fff2ce center top; color: #365564; font-size: 0.8rem;}
    div.raboti .r .u_pd:hover {background: url(../img/pojar_dveri2.jpg) no-repeat #ffa23e center top; color:#fff;text-decoration: none;font-weight: bold;} 
    div.raboti .r .u_md {width: 230px; height: 385px; background: url(../img/zhelez_dveri1.jpg) no-repeat #fff2ce center top; color: #365564; font-size: 0.8rem;}
    div.raboti .r .u_md:hover {background: url(../img/zhelez_dveri.jpg) no-repeat #ffa23e center top;color:#fff;text-decoration: none;font-weight: bold;} 
    div.raboti .r .u_v {width: 230px; height: 385px; background: url(../img/vorota.jpg) no-repeat #fff2ce center top; color: #365564; font-size: 0.8rem;}
    div.raboti .r .u_v:hover {background: url(../img/vorota.jpg) no-repeat #ffa23e center top;color:#fff;text-decoration: none;font-weight: bold;} 
}


@media (min-width: 320px) and (max-width: 820px){
.container {width: 80%;}

div.topline{background: #f0f0f0; padding: 5px 0; overflow: hidden; font-size: 0.6rem;}
  div.topline .container div{float:left;}
    div.topline .container .menu{ width: 50%;}
      div.topline .container .menu a{ margin-right: 5px; }
    div.topline .container .adress{ width: 50%; text-align: right; }
      div.topline .container .adress a{color:#365564; background: url(../img/adress.png) no-repeat 0 2px; padding: 0 0 0 17px;}


div.head .logo img{ width: 80px;}
div.container_logo {float: left;width: 50%;}
div.head .slogan{width: 60%; font-size: 0.6rem; line-height: 1.4;padding-left:5px;margin-top: 5px;}
div.head .contact{width: 48%; text-align: right;}
div.head .contact ul{ /*display: inline-block;*/ padding-left: 40px; text-align: left;/*border: 1px red solid;*/}
    div.head .header-contact__email {margin: 0 5px 5px 0;}
    div.head .header-contact__email { background: url(../img/email_m.png) no-repeat;}
    div.head .header-contact__phone { background: url(../img/phone_m.png) no-repeat;}
  div.head .contact li{list-style-type: none; line-height: 1em;}
  div.head .contact li:first-child{ font-family: RobotoMedium,sans-serif;font-size: 0.8rem;color: #464646;}
  div.head .contact li:last-child a {color: #df7f18; text-decoration: underline;font-size:0.6rem;}
  div.header_line .container .menu a{ color: #fff; font-size: 0.65rem;text-transform: uppercase; display: block; height: 58px; line-height: 58px; padding: 0 .6rem;transition: all .3s ease;}
    
    div.header_line .container div{float:none;} 
     div.header_line .container .menu{width: 100%; text-align: center;}
     div.header_line .container .menu ul {margin:0px;padding:0px;}
     div.header_line .container .search{width: 100%;text-align: center; margin: 0px; /*text-align: right; border: 1px red solid;*/}
     form.header_search {position: relative;  vertical-align: middle; margin: 0 0 8px 0;} 
     form.header_search .header_search__input {width: 250px; height: 38px; background: rgba(255,255,255,.23) !important; color: #fff; /*margin-right: 20px;*//*padding-left: 15px; padding-right: 35px;*/}
  
  div.raboti .r {float: none; width: 100%; margin-top: 15px;text-align: -webkit-center; height: 320px;/*border: 1px red solid;*/}
  div.raboti .r .h { font-family: RobotoMedium,sans-serif; font-size: 1.2rem;margin: 0 0 15px 0;}
  div.raboti .r .center{width: 300px; margin: 0; }
  div.raboti .r .right{width: 300px; float: none;}
  div.raboti .r a {display: block; border: #f0f0f0 1px solid;}
    div.raboti .r .u_pd { width: 300px; height: 200px; background: url(../img/pojar_dveri.jpg) no-repeat #fff2ce center center; color: #365564;}
    div.raboti .r .u_pd:hover {background: url(../img/pojar_dveri.jpg) no-repeat #fff2ce center center;color:#fff;text-decoration: none;font-weight: bold;} 
    div.raboti .r .u_md {width: 300px; height: 200px; background: url(../img/zhelez_dveri1.jpg) no-repeat #fff2ce center center; color: #365564;}
    div.raboti .r .u_md:hover {background: url(../img/zhelez_dveri1.jpg) no-repeat #fff2ce center center;color:#fff;text-decoration: none;font-weight: bold;} 
    div.raboti .r .u_v {width: 300px; height: 200px; background: url(../img/vorota.jpg) no-repeat #fff2ce center center; color: #365564;}
    div.raboti .r .u_v:hover {background: url(../img/vorota.jpg) no-repeat #fff2ce center center;color:#fff;text-decoration: none;font-weight: bold;} 
     div.raboti .r span {display: block; width: 290px; /*height: 50px;*/ margin: 160px 0 0 0; padding: 5px 5px;background: #fff2ce;}
     
    
  div.preimuch {/*margin-top: 10px;*/  overflow: hidden;}
  div.preimuch img {width: 80px;}
  div.preimuch .p1,.p2,.p3{float: left; text-align: center;width: 33.33%; margin-top: 15px;}
  div.preimuch .p1 div,.p2 div,.p3 div{margin: 10px 0 0 0; font-family: RobotoMedium,sans-serif; font-size: 1rem;     color: #464646; text-align: center; line-height: 24px;}
    
    
  div.footer .logo_bottom img{width: 60px}
    
    
}