/* Hidden in desktop */
.l-mobile-header,
.l-mobile-nav,
.l-mobile-header-topbar,
.filter-responsive,
.checkout-cart-row-small,
.is-mobile-filter-toggle {
	display: none;
}

/* ==========================================================================
   Grid
   ========================================================================== */

/* Large */
@media all and (max-width: 768px) {
	.grid-item-1-4 {
		width: 50%;
	}
	.grid-item-1-4:nth-child(3) {
		clear: both;
	}
	.grid-item-1-6 {
		width: 31.33%;
	}
}

/* medium */
@media all and (max-width: 480px) {
	.grid {
		margin-left: 0;
	}

	.grid-item {
		padding-left: 0;
	}
	.grid-item-1-2,
	.grid-item-1-3,
	.grid-item-2-3,
	.grid-item-1-4 {
		width: 100%;
	}

	.grid-item-1-6 {
		width: 50%;
	}
}

/* Large */
@media all and (max-width: 768px) {
	.grid-item-1-4 {
		width: 50%;
	}
	.grid-item-1-4:nth-child(3) {
		clear: both;
	}
}

/* medium */
@media all and (max-width: 480px) {
	.grid {
		margin-left: 0;
	}

	.grid-item {
		padding-left: 0;
	}
	.grid-item-1-2,
	.grid-item-1-3,
	.grid-item-2-3,
	.grid-item-1-4 {
		width: 100%;
	}
}

/* ==========================================================================
   Layout
   ========================================================================== */

@media all and (max-width: 1310px) {
	.l-holder {
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
	.is-menubar-sticky {
		width: auto;
	}
}

/* XLarge */
@media all and (max-width: 960px) {
	.l-sidebar {
		display: none;
	}

	.l-filter {
		float: none;
		width: auto;
		margin-right: 0;
		display: none;
	}

	.l-items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.l-item-sidebar {
		margin-right: 0;
	}

	.is-mobile-filter-toggle {
		display: block;
		padding: 10px 15px;
		margin-bottom: 15px;

		background: #000000;
		color: #fff;
		cursor: pointer;
	}
	.is-mobile-filter-toggle .wgr-icon {
		float: right;
		margin-top: 3px;
	}
	.is-mobile-filter {
		display: none;
	}

	.l-footer-col-1 {
		width: 30%;
		margin-right: 0;
	}
	.l-footer-col-2,
	.l-footer-col-3 {
		width: 30%;
		margin-left: 4.5%;
	}
	.l-footer-col-overflow {
		clear: both;
	}

	/* Checkout */
	.l-checkout-col-1,
	.l-checkout-col-1-2,
	.l-checkout-col-2 {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.l-checkout-col-1-2 {
		clear: none;
	}
	.l-checkout-col-1-inner {
		margin-bottom: 15px;
	}



}

/* Large */
@media all and (max-width: 768px) {

	.l-inner,
	.view-home .l-inner,
	.view-checkout .l-inner {
		margin-left: 0;
		margin-right: 0;
	}

	.l-menubar-wrapper,
	.l-menubar {
		display: none;
	}

	.l-menubar,
	.l-footer {
		margin-left: 0;
		margin-right: 0;
	}

	.l-sidebar-primary {
		display: none;
	}

	.filter-responsive {
		display: block;
	}

	.review-slider {
		display: none;
	}

/*	.l-content,
	.view-checkout .l-content {
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
	}*/

	.l-holder {
		margin-left: 0;
		margin-left: 0;
		margin-top: 80px; /* Same as .l-mobile-header height */

		box-shadow: none;
	}

	.is-end-customer .l-holder {
		margin-top: 130px; /* Same as .l-mobile-header + .l-mobile-header-topbar height */
	}

	.l-mobile-header-topbar {
		position: absolute;
		overflow: hidden;

		top: 0;
		left: 0;
		z-index: 100;

		display: block;
		width: 100%;

		background-color: #000000;
		padding: 0;
	}
	.l-mobile-header-topbar.fixed {
		position: fixed;
	}

	.l-mobile-header-topbar .iframe-holder {
		margin-bottom: 5px;
	}

	.l-mobile-header {
		position: fixed;
		overflow: hidden;

		top: 0;
		left: 0;
		z-index: 1000;

		display: block;
		width: 100%;
		height: 65px;
		background: rgba(255,255,255, 1);
		border-bottom: 1px solid #e9e9e9;
	}
	.l-mobile-header.has-topbar {
		top: 50px;
	}
	.view-checkout .l-mobile-header {
		position: absolute;
	}

	.l-header,
	.l-topbar {
		display: none;
	}

	.l-mobile-nav {
		position: absolute;
		z-index: 99;
		top: 65px; /* Same as .l-mobile-header height */
		bottom: 0;
		left: 0;
		right: 0;

		display: none;
		padding-top: 20px;
		padding-bottom: 70px;
		overflow-y: auto;

		background-color: #F6F6F6;

		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-overflow-scrolling: touch !important;
	}

	.is-end-customer .l-mobile-nav {
		top: 115px; /* Same as .l-mobile-header + .l-mobile-header-topbar height */
	}

	.is-mobile-nav-open,
	.is-mobile-nav-open body {
		height: 100%;
		overflow: hidden;
	}
	.is-mobile-nav-open .l-holder {
		height: 100%;
		margin-top: 0;
	}
	.is-mobile-nav-open .l-mobile-nav {
		display: block;
	}

	.l-footer {
		padding-top: 15px;
		padding-bottom: 30px;
		margin-bottom: 0;
	}

	.l-footer-payment {
		display: block;
	}

	.l-product {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	    margin-bottom: 0;
	}

	.l-product-col-1,
	.l-product-col-2,
	.l-product-col-3 {
		margin-right: 0;
		background: transparent;
	}

	.l-product-col-1 {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.l-product-col-2 {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.l-product-col-3 {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.l-product-col-4 {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
}

@media screen and (orientation:landscape) {
	.l-mobile-header {
		position: absolute;
	}
}

@media all and (max-width: 600px) {

}

/* Medium */
@media all and (max-width: 480px) {
	.l-holder {
		margin-left: 0;
		margin-right: 0;
		margin-top: 60px; /* Same as .l-mobile-header height */
	}
	.is-end-customer .l-holder {
		margin-top: 110px; /* Same as .l-mobile-header + .l-mobile-header-topbar height */
	}
	.l-mobile-header {
		height: 50px;
	}
	.l-mobile-nav {
		top: 50px; /* Same as .l-mobile-header height */
	}
	.is-end-customer .l-mobile-nav {
		top: 100px; /* Same as .l-mobile-header + .l-mobile-header-topbar height */
	}

	.l-highlight {
		margin-bottom: 10px;
	}

/*	.l-content,
	.view-checkout .l-content {
		margin-left: 10px;
		margin-right: 10px;
	}*/

	.l-checkout-col-1-inner {
		padding: 5px 15px 15px;
	}

	.l-klarna-checkout {
		padding-left: 5px;
		padding-right: 5px;
	}

	.l-footer-col-1,
	.l-footer-col-2,
	.l-footer-col-3 {
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
		float: none;
		overflow: hidden;
	}

	.l-footer-payment .klarna-logo-list {
		max-width: 100%;
	}
}

/* ==========================================================================
   Modules
   ========================================================================== */

@media all and (max-width: 960px) {
	.mega-menu .dropdown {
		left: 0;
		right: 0;
	}
}

/* Large */
@media all and (max-width: 768px) {
	.site-banner,
	div#topcart-hoverarea,
	.vat-selector,
	.filter-section {
		display: none;
	}

	.history-bar__col-1 {
		padding-left: 10px;
	}
	.history-bar__col-2 {
		padding-right: 10px;
	}

	.flexslider {
		margin-bottom: 10px !important;
	}

	.mini-site-logo,
	.mini-menu,
	.mini-cart,
	.mini-login,
	.mini-instant-order {
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.mini-site-logo {
		left: 65px;
		right: 65px;

		max-width: 155px;
		max-height: 60px;
		margin: auto;

		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);

		-webkit-transition: -webkit-transform .4s cubic-bezier(.694, .0482, .335, 1);
				transition: transform .4s cubic-bezier(.694, .0482, .335, 1);
	}
	.is-new-mini-cart-item .mini-site-logo {
		-webkit-transform: translateY(-65px);
			-ms-transform: translateY(-65px);
				transform: translateY(-65px);

		-webkit-transition-delay: 0.15s;
				transition-delay: 0.15s;
	}
	.no-csstransforms .mini-site-logo {
		top: 0;
	}
	.no-csstransforms .new-mini-cart-item .mini-site-logo {
		top: -100px;
	}

	.mini-cart-info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 65px;
		right: 65px;
		margin: auto;
		text-align: center;
		color: #222;
		font-weight: 600;
		font-size: 11px;

		-webkit-transform: translateY(65px);
			-ms-transform: translateY(65px);
				transform: translateY(65px);

		-webkit-transition: -webkit-transform .4s cubic-bezier(.694, .0482, .335, 1);
				transition: transform .4s cubic-bezier(.694, .0482, .335, 1);
	}
	.is-new-mini-cart-item .mini-cart-info {
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);

		-webkit-transition-delay: 0.15s;
				transition-delay: 0.15s;
	}
	.no-csstransforms .mini-cart-info {
		top: 100px;
	}
	.no-csstransforms .new-mini-cart-item .mini-cart-info {
		top: 0;
	}
	.mini-cart-info:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	.mini-cart-info-text {
		display: inline-block;
		vertical-align: middle;
		line-height: 1.1;
	}

	.mini-menu,
	.mini-cart,
	.mini-login,
	.mini-instant-order {
		width: 65px;
		color: #444;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.mini-menu {
		left: 0;
		font-size: 30px;
	}
	.mini-cart {
		right: 0;
		font-size: 22px;
	}
	.mini-login {
		left: auto;
		right: 47px;
		width: 40px;
		font-size: 22px;
	}
	.mini-instant-order {
		left: auto;
		right: 80px;
		width: 40px;
		font-size: 22px;
	}
	.is-touch.mini-menu,
	.is-touch.mini-cart {
		opacity: 0.5;

	    -webkit-transition: opacity .15s;
	   			transition: opacity .15s;
	}
	.mini-cart-inner {
		position: relative;
		display: inline-block;
	}
	.mini-cart-count {
		position: absolute;
		top: -4px;
		right: -10px;

		height: 17px;
		width: 17px;

		background: #b71e3b;
		border-radius: 50%;

		line-height: 17px;
		font-size: 9px;
		color: #fff;
		text-align: center;
	}
	.is-new-mini-cart-item .mini-cart-count {
		-webkit-animation: cart-count-pop .25s cubic-bezier(.694, .0482, .335, 1);
				animation: cart-count-pop .25s cubic-bezier(.694, .0482, .335, 1);
	}
	.is-mobile-nav-open .mini-menu {
		font-size: 22px;
	}
	.is-mobile-nav-open .mini-menu .wgr-icon:before {
		content: "\f00d";
	}

	.wgr-production {
		margin-top: 15px;
		color: #555;
	}

	.checkout-info {
		padding: 7px 15px 0;
	}

	.checkout-info-item {
		float: none;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.checkout-info-terms {
		display: none;
	}
	.checkout-stepnumber {
		height: 22px;
		width: 22px;
		line-height: 22px;
		font-size: 11px;
	}

	.brands-nav > li {
		width: 25%;
	}

	.product-item-col-1,
	.product-item-col-2,
	.product-item-col-3 {
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: auto;
	}

	.product-item-col-1 {
		text-align: center;
	}

	.product-item-col-3 {
		margin-top: 10px;
	}

	.gallery-list-rows .product-item-price-wrapper {
		margin-top: 0;
	}

	.sorting {
		font-size: 14px;
	}

	.sorting__select {
		font-size: 14px;
		padding: 6px 0 6px 10px;
		margin-right: 0;
	}

	.gallery-views {
		float: right;
		margin-top: 5px;
	}

	.history-bar__col-3 .gallery-views {
		display: none;
	}

	.l-product .l-highlight {
		padding: 0 0 30px 0;
	}

	.l-product-col-1 {
		border-right: none;
	}

	.site-nav__divider {
		display: none !important;
	}


	.mobile-dropdown {
		position: relative;
		margin-bottom: 15px;
	}
	.mobile-dropdown .dropdown-toggle {
		position: relative;
		display: block;
		border: 1px solid #DEDEDE;
		color: #000000;
		padding: 7px 40px 7px 15px;
		cursor: pointer;
	}
	.mobile-dropdown .dropdown-toggle .wgr-icon {
		position: absolute;
		top: 50%;
		right: 15px;

		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.mobile-dropdown.active .dropdown-toggle .wgr-icon {
		-webkit-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}
	.mobile-dropdown .dropdown-content {
		display: none;
		padding: 10px 0 10px 0;
	}
	.mobile-dropdown.active .dropdown-content {
		display: block;
	}

	.filter-row {
		margin: 0 !important;
	}

	.filter-items__holder {
		display: block;
		width: 100%;
		margin-left: 0 !important;
	}
	.filter-items__title {
		width: 100%;
		text-align: left;
	}
	.filter-items__dropdown {
		width: 100%;
	}

	.l-item-sidebar {
		padding-top: 0 !important;
	}

	.mobile-mt-15 {
		margin-top: 15px;
	}
}

/* Medium */
@media all and (max-width: 600px) {
	.history-bar {
		flex-direction: column;
	}

	.history-bar__col-1 {
		display: none;
		margin-bottom: 10px;
	}

	.history-bar__col-1,
	.history-bar__col-2,
	.history-bar__col-3 {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.history-bar__col-3 {
		text-align: center;
		justify-content: center;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.mini-site-logo {
		max-width: 135px;
	}

	.product-carousel {
		height: auto;
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 15px;
		line-height: 1;
		text-align: center;
	}

	.product-brand {
		display: none;
	}

	.review-col-1 {
		max-width: auto;
		margin-right: 0;
		float: none;
		margin-bottom: 10px;
	}

	.checkout-cart thead th:last-child,
	.checkout-cart-row td:last-child {
		padding-left: 10px;
		white-space: nowrap;
	}

	.checkout-cart-custom-text {
		display: none;
	}
	.checkout-cart-row-small {
		display: table-row;
	}
	.checkout-cart-row-small td {
		padding-top: 0;
	}

	.followup {
		text-align: center;
	}
	.followup textarea {
		font-size: 16px;
	}
	.followup .media-img {
		width: auto;
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.followup-stars {
		margin-top: 10px;
		margin-bottom: 15px;

		text-align: center;
	}
	.followup-stars > label {
		font-size: 20px;
	}

	.brands-nav > li {
		width: 33.33%;
	}
}

@media all and (max-width: 350px) {
	.checkout-cart-thumbnail {
		max-height: 25px;
		max-width: 25px;
		margin-right: 5px;
	}
}

/** Menu modules **/

/* Large */
@media all and (max-width: 768px) {
	.site-search {
		max-width: 440px;
		height: 38px;

		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		background: #fff;
	}
	.site-search__input {
		padding-left: 12px;
	}
	.site-search__btn {
		padding-right: 12px;
	}

	.mobile-module {
		margin-bottom: 30px;
	}
	.mobile-module__heading {
		margin: 0;
		padding: 8px 18px;
		font-weight: 600;
		color: #444;
	}

	.mobile-module__body {
		background-color: #fcfcfc;
		padding: 20px;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}

	.mobile-listmenu {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.mobile-listmenu a {
		position: relative;

		display: block;
		padding: 12px 18px;
		border-bottom: 1px solid #e2e2e2;

		font-size: 13px;
		color: #222;
	}
	.mobile-listmenu a:hover {
		text-decoration: none;
	}

	.mobile-listmenu .selected {
		font-weight: 600;
	}

	.mobile-listmenu-0 {
		background-color: #fcfcfc;
		border-top: 1px solid #e2e2e2;
	}

	.mobile-listmenu-0 + .mobile-listmenu-0 {
		border-top-style: none; /* Fix for double-border */
	}

	.mobile-listmenu-1 {
		background: rgba(0,0,0,.02);
	}

	.mobile-listmenu-1 .mobile-listmenu {
		/*background: rgba(0,0,0,.02);*/
		border-left: 5px solid #c9c9c9;
	}

	/* Toggle menu */
	li .mobile-listmenu {
		display: none;
	}
	.is-listmenu-opened > .mobile-listmenu {
		display: block;
	}

	/* Font icon */
	.menu-node {
		width: 40px;
		height: 100%;

		text-align: center;
		line-height: 42px;
		font-size: 22px;
	}
	.lang-changer {
		display: block;
		width: auto;
		text-align: inherit;
	}
	.lang-changer img {
		max-width: 30px;
		vertical-align: middle;
		margin-right: 5px;
	}
	.lang-changer__heading {
		vertical-align: middle;
		margin-right: 10px;
	}

	.gallery-list-rows .product-item {
		padding-right: 0;
		padding-left: 0;
	}
	.l-item-sidebar {
		padding-right: 0;
	}

	.filterlistmenu {
		padding: 0 20px 10px 20px !important;
	}

	.category-subcategories {
		padding-bottom: 20px;
	}

	.category-title {
		margin-bottom: 0 !important;
	}

	.history-bar__col-2 {
		text-align: left;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.site-search {
		margin-left: 15px;
		margin-right: 15px;
	}
	.mobile-module__heading {
		padding-left: 15px;
		padding-right: 15px;
	}
	.mobile-module__body {
		padding: 15px;
	}
	.mobile-listmenu a {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/** Grid-gallery **/

@media all and (max-width: 1100px) {

	.view-category .grid-gallery > li,
	.view-sidebar .grid-gallery > li  {
		width: 50%;
	}

	.view-home .grid-gallery > li,
	.view-product .grid-gallery > li {
		width: 33.33%;
		margin-top: 7px;
		margin-bottom: 7px;
	}

	.view-home .grid-gallery > li:last-child,
	.view-product .grid-gallery > li:last-child {
		border-right-style: solid;
	}

	.view-home .grid-gallery > li:nth-child(3n),
	.view-product .grid-gallery > li:nth-child(3n) {
		border-right-style: none;
	}
}

/* XLarge */
@media all and (max-width: 960px) {
	.grid-gallery > li,
	.view-checkout .grid-gallery > li {
		width: 33.33%;
	}
	.product-item__inner {
		margin-left: 15px;
		margin-bottom: 15px;
	}
}
/* Medium */
@media all and (max-width: 480px) {
	.grid-gallery > li,
	.view-checkout .grid-gallery > li,
	.view-home .grid-gallery > li,
	.view-product .grid-gallery > li {
		width: 50%;
	}

	.view-home .grid-gallery > li:last-child,
	.view-product .grid-gallery > li:last-child,
	.view-home .grid-gallery > li:nth-child(3n),
	.view-product .grid-gallery > li:nth-child(3n) {
		border-right-style: solid;
	}

	.view-home .grid-gallery > li:nth-child(2n),
	.view-product .grid-gallery > li:nth-child(2n) {
		border-right-style: none;
	}

	.view-home .grid-gallery > li:nth-child(5) {
		display: none;
	}
}

/* ==========================================================================
   Helpers
   ========================================================================== */
/* XLarge */
@media all and (max-width: 960px) {
	.hide-for-xlarge {
		display: none !important;
	}
}

/* Large */
@media all and (max-width: 768px) {
	.hide-for-large {
		display: none !important;
	}
}

@media all and (min-width: 769px) {
	.show-for-large {
		display: none !important;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.hide-for-medium {
		display: none !important;
	}
}

/* Small */
@media all and (max-width: 320px) {
	.hide-for-small {
		display: none !important;
	}
}


/* ==========================================================================
   Custom animations
   ========================================================================== */

@-webkit-keyframes cart-count-pop {
	50% {
		-webkit-transform: scale(1.35);
				transform: scale(1.35);
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
}
@keyframes cart-count-pop {
	50% {
		-webkit-transform: scale(1.35);
				transform: scale(1.35);
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
}