/*========================================================================
--------------------RESPONSIVE RULES----------------------------------
------------------------------------------------------------------------ */



@media screen and (min-width: 1200px) {


}
@media screen and (max-width: 1200px) { 
.logo-wrap {padding: 10px 0px;margin-right: -30px;}
.fixed-elem {width: 60px;}
aside.left {width: 60px;}
#menu-sleva a {background: url(../images/left_sidebar_button.png) right 4px center no-repeat, #000066;}
#menu-sleva a img {margin: 0px 10px 0px 6px;}
#menu-sleva a span {display: none;}
#menu-sleva {margin-left: 0px;}

.left_open #menu-sleva a {background: url(../images/left_sidebar_button.png) right 4px center no-repeat, #000066;}
.left_open #menu-sleva a img {margin: 0px 10px 0px 6px;}
.left_open #menu-sleva a span {display: inline-block;}
.left_open #menu-sleva {margin-left: 30px;}

.left_open {position: fixed;z-index: 100000;overflow: auto;display: block;max-height: 100%;}
.left_open .fixed-elem {position: relative;}
.left_open .logo-wrap { margin-right: 0px;}
.left_open .price-list-wrap {height: 100px;}

.menu-switcher { display:block;}


}



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



}

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



}

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


html, body {font-size: 14px;line-height: 1.15;}
h1 {font-size: 18px;}
h3 {font-size: 15px;}
.f-row .col-md-12 {flex-wrap:wrap;}

.preimwrap{display: none;}
.preimwrap.mob{display: block;}
.preimr {flex-wrap: wrap;}
.pcont {width: 100%;align-items: center;justify-content: center;}
.ptext {padding: 15px;}

#map-sl7 form {
    position: relative;
    top: 0px;
    right: 0;
    z-index: 0;
    width: 100%;
}
.hidden-form form {
   
    position: relative;
    top: 0px;
    right: 0%;
    z-index: 0;
    width: 100%;
}


#text-sl6 .spec {

    position: relative;
    bottom: -60px;
    right: 0px;
    padding: 20px;
    display: block;
}

.woocommerce .woocommerce-ordering select {width: 100%;}
.f-row .col-md-12 {justify-content: center;}
.tel{text-align: center;}
.soc {margin: 8px 0px;}
.adr{text-align: center; padding:0px 20px;}
.tel a{display:block;}
footer .menu {text-align: center;}

.mail{display:block;text-align: center;margin: 9px 0px;}
.owl-next {margin-right: 0px;}
.owl-prev {margin-left: 0px;}
.slider-prod.owl-theme .owl-nav {top: 50%; }

#menu-sleva a {height: 25px;}
#menu-sleva a img {max-width: 26px;}
header .menu {text-align: center;}
.woocommerce div.product .woocommerce-tabs ul.tabs {display: flex;}
.sl-text {
    font-size: 16px;
    padding: 10px;
}

 .comp_t_w {
    margin-left: 0px;
}
.attr_table > div {
    flex-wrap: wrap;
	justify-content: center;
}
.attr_table p {
    display: inline-block;
    margin: 0px;
    padding: 0px 20px;
}
.lable_col {
    width: 100%;
    min-height: 40px;
    display: flex;
    justify-content: center;
    padding: 0px;
    
    align-items: center;
   margin-left: 0px;
}
.lable_col.hid{display:flex;}
.comp-zakaz{ width: 100%;}
}


@media screen and (max-width: 480px) {
.text-wrap-sl2 {
    padding: 20px 10px 10px 10px;
}
}

@media screen and (max-width: 480px) {
.ptext {flex-grow: 1;width: 100%;}
header .pcont a {
    height: 89px;
    width: 70%;
}
.pcont a {
    height: 89px;
    width: 23%;
}
.price-list-wrap a {
    padding: 3px 5px;
    top: -15px;
    font-size: 10px;
}
}

@media screen and (max-width: 320px) {
.logo-wrap {margin: 10px 0px;}
.container-fluid {padding-right: 15px;padding-left: 15px;}

}



/*

========================================================

Maintaining the lower vieport response for video section

========================================================

*/



/*-----Targetting the 800px -----*/



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



}



/*-----Targetting the 768px -----*/



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



}

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



}





/*-----Targetting the iPhone 6 plus and similar viewport-----*/



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



}



/*-----Targetting the Samsung Gallaxy Note and similar viewport-----*/



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



}



/*-----Taretting the BlackBerry Z10, Google Nexus 4 and similar viewport-----*/



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



}



/*-----Taretting the iPhone 6 and similar viewport-----*/



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



}





/*-----Taretting the BalckBerry Z30, Samsung Gallaxy Note,Samsung Gallaxy Note II, Google Nexus 5 and similar viewport-----*/



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



}



/*-----Taretting the iPhone 3gs iPhone 4, iPhone 5, Google Nexus S and similar viewport-----*/



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



}