
@media screen and (max-width: 1020px) {
    
    .uprmenu2 {
        width: 1000px;
    }

}

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

    body {
        min-width: 100%;
    }
    
    .uprmenu2, #wapka2, #info2, #foot, .fmenu, .allfoot {
        width: 100%;
    }
    
    .korzina {
        margin: 10px 0 0 0px;
    }
    
    .search {
        margin-left: 5%;
        margin-right: 2%;
    }

    .uprtel li {
        margin: 7px 0 0 40px;
    }

    .search #vvodtext {
    	width: 150px;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 11px;
    }
    
    #tabs2 ul.ui-tabs-nav li.actred a {
        padding: 1em 0;
    }

    .owl-carousel .owl-wrapper-outer {
        height: auto;
    }

    #wap .logo img {
    	height: auto;
    }

    .news ul li {
    	  margin: 15px 5%;
		  width: 90%;
    }

    .news ul li .img {
        height: auto;
    }

    ul.pagenav li {
    	width: auto;
        margin: 15px 0%;
    }

}


@media screen and (max-width: 900px) {
    
    .waptel {
        width: 0%;
    }
    
    .waptel2 {
        width: 35%;
    }
    
    .korzina {
        width: 35%;
    }

    .prefoot ul li {
        font-size: 12px;
    }

}


@media screen and (max-width: 840px) {
    
    #wapka, #wapka2, #wap {
        height: auto;
    }
    
    .ftext {
        display: none;
    }
    
    .allfoot ul {
        margin-left: 1%;
    }
    
    .grafik {
        float: right;
        position: absolute;
        z-index: 6;
        right: 0;
    }
    
    .cat3 li,
    .cat3y li {
        width: 48%;
    }
    
    ul.B_crumbBox {
        height: auto;
        background: none;
    }
    
    ul.B_crumbBox li, ul.B_crumbBox li.B_currentCrumb {
        margin-bottom: 1px;
    }
    
    .ui-tabs .ui-tabs-nav li {
        width: auto !important;
        margin: 1px 3% 0 3% !important;
    }
    
    .zakazhi .ikr div input#contact_name, .zakazhi .ikr div input#contact_phone {
        width: 75%;
        padding: 10px 5% 10px 18%;
    }
    
    #tabs2 ul.ui-tabs-nav li {
        width: auto !important;
    }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        padding-bottom: 0px;
    }
    
    .cat4 li,
    .cat4y li {
        width: 31.33%;
        margin: 10px 1%;
    }

}


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

    .search {
        display: none;
    }

    .uprtel li {
        margin: 7px 0 7px 40px;
    }

    .bread {
    	display: none;
    }

}


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

    .prefoot {
        display: none;
    }

}


@media screen and (max-width: 640px) {
    
    .lmenu ul li a {
        background: url(../img/lm-bg-li-2.png) right repeat-y #fff;
    }

    .block1 .preim, .block1 .dostopl {
        display: none;
    }
    
    .search {
        display: none;
    }
    
    #wap .logo, .waptel2 {
        width: 50%;
    }
    
    .slider {
        display: none;
    }
    
    .block1 {
        width: 90%;
        margin: 0 5%;
    }
    
    .block2 {
        float: left;
        width: 100%;
        margin: 0 0%;
    }
    
    .allfoot {
        background: none;
        margin-top: 35px;
    }
    
    .reserv, .fmenu {
        display: none;
    }
    
    .block3a {
        width: 60%;
        margin: 0 20%;
    }
    
    .block3b {
        width: 96%;
        margin: 0 2%;
    }
    
    .khul {
        width: 46%;
    }
    
    .cat4 li,
    .cat4y li {
        width: 48%;
        margin: 10px 1%;
    }

    ul.B_crumbBox li a, ul.B_crumbBox li a.last, ul.B_crumbBox li span {
	   background: none;
	   padding: 5px 5px;
    }

    ul.B_crumbBox li:after, 
    ul.B_crumbBox li:hover:after {
     content: "→ ";
     margin-top: 9px;
     float: left;
     
   }

    ul.B_crumbBox li.B_currentCrumb:after,
    ul.B_crumbBox li.B_currentCrumb:hover:after {
     content: " ";
    }

    .textkorz a {
	    font-size: 14px;
    }

}


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

    #wap .logo {
    
    }
    
    .waptel2 {
        width: 100%;
    }

    .catzag {
        padding: 7px 20% 6px 2%;
    }

    .news ul li .img {
        width: 80%;
        height: 150px;
        margin: 5px 10% 20px;
    }


}

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

    #wap .logo {
    	margin-left: 5%;
    }

    .cat3 li,
    .cat3y li {
        width: 98%;
    }
    
    .block1 {
        width: 98%;
        margin: 0 1%;
    }
    
    .waptel ul {
        margin-bottom: 10px;
    }
    
    .wapclo {
        display: none;
    }
    
    #vvodtext {
        width: 240px;
    }
    
    .tabwidth .img {
        width: 98%;
        padding: 1%;
    }
    
    .tabwidth .adres {
        width: 98%;
        padding: 1%;
        margin-left: 0%;
    }
    
    .zakazhi .ikr div, .zakazhi .ikr div.subbut {
        width: 100%;
    }
    
    .zakazhi .ikr div.subbut {
        position: relative;
        width: 98%;
        right: 0%;
        top: 0;
    }
    
    .zakazhi .ikr div input#submit {

    }
    
    .khul {
        width: 96%;
    }
    
    .block3a {
        width: 80%;
        margin: 0 10%;
    }
    
    .cat4 li,
    .cat4y li {
        width: 98%;
        margin: 10px 1%;
    }


}



@media screen and (max-width: 300px) {
    
    .search, .grafik {
        display: none;
    }
    
    .block3a {
        width: 98%;
        margin: 0 1%;
    }
}





