#maska {display: none;}
.contai {
	padding-top:5px;
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
   justify-content: space-evenly ;
   align-items: stretch;
}
.item_1 {
 width:20%;
}
.item {
 width:40%;
}
.item_2 {
 width:20%;
}
.item_3 {
 width:auto;
 align-items:left;
}
.ennes {display: block;
    padding-left: 10px;
    margin-left: 10px;
    line-height: 42px;}
/*   1024px  */

@media screen and (max-width: 1024px), only screen and (max-device-width:1024px) {
    
    .layout, #toppanel, .layout1 {
    width:960px;
    margin:0 auto;
    }
    
    .sitename {font-size:2.5em;}
    
    .siteautor {font-size:1.8em;}
    
    .contact {width:40%;}
    .logo {width:58%;}
    .shop-cart, .box-reg {width:35%}
    
    #footer {padding:1em 0 3em 0;}
    
}


@media screen and (max-width: 854px), only screen and (max-device-width:854px) {
    .layout, .layout1, #toppanel {
    width:800px;
    }
    
    .sitename {font-size:2.2em;}
    .siteautor {font-size:1.6em;}
    .logo > a > div {padding:0;}
    .logo > a > img {width:20%; float:right; position:relative; top:-20px}
    .logo, .contact {width:50%}
    .shop-cart, .box-reg {width:41%}
    .btn {padding: 0.5em 20px;}
}


@media screen and (max-width: 800px), only screen and (max-device-width:800px) {
    .layout, .layout1, #toppanel {
    width:750px;
    }
}


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

    .layout, .layout1, #toppanel {
    width:680px;
    }
    
    .logo, .contact {width:90%; float:none; margin:0 auto; overflow:hidden; padding-top: 0.3em;}
    .logo > a > img {width: 40%; margin:0 30%; position:static}
    #toppanel .box2:first-child {display: none;}
    #toppanel .box2:last-child {width:80%}
    #toppanel {margin:1em auto}
    .shop-cart, .box-reg {width:40%; margin:0}
    .box-reg {padding: 0.2em 0;}
    .sidebar {width:100%; margin:2em 0}
    .main {width:100%}
    .moduletable-mainmenu {overflow:hidden; margin:1em 0}
    .moduletable-mainmenu ul li {list-style: none; padding: 0 0 0.3em 0; float: left; width: 25%;}
    
}

@media screen and (max-width: 640px), only screen and (max-device-width:640px) {
    
    .layout,.layout1, #toppanel {
    width:570px;
    }
    .logo, .contact {width:100%;}
    .moduletable-mainmenu ul li {width: 30%;}
    .jshop_list_category .sblock2 {width:100%}
    .sidebar .moduletable {text-align:center} 
    .moduletable-gorizontal {text-align:center}
    .moduletable-gorizontal .block_item {width:80%; margin:0 auto 2em auto; float:none} 
    .jg_pathway {padding:0.5em 0;}
}


@media screen and (max-width: 600px), only screen and (max-device-width:600px) {
    
    .layout, .layout1, #toppanel {
    width:510px;
    }
    .moduletable-mainmenu ul li {width: 33%;}
    .video_full {width:500px;} 
    #toTop {display:none!important}  
}
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .moduletable-mainmenus ul li {
        width:100%;
    }
  .moduletable-mainmenus ul li a.about-but {
    background: url(../images/menu-about.gif) no-repeat;
}
}

@media screen and (max-width: 480px), only screen and (max-device-width:480px) {
	#maska {display: flex;}
    .item_2 {
 width:12%;
}    .item_2a {
 width:24%;
}
.item_3 {
 width:12%;
}
.boxreg {
    display: flex;
    align-content: center;
    align-items: center;
}
.ennes {display:none}
    .layout, .layout1, #toppanel {
    width:400px;
    }
    #toppanel .box2:last-child {width:100%;}
    .shop-cart, .box-reg {width:48%; margin:0}
    #toppanel {background:none;}
    .moduletable-mainmenu ul li {width: 45%;}
    .video_full {width:400px;}   
    .gallery .pagination ul li {margin:0 0 1em 0;}
    .pagination .pagination-start, .pagination .pagination-prev, .pagination-next, .pagination-end {display:none;}
}

@media screen and (max-width: 375px), only screen and (max-device-width:375px) {
    
    .layout, .layout1, #toppanel {
    width:100%;
    }
    h1, .jshop h1, h2 {font-size:1.8em;}
    .logo > a > div {width:80%;}
    .logo > a > img {padding-top:1em;}
    .sitename {font-size:1.8em;}
    .siteautor {font-size:1.4em; padding-bottom:1em;}
    .moduletable-mainmenu {width: 200px; margin: 0 auto;}
    .moduletable-mainmenu ul li {width: 100%;}
    .video_full {width:300px;}   
    .shop-cart, .box-reg {width:100%; margin:0.5em 0}
    .jg_subcatelem_cat, .jg_subcatelem_cat_r, .jg_element_gal, .jg_element_cat {width:100%;}
    .jg_element_gal {text-align:center; margin:0 0 1em 0;}
    .jg_photo_container, .jg_element_txt {float:none;}
    .jg_subcatelem_txt {margin:0 0 1em 0}
    .jg_element_cat {padding-bottom:1em}
    .jg_imgalign_catimgs {width:50%; margin:0 auto;}
    .jg_row, .jg_row2 {padding:0;}
    .contact .box2 {width:100%; float:none;}
}