/* Hidden in desktop */
.l-mobile-header,
.l-mobile-nav,
.sort-select,
.checkout-cart-row-small,
.l-autocomplete-mobile-form,
.show-for-xxlarge {
	display: none;
}

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

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

/* Large */
@media all and (max-width: 768px) {
	.grid-item-1-4 {
		width: 50%;
	}
	.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%;
	}
}

/* ==========================================================================
   Layout
   ========================================================================== */
@media all and (max-width: 1640px) {
	.review-box {
		display: none;
	}
}

@media all and (max-width: 1190px) {
	.l-holder,
	.l-constrained {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}
    
    .l-menubar {
        padding-right: 15px;
        padding-left: 15px;
    }

	.l-autocomplete {
		left: 254px;
		margin-left: auto;
		width: 420px;
	}

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

	#footerNewsletterForm input {
		width: 70%;
	}

	#footerNewsletterForm .btn {
		width: 30%;
	}

	.startpage-top__right__top,
	.startpage-top__right__bottom {
		padding: 10px 15px 0;
	}

	.startpage-top h2 {
		margin-bottom: 5px;
	}

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

	.flex-desc {
		font-size: 16px;
		font-weight: 400;
	}

	.btn--flex {
		margin-top: 20px;
	}

	.product-item__buttons .btn {
		min-width: 65px;
	}

	.l-header__left {
		padding-top: 45px;
	}

	.search-dropdown select {
		width: 49%;
		margin-right: 0;
	}

	.search-dropdown .btn {
		width: 100%;
		margin-top: 5px;
	}

	.subcat-key > a {
		padding: 4px 5px;
		min-width: 20px;
	}

	.printer-search {
		margin-left: 0;
	}

	.printer-search-col {
		margin-top: 5px;
		width: 49%;
		margin-left: 0%;
	}

	.printer-search__middle {
		margin-left: 2%;
	}

	.printer-search__right {
		clear: both;
		width: 100%;
	}
}
/* XLarge */
@media all and (max-width: 960px) {

	.l-header-search {
		padding-right: 0;
		margin-right: 0;
	}
    
    .l-menubar__left {
        width: 70%;
    }

	.l-sidebar,
	.l-header__right__top,
	.l-usp-bar__right {
		display: none;
	}

	.l-header__middle {
		padding-right: 25px;
	}

	.next-delivery-desktop--last {
		display: block;
	}

	.l-header__right__bottom {
		margin-top: 22px;
	}

	.l-usp-bar__left li {
		margin-right: 25px;
	}

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

	.vat-selector {
		top: 10px;
		bottom: auto;
	}

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

	.startpage-top__left,
	.startpage-top__right {
		float: none;
		width: 100%;
	}

	.startpage-top__right--bg {
		display: none;
	}

	.startpage-top__right {
		margin-top: 20px;
		border-bottom: 1px solid #ddd;
	}

	.startpage-top__right__top,
	.startpage-top__right__bottom {
		float: left;
		width: 50%;
		border-style: none;
		padding: 20px 20px 15px;
	}

	.startpage-top__right__top {
		border-right: 1px solid #ddd;
	}

	.startpage-top__right__bottom {
		border-left: 1px solid #ddd;
		margin-left: -1px;
	}

	.startpage-boxes h2,
	.startpage-boxes h3,
	.startpage-boxes h4 {
		font-size: 1.4rem;
	}
	.startpage-boxes p {
		font-size: 1.1rem;
	}
	
	.news-item__ingress {
		height: auto;
	}

	.btn--lease {
		padding: 0px 30px;
		min-width: 258px;
	}

	.product-cart-button-wrapper .btn--red {
		padding: 0px 40px;
	}

	.list-item__col-4,
	.list-item__col-5 {
		display: none;
	}

	.list-item__col-2-3 {
		width: 35%;
	}

	.list-item__col-6,
	.list-item__col-7 {
		width: 15%;
	}

	.list-item__col-8 {
		width: 16%;
	}

	.list-item__col-9 {
		width: 19%;
	}

	.change-model__list {
		width: 33.33%;
	}

	.prod-cats-list li {
		width: 33.33%;
	}

	.l-footer-col-1,
	.l-footer-col-3 {
		width: 37%;
	}

	.l-footer-col-2 {
		width: 26%;
	}

	.l-footer-col-3 {
		padding-right: 0;
	}

	.l-footer-col-4 {
		float: none;
		clear: both;
		width: 100%;
		padding-top: 20px;
	}

	#footerNewsletterForm input {
		width: 65%;
	}

	#footerNewsletterForm .btn {
		width: 35%;
	}

	.subcat-key > a {
		margin-bottom: -1px;
		padding: 5px 8px;
		min-width: 30px;
		border-bottom: 1px solid #ddd;
	}

}

/* Large */
@media all and (max-width: 768px) {
	body {
		background: #fff;
	}

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

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

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

	.l-sidebar-primary {
		display: none;
	}
	
	.filter-responsive {
		display: block;
	}

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

	.l-holder {
		margin: 0;
		background: #fff;
		box-shadow: none;
		border-radius: 0;
	}

	.l-usp-bar-holder,
	.view-checkout .l-holder {
		margin-top: 65px;
	}

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

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

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

		background: #293447;
		/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
	}
	.view-checkout .l-mobile-header,
	.l-mobile-header.zoomed {
		position: absolute;
	}

	.l-header {
		display: none;
	}
	
	.startpage-boxes h2,
	.startpage-boxes h3,
	.startpage-boxes h4 {
		font-size: 1.0rem;
	}

	.l-mobile-nav {
		position: fixed;
		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-mobile-nav-open .l-mobile-nav {
		display: block;
	}
	.is-mobile-nav-open body {
		overflow: hidden;
	}

	.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;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding: 10px;

		background: rgba(0,0,0,.6);
		box-shadow: none;
		border-radius: 0;
	}
	.is-autocomplete-open body,
	.is-autocomplete-active .l-autocomplete {
		background: #fff;
	}
	.is-autocomplete-open .l-autocomplete {
		display: block;
	}
	.l-autocomplete-content {
		padding: 0 15px 100px;
	}
	.l-autocomplete-mobile-form {
		background: #fff;
		padding: 13px;
		display: block;

		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}
	.is-autocomplete-active .l-autocomplete-mobile-form {
		box-shadow: none;
	}
	.is-autocomplete-open .l-mobile-header,
	.is-autocomplete-open .l-mobile-nav,
	.is-autocomplete-active .page {
		display: none;
	}

	html.is-autocomplete-empty,
	.is-autocomplete-empty body {
		overflow: hidden;
		height: 100%;
	}

	.l-usp-bar {
		font-size: 13px;
		text-align: center;
	}

	.l-usp-bar__left li {
		margin-left: 7px;
		margin-right: 7px;
	}

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

	.flex-price {
		width: 110px;
		height: 110px;
		bottom: 60px;
	}

	.flex-price__big {
		font-size: 22px;
	}

	.l-footer-top__left,
	.l-footer-top__right {
		float: none;
		width: 100%;
	}

	.l-footer-top__right {
		padding-top: 10px;
		max-width: 425px;
	}

	.review-body-1 {
		width: 96%;
	}

	.startpage-boxes .grid {
		grid-column-gap: 10px;
	}
}

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

	.btn--flex {
		margin-top: 10px;
		padding: 7px 20px;
		font-size: 11px;
	}

	.flex-caption h2 {
		margin-bottom: 0;
		font-size: 18px;
	}

	.flex-desc {
		font-size: 14px;
	}

	.flex-price {
		width: 90px;
		height: 90px;
		bottom: 40px;
	}

	.flex-price__big {
		font-size: 18px;
	}

	.privfor-inner {
		display: block;
		width: auto;
		left: 15px;
		right: 15px;
		margin-left: auto;

	}

	.list-item__col-1 {
		width: 70px;
		height: 90px;
		line-height: 90px;
	}

	.list-item__col-6,
	.list-item__col-8 {
		display: none;
	}

	.list-item__col-7 {
		width: 20%;
	}

	.list-item__col-9 {
		width: 30%;
	}

	.list-item__col-2-3 {
		width: 50%;
	}

	.prod-cats-list li {
		width: 50%;
	}

	.bigger-product .list-item__button .btn--left {
		padding-left: 30px;
		padding-right: 30px;
	}

	.bigger-product .list-item__col-8,
	.bigger-product .list-item__col-9 {
		padding-bottom: 0;
	}

	.l-footer-col-1 {
		float: none;
		width: 100%;
	}

	.l-footer-col-2,
	.l-footer-col-3 {
		display: none;
	}
	
	.startpage-boxes .grid {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 10px;
		
		text-align: center;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.l-usp-bar-holder,
	.view-checkout .l-holder {
		margin-top: 50px;
	}
	.l-mobile-header {
		height: 50px;
	}
	.l-mobile-nav {
		top: 50px; /* Same as .l-mobile-header height */
	}

	.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-ecster-pay {
		padding: 0;
		padding-top: 5px;
	}

	.startpage-top__right__top,
	.startpage-top__right__bottom {
		float: none;
		width: 100%;
		border-style: none;
	}

	.startpage-top__right__top {
		border-bottom: 1px solid #ddd;
	}

	.flex-caption {
		top: 10px;
		right: 10px;
		max-width: 65%;
	}

	.flex-caption h2 {
		font-size: 18px;
		text-transform: none;
	}

	.flex-price {
		right: 41%;
		margin-right: 10px;
		width: 70px;
		height: 70px;
		bottom: 30px;
	}

	.flex-price__big {
		font-size: 14px;
		font-weight: 700;
	}

	.flex-price__small {
		font-size: 12px;
	}

	#footerNewsletterForm input {
		width: 60%;
	}

	#footerNewsletterForm .btn {
		width: 40%;
	}

	.change-model-holder {
		padding: 10px 0 10px 10px;
	}
	.list-item-heading__col-1 {
		display: inline-block;
	}

	.list-item__col-2-3 {
		width: 50%;
	}

	.list-item__button .btn--left {
		font-size: 11px;
	}

	.bigger-product__right--heading .list-item__col-2-3 {
		width: 45%;
	}

	.bigger-product .list-item__col-1 {
		float: none;
		height: auto;
		width: 100%;
	}

	.change-model__list {
		width: 50%;
	}

	.prod-cats-list li {
		width: 100%;
		padding-right: 0;
	}

	.bigger-product__right {
		padding-top: 10px;
	}

	.list-item-heading {
		display: none;
	}

	.list-item__col-2-3 {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-bottom: 10px;
	}

	.list-item__col-7 {
   		width: 40%;
		padding-bottom: 10px;
	}

	.list-item__col-9 {
   		width: 60%;
		padding-bottom: 10px;
	}

	.list-item__col-3 {
		padding-right: 0;
	}

	.bigger-product .list-item__button .btn--left {
		padding-left: 18px;
		padding-right: 18px;
	}
}

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

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

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

	.mini-site-logo,
	.mini-site-logo img,
	.mini-menu,
	.mini-search,
	.mini-cart {
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.mini-cart img {
		position: relative;
		top: -3px;
	}

	.mini-site-logo {
		left: 95px;
		right: 95px;
		margin: auto;
	}

	.mini-site-logo img {
		left: 0;
		right: 0;

		max-width: 155px;
		max-height: 100%;
		margin: auto;
		padding-top: 5px;
		padding-bottom: 5px;

		-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 img {
		-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 img {
		top: 0;
	}
	.no-csstransforms .new-mini-cart-item .mini-site-logo img {
		top: -100px;
	}

	.mini-cart-info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		color: #fff;
		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-search,
	.mini-cart {
		width: 45px;
		color: #fff;
		font-size: 22px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.mini-menu {
		left: 0;
		padding-left: 5px;
	}
	.mini-search {
		left: 45px;
		padding-right: 5px;
		font-size: 18px;
	}
	.mini-cart {
		right: 0;
		padding-right: 5px;
	}
	.is-touch.mini-menu,
	.is-touch.mini-search,
	.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;
		z-index: 3;
		top: -3px;
		right: -6px;

		height: 17px;
		width: 17px;

		background: #157aee;
		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 .wgr-icon:before {
		content: "\f00d";
	}
	.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;
		text-align: center;
	}
	.checkout-customer-type label {
		width: 150px;
		padding: 5px 10px 7px;
		margin: 4px;
		text-align: left;
	}
	.checkout-info-terms {
		display: none;
	}
	.checkout-stepnumber {
		height: 22px;
		width: 22px;
		line-height: 22px;
		font-size: 11px;
	}
}

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

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

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


	.checkout-customer-type label {
		width: 129px;
		padding: 5px 5px 7px;
		margin: 2px;
	}

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

@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 {
		margin-bottom: 0;
	}
	.site-search__input {
		font-size: 16px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.site-search__input,
	.site-search__btn {
	    height: 35px;
	    padding-left: 10px;
	}
	.site-search__btn {
		padding-right: 10px;
	}
	.site-search__close {
		float: right;
		padding-left: 15px;
		padding-top: 9px;
		padding-bottom: 9px;
		color: #222;
		font-weight: 600;
	}

	.mobile-module,
	.mobile-module-edit {
		margin-bottom: 30px;
	}
	.mobile-module__heading,
	.mobile-module-edit h3 {
		margin: 0;
		padding: 8px 18px;
		background-color: #293447;
		font-size: 14px;
		font-weight: 700;
		color: #fff;
	}

	.mobile-module__body {
		background-color: #fcfcfc;
		padding: 18px;
		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: 15px;
		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-module-edit a {
		display: block;
		color: #222;
	}

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

/* Medium */
@media all and (max-width: 480px) {
	.mobile-module__heading,
	.mobile-listmenu a,
	.mobile-module-edit h3,
	.mobile-module-edit li {
		padding-left: 12px;
		padding-right: 12px;
	}
	.mobile-module__body {
		padding: 12px;
	}
}

/** Grid-gallery **/

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

}

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

	.view-home .grid-gallery > li {
		width: 23%;
	}
}

@media all and (max-width: 768px) {
	.start-categories__gallery > li {
		width: 48%;
	}

	.view-home .grid-gallery > li {
		width: 31.33%;
	}

	.grid-gallery--four.grid-gallery > li:nth-child(4) {
		display: none;
	}
}

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

	.grid-gallery > li {
		padding: 8px;
	}

	.view-home .grid-gallery > li {
		width: 48%;
	}

	.grid-gallery--four.grid-gallery > li:nth-child(4) {
		display: inline-block;
	}
}

@media all and (max-width: 480px) {
	.start-categories__gallery > li {
		width: 98%;
	}

	.product-item__buttons .btn {
		min-width: 58px;
		padding-left: 10px;
		padding-right: 10px;
	}
}


/*
 * Blog Page
 */

@media all and (max-width: 960px) {
	.blog-filter__toggle {
		display: inline-block;
		width: 49%;
		margin-bottom: 10px;
		vertical-align: top;
	}
	.blog-filter__toggle h5 {
		position: relative;
		margin-bottom: 0;
		padding: 2px 10px;

		border: 1px solid #dcdcdc;
		background: #eee;

		font-weight: 400;
		vertical-align: top;
	}
	.blog-filter__toggle .wgr-icon {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		height: 14px;
		font-size: 14px;
	}
	.blog-filter {
		margin-bottom: 10px;
	}
	.blog-filter ul {
		display: inline-block;
		margin: 0;
		margin-left: -5px;
		padding: 0;
	}

	.blog-filter select {
		max-width: 450px;
		margin-top: 5px;
	}
}

@media all and (max-width: 480px) {
	.blog-filter__toggle {
		width: 100%;
	}
	.blog-post__thumbnail {
		float: none;
		margin-left: 10px;

		width: 100%;
		height: 200px;
		line-height: 199px;
		text-align: center;
	}

	.blog-post__footer span {
		font-size: 11px;
	}

	.blog-post__comments {
		float: none;
	}
	.blog-post__comments:before {
		content: ' / ';
	}
}

/* ==========================================================================
   Helpers
   ========================================================================== */

/* XLarge */

@media all and (max-width: 1190px) {
	.hide-for-xxlarge {
		display: none !important;
	}

	.show-for-xxlarge {
		display: inline-block;
	}
}

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

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

/* Hide element at mobile size */
@media all and (max-width: 768px) {
	.hide-on-touch {
		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);
	}
}
/**
 * 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%;
	}
}