@media screen and (max-width: 1600px) {
div.slider1, div.slider{height:880px;}
.imageflow{height:440px !important;}
.imageflow .images{height:300px !important;}
}
@media screen and (max-width: 1450px) {
   div.slider1, div.slider{height:780px;} 
   .imageflow{height:340px !important;}
    .imageflow .images{height:230px !important;} 
    }

@media screen and (max-width: 1290px) {
    div.slider1, div.slider{height:732px;} 
    .box img{width:auto; height: 732px !important;}
    
    .imageflow{position: relative;}
    
    }

@media screen and (max-width: 1180px) {

span.menu{display:block;}
#menu ul li:first-child a{background-position:15px center;}
#menu{
    display:block !important;
    float:none;
    position: fixed;
    z-index:22500;
    left:0;
    width:0;
    overflow:hidden;
    transition:0.5s;
    bottom:0;
    top:0;
    background:#770C3E;
}
#menu ul li{
    width:100%;
    padding:0;
    margin:0;
    border-bottom:#E2F1F2;
}
#menu ul li a:hover:after, #menu ul li a.act:after{display:none !important;}
span.closemenu{display:block;}

.garantii table td img{width:100%; height: auto !important;}
.garantii table td{padding:10px;}
}

@media screen and (max-width: 1060px) {

    div.rightcol{width:100%;margin-top:15px;}
    div.leftcol{width:100%;}
    span.slogan{font-size:38px;}
    div.akcii{font-size:20px;line-height:25px;}
    div.podlozhka{width:70%;}
    }

@media screen and (max-width: 935px) {
ul.tabs li{
    font-family: 'OpenSans-Regular';
    text-transform: none;
}
div.akcia{font-size:20px;line-height:20px;}
div.padd{padding:20px;}
div.content{width:100%;background:none;padding:30px 0 0 0;}
div.contacform{margin-left:0;background:none;width:50%;}
div.area{width:100%;}
}

@media screen and (max-width: 780px) {

 html {-webkit-text-size-adjust: none;}
.zona{background-size:100% auto;}
.viborka{margin-top:400px;width:100%;}
.viborka div{min-height:0;}
.news{width:48%;}
.khodstroitelstva .news:nth-child(3n+1){margin-right:25px;}
.khodstroitelstva .news:nth-child(2n+1){margin-right:0 !important;}
.garantii table{display:block;height:1200px;overflow:hidden}
.garantii table tr{display: inline !important;}
.garantii table tr td{
    display:block;
    float:left;
    width:33.33% !important;
    min-height:400px;
    padding: 10px 0;
}
.garantii img{width:90% !important;}
.garantii:after{
    content:"";
    clear:both;
    display:block;
}
ul.tabs li{font-sizE:13px;}

.imageflow{height:240px !important;}
.imageflow .images{height:130px !important;}
.imageflow img{margin-top:-100px !important;}
}

@media screen and (max-width: 670px) {
    
   .news{width:47%;height:245px;}
    span.h1, .techno h3{font-size:25px;}
    ul.tabs li{width:33.33% !important;padding:53px 0 12px 0;}
    .title1:before{background:none;}
    body{overflow-x:hidden;}
}

@media screen and (max-width: 570px) {

div.padd{padding:20px 0;}
div.footer div.padd{padding:0 20px;}
.news{margin:0 0 20px 0 !important;width:100%;}
div.podlozhka{width:95%;}
.garantii table tr td{width:50% !important;}
.leftcol, span.h1, .techno h3{text-align:center;}
#windowred div.padd{padding:20px !important;}
.garantii table{height:2200px;}
#map{height:300px !important;}
.tels{font-size:24px;}
div.aka{font-size:100%;padding:15px 0 15px 20px;height:auto;}
.akcii.clear{margin-left:20px;font-size:100%;}
}

@media screen and (max-width: 510px) {
    .techno table tr{
        display:block;
        padding:15px 0;
    }
    .techno table td{
        display:block;
        width:100% !important;
        padding: 5px 0;
        text-align:center;
    }
    div.contacform, div.middlecol{width:100%;}
    .viborka{margin-top:300px;}
    }

@media screen and (max-width: 465px) {

.tels{display:none;}
#windowred > div.title{width:95%;}
#windowred div.padd{padding:20px;}
.slider1, .slider{height:580px !important;}
.slider img{height:580px !important;}
.note{display:block;}
#map{height:400px !important; }
.imageflow{height:140px !important;}
.imageflow .images{height:50px !important;}
.imageflow img{margin-top:-70px !important;}
    }
    
    
  @media screen and (max-width: 390px) {
    div.buttons{margin:0;}
    .garantii table tr td{width:100% !important; min-height:0;}
#logotype img{margin-left:20px;}
.garantii table{height:auto;}
    .viborka{margin-top:210px;}
    span.slogan{font-size:28px; line-height:32px;}
    }