

@media screen and (max-width: 1200px) {
    
    .girl {
        display: none;
    }
    
}

@media screen and (max-width: 1020px) {
    
    body {
        min-width: 100%;
    }
    
    .uprmenu2, #wapka2, #info2, #foot, .fmenu, .allfoot {
        width: 100%;
    }
    
    .uprmenu2 ul#menu {
        width: 100%;
    }
    
    .waplogo {
        width: 100%;
        background: url(../img/logo-uta.png) left center no-repeat;
    }
    
    .fixed {
        position: relative;
    }
    
    .block1 {
        position: relative;
    }
    
    .wapr {
        z-index: 100;
    }
    
    .bint1 .video iframe, .bcontent0 .video iframe {
        float: left;
        width: 100%;
        height: auto;
    }
    
}


@media screen and (max-width: 860px) {
    
    .block1 {
        width: 100%;
        margin: 0 0 0 0;
    }
    
    .block2 {
        float: left;
        width: 100%;
    }
    
}

@media screen and (max-width: 700px) {
    
    .slider {
        display: none;
    }
    
    .pfleft0 {
        width: 100%;
        margin: 1.5px 0 1.5px 0;
        min-height: auto;
    }
    
    .pfright0 {
        float: left;
        width: 100%;
        margin: 1.5px 0px;
        min-height: auto;
    }
    
    .fkont .zag {
        width: 93%;
        padding-left: 7%;
    }
    
    .ftel ul li, .ftel ul li.tel, .ftel ul li.adr {
        float: left;
        width: 31.33%;
        margin: 5px 1%;
    }
    
    .cat3 li {
        width: 47%;
        margin: 10px 1.5%;
    }
    
    .news li {
        width: 96%;
    }
    
}

@media screen and (max-width: 600px) {
    
    .pfright0 {
        display: none;
    }
    
    h1, h2, h3, .bcontent .zagol, .block3 .zagol, .fmmenu .zag {
        background: none;
        text-align: left;
    }
    
    .block3 .bkont .zagol {
        display: none;
    }
    
    .bkont ul {
        float: left;
        width: 90%;
        margin: 0 5%;
    }
    
    .bint1 {
        width: 60%;
        margin: 0 20%;
    }
    
    .bint2 {
        width: 98%;
        margin: 0 1%;
    }
    
    .bint2 .price {
        margin: 10px 0 0 0;
    }
    
}

@media screen and (max-width: 500px) {
    
    .catal3 li {
        width: 47%;
        margin: 10px 1.5%;
    }
    
    .cat3 li {
        width: 97%;
        margin: 10px 1.5%;
    }
    
    .waptel {
        display: none;
    }
    
}

@media screen and (max-width: 400px) {
    
    .bint1 {
        width: 98%;
        margin: 0 1%;
    }
    
}

@media screen and (max-width: 350px) {
    
    .news li .img {
        width: 70%;
        margin: 3px 15% 0;
    }
    
    .news li .text {
        width: 94%;
        margin: 5px 3% 0 3%;
    }
    
    .news li .text div {
        display: none;
    }
    
}

@media screen and (max-width: 300px) {
    
    .catal3 li {
        width: 97%;
        margin: 10px 1.5%;
    }
    
}





