<?php
include_once($_SERVER['DOCUMENT_ROOT']. "/includes/css.php");
?>
/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet
|-----------------------------------------------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/
@media (max-width: 1800px) {
}

/*
|--------------------------------------------------------------------------
| Max Width #1700px
|--------------------------------------------------------------------------
*/
@media (max-width: 1700px) {
	.brands-block--list > a {
		width: 140px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
	.product-grid .segment-20 {
		width: 25%;
	}
	.brands-block--list > a {
		width: 16.666666%;
	}

	.page-heading.home-header {
		height: 750px;
	}
	.page-heading--title {
		font-size: 50px;
	}

	.page-heading__split .page-heading--content {
		min-height: 720px;
	}

	.contact-page .page-heading__split .page-heading--content {
		min-height: 0;
	}

	.brands-block--list {
		flex: 1;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1550px
|--------------------------------------------------------------------------
*/
@media (max-width: 1550px) {

	.store-list--items > div:last-child {
		display: none;
	}

}


/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
	.cat-featured--item .product-grid--item.segment-20 {
		width: 25%;
	}
	
	.usp-lg--main {
		padding: 0 20px;
	}

	.page-title-italic {
		font-size: 54px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	.page-heading--title {
		font-size: 46px;
	}
	.page-heading--text {
		font-size: 22px;
	}

	.listing-thumbnails > div {
		height: 300px;
	}

	.retailer-list--country {
		width: 180px;
	}

	.retailer-list--country > img {
		width: 60px;
	}

	.retailer-list--country > span {
		font-size: 16px;
	}

	.retailer-section--title {
		font-size: 28px;
	}

	.lg-usps__list .lg-usps--content > .title {
		font-size: 25px;
	}
	.lg-usps__list--list > div {
		padding: 0 0 40px 80px;
	}
	.lg-usps__list--list {
		margin: 0 0 -40px;
	}
	.retailer-map {
		width: 750px;
	}

	.cat-featured--tab__inner > strong {
		font-size: 14px;
	}

	#checkout-container {
		padding: 0 20px 0 120px;
	}

	#confirm-container {
		padding: 0 20px 0 170px;
	}

	.checkout-side {
		padding: 45px 0 0 20px;
	}

	.checkout-main {
		width: 60%;
		padding: 45px 20px 0 0;
	}

	.basket-item-qty {
		padding: 0 25px;
	}

	.basket-item-pricing {
		min-width: 160px;
	}

	.basket-sidebar {
		max-width: 340px;
		margin: 0 0 0 25px;
	}

	.payment-method--button {
		font-size: 15px;
	}

	.payment-method--title {
		padding: 2px 0;
	}

	.comparison-bar--product-title {
		font-size: 10px;
		height: 24px;
	}

	.retailer-list--brands.rows > div {
		min-width: 26%;
		max-width: 30%;
	}

	.instafeed-grid > a {
		padding: 35% 0 0;
		min-width: calc(20% - 1px);
		max-width: calc(25% - 1px);
	}
	.instafeed-grid > a:nth-child(n+6) {
		display: none;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1350px
|--------------------------------------------------------------------------
*/
@media (max-width: 1350px) {

	.listing-deadline-doughnut {
		display: inline-block;
	}

	.listing-deadline-doughnut,
	.listing-deadline--details {
		float: none;
	}

	.listing-deadline--details {
		padding: 0 0 10px 0;
	}

	.listing-deadline-doughnuts {
		float: none;
		text-align: center;
	}

	.store-list--items > div {
		margin: 15px;
	}

}


/*
|--------------------------------------------------------------------------
| Max Width #1300px
|--------------------------------------------------------------------------
*/
@media (max-width: 1300px) {
	.listing-thumbnails > div {
		height: 260px;
	}

	.category-main--side {
		width: 300px;
		margin-right: 30px;
	}

	.page-heading__split .page-heading--content {
		min-height: 620px;
	}

	.lg-img-text-blocks {
		justify-content: center;
	}
	.lg-img-text-block.segment-33 {
		width: 50%;
	}

	.bg-texture-title {
		font-size: 30px;
	}
	.main-nav {
		padding: 0 20px;
	}
	.main-nav--item {
		margin: 0 23px;
	}
	.main-nav--item > a {
		font-size: 14px;
	}

	.split-block--content {
		padding: 50px;
	}
	.split-block--content > .title, .split-lg--content > .title, .split-brands-content--content > .title {
		font-size: 26px;
	}

	.page-split-lg > div:first-child:not(:last-child) > .split-lg--content {
		padding-right: 40px;
	}

	.page--our-story .page-heading {
		padding: 60px 40px;
	}
	.page-heading.basic h1 {
		font-size: 54px;
	}
	.page--our-story .sticky-scroller--fixed img {
		width: 250px;
	}
	.sticky-scroller--sides > div {
		opacity: .6;
		max-width: 48%;
	}

	.form-style-1 .select2-basic--container.select2-selection--single .select2-selection__rendered {
		padding-left: 80px;
	}

	.panel--padding-80 {
		padding: 60px 0;
	}

	.key-point-blocks:not(:last-child), 
	.badge-bar.badge-bar-lg:not(:last-child) {
		padding-bottom: 60px;
	}

	.split-lg--right {
		padding: 60px 80px;
	}

	.split-lg--content, .split-brands-content--content {
		min-height: 0;
	}

	.page-title-italic {
		font-size: 48px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1280px
|--------------------------------------------------------------------------
*/
@media (max-width: 1280px) {
	.product-grid .segment-20 {
		width: 33.333333333%;
	}

	.listing-extra {
		width: 100%;
		float: none;
	}

	.overlay-overview {
		height: auto;
	}

	.overlay--inner .listing-image,
	.overlay-basket--left {
		display: none;
	}

	.overlay-basket--right {
		width: 100%;
	}

	.overlay--inner {
		max-width: 420px;
	}

	.our-story--blocks {
		max-width: 100%;
		padding: 120px 40px;
	}
	.our-story--block--year {
    	font-size: 46px; 
	}
	.our-story--block-content > .content {
    	font-size: 16px;
	}
	.key-point-blocks {
    	margin: 0 -40px -40px 0;
	}
	.key-point-blocks > div {
		padding: 0 40px 40px 0;
	}
	.key-point-block--point:not(:last-child) {
		margin-bottom: 12px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/
@media (max-width: 1200px) {
	.page-heading.home-header {
        height: 700px;
    }
	.page-heading--title {
        font-size: 42px;
		margin-bottom: 15px;
    }
	.page-heading--text {
		font-size: 20px;
	}

	.footer-menu {
		padding-right: 20px;
		width: 320px;
	}

	.testimony-row {
		display: flex;
		width: 100%;
	}

	.retailer-country-half.retailer-country-2 {
		width: 100%;
	}

	.grid--140 {
		margin: 0 -80px -80px 0;
	}
	.grid--140 > * {
		padding: 0 80px 80px 0;
	}
	.listing-tech--block,
	.listing-side {
		width: 580px;
	}
	.page-tabbed--side-content h1 {
		font-size: 40px;
	}
	.page-tabbed--main__inner {
		padding: 0 40px;
	}
	.retailer-list--brands > div {
		flex: 1 0 25%;
	}
	.lg-usps__list .lg-usps--content {
		width: 360px;
	}
	.lg-usps__list--list > div {
		padding: 0 0 40px 40px;
	}

	.tabbed-content-blocks > div {
		padding: 30px;
	}
	.tabbed-content-block--content {
		padding: 0 40px 0 0;
	}
	
	.tabbed-content-block--content:first-child:not(:last-child) {
		padding-right: 50px;
	}
	.tabbed-content-block--content > span {
		font-size: 16px;
	}
	.tabbed-content-block--img.video-img-player {
		min-height: 378px;
	}
	.panel--padding-100 {
		padding: 70px 0;
	}
	.lg-usps--inner:not(:first-child) {
		margin-top: 30px;
	}
	.bg-texture-subtitle {
		font-size: 20px;
	}
	.split-open--text > .title {
		font-size: 30px;
	}
	.retailer-map {
		width: 670px;
		margin: 0 -80px;
	}

	.panel--padding-80 {
		padding: 50px 0;
	}
	.key-point-blocks:not(:last-child), 
	.badge-bar.badge-bar-lg:not(:last-child) {
		padding-bottom: 50px;
	}
	.panel--padding-50 {
		padding: 40px 0;
	}
	.brands-block--action {
		margin-left: 0;
		margin-top: 15px;
	}
	.brands-block--inner {
		flex-direction: column;
	}
	.brands-block--title {
		margin-bottom: 20px;
		margin-right: 0;
		font-weight: 500;
	}

	.logo, .logo svg {
		width: 180px;
	}
	.header-main--right {
		width: 160px;
	}
	.main-nav--item {
		margin: 0 18px;
	}

	.cat-featured--tab:nth-child(n+8) { 
		display: none;
	}
	.cat-featured--tab {
		width: 16.666666%;
		flex: unset;
        max-width: unset;
	}
	.product-grid--item-inner:hover .product--overlay-top,
	.product-grid--item-inner:hover .product--overlay-bottom {
		display: none;
	}

	.sidebar,
	.sidebar:before {
		width: 260px;
	}

	.basket-heading--title {
		font-size: 36px;
	}

	.counter-input-button {
		width: 26px;
		height: 26px;
	}

	.basket-item-pricing {
		min-width: 130px;
	}

	.basket-item .has-right-divider:after {
		top: 0;
		bottom: 0;
	}

	.basket-item-details,
	.basket-item-pricing,
	.basket-item-qty {
		padding: 0 15px;
	}

	.counter-input {
		min-height: 26px;
	}

	.basket-heading--text {
		margin-left: 40px;
		font-size: 14px;
	}

	.basket-item-remove {
		font-size: 11px;
	}

	.counter-input input {
		font-size: 14px;
	}

	.basket-item-option {
		margin-right: 10px;
	}

	.basket-item-image {
		width: 70px;
	}

	.basket-item-options {
		font-size: 12px;
	}

	.basket-item-title-link {
		font-size: 16px;
	}

	.account-sidebar {
		width: 200px;
	}

	.account-details--left {
		width: 50%;
	}

	.brands-list--item {
		width: 20%;
	}

	.listing-tabs-button {
		font-size: 14px;
	}

	.brand-letter {
		width: auto;
		display: inline-block;
		float: none;
		padding: 0 1px 5px 0;
	}

	.brand-letter--inner {
		padding: 0;
		line-height: 40px;
		height: 40px;
		width: 40px;
	}

	.shop.hide {
		margin-left: -260px;
	}

	.page-heading__split {
		flex-wrap: wrap;
	}
	.page-heading--side-blocks {
		margin-top: 30px;
	}
	.page-heading--side-blocks > a > span {
		font-size: 20px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {

	.listing-full-description,
	.listing-images {
		padding-right: 20px;
	}

	.full-description--title {
		font-size: 30px;
	}
	.listing-thumbnails > div {
		height: 210px;
	}
	.brands-block__center .brands-block--title {
		font-size: 22px;
	}
	.brands-block__center .brands-block--list {
		justify-content: center;
	}
	.brands-block__center .brands-block--list > div {
		width: 20%;
		padding: 18px;
	}

	.tabbed-content-block--content {
		padding: 0 30px 0 0;
	}
	.split-lg--content:first-child:not(:last-child), .split-brands-content--content:first-child:not(:last-child) {
		padding-right: 40px;
	}
	.split-lg--content:last-child:not(:first-child), .split-brands-content--content:last-child:not(:first-child) {
		padding-left: 40px;
	}
	.split-brands-content .brand-list > div {
		width: 50%;
	}

	.container {
		padding: 0 30px;
	}

	.sticky-scroller--track {
		height: 1100px;
	}

	.lg-usps--inner {
		flex-direction: column;
	}

	.usp-lg--side {
		order: 1;
		width: 100%;
	}
	.usp-lg--side:not(:last-child), .usp-lg--side > div:not(:last-child) {
		margin-bottom: 30px;
	}
	.usp-lg--side > div {
		text-align: center!important;
	}
	.usp-lg--side-icon {
		height: 50px;
	}
	.usp-lg--main {
        padding: 0px 0 50px;
    }
	.usp-lg--main > img {
        width: 100%;
        max-width: 550px;
    }

	.logo, .logo svg {
		width: 160px;
	}
	.main-nav--item {
		margin: 0 12px;
	}
	.main-nav--item > a {
		font-size: 13px;
	}
	.cat-featured--tab:nth-child(n+7) { 
		display: none;
	}

	.split-block--content {
		padding: 40px 35px;
	}

	.tabbed-content--toggles.icons {
		flex-wrap: wrap;
	}
	.tabbed-content--toggles > span {
		width: 25%;
		padding: 10px 10px 40px;
	}

	.contact-page .page-heading {
		flex-wrap: wrap;
		margin-top: 0;
	}

	.contact-page .page-heading--content {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.contact-page .page-heading__split > .page-heading--content > div > .page-heading--text {
		text-align: center;
	}

	.contact-page .panel--padding-90 {
		padding: 40px 0;
	}

	.contact-page .page-heading__split > .page-heading--content > div {
		align-items: center;
		margin: 0 auto;
	}

	.contact-page .page-heading__split .page-heading--content {
		width: 100%;
		padding-right: 0;
	}

	.cookie-bar--inner {
		padding: 20px;
		flex-wrap: wrap;
	}

	.cookie-bar--action {
		width: 100%;
		margin-top: 10px;
	}

	.our-story--upper {
		min-height: 640px;
	}

	.our-story--blocks {
        padding: 100px 40px;
    }
	.our-story--block:not(:last-child) {
		margin-bottom: 100px;
	}
	.our-story--block--year {
        font-size: 42px;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/
@media (max-width: 1023px) {
	.page-heading.home-header {
        min-height: 650px;
    }
	.page-heading--inner {
		padding: 60px 60px;
	}

	.split-lg--video.segment-50 {
		width: 100%;
	}

	.footer-right {
		width: 100%;
		flex: unset;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 30px;
	}
	.footer-bottom {
		flex: unset;
	}

	.category-listings {
		flex: none;
		width: 100%;
		overflow: unset;
	}
	.product-grid--brand {
		border-radius: 0;
		padding: 40px;
		margin: 0 -40px;
		overflow: hidden;
	}
	.product-grid--brand__title {
		font-size: 20px;
	}

	.listing-technical--inner {
		flex-direction: column;
	}
	.listing-technical--inner > div {
		width: 100%;
	}
	.listing-images {
		width: 100%;
		flex: auto;
	}
	.listing-thumbnails > div {
		height: 310px;
	}
	.listing-side {
		width: 100%;
	}
	
	.category-main--side {
		width: 100%;
		margin-right: 0px;
	}
	.filter-brands--list > div {
		width: 33.333333%;
	}
	
	.retailer-list--country {
		width: 160px;
		padding: 10px;
	}
	.lg-usps__list {
		flex-wrap: wrap;
	}
	.lg-usps__list .lg-usps--content {
		width: 100%;
		margin-bottom: 40px;
	}
	.lg-usps__list--list {
		margin: 0 -20px -40px 0;
	}
	.lg-usps__list--list > div {
		padding: 0 20px 40px 0;
	}
	.split-lg--imgs:first-child {
		margin-top: -50px;
	}
	.page-split-lg > div:last-child:not(:first-child) > .split-lg--content {
		margin-left: 0;
		padding-left: 0;
		padding-top: 40px;
	}

	.page-container {
		margin-top: 90px;
	}

	.page-heading__split .page-heading--content {
		min-height: unset;
	}

	.tabbed-content-block--img.video-img-player {
		min-height: 298px;
	}
	

	.segment-50.brand-list {
		width: 100%;
	}
	.split-brands-content .brand-list > div {
		width: 33.333333%;
	}
	.split-lg--content, .split-brands-content--content {
		min-height: unset;
	}
	.split-lg--content:last-child:not(:first-child), .split-brands-content--content:last-child:not(:first-child), 
	.split-lg--content:first-child:not(:last-child), .split-brands-content--content:first-child:not(:last-child) {
		padding: 0 0 40px;
	}
	.split-brands-content {
		text-align: center;
	}
	

	.grid--40 {
		margin: 0 -30px -30px 0;
	}
	.grid--40 > * {
		padding: 0 30px 30px 0;
	}

	.lg-img-text-content {
		font-size: 18px;
	}
	.lg-img-text-image:not(:last-child) {
		margin-bottom: 15px;
	}

	.lg-img-text-content {
		font-size: 16px;
		line-height: 1.3;
	}
	
	.page-split-lg {
		flex-direction: column;
		display: flex;
	}
	.page-split-lg > div:first-child:not(:last-child) > .split-lg--content {
		padding-right: 0;
	}
	.split-lg--content, .split-brands-content--content {
		width: 100%;
	}
	.split-lg--imgs {
		position: relative;
		width: 100%;
		height: 540px;
	}

	.cat-featured--items {
		padding: 30px 24px;
	}
	.cat-featured--item .product-grid--item.segment-20 {
		width: 33.33333333%;
	}
	.header-main {
		height: 90px;
	}
	.header-main--right {
		margin-right: 70px;
	}

	.main-nav {
		display: none;
	}

	.page-heading {
		margin-top: 90px;
	}

	.header-top,
	.checkout-stages {
		display: none;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.filter-subcategories,
	.checkout-breadcrumbs {
		display: block;
	}

	.account-section--title {
		font-size: 16px;
	}

	.account-panel,
	.account-panels--wide .account-panel {
		width: 50%;
	}

	.basket-item-qty {
		margin: 10px 0 0 0;
	}

	.basket-item-details {
		justify-content: flex-start;
	}

	.basket-item-pricing {
		align-items: flex-end;
		margin: auto 0 0 0;
		padding: 0;
		min-width: 0;
	}

	.basket-item-details {
		padding-right: 0;
	}

	.basket-item-details:after {
		display: none;
	}

	.basket-item-savings {
		order: 3;
	}

	.basket-item-price {
		order: 2;
		font-size: 22px;
	}

	.basket-item {
		padding: 20px;
	}

	.basket-item-image-wrapper .has-right-divider:after {
		display: none;
	}

	.basket-item-image {
		width: 140px;
	}

	header {
		text-align: center;
		min-height: auto;
		height: 90px !important;
		overflow: hidden;
	}

	
	.cart-main {
		padding: 0 0 30px 0;
		width: 100%;
		float: none;
	}

	.cart-side {
		float: none;
		width: 100%;
		padding: 0;
	}

	#checkout-container,
	#confirm-container {
		padding: 0 20px;
	}

	.checkout-side {
		padding: 45px 0 0 30px;
	}

	.checkout-main {
		padding: 45px 30px 0 0;
	}

	.checkout-main {
		width: 100%;
		float: none;
		border-right: none;
		padding-right: 0;
		padding-bottom: 30px;
	}

	.checkout-side {
		width: 100%;
		float: none;
	}

	.checkout-side {
		display: none;
		padding: 0 0 30px 0;
	}

	.checkout-action {
		padding-bottom: 0;
	}

	.listing .container {
		width: 100%;
		padding: 0 20px 20px;
	}

	.quote-side {
		width: 100%;
		margin-top: 30px;
	}

	.cart-option--image-text {
		display: none !important;
	}

	.split-lg--right {
		position: relative;
		width: 100%;
		top: unset;
		bottom: unset;
		right: unset;
		margin-top: 40px;
		margin-bottom: -50px;
	}	
	.split-lg--right .footer-locations {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 -80px -80px 0;
	}
	.split-lg--right .footer-locations > div {
		margin: 0!important;
		padding: 0 80px 80px 0;
	}

	.page-split-lg .split-lg--img, .page-split-lg .split-lg--video {
		order: 2;
		width: 100%;
	}

	.retailer-list--brands.rows > div {
		min-width: 33.333333%;
		max-width: 33.333333%;
	}

	.image-row > div {
		min-width: 50%;
	}
	.instafeed-grid {
		display: none;
	}
	.instafeed-grid > a {
		padding: 25% 0 0;
		min-width: calc(25% - 1px);
		max-width: calc(33.333333% - 1px);
	}
	.instafeed-grid > a:nth-child(n+9) {
		display: none;
	}

	.our-story--upper::after,
	.our-story--upper::before {
		display: none;
	}

	.our-story--upper {
		min-height: 0;
		padding: 122px 0 30px;
	}


	.listing-images {
		padding-right: 0;
		display: flex;
	}

	.listing-side {
		padding: 15px 0 0;
	}

	.listing-main-image {
		width: 77.16%;
		padding-right: 20px;
		flex-shrink: 0;
		margin-bottom: 10px;
	}

	.listing-thumbnails-new {
		flex: 1;
		flex-direction: column;
	}

	.listing-thumbnails-new > * {
		width: 100%;
	}

	.listing-panel--text {
		padding-top: 40px;
	}

	.listing-tech--block {
		padding-top: 20px;
	}

	.page-top--padded {
		padding-top: 90px;
	}
	.category-main {
		overflow: hidden;
	}
	.category-top--cat-list {
		color: #FFF;
		padding: 20px 20px 8px;
		background-color: #28282A;
	}
	.category-top--cat-list .cat-featured--tabs {
		padding: 0!important;
		display: none;
	}
	.category-top--heading {
		display: none;
	}

	.category-top {
		background-image: none;
	}
	.cat-featured--toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 12px;
		font-size: 22px;
		font-weight: 400;
		background-color: #474747;
		border-radius: 8px;
		margin-bottom: 15px;
		cursor: pointer;
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
	}
	.cat-featured--toggle > svg {
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
		margin-right: 8px;
		margin-left: 8px;
	}
	.cat-featured--toggle.open > svg {
		transform: rotate(180deg);
	}
	.category-top--cat-list .cat-featured--tab {
		width: 100%;
		padding: 0 0 5px 0!important;
		margin-right: 0!important;
	}
	.category-top--cat-list .cat-featured--tab.sel {
		display: none!important;
	}
	.category-top--cat-list .cat-featured--tab > div {
		flex-direction: row;
		align-items: center;
	}
	.category-top--cat-list .cat-featured--tab__image img {
		max-width: 100%;
		width: auto;
		max-height: 100%;
	}
	.category-top--cat-list .cat-featured--tab__inner > small {
		display: block;
		font-size: 12px;

	}
	.category-top--cat-list .cat-featured--tab__image, 
	.cat-featured--toggle--image {
		height: 76px;
		width: 112px;
		margin: 0 25px 0 0;
		display: flex;
		padding: 0;
        flex: unset;
	}
	.category-top--cat-list .cat-featured--tab > div {
        flex-direction: row;
        align-items: center;
        padding: 0 12px !important;
    }
	.category-top--cat-list .cat-featured--tab__inner > strong {
		font-size: 24px;
		font-weight: 400;
		margin-bottom: 10px;
	}

	.filter-brands--title {
		font-size: 14px;
		margin-bottom: 8px;
		font-weight: 500;
	}
	.category-main--side {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
	.filter-brands--list {
        flex-wrap: nowrap !important;
        width: calc(100% + 60px);
        margin: 0px -36px 0 -30px;
        overflow-x: auto;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none;  /* IE and Edge */
    }
	.filter-brands--list::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera */
	}
    .filter-brands--list > div {
        min-width: calc(14.285% + -6px);
        width: calc(14.285% + -6px);
        padding: 0 6px 6px 0;
    }
	.filter-brands--list > div:first-child {
		margin-left: 30px;
	}
	.filter-brands--list > div:last-child {
		margin-right: 30px;
	}
	.filter-brands--list a {
		min-height: unset;
		padding: 8px 16px;
	}

	.featured-brand-items {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

	.featured-brands--list.isDragging a {
		pointer-events: none;
	}

	.page-heading-badge {
		right: 20px;
		top: 94px;
		width: 50px;
	}

	.key-point-blocks {
		flex-wrap: wrap;
		margin: 0 -32px -32px 0;
	}
	.key-point-blocks > div {
        padding: 0 32px 32px 0;
    }
	.key-point-block {
    	padding: 24px;
	}
	.key-point-block--heading {
		margin-bottom: 16px;
	}
	.key-point-blocks > div {
		min-width: 100%;
	}
	.our-story--block--year {
        font-size: 38px;
    }

	.badge-bar.badge-bar-lg img {
		height: 112px;
	}

}


/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
	.page-heading.home-header {
        height: unset;
        min-height: 600px;
    }

	.page-tabbed {
		flex-direction: column;
	}
	.page-tabbed--side, .page-tabbed--side-content, .page-tabbed--side-menu {
		width: 100%;
		max-width: 100%;
	}
	.page-tabbed--side-content {
		padding: 0 30px;
	}
	.page-tabbed--main__inner {
		max-width: 100%;
	}
	.usp-text-row {
		justify-content: center;
	}
	.usp-text-row > div {
		width: 50%;
		flex: unset;
	}

	.brands-block__center .brands-block--list > div {
		width: 25%;
	}
	.store-list--items > div > img {
		/* visibility: hidden; */
	}

	.page-split-block {
		flex-direction: column;
	}
	.split-block--content, .split-block--img {
		width: 100%;
	}
	.split-block--img {
		min-height: 400px;
	}

	.page-heading.home-heading {
		margin-bottom: -50px;
	}
	.cat-featured--tabs {
		position: relative;
		transform: none;
		left: unset;
		bottom: unset;
		padding: 15px 8px 5px 20px;
		margin: -1px 0 0;
		background-color: #28282A;
		flex-wrap: wrap;
	}
	.cat-featured--tab {
        display: flex !important;
        width: calc(25% + -15px);
    }
	.cat-featured--tab__image {
		display: none;
	}
	.cat-featured--tab__inner > strong {
		font-size: 13px;
	}
	.cat-featured--tab__inner > small {
		display: none;
	}
	.cat-featured--tab.sel {
		padding-bottom: 12px;
	}
	.cat-featured--tab > div {
		padding: 13px 11px 8px!important;
	}
	.cat-featured--tab.sel > div {
		border-radius: 10px;
	}
	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail {
		display: none;
	}

	.sidebar,
	.sidebar-content,
	.account-details--left,
	.account-details--right {
		width: 100%;
	}

	.search-page {
		flex-wrap: wrap;
	}

	.overlay-basket-basic .overlay--inner {
		max-width: 90%
	}

	.sidebar-content {
		overflow: visible;
	}

	.basket-action {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.basket-action > .button {
		order: 2;
	}

	.basket-action .button:first-child {
		order: 3;
		margin: 0 0 0 auto;
	}

	#updateBasketBtn {
		order: 1;
		width: 100%;
	}

	.listing-tabs-buttons {
		display: block;
		width: 100%;
		height: 70px;
		overflow: hidden;
		padding: 0;
	}

	.listing-tabs-buttons.show {
		display: table;
		width: 100%;
	}

	.sidebar {
		border-top: 2px solid #f4f4f4;
	}

	.listing-tabs-buttons.show .listing-tabs-button {
		display: table-row-group;
	}

	.listing-tabs-buttons.show .listing-tabs-button.sel {
		display: table-header-group;
		padding: 15px;
		background: url(<?=$IMAGE_PATH?>icon-chevron-up-white.png) center right
			30px no-repeat rgba(0, 0, 0, 0.1);
	}

	.listing-tabs-button {
		display: none;
		padding: 0;
	}

	.listing-tabs-button span {
		display: block;
		padding: 20px 30px;
	}

	.listing-tabs-button.sel {
		width: 100%;
		display: block;
		background: url(<?=$IMAGE_PATH?>icon-chevron-down-white.png) center
			right 30px no-repeat;
	}

	.listing-tabs-button.sel span {
		display: block;
		font-size: 21px;
		padding: 22px 30px;
	}

	.footer-payment {
		float: none;
		display: block;
		text-align: center;
	}

	.listing-ratings,
	.listing-detail {
		text-align: left;
		display: block;
	}

	.grid-filters-subcategories {
		display: none;
	}

	.filter-subcategories .filter-title {
		display: block;
	}

	.listing-tabs-buttons,
	.comparison-bar {
		display: none !important;
	}

	.listing-tab {
		display: block !important;
	}

	/*Mobile Filters*/

	#sidebar--mbl-filters {
		display: block;
	}

	#mbl-filters {
		background: #01c4f4;
		color: #fff;
	}

	#mbl-filters-sub {
		display: none;
	}

	#mbl-filters span:after,
	#mbl-filters span:before {
		background: #fff;
	}

	#mbl-filters-sub .list-reset {
		padding: 4px 32px 22px 32px;
	}

	.search_dropdown {
		left: 50%;
		transform: translateX(-50%);
		right: auto;
	}

	.mobile-search--input {
		overflow: visible;
		position: relative;
	}

	.onpage-search .mobile-search--submit {
		position: absolute;
		right: 0;
	}

	.address-block--add,
	#savedAddresses .address-block {
		width: 50%;
	}

	.wishlist-prod-add-button button span {
		display: none;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/
@media (max-width: 900px) {

	.retailer-country-half {
		width: 100%;
	}

	.footer-locations > div:not(:last-child) {
		margin-right: 40px;
	}
	.footer-menu {
		padding-right: 20px;
		width: 250px;
	}
	.footer-menu a {
		font-size: 18px;
	}

	.store-list--items > div {
		width: 150px;
	}

	.page-heading__split > .page-heading--content .page-heading--btns {
		justify-content: center;
		flex-wrap: wrap;
	}
	.page-heading__split .page-heading--content {
		width: 100%;
	}
	.page-heading__split .page-heading--img {
		width: 100%;
		height: 100%;
		opacity: 0.1;
	}
	.page-heading__split > .page-heading--content > div {
		align-items: center;
	}
	.page-heading__split > .page-heading--content > div > .page-heading--text {
		text-align: center;
	}
	.page-heading__split > .page-heading--content > div > * {
		max-width: 100%;
	}
	.tabbed-content-block--content {
		width: 100%;
	}
	.tabbed-content-block--content:first-child:not(:last-child) {
		padding-right: 0;
		padding-bottom: 40px;
	}
	.tabbed-content-block--img.video-img-player {
		min-height: 328px;
		width: 100%;
	}

	.page-heading.basic h1 {
		font-size: 48px;
	}

	.sticky-scroller--track {
		height: 1000px;
	}
	.page--our-story .sticky-scroller--fixed img {
		width: 210px;
	}

	.bg-texture-title {
		font-size: 26px;
	}
	.lg-usps--inner:not(:first-child) {
		margin-top: 10px;
	}
	.usp-lg--main {
        padding: 0px 0 30px;
    }
	.usp-lg--side {
		flex-direction: column;
	}
	.usp-lg--side:not(:last-child), .usp-lg--side > div:not(:last-child) {
        margin-bottom: 20px;
    }
	.usp-lg--side > div {
		
	}
	.store-list {
		margin-bottom: 0px;
	}
	.retailer-map {
		margin: 40px -80px 0;
	}

	.split-content-open {
		flex-direction: column;
	}
	.split-open--text {
		text-align: center;
		align-items: center;
	}

	.brands-block--list > a {
		width: 24%;
		margin: 0 10px;
	}

	.mobile-menu--inner {
		padding: 45px 50px;
	}
	.mobile-nav a {
		font-size: 25px;
	}
	.mobile-menu--action-btn > a {
		font-size: 16px;
	}
	.mobile-action > a {
		font-size: 16px;
	}
	.mobile-menu--action-btn {
		margin-bottom: 40px;
	}
	.breadcrumbs {
		display: none;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.account-sidebar--mobile-title {
		display: block;
	}

	.home-welcome,
	.sort-by,
	.account-box,
	.home-news {
		width: 100%;
		float: none;
	}

	.basket-heading--text {
		margin-left: 15px;
	}

	.account-sidebar,
	.account-main {
		width: 100%;
	}

	.account-sidebar {
		margin: 0 0 20px;
	}

	.home-tab .segment-60,
	.home-tab .segment-40,
	.page-list--item {
		width: 50%;
	}

	.brands-list--item {
		width: 25%;
	}

	.page-list--item-inner {
		padding: 0 0 50% 0;
	}

	.sort-by-container {
		float: left;
		width: 50%;
	}

	.listing-deadline-doughnut {
		margin: 0;
		padding: 0;
	}

	.home-welcome {
		margin: 30px 0 0 0;
	}

	.footer-right {
		padding: 30px 0 0 0;
	}

	.home-welcome {
		padding: 20px;
	}

	.jumbotron--title {
		font-size: 36px;
	}

	.home-tab--btn.sel {
		font-size: 18px;
	}

	.footer-top > .container {
		text-align: center;
		height: auto;
	}

	.new-products {
		padding: 60px 0 40px 0;
	}

	.home-welcome {
		float: left;
	}

	@-webkit-keyframes overlayEntrance {
		0% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
		100% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
	}

	@keyframes overlayEntrance {
		0% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
		100% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
	}

	.account-sidebar--mobile-title.open ~ .account-wrap {
		display: block;
	}

	.account-sidebar--mobile-title ~ .account-wrap {
		display: none;
	}

	.account-sidebar--mobile-title.open svg {
		transform: rotate(-180deg) translateY(4px);
	}

	.account-table .dblc {
		padding: 12px 8px;
	}

	.wishlist-prod-add-button button span {
		display: inline;
	}

	.filter-brands--list > div {
        min-width: calc(20% + -8px);
        width: calc(20% + -8px); 
    }

	.our-story--upper {
        padding: 80px 0 30px;
    }

	.our-story--blocks {
        padding: 60px 40px;
    }
	.our-story--block {
		flex-direction: column !important;
	}
	.our-story--block:not(:last-child) {
        margin-bottom: 50px;
    }
	.our-story--block-content {
		width: 100%;
        text-align: center !important;
        margin: 0 0 20px !important;
        background-color: #111112;
        border-radius: 20px;
        padding: 16px;
    }
}


/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
	.retailer-list--brands > div {
		/* min-width: 100%; */
		flex: 1 0 50%;
	}
	.retailer-list--brands.rows > div {
		min-width: 50%;
		max-width: 50%;
	}

	.form-block--title {
		font-size: 30px;
	}
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}

	.page-heading--side-blocks {
		flex-direction: column;
		margin-top: 10px;
		width: 100%;
		min-width: unset;
	}
	.page-heading--side-blocks > a {
		text-align: center;
		background: transparent;
		padding: 10px;
		margin: 0 0 15px 0;
		width: 100%;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	.mob-only {
		display: flex;
	}

	.lg-img-text-block.segment-33 {
		width: 100%;
	}
	.lg-img-text-block {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.lg-img-text-image {
		width: 100%;
		max-width: 500px;
		display: block;
		margin: 0 auto;
	}
	.lg-img-text-content {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.cat-featured--item .product-grid--item.segment-20 {
		width: 50%;
	}
	.mbl-home-tab-btns {
		display: block;
	}

	.listing-backdrop {
		display: none !important;
	}

	.order-panel:first-child,
	.listing-side,
	.listing-main {
		width: 100%;
	}

	.account-section--row > .flex {
		flex-direction: column;
	}

	.basket-main {
		flex-direction: column;
	}

	.basket-item-option {
		white-space: normal;
	}

	.basket-heading {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px 0;
	}

	.basket-heading--right {
		flex-direction: column;
		text-align: center;
		gap: 8px 0;
	}

	.basket-left {
		width: 100%;
	}

	.basket-sidebar {
		margin: 20px 0 0 0;
		width: 100%;
		max-width: 100%;
	}

	.account-heading h1, .account-heading h2 {
	}

	.account-section--image {
		width: 110px;
	}

    .account-section--row {
        padding: 18px
    }

    .account-subs--details {
        border-top: 1px solid #e9e9e9;
        width: 100%;
        padding: 20px 0 0 0;
        margin: 20px 0 0 0
    }

	.account-subs--prod-details {
		border: none;
		padding: 0;
	}

	.account-heading h1,
	.account-heading h2 {
		font-size: 22px;
	}

	.product-grid .segment-20,
	.cat-list--item {
		width: 50%;
	}

	.listing-side,
	.listing-main {
		float: none;
	}

	.listing-deadline--details {
		float: left;
	}

	.listing--left-inner {
		max-width: none;
	}

	div.home-cat-list--item.cat-list--item .cat-list--item-inner {
		padding: 0 0 40% 0;
	}

	.listing-deadline-doughnuts {
		float: right;
	}

	.listing-deadline-doughnut {
		margin: 0 0 0 10px;
	}

	.listing-ratings,
	.listing-detail {
		text-align: left;
		display: table-cell;
	}

	.listing-ratings {
		text-align: right;
	}

	.listing-main--inner {
		max-width: 100%;
		float: none;
	}

	.listing-image img {
		width: 100%;
	}

	.listing-tabs {
		margin-top: 10px;
	}

	.listing-extra {
		width: 50%;
		float: left;
	}

	.product--overlay-top {
		background: #37af56;
	}

	.account-main {
		padding: 25px;
	}

	.account-heading {
		margin: -25px -25px 25px -25px;
		padding: 20px 25px;
	}

	.order-panel {
		padding: 0 10px 10px 0;
		text-align: center;
		width: 50%;
	}

	.cat-featured--tabs {
		padding: 20px;
	}
	.cat-featured--tab {
		width: 100%;
		padding:0!important;
		margin-right: 0!important;
	}
	.cat-featured--tab.sel {
		display: none!important;
	}
	.cat-featured--tab > div {
		flex-direction: row;
		align-items: center;
	}
	.cat-featured--tab__image {
		display: flex;
		margin: 0 25px 0 0;
		padding: 0;
		height: 90px; width: 140px;
        flex: unset;
	}
	.cat-featured--tab__image img {
		max-width: 100%;
		width: auto;
		max-height: 100%;
	}
	.cat-featured--tab__inner > strong {
		font-size: 24px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.cat-featured--tab__inner > small {
		display: block;
		font-size: 12px;

	}

	.page-title-italic {
		font-size: 34px;
	}

	.instafeed-banner {
		flex-wrap: wrap;
		padding: 40px 20px;
	}

	.instafeed-banner > .bg-texture-title:first-child:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px !important;
    }
	.instafeed-banner--social {
		width: 100%;
	}
	.instafeed-banner--social a {
		height: 58px;
		width: 58px;
	}

	.instafeed-grid > a {
        padding: 33.33333333% 0 0;
        min-width: calc(33.333333% - 1px);
        max-width: calc(50% - 1px);
    }
	.instafeed-grid > a:nth-child(n+7) {
        display: none;
    }
	
	.listing-thumbnails-new {
		margin: 0 -10px -10px 0;
	}

	.listing-thumbnails-new > * {
		padding: 0 10px 10px 0;
	}

	.listing-main-image {
		padding-right: 10px;
	}

	.listing-main-image {
		width: 76.29%;
	}

	.filter-brands--list a span {
    	font-size: 13px;
	}
	.filter-brands--list > div {
        min-width: calc(20% + -2px);
        width: calc(20% + -2px);
    }

	.our-story--upper {
        padding: 40px 0 30px;
    }

	.badge-bar.badge-bar-lg img {
		height: 90px;
	}
}

/*
|--------------------------------------------------------------------------
| Min Width #701px - BEFORE MOBILE
|--------------------------------------------------------------------------
*/
@media (min-width: 701px) {
	.mob-show {
		display: none;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #700px
|--------------------------------------------------------------------------
*/
@media (max-width: 700px) {
	
	header, .header-main {
		height: 62px!important;
	}
	.mobile-menu {
		top: 62px;
	}
	.mobile-menu--btn {
		margin: 18px auto;
	}

	.page-heading--inner {
        padding: 40px;
        justify-content: flex-end;
    }
	.page-heading--title {
        font-size: 34px;
    }
	.page-heading--text {
        font-size: 18px;
		line-height: 1.5;
    }
	
	.footer-menu {
		padding-bottom: 30px;
	}
	.testimony-row--item {
		padding: 20px 25px 20px 60px;
	}
	.testimony-row--item::before {
		left: 26px;
		top: 20px;
		height: 20px;
		width: 20px;
	}
	.product-grid--brand {
		padding: 25px;
		margin: 0 -25px;
	}
	.listing-overview h1 {
		font-size: 26px;
	}
	.listing-side--scroll-tos {
		justify-content: center;
		flex-wrap: wrap;
	}
	.listing-side--scroll-tos > div {
		width: 50%;
		flex: none;
	}
	.full-description--title {
		font-size: 24px;
	}
	.basic-title {
		font-size: 20px;
	}
	
	.text-btn-block > .title {
		font-size: 24px;
	}
	.brands-block__center .brands-block--list > div {
		width: 33.33333%;
	}

	.store-list--title {
		font-size: 20px;
	}
	.container {
		padding: 0 25px;
	}
	.cookie-bar--inner{
		padding: 20px 25px;
	}
	.split-block--img {
		min-height: 350px;
	}
	.split-block--content > .title, .split-lg--content > .title, .split-brands-content--content > .title {
		font-size: 22px;
	}

	.grid--80 {
		margin: 0 -40px -40px 0;
	}
	.grid--80 > * {
		padding: 0 40px 40px 0;
	}
	.mob-hide {
		display: none!important;
	}

	.cat-featured--item--title {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.cat-featured--item--title > span {
		color: #9D9D9D;
		font-family: 'SpaceGrotesk';
		font-size: 16px;
	}
	.logo, .logo svg {
		width: 200px;
	}
	.mobile-menu--inner {
		padding: 34px 40px;
	}
	.mobile-nav--parent > a > svg {
		width: 25px;
	}
	.mobile-menu--action-btn > a {
		padding: 8px 25px;
	}
	.mobile-nav--dropdown > a {
		font-size: 18px;
	}
	.header-main--right {
		display: none;
	}

	.order-ref,
	.order-status,
	.acc-order-total,
	.order-date {
		display: none;
	}

	.banner {
		width: 50%;
		margin: 0 0 16px;
	}

	.banner:last-child {
		margin: 0 auto;
		float: none;
		clear: left;
	}

	#address-overlay-postcode {
		width: 50%;
  }

	.overlay-basket--right {
		width: 100%;
	}

	.overlay-basket--left {
		display: none;
	}

	.overlay-basket-basic--main {
		flex-direction: column;
	}

	.loyalty-point--cont {
		width: 100px;
	}

	.top-loyalty:before,
	.loyalty:before {
		left: 50px;
	}

	.at-share-btn,
	.at-share-btn svg,
	.at-icon-wrapper {
		height: 30px !important;
		width: 30px !important;
		line-height: 30px !important;
		max-width: 30px !important;
		max-height: 30px !important;
	}

	.original_search {
		margin: 0 0 10px 0;
	}

	.search_dropdown {
		opacity: 0 !important;
	}

	.offer-overlay--upper {
		padding: 20px;
	}

	.offer-overlay--title {
		font-size: 38px;
		line-height: 40px;
	}

	.order-btns .button {
		display: block;
		margin: 0 auto 5px;
		max-width: 320px;
		float: none;
	}

	.create-wishlist {
		float: left;
		clear: left;
		margin: 0 0 20px;
	}

	.wishlist-prod-add-button button span {
		display: none;
	}

	.wishlist-top,
	.wishlist-top-left,
	.wishlist-top-right {
		display: block;
	}

	.wishlist-top {
		margin: 0;
	}

	.wishlist-top-left {
		max-width: none;
	}

	.wishlist-edit,
	.wishlist-return {
		margin-left: 0;
		margin-right: 10px;
	}

	.wishlist-top .wishlist-top-left {
		margin-bottom: 10px;
	}

	.wishlist-top .wishlist-top-right {
		width: 100%;
		margin-bottom: 25px;
	}

	.store-list--items > div {
		margin: 10px;
	}

}


/*
|--------------------------------------------------------------------------
| Max Width #601px
|--------------------------------------------------------------------------
*/
@media (min-width: 601px) {
	.cat-featured--tabs {
		background-image: none!important;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
	.footer-right {
		padding: 0px 0 0 0;
		flex-direction: column;
	}
	.footer-bottom {
		margin-top: 20px;
	}
	.footer-locations {
		flex-wrap: wrap;
	}
	.footer-locations > div:not(:last-child) {
		margin-bottom: 20px;
	}
	.footer-main--inner {
		flex-direction: column;
	}
	.footer-menu, .footer-locations {
		padding-right: 0;
	}
	.listing-side {
		/* padding: 20px; */
	}
	.listing-opt-container {
		flex-direction: column;
	}
	.options_text {
		padding: 0 0 10px;
		text-align: left;
		width: 100%;
	}
	#listing_options {
		display: flex;
		padding: 12px 15px;
	}
	.listing-side-description {
		padding: 15px 0px 20px;
	}
	.filter-brands--list > div {
        min-width: calc(25% + -4px);
        width: calc(25% + -4px);
    }


	.retailer-list--brands > div {
		/* min-width: 100%; */
		flex: 1 0 100%;
	}

	/* .retailer-list--country {
		width: 100%;
		padding: 20px;
	}

	.retailer-list-rows > div {
		flex-direction: column;
	} */

	.form-block--title {
		font-size: 26px;
	}

	.usp-text-row > div {
		width: 100%;
		flex: unset;
	}
	.usp-text-row > div:not(:last-child) {
		margin-bottom: 20px;
	}

	.lg-usps__list--list > div {
		width: 100%;
		text-align: center;
		align-items: center;
	}
	.lg-usps__list .lg-usps--content {
		text-align: center;
	}
	.tabbed-content--toggles.icons {
		justify-content: center;
	}
	.tabbed-content--toggles > span {
		width: 33.333333%;
	}

	.split-brands-content .brand-list > div {
		width: 50%;
	}
	.split-lg--imgs {
		flex-direction: column;
		height: unset;
	}
	.split-lg--imgs > div {
		flex-direction: row;
		width: 100%;
		min-height: 240px;
	}
	.split-lg--img-side > div {
		height: 100%;
		width: 50%;
	}

	.brands-block--list > a {
		width: 30%;
		margin: 0 15px;
	}

	.page-heading.home-heading {
		margin-bottom: 0px;
	}
	.page-heading.home-heading img:not(.home-heading--img-mob) {
		display: none;
	}
	.page-heading.home-heading img {
		display: block;
	}
	.footer-main.open .footer-nav,
	.footer-newsletter.open,
	.footer-nav--mbl-button {
		display: block;
	}

	.footer-newsletter,
	.footer-nav,
	.cart-item-image {
		display: none;
	}

	.address-block,
	.address-block--add,
	#savedAddresses .address-block,
	.comments-form div[class^="segment-"],
	.account-panel,
	.account-panels--wide .account-panel,
	.cat-list--item {
		width: 100%;
	}

	.brands-list--item {
		width: 33.333333333%;
	}

	.account-main h1 {
		font-size: 22px;
	}

	.basket-action .button:first-child {
		margin: 0;
	}

	.basket-action {
		display: flex;
		flex-direction: column;
		gap: 10px 0;
	}

	.basket-action > * {
		order: 2
	}

	#updateBasketBtn {
		order: 1;
	}

	div.home-cat-list--item.cat-list--item .cat-list--item-inner {
		padding: 22px;
	}

	.footer-nav--mbl-button {
		padding: 30px 0;
	}

	.footer-nav {
		padding: 0 0 30px;
	}

	.footer-nav > ul {
		width: 100%;
		text-align: center;
	}

	.footer-nav > ul:first-child a,
	.comments--title,
	.article--title {
		font-size: 24px;
		line-height: 24px;
	}

	.footer-nav > ul:not(:first-child) a {
		font-size: 21px;
	}

	.footer-nav--link {
		padding: 7px 0;
	}

	.footer-btm--links {
		float: none;
		text-align: center;
	}

	.cat-list--item-title {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		padding: 0 50px 0 0;
		text-align: left;
		font-size: 24px;
		color: #666666;
		background: url(<?=$IMAGE_PATH?>mbl-icon-arrow-right-dark.png) no-repeat
			center right;
	}

	.cat-list--item .cat-list--item-title {
		font-size: 24px;
		line-height: 24px;
		color: #fff;
		background: url(<?=$IMAGE_PATH?>mbl-icon-arrow-right.png) no-repeat
			center right;
	}

	.cat-list--item-inner:after {
		height: auto;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
	}

	.cat-list--item-inner:hover:after {
		transform: none;
	}

	.cart-item-content {
		padding-left: 0;
	}

	.payment-method__card .payment-method--title,
	.payment-method__paypal .payment-method--title {
		text-indent: -600px;
		background-position: center left;
	}

	.footer-right {
		text-align: center;
	}

	.footer-newsletter {
		margin: 0 0 20px 0;
	}

	.wishlist-table tr {
		display: block;
		margin-bottom: 4px;
		overflow: hidden;
		background: #fff;
	}

	.wishlist-prod td {
		display: block;
		width: 100%;
		border: 0;
	}

	.wishlist-prod .wishlist-prod-image {
		display: none;
	}

	.wishlist-prod .wishlist-prod-move-button,
	.wishlist-prod .wishlist-prod-add-button,
	.wishlist-prod .wishlist-prod-del-button {
		padding-top: 0;
	}

	.wishlist-prod .wishlist-prod-add-button {
		padding-left: 20px;
		width: auto;
		float: left;
	}

	.wishlist-prod-add-button button span {
		display: inline;
	}

	.wishlist-prod .wishlist-prod-del-button {
		overflow: hidden;
		width: auto;
	}

	.account-table.vouchers-large .dblr:first-child {
		display: none;
	}

	.account-table.vouchers-large .dblc span {
		display: inline-block;
		padding-right: 5px;
	}

	.account-table.vouchers-large {
		border: none;
	}

	.account-table.vouchers-large .dblc,
	.account-table.vouchers-large .dblr {
		display: block;
		border: none;
		background: #1e1e1e;
		padding: 6px;
	}

	.account-table.vouchers-large .dblr {
		margin-bottom: 10px;
		position: relative;
	}

	.account-table.vouchers-large:not(.voucher-details) .dblc:last-child {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.account-table.vouchers-large .mobile_hide {
		display: none;
	}

	.account-table.vouchers-large {
		margin: 0 0 10px;
	}

	.page-title-italic {
		font-size: 30px;
	}

	.our-story--content-text,
	.our-story--content-text p {
		font-size: 16px;
	}

	.our-story--title {
		font-size: 24px;
	}

	.page-heading-container {
		display: flex;
		flex-direction: column-reverse;
	}
	.page-heading-badge {
        top: 104px;
    }
	.page-heading.home-header {
		min-height: unset;
	}
	.page-heading.home-header .page-heading--inner {
		padding: 90px 30px 30px 30px;
	}
	.page-heading.home-header .page-heading--title {
        font-size: 32px;
		line-height: 1.3;
		margin-bottom: 12px;
    }
	.home-header--title-bold {
		max-width: 400px;
	}
	.page-heading.home-header .page-heading--text {
		position: relative;
        font-size: 16px;
        padding-right: 90px;
    }
	.page-heading-badge {
        display: flex;
        top: 4px;
        right: 0;
    }
	.page-heading-container > .home-slider {
		position: relative;
		top: unset; right: unset; left: unset; bottom: unset;
	}
	.home-slider .slick-slide img {
		position: relative;
		top: unset;
		left: unset;
		transform: none;
	}

	.cat-featured--tab__inner > strong {
        font-size: 21px;
	}
	.cat-featured--tab__image {
        width: 110px;
	}
	.cat-featured--toggle {
        font-size: 18px;
	}
	.category-top--cat-list .cat-featured--tab__image, .cat-featured--toggle--image {
        height: 68px;
        width: 102px;
        margin: 0 20px 0 0;
	}
	.category-top--cat-list .cat-featured--tab__inner > strong {
        font-size: 18px;
	}

	.store-list--items > div {
        width: 120px;
    }
	.split-block--content {
        padding: 30px 24px;
    }
	.split-content--dds {
		margin-bottom: -10px;
	}

	.retailer-country-inner {
		flex-direction: column;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/
@media (max-width: 570px) {
	.listing--title {
		font-size: 22px;
	}

	.offer-overlay--title,
	.offer-overlay--sub {
		margin-bottom: 15px;
	}

	.offer-overlay--title {
		font-size: 30px;
		line-height: 32px;
	}

	.overlay-account .overlay--inner {
		max-width: 88%;
	}

	.basket-item-qty {
		padding: 0;
	}

	.basket-item-image {
		width: 110px;
	}

	.counter-input input {
		width: 40px;
	}

	.account-heading {
		flex-direction: column;
		gap: 10px;
	}

	.loyalty-table,
	.account-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.overlay-account .overlay--inner {
		max-width: 95%;
	}

	.payment-method--content {
		padding: 30px;
	}

	.page-heading--side-blocks > a {
		padding: 15px;
	}

	.listing-thumbnails-new,
	.listing-main-image {
		width: 100%;
	}

	.listing-images {
		flex-wrap: wrap;
	}

	.listing-thumbnails-new {
		flex-direction: row;
		flex: auto;
	}

	.listing-thumbnails-new > * {
		width: 33.3333%;
	}

	.listing-main-image {
		padding-right: 0;
	}

	.listing-side {
		padding-top: 25px;
	}

	.testimony-row .slick-list {
		padding: 30px 10px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #550px
|--------------------------------------------------------------------------
*/
@media (max-width: 550px) {
	.page-heading.home-header .page-heading--title {
        font-size: 29px;
	}
	.home-header--title-bold {
        max-width: 340px;
    }
}


/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
	.page-heading.home-header .page-heading--inner {
        padding: 80px 20px 24px 20px;
    }
	.page-heading.home-header .page-heading--title {
        font-size: 22px;
    }
	.home-header--title-bold {
        max-width: 280px;
    }
	.page-heading--inner {
        padding: 30px 20px;
	}
	.page-heading--title {
        font-size: 34px;
    }

	.listing-overview {
		padding: 20px;
	}
	.listing-overview h1 {
		font-size: 22px;
	}

	.cat-featured--tabs {
		padding: 20px 20px 15px 20px;
	}
	.cat-featured--tab__image {
		height: 80px;
	}
	.cat-featured--item--title {
		font-size: 25px;
	}
	.cat-featured--tab__inner > strong {
		font-size: 20px;
	}

	.mobile-menu--inner {
		padding: 25px 25px 35px;
	}

	.cms-navtrail {
		display: none;
	}

	.order-panel,
	.request-form--input,
	.banner {
		width: 100%;
	}

	.listing-deadline-doughnuts,
	.listing-deadline--details {
		float: none;
	}

	.delivery-table--addl-info {
		display: none;
	}

	.cat-list--item-featured .cat-list--item-title {
		font-size: 24px;
	}

	.cat-list--item-title {
		font-size: 18px;
	}

	@-webkit-keyframes mobileMenuOpen {
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
	}

	@keyframes mobileMenuOpen {
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
	}

	@-webkit-keyframes mobileMenuClose {
		from {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
		to {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
	}

	@keyframes mobileMenuClose {
		from {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
		to {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
	}

	.listing-deadline-doughnuts {
		text-align: center;
	}

	.listing-deadline-doughnut {
		margin: 0 0 0 10px;
	}

	.button-more-about-us {
		padding: 10px 15px 10px 80px;
	}

	.btn-read-article {
		padding: 7px 10px;
	}

	.returns-form {
		padding: 30px 20px 0;
	}

	.returns-form--title {
		font-size: 19px;
	}

	.button-arrow span {
		padding: 0 24px 0 0;
	}

	.cart-item-right {
		position: static;
		float: none;
		text-align: left;
		clear: both;
		padding-top: 15px;
	}

	.cart-item-right .remove {
		bottom: 4px;
	}

	.cart-free-item-inner {
		display: block;
	}

	.cart-free-item-inner .cart-item-content {
		margin-bottom: 15px;
	}

	.cart-free-item-right {
		text-align: left;
	}

	.home-welcome--title {
		font-size: 26px;
		margin: 0 0 10px;
	}

	.listing-tab {
		padding: 24px;
	}

	.checkout-header {
		text-align: center;
	}

	.account-main-filter {
		width: 100%;
	}

	.account-table.vouchers .dblr:first-child {
		display: none;
	}

	.account-table.vouchers .dblc span {
		display: inline-block;
		padding-right: 5px;
	}

	.account-table.vouchers {
		border: none;
	}

	.account-table.vouchers .dblc,
	.account-table.vouchers .dblr {
		display: block;
		border: none;
		background: #1e1e1e;
		padding: 6px;
		font-size: 12px;
	}

	.account-table.vouchers .dblr {
		margin-bottom: 10px;
		position: relative;
	}

	.account-table.vouchers:not(.voucher-details) .dblc:last-child {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.account-table.vouchers .mobile_hide {
		display: none;
	}

	.account-table.vouchers {
		margin: 0 0 10px;
	}

	.overlay.vouchers .button {
		padding: 8px 15px 6px;
	}

	.split-lg--right .footer-locations {
		justify-content: flex-start;
		margin: 0 -50px -50px 0;
	}
	.split-lg--right .footer-locations > div {
		padding: 0 50px 50px 0;
	}

	.input.segment-50 {
		width: 100%;
	}

	.split-lg--right {
		padding: 50px;
	}

	.instafeed-banner .bg-texture-title {
		font-size: 22px;
	}

	.instafeed-grid > a {
        padding: 50% 0 0;
        min-width: calc(50% - 1px);
        max-width: calc(100% - 1px);
    }
	.instafeed-grid > a:nth-child(n+5) {
        display: none;
    }

	.filter-brands--list a {
        padding: 8px;
    }

	.our-story--block-content > .content {
        font-size: 14px;
    }
	.our-story--block--year {
        font-size: 34px;
    }

	.key-point-block {
        padding: 20px;
    }

	.badge-bar.badge-bar-lg.grid--30 {
		margin: 0 -20px -20px 0;
	}
	.badge-bar.badge-bar-lg.grid--30 > div {
		padding: 0 20px 20px 0;
	}
	.badge-bar.badge-bar-lg img {
        height: 70px;
    }

	.split-lg--content:last-child:not(:first-child), 
	.split-brands-content--content:last-child:not(:first-child), 
	.split-lg--content:first-child:not(:last-child), 
	.split-brands-content--content:first-child:not(:last-child) {
        padding: 0 0 32px;
    }

	.brands-block__center .brands-block--list > div {
        padding: 18px 12px;
    }

	.page-heading.home-header .page-heading--title {
        font-size: 27px;
    }
	.home-header--title-bold {
        max-width: 330px;
    }
	.page-heading.home-header .page-heading--text {
        font-size: 14px;
        padding-right: 65px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #479px
|--------------------------------------------------------------------------
*/
@media (max-width: 479px) {
	.product-grid--brand {
		padding: 20px;
		margin: 0 -20px;
	}

	.listing-side--scroll-tos > div {
		width: 100%;
	}

	.split-lg--imgs > div.split-lg--img-side {
		flex-direction: column;
		min-height: 480px!important;
	}
	.split-lg--img-side > div {
		height: 100%;
		min-height: 240px;
		width: 100%;
	}
	
	.container--full {
		padding: 0 20px;
	}
	.header-main > div > .flex {
		justify-content: flex-start;
	}
	.account-details--block-action {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.basket-item-small .basket-item-image {
		display: none;
	}

	.basket-item-small .basket-item-main {
		/* flex-direction: column; */
	}

	.basket-item-small .basket-item-image-wrapper {
		order: 2;
	}

	.basket-item-small {
		padding: 10px;
	}

	.overlay-basket {
		padding: 10px;
	}

	.basket-item-small .basket-item-qty {
		padding-right: 0;
	}

	.basket-item-small .basket-item-pricing,
	.basket-item-small .basket-item-details {
		padding-left: 0;
	}

	.quote-side .basket-segment {
		padding: 10px;
	}

	.basket-sidebar {
		gap: 17px 0;
	}

	.container--basket {
		padding: 0 10px;
	}

	.subs-olay .account-heading {
		margin: -10px -10px 10px -10px;
		padding: 10px 10px;
		display: block;
  }

	.overlay-basket--right .stock {
		width: 100%;
	}

	.overlay-basket--right {
		padding: 20px;
	}

	.basket-item-pricing {
		align-items: flex-start;
		margin: 0;
	}

	.basket-item-stock-status {
		margin: auto 0 0 0;
	}

	.basket-item-pricing > * {
		display: none;
	}

	.basket-item-price {
		display: block;
		font-size: 13px;
	}

	.overlay-basket--qty-row {
		flex-direction: column;
	}

	#olay_box {
		padding: 10px;
	}

	.subs-olay-btns .button {
		width: 100%;
		margin: 5px 0 0 0;
	}

	.subs-olay .account-heading h2, .subs-olay .account-heading h1 {
	}

	.mobile-cart--btn-cont {
		line-height: 60px;
	}

	.order-price,
	.checkout-contact,
	.button-more-about-us {
		display: none;
	}

	.listing-extra,
	.new-products .segment-40,
	.new-products .segment-60,
	.page-list--item {
		width: 100%;
	}

	.brands-list--item,
	.image-block {
		width: 50%;
	}

	.mbl-home-tab--current-label {
		font-size: 16px;
	}

	.new-products {
		padding: 60px 0 35px 0;
	}

	.footer-payment img {
		width: 100%;
		height: auto;
	}

	.mobile-cart--btn-cont a {
		font-size: 30px;
		padding: 10px 0 0 30px;
		background-position-y: 10px;
	}

	.cart-items--action .button {
		width: 100%;
		text-align: center;
	}

	.checkout-header {
		padding: 18px 0;
	}

	.return-to-basket,
	#checkout-continue {
		width: 100%;
	}

	.checkout-action {
		padding-top: 4px;
		margin-bottom: 4px;
	}

	.checkout-segment {
		padding-bottom: 15px;
	}

	.checkout-segment--details .input {
		width: 100%;
	}

	#cart-login {
		width: 80px;
		margin-bottom: 0;
	}

	.mobile-nav a {
		font-size: 22px;
	}
	.mobile-nav--dropdown > a {
		font-size: 18px;
		margin: 8px 0;
	}

	.mobile-store {
		padding-top: 10px;
	}

	.mobile-nav .mobile-store--link {
		margin-bottom: 0;
	}

	.mobile-search--input {
		padding: 18px 20px 17px;
	}

	.mobile-social-title {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.mobile-social {
		padding: 10px 10px 1px 10px;
	}

	.mobile-store--cont > a {
		background: url(<?=$IMAGE_PATH?>icon-mobile-dropdown-down.png) no-repeat
			right 6px;
	}

	.mobile-store--cont.open > a {
		background: url(<?=$IMAGE_PATH?>icon-mobile-dropdown.png) no-repeat
			right 6px;
	}

	.mobile-action .icon {
		padding: 0 0 0 30px;
	}

	.bb-pp-container,
	.bb-card-container {
		table-layout: fixed;
	}

	.bt-pp-name,
	.bt-pp-cancel,
	.bt-pp-cancel button,
	.bt-pp-cancel a,
	.bt-card-cancel,
	.bt-card-cancel a {
		width: 20px;
		padding: 0;
	}

	.bt-pp-name,
	.bt-pp-cancel button,
	.bt-pp-cancel a,
	.bt-card-cancel a {
		text-indent: 100%;
		overflow: hidden;
	}

	.bt-pp-cancel button,
	.bt-pp-cancel a,
	.bt-card-cancel a {
		background-image: url(<?=$IMAGE_PATH?>cross-white.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 12px 12px;
		background-color: #707070;
	}

	#braintree-paypal-loggedin,
	#braintree-paypal-credit-loggedin,
	#braintree-card-stored,
	#truevo-card-stored {
		padding: 16px 10px;
	}

	.product-inner {
		padding: 15px;
	}
	.product-item--brand {
		padding: 10px;
	}

	.store-list--items > div {
		width: 140px;
	}

	.key-point-block--points {
		gap: 0.5rem;
	}
	.key-point-block--point {
		flex-direction: column;
		align-items: flex-start;
	}
	.key-point-block--title {
		padding-right: 0;
		padding-bottom: 16px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #450px
|--------------------------------------------------------------------------
*/
@media (max-width: 450px) {

	.retailer-country-inner {
		flex-direction: column;
	}

	.retailer-list--brands {
		width: 100%;
	}

	.page-heading.home-header .page-heading--title {
        font-size: 23px;
    }
	.page-heading.home-header .page-heading--text {
		padding-right: 80px;
	}
	.home-header--title-bold {
        max-width: 300px;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #425px
|--------------------------------------------------------------------------
*/
@media (max-width: 425px) {
    .page-heading.home-header .page-heading--text {
        padding-right: 100px;
    }
}


/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/
@media (max-width: 400px) {

	.page-heading--title {
        font-size: 30px;
    }
    .page-heading--text {
        font-size: 16px;
	}

	.footer-main {
		padding: 40px 0;
	}
	.testimony-row {
		display: none;
	}
	.listing-swatch {
		width: 100%;
		padding-right: 0;
	}
	.filter-brands--list > div {
		width: 100%;
	}
	.product-grid .segment-20, .cat-list--item {
		width: 100%;
	}
	.cat-featured--tab__image {
		margin: 0 15px 0 0;
		height: 70px;
	}
	.cat-featured--tab__inner > strong {
		font-size: 16px;
	}
	.cat-featured--item--title {
		text-align: center;
		flex-direction: column;
	}
	
	.store-list--items > div {
		width: 130px;
	}

	.brand a {
		height: 50px;
	}

	.mobile-search--input {
		line-height: 36px;
	}

	.mobile-search--submit {
		height: 70px;
	}

	.basket-heading--text span {
		display: block;
		margin: 0 0 5px;
	}

	#address-overlay-postcode {
		width: 100%;
	}

	.cart-side--delivery-option.sel:after,
	.cart-side--delivery-option:after {
		display: none;
	}

	.cart-side--delivery-option {
		padding-right: 12px;
		min-height: 0;
	}

	.basket-item-title-link {
		word-break: break-all;
	}

	.basket-checkout-button {
		font-size: 14px;
	}

	.basket-item-title-link {
		font-size: 14px;
	}

	.basket-item-image {
		 width: 94px;
	}

	.account-subs--action .button {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.subs-olay .account-heading h2, .subs-olay .account-heading h1 {
		font-size: 18px;
	}

	.account-subs--action {
		flex-direction: column;
	}

	.mobile-nav li {
		padding: 8px 0;
	}
	.mobile-nav a {
		font-size: 18px;
	}
	.mobile-nav--parent > a > svg {
		width: 20px;
	}

	.payment-method--content {
		padding: 20px;
	}

	.filter-brands--list > div {
        min-width: calc(25% + 4px);
        width: calc(25% + 4px);
    }

	.cat-featured--toggle {
        font-size: 16px;
        padding: 16px;
    }
	.category-top--cat-list .cat-featured--tab > div {
        padding: 8px 12px !important;
    }
	.category-top--cat-list .cat-featured--tab__inner > strong {
        font-size: 16px;
        margin-bottom: 4px;
    }
	.category-top--cat-list .cat-featured--tab__image, .cat-featured--toggle--image {
       display: none;
    }

	.badge-bar.badge-bar-lg {
		display: none;
	}

	.brands-block__center .brands-block--list > div {
		width: 50%;
		padding: 18px;
	}

	.page-heading.home-header .page-heading--title {
        font-size: 22px;
    }
	.home-header--title-bold {
        max-width: 290px;
    }
	.page-heading.home-header .page-heading--text {
        padding-right: 70px;
    }
}

/*
|--------------------------------------------------------------------------
| Min Width #480px
|--------------------------------------------------------------------------
*/
@media (min-width: 480px) {
	.wpwl-form {
		padding: 0;
	}

	.wpwl-wrapper-billing {
		float: right;
	}
}