@media only screen and (max-width : 1280px)  {
	.wrapper{width: 1024px;}
	#products .product{width: 336px;}
	#services .box{width: 482px;}
	#banks{padding-bottom: 25px}
	#banks ul li{margin:0 20px 20px !important}

	#sidebar + #products{width: 677px}
	header{position:absolute;}
	.shop_addinfo {float:left;}
}

@media only screen and (max-width : 1064px)  {
	.shopcart{display:none;}
	.wrapper{width: 900px}
	#products .product{width: 390px;}
	#products ul.products li:nth-of-type(3n){margin-right: 5px}
	#products ul.products li:nth-of-type(2n){margin-right: 0}
	#services .box{width: 420px;}

	#sidebar + #products{width: 540px;text-align: center}
	#sidebar + #products ul.products li{margin-right:0 !important}
	#sidebar + #products #sort{display: inline-block;}

	.toggler{display: block}

	#menu{position: fixed;top:0;bottom:0;right:0;width: 260px;background:#222;margin-right: -260px; z-index: 9999999;}
	header #menu ul.primary-menu, header #menu .right, header #menu ul.secondary-menu, header #menu ul.languages{float: none}
	header #menu ul li{display: block;float:none;line-height: 50px;border-bottom:1px solid #333;margin:0;text-align: center}
	header #menu ul li a{color:#fff;}

	header #menu ul.languages{position: absolute;bottom:0;width: 100%;border-top: 1px solid #333}
	header #menu ul.languages:after{display: block;content:"";clear:both;}
	header #menu ul.languages li{float: left;width: 33%;border-bottom:0;border-right:1px solid #333;}
	header #menu ul.languages li.selected{background:#68a1f6;}
	header #menu ul.languages li:last-of-type{border-right: 0;}

	header ul li ul{opacity: 1;visibility: visible;position: static;}
	header ul li:hover ul{
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
	}
	header ul li ul:before{display: none}
	header ul li ul li a {padding: 0;}
	header #menu ul{border-top:1px solid #333;}
	header #menu ul li ul{background: #111;}
	header #menu ul li ul li{background:0;line-height: 30px;font-size: 12px;border:0;}
	header #menu ul li div li a{font-size: 14px;color:#ddd; padding: 0}
	header #menu ul li ul div {padding-bottom: 5px;}
	header #menu ul li:not(:last-of-type) ul li:last-of-type{border-bottom:0;}
	header ul li ul li:hover{background:0;}
	header li ul div li a {font-size: 10px !important;}

	.active #menu{margin-right: 0;}
	body{position: relative;left:0;right:0;}
	.active header{left:-260px;right:260px;}
	.shop_info{
		padding-left:0px;
		float:left;
		margin-top:20px;
		width: 100%;
	}
	.size-box {
		width: 100%;
		float: right;
	}
	.size-box select {
		width: 50%;
	}
}

@media only screen and (max-width : 940px)  {
	.wrapper{width: 768px}
	#products .product{width: 381px;}
	#services .box{width: 100%;}
	#services .box:first-of-type{margin-right: 0;margin-bottom: 20px;}
	footer .col-3{width: 50%;margin-right: 0}
	footer .col-3:nth-of-type(3){width: 100%;margin-top: 30px}
	footer .col-3:nth-of-type(2){text-align: right}

	#sidebar + #products{width: 420px;text-align: center}
}


@media only screen and (max-width : 808px)  {
	.wrapper{width: 720px}
	#products .product{width: 357px}

	#sidebar + #products{width: 380px}
	#sidebar + #products .product{width: 380px;}
	.shop_info{float:left}
}

@media only screen and (max-width : 740px)  {
	.wrapper{width: 480px;}
	#products ul.products li{margin-right: 0 !important}
	#products .product{width: 390px}
	footer .col-3{width: 100%}
	footer .col-3:nth-of-type(2){text-align: left;margin-top: 30px}
	#services .box h2{margin-bottom: 35px}

	#large h1{font-size: 40px}
	#large p{display: none}
	#large{height: 500px}
	#large .object{height: 60px;}

	#sidebar{margin:0 auto;float:none;margin-bottom: 30px}
	#sidebar form h3{text-align: left}
	#sidebar h3{text-align: center}
	#sidebar + #products{float: none;margin:0 auto;}
	#filters.is_stuck{position: static !important}
	#filters.is_stuck+div{display: none !important}
}

@media only screen and (max-width : 500px)  {
	.wrapper{width: auto;margin-right: 20px;margin-left: 20px;}
	#products .product{width: 300px; float:left;}
	shop_images > a img{width:280px;}
	#services .box ul li{width: 100%;margin-bottom: 30px}
	#services .box .image{height: auto;margin-bottom:10px;display: block}
	#services .box .image div{display: block;}
	#services .box ul{display: none}
	#services .box ul li:last-of-type{margin-bottom: 0}
	#products .product h2{position: absolute;top:15px;left:30px;line-height: 40px}
	#products .product h3{text-align: center;display: block;}
	#services .box h2{margin-bottom: 15px}


	#sidebar{width: 300px;}
	#sidebar + #products{width: 300px;}
	#sidebar + #products .product{width: 300px;}

	.shop_images {
		width: 100%;
		padding: 0;
	}
	.shop_images img {
		width: 100%;
	}
	.shop_images a {
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	.shop_info > span {
		width: 100%;
	}
	.shop_info > a {
		width: 100%;
	}
	.size-box select {
		width: 100%;
	}
	.size-box {
		margin-bottom: 0px;
	}
	.newsletter-popup > div form {
		padding-bottom: 30px;
	}
	.newsletter-popup > div form input[type="email"] {
		height: 42px;
		font-size: 14px;
	}
	.newsletter-popup > div form input[type="submit"] {
		height: 42px;
		font-size: 13px;
	}
}
@media only screen and (max-width : 400px)  {
	header {height: 60px;}
	header #logo{width:140px;margin-left: -70px;}
	header #logo img{width: 100%;height:auto;}
	.toggler {top: 15px; right: 15px;}
	.eas {min-height: 80px; height: 80px;}
	.eas img{height: 75px;}
	.newsletter-popup > div form {
		padding-bottom: 15px;
	}
}
