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

	.wrapper {width:940px;}

	.front-page #banner {height:400px;}
	#banner .banner .content {padding-top:50px;}
	#banner .slides .banner .content {padding-top:50px;}
	#selling-points .usp-list li {font-size:14px;}

	#content h1 {font-size:26px; line-height:32px;}

	#main .category-links .links-list li {width:25%;}

	#main .product-list li .product .details h2 {font-size:12px; line-height:16px;}
	#main #product-details .details {width:390px;}
	#main #product-details .details .code {margin:0 0 5px 0; font-size:14px;}
	#main #product-details .details .price {margin:0 0 10px 0; padding:0 0 10px 0; font-size:26px; line-height:32px;}
	#main #product-details .details .description p {font-size:15px;}

}

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

	#main-nav ul {text-align:right;}
	#main-nav ul li:first-child {margin:0;}
	#main-nav ul li a {font-size:15px;}

}

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

	.wrapper {width:740px;}

	#page-wrap {padding-top:120px;}
	#header-wrap #header {padding:10px 0;}
	#header-wrap #main-logo img {height:60px;}
	#header .links .contact li {margin:0 0 0 15px;}
	#header .links .search-form {width:180px; margin:0 0 0 15px;}

	#header-wrap #main-nav {padding:5px 0;}
	#main-nav ul {text-align:center;}
	#main-nav ul li {margin:0 15px;}
	#main-nav ul li a {font-size:14px;}
	
	#banner .banner .content h1 {margin:0 0 10px 0; font-size:34px; line-height:40px;}
	#selling-points .usp-list li {font-size:11px;}

	#main .category-links .links-list li {width:33.3%;}

	#main #post-filter .content-form .field:not(.controls) {width:240px;}
	#main .product-list:not(.recent) li {width:33.33%;}
	#main #product-details .images {float:none; width:auto; max-width:500px; margin:0 auto 20px auto;}
	#main #product-details .details {float:none; width:auto; max-width:600px; margin:0 auto; padding:20px 0 0 0; text-align:center; border-top:1px solid #e6e6e6;}
	#main #product-details .details .specs li {padding:0 5px;}

	#footer .foot {text-align:center; line-height:1.4em;}
	#footer .foot address {float:none; margin:0 0 10px 0;}
	#footer .foot .copy {float:none;}

}

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

	.logged-in #header-wrap {top:46px;}

}

@media screen and (min-width:760px) {
	
	#main-nav {display:block!important;}
	#main-nav ul {font-size:0;}
	#main-nav ul li {display:inline-block; margin:0 0 0 25px;}
	#main-nav ul li a {padding:10px 0; line-height:30px;}
	#header-wrap.active #main-nav ul li a {padding:5px 0;}

	#main-nav ul li.menu-item-has-children {position:relative;}
	#main-nav ul > li.menu-item-has-children:hover > a {color:#FFF;}
	#main-nav ul li .sub-menu {position:absolute; top:50px; right:-15px; display:none; padding:0 15px 5px 15px; background:#36353a; box-shadow:0 3px 5px 0 rgba(0,0,0,0.25);}
	#header-wrap.active #main-nav ul li .sub-menu {top:40px;}
	#main-nav ul li.menu-item-has-children:hover .sub-menu {display:block;}
	#main-nav ul li .sub-menu li {display:block; margin:0; font-size:14px; white-space:nowrap;}
	#main-nav ul li .sub-menu li a {padding:0!important; font-size:13px; line-height:25px; color:#FFF;}
	#main-nav ul li .sub-menu li a:hover {color:#ff7200;}

	#main #post-filter .content-form .wrap {display:inline-block!important;}

}

@media screen and (max-width:759px) {
	
	#main .product-list li .product .wasprice {display: block; margin: 0;}	

	.wrapper {width:540px;}

	#page-wrap {padding-top:0;}
	#header-wrap {position:static; border-bottom:1px solid #e6e6e6;}

	#header .links {margin:15px 0 0 0;}
	#header .links .contact .email {display: none;}
	#header .links .search-form {display:none;}
	#header .links .snipcart-checkout {display:block;}
	#header .shop {display:none;}

	#main-nav .search-form {display:block; margin:10px 0 0 0;}

	#header #nav-toggle {float:left; display:block; margin:0 0 0 10px; padding:13px 5px; border:none; background:transparent;}
	#header #nav-toggle span {position:relative; display:block; width:24px; height:4px; margin:0; text-indent:-9999px; background:#000;}
	#header #nav-toggle span::before, #header #nav-toggle span::after {position:absolute; display:block; width:24px; height:4px; content:''; background:#000;}
	#header #nav-toggle span::before {top:-8px; transition:top 0.3s ease;}
	#header #nav-toggle span::after {bottom:-8px; transition:bottom 0.3s ease;}
	#header #nav-toggle:hover span::before {top:-10px;}
	#header #nav-toggle:hover span::after {bottom:-10px;}

	#main-nav {display:none;}
	#main-nav ul {text-align:right;}
	#main-nav ul li {margin:0;}
	#main-nav ul li a {padding:10px 0; font-size:16px; line-height:20px; border-bottom:1px solid #474747;}
	#main-nav ul li:last-child a {border:none;}
	#main-nav ul li .sub-menu {display:none;}
	
	#banner {height:auto;}
	#banner .banner .content {width:auto; padding:50px 0;}
	#banner .banner .content h1 {margin:0;}
	body:not(.front-page) #banner .banner .content p {display:none;}

	#selling-points .usp-list li {display:none; font-size:14px;}
	#selling-points .usp-list li:first-child {display:block; width:auto;}

	#main .category-links .links-list {margin:0 -5px 20px -5px;}
	#main .category-links .links-list li {margin:0 0 10px 0; padding:0 5px;}
	#main .category-links .links-list li .wrap {padding:10px 5px;}
	#main .category-links .links-list li .wrap h2 {font-size:12px;}

	#main #post-filter {padding:15px 0;}
	#main #post-filter .content-form {display:block; margin:0; line-height:20px;}
	#main #post-filter .content-form h2 {display:block; margin:0; line-height:30px;}
	#main #post-filter .content-form h2::after {clear:both; display:block; content:'';}
	#main #post-filter .content-form h2 span {float:left; display:block;}
	#main #post-filter .content-form h2 .toggle {float:right; display:block; width:30px; height:30px; text-indent:-9999px; background:url('../forms/images/bg-custom-select.svg') center center no-repeat; background-size:15px auto;}
	#main #post-filter .content-form h2 .toggle.active {transform:rotate(180deg);}
	#main #post-filter .content-form .wrap {display:none; margin:0 auto;}
	#main #post-filter .content-form .field {float:none; display:block; width:100%!important; margin:0; padding:0;}
	#main #post-filter .content-form .select {padding:20px 0 0 0;}
	#main #post-filter .content-form .price {padding:35px 20px;}
	#main #post-filter .content-form .controls {padding:0 0 20px 0;}
	#main #post-filter .content-form .controls .button {width:198px; margin:0 auto;}

	#main .layout-block.cols-2 .col {float:none; width:auto;}
	#main .layout-block.cols-2 .col-1 {padding-right:0;}
	#main .layout-block.cols-2 .col-2 {padding-left:0;}

	#main .layout-block.banner {background-image:none!important;}
	#main .layout-block.banner .content {width:auto; text-align:center;}

	#footer .head .content-form h2 {font-size:15px;}
	#footer .head .content-form .text {width:190px;}

}


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


	.wrapper {width:100%;}

	.archive #banner .content,
	.page-template-page-subcategory-tpl #banner .content {padding:30px 0;}
	#banner .banner .content h1 {font-size:24px; line-height:30px;}
	
	.editable-content h2 {font-size:16px; line-height:1.4em;}
	.content-form h2 {font-size:16px; line-height:1.4em;}

	#main .product-list:not(.recent) li {width:50%;}
	#main #product-details .images .thumbs ul li a {width:68px;}

	#main .layout-block.form .cols-wrap {padding:20px 10px;}

	#main .category-links .links-list li {width:50%;}
	#main .category-links .links-list li .wrap h2 {font-size:12px;}

	#main #product-details .details .specs li {padding:0 2px; font-size:11px;}

	#footer {font-size:14px;}
	#footer .head .content-form h2 {display:block; margin:0 0 10px 0; line-height:normal;}

}

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

	#header .links .contact .telephone {text-indent: -1000em; display: block; width:30px;height:30px;background: center center no-repeat #FFF url(../images/icon-phone.svg) ;background-size: 22px;box-sizing: border-box;}
	#header .links .contact li {margin: 0;}

}


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

	#main .product-list:not(.recent) li {width:100%;}

}