@media (max-width:1024px){
html,body{
font-size:15px;
}
h1{font-size: 4.8vw;}
h2{font-size: 4.7vw;}
h3{font-size: 4.6vw;;}
h4{font-size: 4.5px;}
h5{font-size: 4.4px;}
h6{font-size: 4.3px;}

.sitename{
display: none;
}
.logoblock,  .toptel{
display: block;
}
.logoblock{
padding: 0px;
width: auto;

}

.toptel{
float: right;
}
.podloshka{
background: #333333 url("../img/head/head.jpg") no-repeat center 20px;
background-attachment: scroll;
background-size: 120%;
}
.top_hidden{
height: 0px;
}
.hidden-menu2{
padding-top: 100px;
}

.pokaz_menu,.tel_vizov strong, .toptel span.adres,.topfix .logo span, .toptel .urllogout, .toptel .mail {display: none;}
.skrit_menu{
background: rgba(0,0,0,1);
background: linear-gradient(90deg, rgba(1,1,1,0.7) 0%, rgba(0,0,0,0.7) 50%);
}

.headcenter{
background: linear-gradient(270deg, rgba(1,1,1,1.0) 0%, rgba(0,0,0,1.0) 50%);
display: block;
margin: 0px;
color: #ffffff;
}

.usermenu{width: 170px;}
.navigator_usermenu ul.menu li a span, .mini_name{display: none;}
#body .flex-control-paging li a{height: 20px;width: 20px;}
.flex-direction-nav a{width: 40px;height: 40px;}
#footer ul.menu li a img{height: 30px;}
#footer{font-size: 13px;}

.mobil{display: block;}
.nomobil{display: none;}
/*Полезные ссылки*/
#body .moduletable.poleznie_url ul.menu{text-align: center;}
#body .moduletable.poleznie_url ul.menu li{display: inline-block; width: 270px; text-align: left;}
/*Конец Полезные ссылки*/
.content_compcom_users #right1{
display: none;
}

.topfix{
width: 100%;
padding: 0px;
margin-bottom: 20px;
}
.topfix.scroll{background: linear-gradient(270deg, rgba(1,1,1,1) 0%, rgba(0,0,0,0.9) 50%); position: fixed; width: 100%; z-index: 100;
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);/* Для Firefox */
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);/* Для Safari и Chrome */
box-shadow:0 0 10px rgba(0,0,0,0.5);/* Параметры тени */
}
.toptel{
padding: 0px;
position: fixed;
z-index: 3000;
top: 2px;
right: 10px;
}
.toptel a.tel_vizov{
display: block;
}
.sitename,.toptel{
width: auto;
}
.toptel img{
height: 32px;
}
/*Логотип*/
.topfix .logo, .topfix.scroll .logo{display: inline-block; margin-top: 0px;}
.topfix .logo img, .topfix.scroll .logo img{height: 40px; padding: 0px; margin-top: 2px; margin-bottom: 2px; display: inline-block;}

.topfix.scroll .logo img{height: 46px;margin-top: 2px; margin-bottom: 2px; transition: all .1s linear .23s;}
.topfix.scroll .logo:hover img{}
.top_hidden,.topfix, .top_hidden.scroll,.topfix.scroll{}
/*КОнец Логотип*/
.tel_vizovname{
display: none;
}
#body .btn-menu, #body .hidden-menu {
display: block;
}
.left.leftright{
display: none;
}
.right.leftright, .mycontent{
display: block;
}
.mycontent{
padding: 0px 0px 10px 0px;
}
/*Центральное меню*/
.center ul.menu li{
display: inline-block;
vertical-align: top;
width: auto;
margin-left: 0px;
min-width: 200px;
line-height: normal;
width: 80%;
margin-bottom: 5px
}
.center ul.menu li a{padding: 5px;height: auto;}
/*Конец Центральное меню*/

/*LEFT + RIGHT*/
.leftright{text-align: center; background: none;  font-size: 16px;}
.leftright,.content{display:  block;  width:  auto;  float: none;}
.leftright .moduletable{padding: 0px;  text-align: center; vertical-align: top; width: auto;}
.content .footer_conteiner,.left .footer_conteiner{height: 0px;}

.leftright .moduletable h3,.leftright .moduletable_menu h3{
border-bottom: 2px solid #015e6f;
font-size: 4.5vw;
}
/*Конец LEFT + RIGHT*/


/*Меню на главной*/
.moduletable.maket30{
padding: 10px 10px 70px 10px !important;}
.moduletable.maket30 > h2{
font-size: 4vw;
margin: 10px 10px 10px 10px;
}

.menuhome0>li>.menuhome1{
width: 40%;
}
/*Конец Меню на главной*/

/*Слайд шоу*/
#slider163 .slide-desc-text.slide-desc-text-default div p, #slider163 .slide-desc-text.slide-desc-text-default div ul{
 display: none;
}
/*Конец Слайд шоу*/

.primerirabot .slide-desc .slide-title a, .moduletable.maket30{
font-size: 3.0vw !important;
}

.primerirabot .slide-desc .slide-text{
font-size: 2.5vw !important;
}
.moduletable.primerirabot > h3{
font-size: 4.0vw !important;
}
/*Рассчитаем заказ*/
.moduletable.maket30{
font-size: 3vw;
}
.moduletable.maket30 h3{
text-transform: uppercase;
font-size: 4vw;
margin: 5px 0px 5px 0px;
}
.moduletable.maket30 .btn{
margin: 0px 0px 10px 0px;
font-size: 3vw !important;
padding: 5px 10px 5px 10px !important;
}
/*Модуль метки Joomshoping labels*/
.moduletable.maket30 .label_products .block_item .oiproduct .name{
font-size: 18px !important;
margin: 5px 0px 5px 0px;
font-weight: 600;
}
.moduletable.maket30 .label_products .block_item .oiproduct .description{
margin: 0px 0px 10px 0px;
}

.moduletable.maket30 .label_products .block_item .oiproduct .name a{
text-decoration: none;
}
.moduletable.maket30 .label_products .block_item .oiproduct .name a:hover{
text-decoration: underline;
}

.moduletable.maket30 .label_products .block_item .image{
text-align: center;
}

.moduletable.maket30 .label_products .jshop_price span, .moduletable.maket30 .label_products .jshop_price{
font-size: 1.3rem !important;
}
.moduletable.maket30 .label_products .jshop_price{
margin-bottom: 10px !important;
}
.moduletable.maket30 .label_products .btn{
font-size: 5vw !important;
text-decoration: none;
}
 .label_products .block_item  .image_block{
overflow: hidden; height: 190px;
 display: flex;
 flex-flow: column nowrap;
 justify-content: center;
}
 .label_products .block_item  .image_block img{
     }
/*Конец Модуль метки Joomshoping labels*/
}
@media (max-width:750px){
h1{font-size: 5.8vw;}
h2{font-size: 5.7vw;}
h3{font-size: 5.6vw;;}
h4{font-size: 5.5px;}
h5{font-size: 5.4px;}
h6{font-size: 5.3px;}
.pagination.ms-0 a{
width: auto !important;
}
/*НОВОСТИ*/
.blog-items .blog-item{
display: block;
width: auto;
vertical-align: top;
}
.blog-items .blog-item .page-header h2{
width: auto;
vertical-align: middle;
text-align: center;
height: auto;
display: block;
}
.blog-items .blog-item .page-header {
display: block;
width: 100%;
}
/*Конец НОВОСТИ*/

/*Высплывающее окно*/
.popup .ext_callback_form, .popup .form-modal-cell{
width:  auto;
display: block;
}
.popup h3{
font-size: 20px;
}

.popup {
background-color: #fff;
border: 3px solid #fff;
display: inline-block;
left: 50%;
opacity: 0;
padding: 15px;
width: 330px;
position: fixed;
top: 47%;
visibility: hidden;
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.popup .form-modal-cell p{
font-size: 12px !important;
}
}

@media (max-width:650px){
.moduletable.mzayvka1 h3{
 font-size: 30px;
}

.bottom2 ul.menu li{
display: block;
max-width: none;
min-width: auto;
}

.flexslider .flex-caption h3{
font-size: 4.0vw !important;
margin: 5px 0px 5px 0px;
}
.flexslider .flex-caption p{
display: none;
}
.flexslider .flex-caption a.btn{
padding: 5px;
display: block;
}
.razrabotchik_menu{
width: auto;
}
}