@charset "utf-8";
@media screen and (max-width: 320px){
/*.open-search {
  -webkit-transform: translate(12%, 40px);
  -ms-transform: translate(-40px, 40px);
  transform: translate(-40px, 40px);
  width:80%;
 }*/

}
@media screen and (max-width: 370px){
.fav-button span {
	font-size:14px;
}
.div-shop-nav-mob div, .div-shop-nav-mob div a, mob-shop-lc  span{
	font-size:12px;
}
}
@media screen and (max-width: 340px){
.fav-button span {
	font-size:12px;
}
}
@media screen and (max-width: 401px){
	.feedback-form-left{
		width: 100%;
		-webkit-box-pack:start;
	    -ms-flex-pack:start;
        justify-content:flex-start;
	}
	.feedback-form-right {
		width: 100%;
	}
.account-div {
	width:100%;
}
.contact-form-line {
	display: block;
}
}
@media screen and (max-width: 440px){
.foot-div, .foot-div-info, .foot-div-find {
	width: 100%;
}	
/*.descr-bi-left-cartfav { 
	width:40%; 
	
}
.descr-bi-right-cartfav {
	width:60%;
}*/
}
@media screen and (max-width: 470px){
.find-li {
	font-size: 16px;
}	
}

@media screen and (max-width: 550px){
	.curr-hide, .sby-dh {
		display:none;
}
.mob-sh-center {
	width:46.66%;
}
.mob-sh-center select {
	font-size: 14px;	
}
.mob-sh-right {
	width:20%;
}
.itm-hide {
	display:none;
}
.submit-image {
	width: 25%;
	
}
.search-input {
	width:75%;
}
}

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

.div-shop-nav-left {
	width:60%; padding: 3px 10px 3px 20px;
}
}
@media screen and (max-width: 979px){
nav.nav-left {
 width: 250px;
  position: absolute;
  /* This trasform moves the drawer off canvas. */
  -webkit-transform: translate(-300px, 0);
  -ms-transform: translate(-300px, 0);
  transform: translate(-300px, 0);
  /* Optionally, we animate the drawer. */
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index:5;
}
main p {
	margin:6px 2px;
}
nav.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }
/*
 .drop-search:click .mob-search-box {
	 -webkit-transform: translate(0, 0);
  	-ms-transform: translate(0, 0);
      transform: translate(0, 0);
	 }*/

/*.mob-search-box {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
*/
.open-search {
	-webkit-transform: translate(0%, 90px);
  -ms-transform: translate(0%, 90px);
  transform: translate(0%, 90px);
 }
.feedback-form input, textarea {
	width: 90%;
}
.ref-pol {
	padding: 0 5px 0 5px;
}
.ref-pol ul li {
	padding:7px 3px;
}
.tu-ul {
	padding-left:16px;
}
.bi-point-left, .bi-point-right {
	display:flex;
	justify-content:center;
}
footer li {
	height:48px;
}
.previous-next{
	display:inline-block;
	height:48px;	
}
.sitemap-1-ul > li, .sitemap-2-ul > li {
	padding: 10px 2px;
}
.pay-method-div {
	width:90%;
}
}

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

.account-menu {
	width:35%;
}
.account-right {
	width:65%;
}
#lightgallery figure {
	width: 49.5%;
}
aside {
 flex-direction: row;
}
.right-item-shop {
	width:50%;
	padding:5px;
}
.right-video-side {
	width:50%;
	padding:5px;
}
}
@media screen and (min-width: 550px){
	.by-dh {
		display:none;
}

}

@media screen and (min-width: 768px){
#lightgallery figure {
	width: 32.5%;
}
#lightgallery-video figure {
	width: 49.5%;
}

.main-aside {
	width:80%;
}
aside {
	width: 20%;
	 flex-direction: column;
}
.right-item-shop {
	width:100%;
	padding:0;
}
.right-video-side {
	width:100%;
	padding:0;
}
}
@media screen and (min-width: 980px){
	nav.nav-left {
		display:none;
		width: 250px;
		-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
        transform: translate(0, 0); 
	}
	body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
	}
	
	.menu > li {
		width: 18.75%;
	}
.page-lm {
	padding-top: 140px;
}
.feedback-form input, textarea {
	width: 80%;
}
.login-left {
	width: 38%;	
}
.login-right {
	width:62%;
}
.pages-wide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.pages-narrow {
	display: none;
}
.bi-left {
	width: 45%;
}
.bi-right {
	width:55%;
	padding-top: 40px;
}
.bi-center {
	width:80%;
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
}
.bi-point-left{
	display:flex;
	align-items: center;
	width:87px;
	max-width:10%;
	height:100%;
	-webkit-box-ordinal-group:2;
	    -ms-flex-order:1;
	        order:1;
}
.bi-point-right{
	width:10%;
	height:100%;
	display:flex;
	align-items: center;
}
.bi-point-center {
	display:none;
}
.point-narr {
	display:none;
}
.point-wide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: block;
	align-items: center;
}
div.btprint {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
}
#boxshadow {
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  padding: 10px;
  background: white;
}
/*}



@media screen and (min-width: 980px){*/
body {
	font-size: 16px;
}
.page-disp {
	padding-top: 146px;
}
#myfav .page-disp {
	padding-top:170px;
}
#shop .page-disp {
	padding-top: 170px;
}
.header-wide {
	display: block;	  
	position: absolute;
}
.header-top {
	font-size: 12px;
}
.wide-top-log a, .wide-top-log span {
	font-size:14px;
}
.header-narrow {
	display:none;
}
.menu-hr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
	width: 100%;
	background: #616460;
	color:white;
	-webkit-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
	}
.menu {
	 -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
.menu > li {
	min-height:auto;
	padding: 3px 8px;
	color: #fff;
}
.menu > li > a {
	color: #fff;
}
.hidd-wide {
	display: none;
}  
.nav-left a{
	height:  28px;
	padding: 4px;
}
.menu-numb-cart {
	top: -10px; 
	left: 9px;
}
.feedback-form input, textarea {
	width: 65%;
}
.nav-main {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex; padding-top: 146px;	
	}
.nav-left-shop {
	display: block;
}
li.ela-li {
	width:25%;
}
.video-container {
     width:80%;
}
#lightgallery figure {
	width: 24.5%;
}
#lightgallery-video figure {
	width: 32.8%;
}
}
@media screen and (min-width: 441px) and (max-width: 880px){
.foot-div {
	width:50%;
	
}
.foot-div-info {
	width: 30%;
}
.foot-div-find {
	width: 70%
}	
}

@media screen and (max-width: 1100px){
.wide-chipcarp {
	font-size:24px;
}
}

@media screen and (max-width: 1020px){
.phone-wide span {
	font-size:14px;
}
.wide-chipcarp {
	font-size:22px;
}
}