@media screen and (max-width: 350px){
header nav{background: #020202 !important;height: auto !important;}
header nav #logo{float: none !important;height: 90px !important;width: 50% !important;}
header nav > ul{float: none !important;display: block !important;border-top: 1px solid rgba(38, 38, 38, 1) !important;}
header nav > ul > li{float: none !important;display: block !important;}
header nav > ul > li > a{font: 400 1.1em/40px 'Roboto', sans-serif !important;margin: 0 !important;display: block !important;border-left:0 !important;}

#slider-wrap{display: none !important;}

#menu_search .ms{height: auto !important;}
#menu_search .ms > ul{float: none !important;margin: 20px 0 !important;}
#menu_search .ms > ul > li > a{padding: 0 !important;margin: 0 10px !important;width: 38px !important;height: 38px !important;}
#menu_search .ms > ul > li > a span{display: none !important;}
#menu_search .ms .searchform{float: none !important;width: 100% !important;}
#menu_search .ms > ul > li > ul {top: 42px !important;}
#menu_search .ms > ul > li > ul:after{display: none !important;}


.catalog .tovar{width: 98% !important;}

.comments .comm{width: 98% !important;float: none !important;}
.comments .comm .img_comm .img_photo{display: none !important;}
.comments .comm .body_comm{display: block !important;padding: 25px !important;}

.article .material_art{width: 98% !important;float: none !important;margin: 0 0 35px 0 !important;}

.copyright .c_studio{float: none !important;}
.copyright .f_contacts{float: none !important;text-align: left !important;}

.tovar_page{display: block !important;}
.tovar_page .block_tovar_img,
.tovar_page .block_tovar_info{display: block !important;}
.tovar_i{margin: 0 !important;}
.tovar_i .price{font: 500 1em/40px 'Roboto Medium', sans-serif !important;width: 40% !important;}

#photo{width: 280px !important;height: 254px !important;float: none !important;margin: 0 !important;display: block !important;}
#gallery{display: block !important;width: auto !important;float: none !important;}
#gallery img{margin: 15px 14px 0 0 !important;float: left;width: 70px !important;height: 70px !important;}

.tovar_i a.a_price{margin: 15px 0 0 0 !important;width: 40% !important;}
div.tovar_description p{font: 300 0.8em/16px 'Roboto Light', sans-serif !important;clear: none !important;}
.tovar_i{height: 320px !important;}

.no_display{display: none !important;}

.history_company_page .banner_300{display: block !important;width: 100% !important;padding: 0 0 30px 0 !important;}
.history_company_page .history_body{display: block !important;padding: 0 0 30px 0 !important;}
.catalog_page .tovar{width: 98% !important;}

.comments_page .comm .img_comm{display: none !important;}
.comments_page .comm .body_comm{padding: 25px 2% !important;}

#forn_contacts p span{text-align: left !important;display: block !important;margin: 0 !important;}
#forn_contacts p input[type="text"],
#forn_contacts p input[type="email"],
#forn_contacts p input[type="tel"]
{width: 180px !important;}
#forn_contacts p textarea{width: 180px !important;}
.tel_p, .mail_p, .time_p{width: 200px !important;}
#forn_contacts input[type="submit"]{margin: 0 !important;}
}

@media screen and (min-width: 350px) and (max-width: 600px) {
header nav{background: #020202 !important;height: auto !important;}
header nav #logo{float: none !important;height: 90px !important;width: 50% !important;}
header nav > ul{float: none !important;display: block !important;border-top: 1px solid rgba(38, 38, 38, 1) !important;}
header nav > ul > li{float: none !important;display: block !important;}
header nav > ul > li > a{font: 400 1.1em/40px 'Roboto', sans-serif !important;margin: 0 !important;display: block !important;border-left:0 !important;}

#slider-wrap{display: none !important;}

#menu_search .ms{height: auto !important;}
#menu_search .ms > ul{float: none !important;margin: 20px 0 !important;}
#menu_search .ms > ul > li > a{padding: 0 !important;margin: 0 10px !important;width: 38px !important;height: 38px !important;}
#menu_search .ms > ul > li > a span{display: none !important;}
#menu_search .ms .searchform{float: none !important;width: 100% !important;}
#menu_search .ms > ul > li > ul {top: 42px !important;}
#menu_search .ms > ul > li > ul:after{display: none !important;}

.catalog .tovar{width: 48% !important;}

.comments .comm{width: 98% !important;float: none !important;}
.comments .comm .img_comm .img_photo{display: none !important;}
.comments .comm .body_comm{display: block !important;padding: 25px !important;}

.article .material_art{width: 98% !important;float: none !important;margin: 0 0 35px 0 !important;}

.copyright .c_studio{float: none !important;}
.copyright .f_contacts{float: none !important;text-align: left !important;}

.tovar_page{display: block !important;}
.tovar_page .block_tovar_img,
.tovar_page .block_tovar_info{display: block !important;}
.tovar_i{margin: 0 !important;}
.tovar_i .price{font: 500 1em/40px 'Roboto Medium', sans-serif !important;width: 40% !important;}

#photo{width: 300px !important;height: 320px !important;float: none !important;margin: 0 !important;display: block !important;}
#gallery{display: block !important;width: auto !important;float: none !important;}
#gallery img{margin: 15px 14px 0 0 !important;float: left;}

.no_display{display: none !important;}
.tovar_page .block_tovar_img .gelery{width: auto !important;}

.history_company_page .banner_300{display: none !important;width: 100% !important;padding: 0 0 30px 0 !important;}
.history_company_page .history_body{display: block !important;padding: 0 0 30px 0 !important;}
.catalog_page .tovar{width: 48% !important;}

.comments_page .comm .img_comm{display: none !important;}
.comments_page .comm .body_comm{padding: 25px 2% !important;}

#forn_contacts p span{text-align: left !important;display: block !important;margin: 0 !important;}
#forn_contacts p input[type="text"],
#forn_contacts p input[type="email"],
#forn_contacts p input[type="tel"]
{width: 95% !important;}
#forn_contacts p textarea{width: 93% !important;}

#forn_contacts input[type="submit"]{margin: 0 0 0 100px !important;}
}

@media screen and (min-width: 600px) and (max-width: 768px) {
header nav{background: #020202 !important;height: auto !important;}
header nav #logo{float: none !important;height: 90px !important;width: 50% !important;}
header nav > ul{float: none !important;display: block !important;border-top: 1px solid rgba(38, 38, 38, 1) !important;}
header nav > ul > li{float: none !important;display: block !important;}
header nav > ul > li > a{font: 400 1.1em/40px 'Roboto', sans-serif !important;margin: 0 !important;display: block !important;border-left:0 !important;}

#slider-wrap{display: none !important;}

#menu_search .ms{height: auto !important;}
#menu_search .ms > ul{float: none !important;margin: 20px 0 !important;}
#menu_search .ms > ul > li > a{padding: 0 !important;margin: 0 10px !important;width: 38px !important;height: 38px !important;}
#menu_search .ms > ul > li > a span{display: none !important;}
#menu_search .ms .searchform{float: none !important;width: 100% !important;}
#menu_search .ms > ul > li > ul {top: 42px !important;}
#menu_search .ms > ul > li > ul:after{display: none !important;}

.catalog .tovar{width: 31.3333% !important;}

.comments .comm{width: 98% !important;float: none !important;}
.comments .comm .img_comm .img_photo{display: none !important;}
.comments .comm .body_comm{display: block !important;padding: 25px !important;}

.article .material_art{width: 98% !important;float: none !important;margin: 0 0 35px 0 !important;}

.tovar_page{display: block !important;}
.tovar_page .block_tovar_img,
.tovar_page .block_tovar_info{display: block !important;}
.tovar_i{margin: 0 !important;}
.tovar_i .price{font: 500 1em/40px 'Roboto Medium', sans-serif !important;width: 35% !important;}

.catalog_page .tovar{width: 48% !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.catalog .tovar{width: 23% !important;}
.tovar_i .price{font: 500 0.9em/40px 'Roboto Medium', sans-serif !important;}

.catalog_page .tovar{width: 31.333333% !important;}
}

@media screen and (min-width: 1024px) and (max-width: 1152px) {
.catalog .tovar{width: 23% !important;}
.tovar_i .price{font: 500 1em/40px 'Roboto Medium', sans-serif !important;}
}


@media screen and (max-width: 768px) {
header nav > ul ul.sub-menu{
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
}

header nav > ul ul.sub-menu li{
    padding: 5px 0 5px 30px !important;
}

header nav > ul ul.sub-menu li a{
    display: block;
}
header nav > ul > li.catalogf > a{font-weight: 700 !important;font-size: 18px !important}
header nav > ul > li.catalogf:before{
    top: 18px !important;
    right: auto !important;
    left: 100px !important;}
}

@media screen and (min-width: 300px) and (max-width: 768px) {
	#popup #forn_contacts {padding-left:0%!important; margin-top: 0px!important;}
	#forn_contacts input[type="submit"] {margin:0!important;}
	#forn_contacts p.textarea {display: none!important;}
	#popup {height: auto!important;}
}