/* Media Query */
@media screen and (min-width: 1024px) {
	.mobile-only {display: none;}
}
@media screen and (max-width: 1023px) {
	#header{display: none;}
  .wrapper {
    min-width: 100%;
  }
	.sp-logo {
		width: 142px;
		height: 23px;
		display: inline-block;
		background: url(../images/logo.png) no-repeat 0 0;
		background-size: cover;
	}
	.discount_label {
		margin:0;
		right: 0;
    	top: 0;
	}
	#content {
		padding-top: 0;
	}
	.filter-content.mutliSelect {
		max-width: 100%;
	}
	.item-image {
	    display: flex;
	    position: relative;
	    align-items: center;
	    justify-content: center;
	}
	.tag-list a {
		border: 1px solid #C6C6C6;
	    display: inline-block;
	    padding: 4px 12px;
	    text-decoration: none;
	    margin-top: 10px;
	    font-size: 14px;
	    margin-right: 10px;
	    color: #000;
	}
	#overlay {
		z-index: 199;
		background:rgba(0,0,0,.12);
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}
	#overlay:not(.active) {display: none;}
	.form-filter_trigger {
	    position: fixed;
	    overflow-y: auto;
	    z-index: 200;
	    top: 0;
	    bottom: 0;
	    left: 10px;
	    right: 10px;
	    max-height: 90vh;
	    margin: auto;
	}
	.form-filter_trigger .top-filter {
    	background: #fff;
	}
	.form-filter_trigger .h-header2 {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	#form_filter:not(.active) {
		display: none;
	}
	#form_filter .h2-header {
		display: flex;
		align-items: center;
	}
  .search-box {display: none !important}
  .information li:nth-child(odd) {
	 width: 70px !important;
  }
  .product-specials .information li:nth-child(odd) {
  	width: 40px !important;
  } 
  .information li:nth-child(even) {
	 width: calc(50% - 70px) !important;
  }
  #slides ~ .information {
  	flex-wrap: nowrap;
  	overflow-x: auto;
  }
  #slides ~ .information li:nth-child(even) {
	min-width: calc(50% - 70px) !important;
  }
    .sort {
		background-color: rgba(232, 232, 232, .2);
		height: 45px;
		line-height: 45px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
		margin:0 -10px;
	}
    .sort div {
    	display: flex;
    	align-items: center;
    }
    .sort div p {
    	font-size: 15px;
    	color: #6f6e6e;
    	font-weight: 500;
    	margin-right: 5px;
    }
    .sort div:not(.icon):after {
    	content: url(../images/arr.png);
    	position: relative;
    	margin-left: 3px;
    	top: 1px;
    }
    .sort select {
    	-webkit-appearance:none;
    	background:none;
    	border:none;
    	color: #3c3c3c;
    	font-size: 15px;
    	font-weight: 500;
    	padding:0;
    }
  .mobile-hidden {display: none !important;}
  .mobile-header {
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
	background-color: rgb(255, 255, 255);
	box-shadow: -0.382px 1.963px 2px 0px rgba(0, 0, 0, 0.18);
	height: 58px;
	z-index: 192;
	justify-content: space-between;
	display: flex;
	transition: .3s;
	align-items: center;
	padding: 0 12px;
  }
  .mobile-header .search {
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background:#fff;
  	padding:10px;
  }
  .mobile-header:not(.search-active) .search {display: none;}
  .mobile-header .search form {
  	position: relative;
  }
  .mobile-header .search form input {
  	width: 100%;
  	height: 40px;
  	padding-left: 20px;
	border: 1px rgb(220, 220, 220) solid;
	box-shadow: inset 0.588px 0.809px 1px 0px rgba(0, 0, 0, 0.1);
  }
  .mobile-header .search form input,
  .mobile-header .search form input::placeholder {
  	font-size: 16px;
  	color: #686868;
  }
  .mobile-header .search form button {
  	width: 60px;
  	border:none;
  	background:#009000;
  	position: absolute;
  	right: 0;
  	top: 0;
  	height: 40px;
  }
  .mobile-menu .top {
  	background:#57a608;
  	padding-top: 18px;
  	padding-left: 20px;
  	padding-bottom: 17px;
  }
  .mobile-menu .top ul {
  	margin: 0;
  	padding: 0;
  }
  .mobile-menu .menu-links {
  	padding: 5px 0;
  }
  .mobile-menu .menu-links {
  	margin: 0;
  	padding:0;
  	display: block;
  	position: relative;
  }
  .mobile-menu .menu-links ul {
  	padding:0;
  	margin:0;
  }
  .mobile-menu .menu-links li {
  	display: block;
  	position: relative;
  }
  .mobile-menu .menu-links li ul li a {
  	background: #fff;
  }
  .mobile-menu .menu-links li ul {
  	transition: .7s;
  	max-height: 2000px;
  	overflow: hidden;
  	opacity: 1;
  }
  .mobile-menu .menu-links li:not(.active) > ul {
  	max-height: 0;
  	opacity: 0;
  } 
  .mobile-menu .menu-links li ul li ul li a {
  	padding-left: 45px;
  	position: relative;
  }
  .mobile-menu .menu-links li.active > .toggler {
  	background:#57a608;
  }
  .mobile-menu .menu-links li.active > .toggler:before {
  	transform: rotate(0deg);
  }
  .mobile-menu .menu-links li.active > .toggler:before,
  .mobile-menu .menu-links li.active > .toggler:after {
  	background:#fff;
  }
  .mobile-menu .menu-links li .toggler {
  	position: absolute;
    right: 14px;
    transition: .3s;
    top: 6px;
    width: 27px;
    height: 27px;
  	background:#e8e9e7;
  	border-radius: 50%;
  }
  .mobile-menu .menu-links li .toggler:before {
  	transform: rotate(90deg);
  }
  .mobile-menu .menu-links li .toggler:before,
  .mobile-menu .menu-links li .toggler:after {
  	content: '';
  	display: block;
  	height: 2px;
  	background:#989898;
  	transition: .3s;
  	width: 9px;
  	position: absolute;
  	left: calc(50% - 4.5px);
  	top: calc(50% - 1px);
  }
  .mobile-menu .menu-links li ul li ul li a:before {
  	content: '';
  	display: block;
  	background: #e8e8e8;
  	border-radius: 50%;
  	position: absolute;
  	width: 6px;
  	height: 6px;
  	left: 29px;
  	top: calc(50% - 3px);
  }
  .mobile-menu .menu-links li a {
  	display: block;
  	font-size: 14px;
  	color: #000000;
  	text-decoration: none;
  	padding: 11px 22px;
  }
  .mobile-menu .top ul.lang li a,
  .mobile-menu .top ul.lang li {
  	text-decoration: none;
	color: #f6f7f5;
  }
  .mobile-menu .top ul.lang li.active {  	
	color: #57a608;
  } 
  .mobile-menu .bottom {
  	background: #57a608;
  	padding: 5px 35px 5px 20px;
  	margin:0;
  }
  .mobile-menu .bottom a {
  	display: block;
  	font-size: 18px;
  	color: #fff;
  	text-decoration: none;
  	padding:12px 0;
  	border-bottom:1px dashed rgba(255,255,255, .55);
  }
  .mobile-menu .bottom a:last-child {border:none;}

  .mobile-menu .top ul.lang li a,
  .mobile-menu .top ul.lang li {
	display: inline-block;
	width: 56px;
	height: 32px;
	line-height: 32px;
	border:1px #f6f7f5 solid;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin-right: 15px;
  }
  .mobile-menu .top ul.lang li.active a,
  .mobile-menu .top ul.lang li.active {
	background: #f6f7f5;
	color: #57a608;
  }
  .mobile-menu .top ul:not(.lang) li {
  	display: block;
  	padding-left: 40px;
  	position: relative;
  	margin-bottom: 20px;
  }
  .mobile-menu .top ul:not(.lang) li:before {
  	content: '';
  	display: block;
  	position: absolute;
  	left: 0;
  }
  .mobile-menu .top ul:not(.lang) li.phone:before {
  	content: url(../images/phone-icon.png);
  	top: calc(50% - 12px);
  }
  .mobile-menu .top ul:not(.lang) li.email:before {
  	content: url(../images/email.png);
  	top: calc(50% - 9px);
  }
  .mobile-menu .top ul:not(.lang) li.pin:before {
  	content: url(../images/pin.png);
  	top: calc(50% - 12px);
  	left: 4px;
  }
  .mobile-menu .top ul:not(.lang) li.phone {
  	text-decoration: none;
  	color: #fff;
  	font-weight: 600;
  	font-size: 11px;
  	line-height: 1.2;
  }
  .mobile-menu .top ul:not(.lang) li span,
  .mobile-menu .top ul:not(.lang) li.email,
  .mobile-menu .top ul:not(.lang) li.email a,
  .mobile-menu .top ul:not(.lang) li.phone a,
  .mobile-menu .top ul:not(.lang) li.pin a,
  .mobile-menu .top ul:not(.lang) li.pin {
  	font-weight:600;
  	display: block;
  	color: #fff;
  	font-size: 20px;
  }
  .mobile-header.active {
  	left: 320px;
  }
  .mobile-header .icons {
  	display: flex;
  }
  .mobile-header .icon {
  	width: 25px;
  	cursor: pointer;
  	height: 25px;
  	background-position: center;
  	display: block;
  	background-repeat: no-repeat;
  }
  .mobile-header .icon.menu {
  	background-image: url(../images/menu.png);
  }
  .mobile-header .icon.icon-user {
  	background-image: url(../images/user.png);
  	margin-left: 12px;
  }
  .mobile-header .icon.icon-phone {
  	background-image: url(../images/callback.png);
  	margin-left: 12px;
  }
  .mobile-header .icon.icon-search {
  	background-image: url(../images/msearch.png);
  }
  .mobile-header .icon.icon-cart {
  	position: relative;
  	margin-left: 12px;
  	background-image: url(../images/cart.png);
  }

  .mobile-menu {
  	position: fixed;
  	transition: .3s;
  	height: 100%;
  	overflow-y: auto;
  	width: 320px;
  	background: #f6f7f5;
  	left: 0;
  	top: 0;
  	z-index: 103;
  }
  .mobile-menu:not(.active) {
  	left: -320px;
  }
  .mobile-header .icon.icon-cart span {
    right: -5px;
    top: -2px;
  	position: absolute;
  	display: block;
  	border-radius: 50%;
  	width: 17px;
  	height: 17px;
  	background:#3b703b;
  	line-height: 17px;
  	font-size: 13px;
  	text-align: center;
  	color: #ffffff;
  }
  body {
  	padding-top: 58px;
  }
  .header {
    padding-bottom: 0px;
  }
  .page-width {
    width: auto;
  }
  /* .top-box{
    display: none;
  } */

  .top-box .topnav {
    display: none;
  }
  .region-local {
    margin-left: 0;
  }

  .logo, .phones, .actions, .cart-info {
    padding-top: 10px;
    margin: 0px;
    text-align: center;
    float: none;
    width: auto;
  }
  .actions {
    padding-top: 0px;
  }
  .cart-info {
    padding: 10px 0;
  }
  .cart-info .currency-block {
    position: static;
    margin-bottom: 10px;
  }

  .nav {
    height: auto;
    background: none;
    margin-left: 0px;
  }
  .nav .page-width {
    padding: 0px;
  }
  .nav li {
    float: left;
    width: 50%;
  }
  .nav li a {
    background: #3c3c3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #3c3c3c 0%, #292929 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#292929)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3c3c3c 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3c3c3c 0%,#292929 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3c3c3c 0%,#292929 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3c3c3c 0%,#292929 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#292929',GradientType=0 );
    padding-left: 10px;
  }

  .content .lcol
  {
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  .content .lcol > div {
    display: none;
  }
  .content .lcol .search-box {
    display: block;
  }
  .content .rcol {
    width: auto;
    float: none;
  }

  #slides {
  	margin: 0 auto;
  }

  #slides, .slides_container {
  	height: auto;
  	max-width: 100%;
  }

  .information ul{
    padding-bottom: 0px;
  }
  .information li {
    padding-bottom: 26px;
  }

  .news-box, .article-box {
    float: none;
    margin: 0px;
    width: auto;
  }

  .copyright-box, .company-box, .catalog-box, .socials-box, .contacts-box {
    float: none;
    width: auto;
    margin: 0;
  }

  .find-error, .payments-type, .payments-type, .age-border, .company-box
  ,.catalog-box, .footer .h-header1{
    display: none;
  }

  .company-box, .catalog-box, .socials-box {
    width: auto;
    clear: both;
  }
  .company-box li, .catalog-box li {
    float: left;
    padding: 0 5px;
  }
  .socials-box ul {
    width: 140px;
    text-align: left;
    margin: 0 auto;
  }
  .socials-box li {
    font-size: 0px;
    display: inline-block;
  }
  .bottom-box {
    padding-bottom: 0px;
  }

  .footer {
    text-align: center;
  }

  .item-list {
  	display: flex;
  	justify-content: space-between;
  	flex-wrap: wrap;
  	margin: 0;
  }

	.item {
	    width: calc(33.3% - 10px);
	    display: block;
	    margin: 10px 0 20px !important;
	}

  table {
    max-width: 100%;width: auto;
  }

  .product-specials {
    margin-top: 15px;
  }

  .size3, .size4 {
    width: 100%;
  }

  .register_form .size3 {
    width: auto;
  }
  .register_form label {
    width: auto;
    display: block;text-align: left;
  }

  .order-details .register_form select,
  .order-details .register_form .jq-selectbox__select-text,
  .order-details .register_form input[type="text"],
  .order-details .register_form textarea{ width: 100%; }

  .form-dl .register_form li.nope-label { padding-left: 0px; }

  .MagicZoomPup {
    display: none !important;
  }

  .form-inline li {
    width: auto;
    float: none;
  }

  .nav li.catalog-nav {
    display: block;
  }

  .NNNinformation li {
    width: auto;
    float: none;
  }

  .product-specials .size7 {
    width: 100%;
  }

  .main-image, .main-image .iwrap {
    width: 100%;
  }
  .display-none{
    display: block;
  }

  .page-width.position {
    text-align: center;
  }
  .counter {
    margin-top: 0;
    margin-bottom: 13px;
  }
  .review-box {
    display: none;
  }
  .perfects2Modal {
    right: 39px;
  }
  .perfects2Modal:after {
    left: 49%;
  }
  .product-info .ico-pays {
    float: left;
    width: 100% !important;
  }

}
@media screen and (max-width: 720px) {
	.item {
		width: calc(50% - 15px);
	}

	.item img {
		max-width: 100%;
	}

	.tab-nav {
		white-space: nowrap;
		overflow:hidden;
	}

	.tab-nav li {
	    position: relative;
	}

	.tab-nav li sup {
		position: absolute;
	    top: -8px;
	    right: -4px;
	}
}
@media screen and (max-width: 740px) {
  .product-images, .product-specials {
    float: none;
    width: auto;
  }
  #slides img {
  	max-width: 100%;
  }
  .product-specials {
    margin-right: 10px;
  }
  .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
  .embed-responsive-16by9 {
    padding-bottom: 56.25%;
  }
  .embed-responsive-4by3 {
    padding-bottom: 75%;
  }
}

@media (max-width: 780px) {
	.black-friday_form {
		height: auto;
		padding:20px 0;
	}
	.black-friday_form .inputs {
		flex-direction: column;
		padding:0 10px;
	}
	.black-friday_form .inputs .input input,
	.black-friday_form .inputs button {
		width: 320px;
		max-width: 100%;
	}	
	.black-friday_form .inputs .input input {
		text-align: center;
		padding:0;
	}
	.black-friday_form .inputs .input {
		margin-right: 0;
    	max-width: 100%;
		margin-bottom: 14px;
	}
	.black-friday_form .checkbox {
		padding: 0 15px;
	}
	.black-friday_form .checkbox .check {
		min-width: 12px;
	    display: inline-block;
	    margin-right: 5px;
	    vertical-align: middle;
	    margin-bottom: 3px;
	}
	.black-friday_form .checkbox .text {
		display: inline;
		margin-left: 0;
	}
	.black-friday_form .checkbox {
		display: block;
	}
	.mobile-list-row {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.mobile-list-row > * {
		min-width: 220px !important;
		width: 220px !important;
    	padding: 0 10px;
	}
	.mobile-list-row .image {
		text-align: center;
	}
  .change-color .page-width {
    padding: 0 10px;
  }
  .cart-items .cart-price {
    font-size: inherit;
    color: red;
  }
  .purchase_item img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .order-details select {
    width: 80%;
  }
  .cart-items > table > thead > tr > th {
    font-size: 10px;
    padding: 0 3px !important;
  }
  .NNNinformation li {
    width: 80% !important;
  }
  .form-dl label {
    display: block;
    text-align: left;
    width: 200px;
  }
  .form-dl input[type="text"] {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .geo-modal {
    width: 260px;
  }
  .list-city li {
    float: none;
    width: 100%;
    margin-bottom: 0px;
  }
  .social-list td {
    width: 100%;
    display: block;
    height: 32px;
  }
  .recent-item {
    float: none;
    width: auto;
  }
  .form-inline2 li {
    float: none;
    width: auto;
  }
  .form-inline2 li.pagination2li {
    float: none;
    width: auto;
  }
  .pagination2 {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pagination {
    height: auto;
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .catdesc img {
    max-width: 100%;
    height: auto;
  }
  .information li:nth-child(even) {
	 width: calc(100% - 70px) !important;
  }
  #slides ~ .information li:nth-child(even) {
	min-width: calc(90% - 70px) !important;
  }
}

@media (max-width: 500px) {
  .lang-block {
    margin-top: 7px;
  }
  .lang-block a {
    display: inline-block;
  }
  .login-box {
    clear: both;
    margin-bottom: 7px;
    width: 100%;
    text-align: right;
  }
  .perfects {
    display: none;
  }
}
/*
@media (max-width: 479px) {
	.item {
		width: 100%;
		max-width: 250px;
	}

	.item-list {
		justify-content: center;
	}
}
*/
@media (max-width: 440px) {
  .cart {
    padding-bottom: 20px;
  }
  .price {
    font-size: 14px;
  }
  .cart-items td.padd-td,
  .tpurchases td.padd-td {
    padding-left: 5px;
    padding-right: 5px;
  }
  .cart .size1 {
    width: 36px;
  }
  .cart-items a.delete-cart {
    text-indent: -9999px;
    display: inline-block;
    position: relative;
    margin: 0 10px;
  }
  .cart-items a.delete-cart:before {
    content: "x";
    display: inline-block;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width: 430px) {
	.item-list .pull-right {
	    float: none;
	    text-align: left;
	    margin-top: 10px;
	}

	.price {
	    font-size: 22px;
	    line-height: 26px;
	}
}

@media (max-width: 380px) {
  .cart-items a.delete-cart {
    margin: 0 5px;
  }
  .geo-modal {
    width: 220px;
  }
  .tab-nav li {
  	font-size: 15px;
  }
  .countdown .timer dd {
	    width: 28px;
	    height: 50px;
	}
	.countdown .timer dd em {
	    width: 210px;
	    height: 50px;
	}
}

@media (max-width: 350px) {
	.mobile-menu {
		width: 300px;
	}
}