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

.show-for-large {
	display: none;
}

.l-menubar {
	/* overwrite inline style... */

}

/* ==========================================================================
   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: 1190px) {
	.l-holder,
	.l-top-menu,
	.l-header,
	.l-menubar,
	.l-footer-top,
	.l-footer,
	.big-dropdown__inner,
	.breadcrumbs {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}
	.is-menubar-sticky {
		margin-left: 0px;
		margin-right: 0px;
		width: auto;
	}

	.l-header__middle__right {
		font-size: 12px;
	}

	.l-header__middle__left {
		padding-right: 20px;
	}

	.l-header__right {
		max-width: 240px;
		padding-top: 20px;
	}

	.l-header__middle {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-nav {
		margin-left: -15px;
	}

	.site-nav > li > a {
		font-size: 15px;
		padding: 4px 15px 0;
	}

	.startpage-text__left {
		width: 53%;
	}

	.startpage-text__right {
		width: 45%;
	}

	.front__lastbilsgrossisten .startpage-intro h1 {
		font-size: 24px;
	}

	.front__venton .startpage-intro h1,
	.front__transportbilen .startpage-intro h1 {
		font-size: 22px;
		line-height: 24px;
	}

	.front__lastbilsgrossisten .startpage-intro h3 {
		font-size: 22px;
	}

	.front__transportbilen .startpage-intro h3 {
		font-size: 18px;
		line-height: 20px;
	}

	.startpage-bottom__left {
		width: 280px;
		margin-right: 20px;
	}

	.l-autocomplete {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}
}

/* XLarge */
@media all and (max-width: 960px) {

	.l-sidebar,
	.l-header__middle__right,
	.l-top-menu__middle__left {
		display: none;
	}

	/* Checkout */
	.l-checkout__cart,
	.l-checkout__shipping,
    .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;

		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	.l-checkout-col-2-inner {
	}

	.site-nav {
		margin-left: -10px;
	}

	.site-nav > li > a {
		font-size: 14px;
		padding: 4px 10px 0;
	}

	.startpage-search {
		padding-left: 200px;
	}

	.flex-text, div.flex-caption,
	.startpage-search-holder {
		left: 210px;
	}

	.startpage-search-holder {
		bottom: 10px;
		left: 213px;
	}

	.startpage-search-holder select {
		height: 40px;
	}

	.startpage-search-holder .btn {
		height: 40px;
		line-height: 40px;
	}

	.front__lastbilsgrossisten .category-item__heading h2 {
		font-size: 16px;
	}

	.front__lastbilsgrossisten div.flex-caption h2,
	.front__venton div.flex-caption h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.front__venton div.flex-caption p, .front__transportbilen div.flex-caption p, .front__lastbilsgrossisten div.flex-caption p {
		font-size: 15px;
	}

	.l-footer-top__middle {
		clear: both;
		padding: 5px 0 0;
		max-width: 360px;
	}


	.front__lastbilsgrossisten .startpage-intro .grid-item-1-3,
	.front__venton .startpage-intro .grid-item-1-3,
	.front__transportbilen .startpage-intro .grid-item-1-3 {
		width: 45%;
	}

	.front__lastbilsgrossisten .startpage-intro .grid-item-2-3,
	.front__venton .startpage-intro .grid-item-2-3,
	.front__transportbilen .startpage-intro .grid-item-2-3 {
		width: 55%;
	}

	.startpage-intro .border {
		left: 45%;
	}

	.startpage-bottom__left,
	.startpage-bottom__right,
	.front__transportbilen .startpage-bottom__left {
		width: 100%;
		margin-right: 0px;
		float: none;
	}

	.startpage-bottom__left,
	.front__transportbilen .startpage-bottom__left {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	.front__transportbilen .category-item__heading h2 {
		font-size: 14px;
	}

	.product-options-items-data__title,
	.product-options-items__price {
		font-size: 16px;
	}
}

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

	body {
		background: #fff;
	}
	.view-checkout {
		background: #efefef;
	}

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

	.l-menubar-wrapper,
	.l-menubar,
	.l-top-menu-holder,
	.l-header-holder,
	.l-menubar-holder,
	.l-footer-col-2,
	.l-footer-col-3 {
		display: none;
	}

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

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

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

	.filter-responsive {
		display: block;
	}

	.l-content {
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.l-holder {
		margin: 0;
		margin-top: 0px; /* Same as .l-mobile-header height */
		padding: 0;
		background: #fff;
		box-shadow: none;
		border-radius: 0;
	}

	.view-home .l-holder,
	.view-checkout .l-holder {
		margin-top: 115px;
	}

	.breadcrumbs {
		margin-top: 125px;
	}

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

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

		display: block;
		width: 100%;
		height: 115px;

		background: #fff;
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}

	.l-header {
		display: none;
	}

	.mobile-header__top {
		display: flex;
		justify-content: space-between;
		align-items: center;

		height: 65px;
	}

	.l-mobile-nav {
		position: absolute;
		z-index: 99;
		top: 115px; /* 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;
	}

	html.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;
	}

	.startpage-search-holder {
		position: static;
		background: #404041;
	}

	.startpage-text__left,
	.startpage-text__right {
		width: 100%;
		float: none;
	}

	.front__lastbilsgrossisten .startpage-intro .grid-item-1-3,
	.front__lastbilsgrossisten .startpage-intro .grid-item-2-3,
	.front__venton .startpage-intro .grid-item-1-3,
	.front__venton .startpage-intro .grid-item-2-3,
	.front__transportbilen .startpage-intro .grid-item-1-3,
	.front__transportbilen .startpage-intro .grid-item-2-3 {
		width: 100%;
		float: none;
		display: block;
	}

	.front__lastbilsgrossisten .startpage-intro .grid-item-1-3,
	.front__venton .startpage-intro .grid-item-1-3,
	.front__transportbilen .startpage-intro .grid-item-1-3 {
		margin-bottom: 0;
	}

	.startpage-intro .border {
		display: none;
	}

	.front__lastbilsgrossisten .startpage-intro .grid-item-2-3 .grid-content,
	.front__venton .startpage-intro .grid-item-2-3 .grid-content,
	.front__transportbilen .startpage-intro .grid-item-2-3 .grid-content {
		padding-top: 0;
	}

	.l-footer-col-1,
	.l-footer-col-4 {
		width: 50%;
	}

	.l-footer-col-1__follow {
		background: #aaa;
		padding: 10px;
		text-align: center;
		margin-top: 20px;
	}

	.l-footer-col-1__follow ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.l-footer-col-1__follow li {
		display: inline-block;
		margin-bottom: 0;
	}

	.l-footer-col-1__follow p {
		margin-bottom: 0;
	}

	.l-search-col-1 {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.l-search-col-2 {
		margin-bottom: 20px;
	}

	.l-autocomplete {
		top: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 15px;
		padding-bottom: 250px;
		box-shadow: none;
	}
	.is-autocomplete-open body {
		background: #fff;
	}
	.is-autocomplete-open .l-autocomplete {
		display: block;
	}
	.is-autocomplete-open .l-mobile-header,
	.is-autocomplete-open .l-mobile-nav,
	.is-autocomplete-open .l-holder {
		display: none;
	}
}

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

@media all and (max-width: 600px) {
	.l-product-col-1,
	.l-product-col-2,
	.l-product-col-3 {
		width: auto;
		padding-right: 0;
		float: none;
	}

	.l-checkout-bottom__left,
	.l-checkout-bottom__right {
		float: none;
		width: 100%;
	}

	.startpage-search__banner {
		display: none;
	}

	.startpage-search {
		padding: 20px;
		min-height: 0;
	}

	.flex-text, div.flex-caption, .startpage-search-holder {
		left: 20px;
	}

	div.flex-caption h2 {
		font-size: 16px;
	}

	.startpage-search__top strong, div.flex-caption b {
		font-size: 38px;
	}

	.startpage-bottom__right .grid-item-1-3,
	.startpage-bottom__right .grid-item-2-3 {
		float: none;
		width: 100%;
		padding: 20px 20px 20px 40px;
		margin: 0;
	}
	.startpage-bottom__right .grid-item-2-3 .grid-content {
		text-align: center !important;
	}

	.front__venton div.flex-caption, .front__transportbilen div.flex-caption, .front__lastbilsgrossisten div.flex-caption {
		bottom: 30px;
	}

	.front__lastbilsgrossisten div.flex-caption h2 {
		font-size:24px;
		line-height: 26px;
	}

	.front__venton div.flex-caption h2 {
		font-size:20px;
		line-height: 22px;
	}

	.startpage-link {
		float: none;
		display: block;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.view-home .l-holder,
	.view-checkout .l-holder {
		margin-top: 105px;
	}

	.checkout-top .input-highlight {
		padding: 9px 20px;
	}

	.checkout-top__left {
		float: none
	}
	.checkout-top__right {
		padding-left: 0;
		padding-top: 5px;
	}
	.checkout-country-select--new {
		height: 40px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.breadcrumbs {
		margin-top: 110px;
	}

	.l-mobile-header {
		height: 105px;
	}

	.mobile-header__top {
		height: 50px;
	}

	.l-mobile-nav {
		top: 105px; /* Same as .l-mobile-header height */
	}

	.l-content {
		margin-left: 10px;
		margin-right: 10px;
	}

	.front__transportbilen .category-item__heading h2 {
		font-size: 14px;
	}

	/* Cancel KCO's margins... */
	.l-klarna-checkout {
		margin-left: -10px;
		margin-right: -10px;
	}

	.startpage-search {
		padding: 15px 15px 20px;
	}

	.startpage-search__top {
		font-size: 14px;
	}

	.startpage-search__top strong {
		font-size: 20px;
	}

	.startpage-text__right {
		padding: 15px;
		font-size: 18px;
	}

	.startpage-search-holder {
		padding: 10px;
	}

	.startpage-search__col1,
	.startpage-search__col2 {
		width: 48%;
		margin-bottom: 10px;
	}

	.startpage-search__col2 {
		margin-left: 4%;
	}
	.startpage-search__col3 {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	.startpage-bottom__right .grid-item-1-3,
	.startpage-bottom__right .grid-item-2-3 {
		padding: 20px;
	}

	.startpage-bottom__right .grid-item-2-3 {
		padding-top: 0px;
	}

	.product-options-items-data__title,
	.product-options-items__price {
		font-size: 14px;
	}

	.front__lastbilsgrossisten .startpage-intro .grid-content,
	.front__venton .startpage-intro .grid-content,
	.front__transportbilen .startpage-intro .grid-content {
		padding: 20px 20px 10px;
	}

	.l-footer-col-1,
	.l-footer-col-4 {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.l-footer-col-1 {
		padding-bottom: 20px;
	}
}

@media all and (max-width: 350px) {
	.l-checkout-col-1-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

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

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

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

		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 {
		width: 45px;
		color: #444;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.mini-menu {
		padding-left: 5px;
		left: 0;
		font-size: 30px;
	}
	.mini-search {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 45px;

		width: 45px;
		padding-right: 5px;

		color: #444;
		font-size: 18px;
	}
	.mini-cart {
		padding-right: 5px;
		right: 0;
		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: #f36f2b;
		border-radius: 50%;

		line-height: 17px;
		font-size: 9px;
		color: #fff;
		text-align: center;
	}

	.front__venton .mini-cart-count,
	.front__transportbilen .mini-cart-count {
		background: #A4C93A;
	}

	.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;
	}

	.sort-section {
		display: none;
	}
	.sort-select {
		display: block;
		margin-bottom: 15px;
	}
	.sort-select select {
		width: 100%;
	}

	.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;
	}

	.site-search {
		margin-bottom: 15px;
	}
	.site-search__input {
		font-size: 16px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.site-search__close {
		float: right;
		padding-left: 15px;
		padding-top: 11px;
		padding-bottom: 11px;
		color: #222;
		font-weight: 600;
	}

	.site-search__btn {
		margin-right: 20px;

		width: 100%;
		background: none;
		color: #000;
		font-size: 16px;
	}

}

@media all and (max-width: 600px) {
	.input-form-col-1,
	.input-form-col-2 {
		width: 100%;
		float: none;
	}
}

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

	.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-quantity-btn {
		/* display:none; */
	}

	.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;
	}
}

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

/** Menu modules **/

/* Large */
@media all and (max-width: 768px) {
	.site-search {
		position: relative;
		left: auto;

		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 0;
		width: auto;
	}

	.mobile-module,
	.mobile-module-edit {
		margin-bottom: 30px;
	}
	.mobile-module__heading,
	.mobile-module-edit h3 {
		margin: 0;
		padding: 8px 18px;
		font-weight: 700;
		color: #fff;
		font-size: 14px;
		background-color: #404041;
		background-image: linear-gradient(to bottom, #333, #505050 50%);
	}

	.front__venton .mobile-module__heading,
	.front__venton .mobile-module-edit h3,
	.front__transportbilen .mobile-module__heading,
	.front__transportbilen .mobile-module-edit h3 {
		color: #fff;
		font-weight: 400;
	}

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

	.mobile-listmenu,
	.mobile-module-edit ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.mobile-listmenu a,
	.mobile-module-edit li {
		position: relative;

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

		font-size: 13px;
		color: #222;
	}

	.mobile-module-edit a {
		color: #222;
	}

	.mobile-listmenu .mobile-listmenu a {
		border-style: none;
	}

	.mobile-listmenu .mobile-listmenu .mobile-listmenu a {
		font-style: italic;
	}

	.mobile-listmenu .mobile-listmenu {
		border-bottom: 1px solid #e2e2e2;
	}

	.mobile-listmenu .mobile-listmenu .mobile-listmenu {
		border-top: 1px solid #e2e2e2;
	}

	.mobile-listmenu a:hover {
		text-decoration: none;
	}

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

	.mobile-listmenu-0,
	.mobile-module-edit ul {
		background-color: #fcfcfc;
	}

	.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 {
		text-align: center;
	}

	.site-search__input,
	.site-search__btn {
		position: relative;
	}
}

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

	h1 {
		font-size: 22px;
	}

	.startpage-text__left {
		font-size: 14px;
	}
}

/** Grid-gallery **/

@media all and (max-width: 1100px) {
	.view-home .grid-gallery > li {
		width: 31.33%;
	}
}

/* XLarge */
@media all and (max-width: 960px) {
	.grid-gallery > li,
	.view-checkout .grid-gallery > li {
		width: 31.33%;
	}
}

@media all and (max-width: 768px) {
	.grid-gallery > li.category-item {
		width: 48%;
	}
}

/* Medium */
@media all and (max-width: 600px) {
	.grid-gallery > li,
	.view-home .grid-gallery > li,
	.view-checkout .grid-gallery > li {
		width: 48%;
	}

	.grid-gallery > li.category-item {
		width: 98%;
	}

	.l-autocomplete .grid-gallery > li {
		width: 48%;
	}
}



/* ==========================================================================
   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;
	}

	.show-for-large {
		display: block;
	}
}

/* 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;
	}
}

/* Hide element at desktop size */
@media all and (min-width: 769px) {
	.hide-on-desktop {
		display: none;
	}
}

/* ==========================================================================
   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);
	}
}


/* Product list in checkout */
@media all and (max-width: 650px) {
	.product-list-checkout {
		width: 100%;
	}

	.checkout-small-cols {
		margin-left: 0;
		margin-bottom: -15px;
	}
	.checkout-small-cols-1-2,
	.checkout-small-cols-1-3,
	.checkout-small-cols-2-3 {
		width: 100%;
		padding-left: 0;
	}

	.horizontal-form-col-1 label {
		margin-bottom: 4px;
		padding-top: 0;
	}
	.horizontal-form-col-1,
	.horizontal-form-col-2 {
		width: 100%;
		float: none;
	}
	.horizontal-form-col-1 {
		text-align: left;
		font-size: 0;
	}
	.horizontal-form-col-2 {
		max-width: 100%;
	}
}
/**
 * Cookie control
 */
@media all and (max-width: 480px) {
	.cookie-control-wrapper {
		flex-direction: column;
	}

	.cookie-control-banner__buttons {
		flex-direction: column;

		max-width: none;
	}

	.cookie-control-banner__buttons .btn {
		margin-bottom: 3%;
		margin-left: 0;
	}
}

@media all and (max-width: 768px) {
	.cookie-control-wrapper {
		margin-bottom: 5px;
	}

	.cookie-control-controller {
		max-width: 80vw;
		padding: 6%;
	}
}