/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet
|-----------------------------------------------------------------------------------------------------------------
*/




/*
|--------------------------------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/
@media (max-width: 1800px) {
	.header-nav--inner > *:nth-child(n+12) {
		display: none;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1700px
|--------------------------------------------------------------------------
*/
@media (max-width: 1700px) {
	.product-grid--item {
    	width: 16.666666%;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
	.panel--padding-100 {
		padding: 80px 0;
	}
	.product-grid .segment-20 {
		width: 25%;
	}
	.header-nav--inner > *:nth-child(n+11) {
		display: none;
	}

	.header-nav--inner > * {
    	flex: auto;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1500px 
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
	.header-nav--inner > *:nth-child(n+10) {
		display: none;
	}

	.sidebar {
		margin-right: 40px;
	}
	.product-grid--item {
    	width: 20%;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	.panel--padding-100, 
	.panel--padding-80 {
		padding: 60px 0;
	}
	.header-main > .container {
		padding: 0 50px;
	}
	.logo {
		width: 235px;
	}
	.header-nav--inner > *:nth-child(n+9) {
		display: none;
	}
	#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;
	}

	.js-rm--toggle {
		font-size: 15px;
		margin-top: 15px;
	}

	.footer-newsletter .newsletter-banner--title {
		flex: 1;
	}
	.basket-sidebar .payment-methods {
		justify-content: center;
	}
}



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



/*
|--------------------------------------------------------------------------
| Max Width #1280px
|--------------------------------------------------------------------------
*/
@media (max-width: 1280px) {
	.container--width-full {
		padding: 0 20px;
	}
	.panel--padding-100, 
	.panel--padding-80, 
	.panel--padding-60 {
		padding: 50px 0;
	}
	.header-main {
		padding: 24px 0;
	}
	.header-main > .container {
		padding: 0 32px;
	}
	.logo {
        width: 200px;
    }
	.header-nav--inner > *:nth-child(n+8) {
		display: none;
	}
	.search-form .input input[type="text"], .search-form .input input[type="email"], .search-form .input input[type="search"], .search-form .input input[type="tel"], .search-form .input input[type="number"], .search-form .input input[type="password"], .header-search__cats .select2-container--default .select2-selection--single {
    	height: 48px;
	}
	.header-main--actions > * {
    	padding: 8px 12px 11px;
		min-width: 134px;
	}

	.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-thin .overlay--inner {
		max-width: 420px;
	}

	.highlighted-listings--grid {
		margin-top: 32px;
	}
	.highlighted-listings--grid .product-grid--item {
		margin-bottom: 40px;
	}

	.slick-arrows-1 .slick-slider .slick-prev {
		margin-right: -8px;
	}
	.slick-arrows-1 .slick-slider .slick-next {
		margin-left: -8px;
	}

	.footer-main {
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	.footer-contact {
		width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.footer-contact > * {
		margin: 10px 40px 10px 0!important;
	}
	.footer-bottom {
    	padding: 20px;
		flex-direction: column;
    	text-align: center;
	}
	.footer-bottom > *:not(:last-child) {
		margin-bottom: 16px;
	}

	.sidebar {
        margin-right: 24px;
    }
	.category-heading {
		padding: 24px;
	}
	.product-grid--item {
        width: 25%;
    }
}



/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/
@media (max-width: 1200px) {
	.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;
	}

	.category-grid > div {
		width: 25%;
	}
	.featured-filter {
		width: 33.3333333%;
	}
	.featured-filter:nth-child(4n) {
		border-right: 1px solid #e9e9e9;
	}
	.featured-filter:nth-child(3n) {
		border-right: 0;
	}

	.loyalty {
        font-size: 15px;
    }

	.spotlight-main--title {
		margin-bottom: 32px;
	}

	.page-container--split > *:not(:last-child) {
		margin-right: 40px;
	}

	.listing-main {
        width: 42%;
		margin-right: 40px;
	}
	.listing-overview--titles h1 {
		font-size: 28px;
	}

	.listing-thumbnails--slider:not(.slick-slider) > div {
		width: calc(33.333333% - 20px);
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
	.header-nav--inner > *:nth-child(n+8), 
	.header-search__cats {
		display: none;
	}

	.article-grid.grid--30 {
		margin: 0 -20px -20px 0;
	}
	.article-grid.grid--30 > * {
		padding: 0 20px 20px 0;
	}
	.article-item--image img {
		width: 154px;
	}

	.page-container--split {
		flex-direction: column;
	}
	.page-container--split > *:not(:last-child) {
		margin: 0 0 32px;
	}
	.listing-related .product-grid--item {
		width: 20%;
	}
	.listing-related .product-grid--item:nth-child(6) {
		display: none;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/
@media (max-width: 1023px) {
	.panel--padding-100, 
	.panel--padding-80, 
	.panel--padding-60, 
	.panel--padding-50 {
		padding: 40px 0;
	}
	.button:not(.button-small) {
		padding: 7px 20px 8px;
	}
	
	.header-top,
	.checkout-stages, 
	.header-nav, 
	.mobile-search--toggle {
		display: none;
	}
	.header-mobile-actions {
		display: flex;
	}
	.header-mobile-actions > *:not(:last-child) {
        margin-right: 12px;
    }

	.header-search{
		position: absolute;
		top: 100%;
		left: 0; right: 0;
		max-width: unset;
		margin: 0 !important;
		background-color: #016619;
		padding: 12px;
		border: 0;
		box-shadow: 0px 10px 12px rgb(0 0 0 / 16%);
		display: none;
	}
	.header-search > .input {
		background-color: #FFF;
		border-radius: 4px;
	}
	.header-search .search-form .input input[type="text"], 
	.search-form .input input[type="search"], 
	.search-form .input input[type="tel"], 
	.header-search__cats .select2-container--default .select2-selection--single {
		border-radius: 0!important;
		background-color: transparent;
	}

	.mobile-menu--btn-cont, 
	.mobile-search--toggle, 
	.header-main--actions > * {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		height: 40px;
		min-width: 48px;
		cursor: pointer;
	}
	
	.mobile-cart--btn-cont,
	.mobile-menu,
	.filter-subcategories,
	.checkout-breadcrumbs, 
	.header-search__cats, 
	.header-action--mob-text {
		display: block;
	}

	.mobile-search--toggle > svg > path {
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
	}
	.mobile-search--toggle.open > span {
		color: #016619;
	}
	.mobile-search--toggle.open > svg > path {
		fill: #016619;
	}

	.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;
        border-top: 4px solid #016619;
        border-bottom: 1px solid #016619;
		position: relative;
    }
	.header-main {
        padding: 16px 0;
    }
	.header-main > .container {
        padding: 0 24px;
    }
	.header-main--inner > *:not(:last-child) {
		margin-right: 20px;
	}
	.logo {
		margin: 0!important;
	}
	
	.header-main--actions {
		background-color: transparent;
		border: unset;
		align-items: center;
		margin-left: 20px;
	}
	.header-main--actions > * {
		position: relative;
		flex-direction: column;
		justify-content: space-between;
		min-width: unset;
		padding: 0;
		border: 0!important;
		color: #303030;
	}
	.header-main--actions > *:not(:last-child) {
		margin-right: 12px;
	}
	.header-main--actions > * > svg {
		margin-right: 0;
		margin-bottom: 4px;
		width: 20px;
    	height: 20px;
	}
	.header-main--actions > * > svg path {
		fill: #303030;
	}
	.header-action--account > div {
		display: none;
	}
	.header-action--basket > div span:not(.header-basket--items--text) {
		display: none;
	}
	.header-basket--items--text {
		position: absolute;
		top: 4px;
		left: 50%;
		transform: translateX(-50%);
		color: #FFF;
		font-size: 12px;
		font-family: 'alegreya-sans', sans-serif;
	}

	.page-slide.open {
		-webkit-animation: mobileMenuOpen 1s ease forwards; /* Safari 4+ */
		-moz-animation: mobileMenuOpen 1s ease forwards; /* Fx 5+ */
		-o-animation: mobileMenuOpen 1s ease forwards; /* Opera 12+ */
		animation: mobileMenuOpen 1s ease forwards; /* IE 10+, Fx 29+ */
	}

	.page-slide.close {
		-webkit-animation: mobileMenuClose 1s ease forwards; /* Safari 4+ */
		-moz-animation: mobileMenuClose 1s ease forwards; /* Fx 5+ */
		-o-animation: mobileMenuClose 1s ease forwards; /* Opera 12+ */
		animation: mobileMenuClose 1s ease forwards; /* IE 10+, Fx 29+ */
	}

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

	.loyalty {
        font-size: 14px;
    }

	.highlighted-listings--title {
    	font-size: 28px;
	}
	.highlighted-listings--grid .product-grid--item {
		padding: 0 16px;
	}

	.highlighted-listings--grid .product-grid--item {
		width: 25%;
	}

	.highlighted-listings .button {
		width: 100%;
	}

	.central-content .content {
		font-size: 16px;
	}

	.margin-gap--80 > *:not(:last-child) {
		margin-bottom: 60px;
	}

	.featured-listing-block--content {
    	padding: 32px 40px;
	}
	.featured-listing-block--content > *:not(:last-child) {
		margin-bottom: 16px;
	}

	.featured-listings + .featured-listings {
		margin-top: 60px;
	}

	.newsletter-banner--inner {
		padding: 0 20px;
	}
	.newsletter-banner--title {
    	font-size: 18px;
	}

	.spotlight-main:not(:last-child) {
		margin-right: 50px;
	}
	.spotlight-main--title {
        margin-bottom: 24px;
    }

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

	.footer-newsletter .newsletter-banner--inner {
		flex-direction: column;
	}
	.footer-newsletter .newsletter-banner--title {
		text-align: center;
	}
	.footer-newsletter .newsletter-banner--inner > *:not(:last-child) {
		margin-bottom: 16px !important;
	}

	.plain-heading {
		margin-bottom: 32px;
	}
	.page-nav-sidebar--inner {
		margin-right: 40px;
	}

	.product-grid--item {
        width: 33.3333333%;
    }

	.listing-page {
		flex-direction: column;
	}
	.listing-purchase--actions > .input, .listing-purchase--actions > * {
		max-width: 400px;
	}
	.listing-main {
        max-width: 500px;
        width: 100%;
		margin: 0 auto 24px;
	}
	.breadcrumb-trail {
		display: none;
	}
	.listing-overview--titles h1 {
		text-align: center;
	}
	.listing-overview--titles-info *:first-child:last-child {
		flex: 1;
		text-align: center;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
	.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(/images/style/basic/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(/images/style/basic/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 {
		display: none !important;
	}

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

	

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

	.page-container--form {
		width: 100%;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/
@media (max-width: 900px) {
	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail {
		display: none;
	}

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

	/*Mobile Filters*/
	.sidebar {
		margin: 0 0 20px;
	}
	.sidebar--categories {
		padding-bottom: 0;
		border-bottom: 1px solid #1B7530;
	}
	.sidebar--cats-list {
		display: none;
	}
	.sidebar--cats-list > *:not(.view-more-cats) {
		display: block!important;
	}
	.view-more-cats {
		display: none;
	}

	.sidebar--categories-toggle, 
	#mbl-filters {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		font-size: 20px;
		font-weight: 700;
		color: #FFF;
		font-family: 'alegreya', serif;
		cursor: pointer;
	}

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

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

	.breadcrumbs {
		display: none;
	}

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

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

	.shop--navtrail--sort {
		width: 100%;
	}
	.shop--navtrail .breadcrumb-trail {
		width: 100%;
		max-width: unset;
	}
	.shop--navtrail .breadcrumb-trail:not(:last-child) {
		margin-bottom:  15px;
	}

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

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

	.listing-overview--top--titles h1 {
		font-size: 30px;
	}

	.listing-overview--top--img {
		max-width: 200px;
	}

	.listing-overview--top--options .listing-price {
		font-size: 26px;
	}
	.article-item--image {
		display: none;
	}

	.article-page--inner {
    	padding: 24px;
	}

	.page-container.flex {
		flex-direction: column;
	}
	.page-nav-sidebar--inner {
		margin-right: 0;
		margin-bottom: 28px;
	}
	.page-nav-sidebar--title {
		display: flex!important;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
	}
	.page-nav-sidebar--title + .page-nav-sidebar--list {
		display: none;
	}
	.page-nav-sidebar--title::after {
        content: '';
        position: relative;
        height: 10px;
        width: 16px;
        margin-left: 8px;
        background: url('data:image/svg+xml,<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.7734 8.852C8.57178 9.04997 8.29834 9.16118 8.01323 9.16118C7.72811 9.16118 7.45468 9.04997 7.25304 8.852L1.17054 2.8781C1.06784 2.78068 0.985929 2.66415 0.929577 2.53533C0.873226 2.40648 0.843567 2.26791 0.842326 2.1277C0.841084 1.98748 0.86829 1.84843 0.922352 1.71864C0.976416 1.58885 1.05625 1.47095 1.15721 1.3718C1.25817 1.27265 1.37821 1.19424 1.51035 1.14114C1.64249 1.08804 1.78408 1.06132 1.92684 1.06254C2.06961 1.06376 2.2107 1.09289 2.34188 1.14824C2.47307 1.20358 2.5917 1.28403 2.69089 1.38489L8.01323 6.61218L13.3356 1.38489C13.5383 1.19253 13.8099 1.08609 14.0919 1.08849C14.3738 1.0909 14.6435 1.20196 14.8427 1.39775C15.0422 1.59355 15.1552 1.85841 15.1577 2.1353C15.1601 2.41218 15.0518 2.67893 14.856 2.8781L8.7734 8.852Z" fill="%23FFFFFF"></path></svg>') no-repeat center / contain;
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }
	.page-nav-sidebar--title.open::after {
		transform: rotate(180deg);
	}

	.newsletter-page-signup {
		margin-bottom: 28px;
	}
	.newsletter-archive {
		padding: 24px;
	}

	.sort-by-container .select2-container .select2-selection--single .select2-selection__rendered {
		width: 150px;
	}

	.listing-related .product-grid--item {
		width: 33.3333333%;
	}
	.listing-related .product-grid--item:nth-child(6) {
		display: block;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}

	.spotlight-main:not(:last-child) {
        margin-right: 32px;
    }

	.team-member--image {
		margin-right: 26px;
	}
	.team-member--image img {
		width: 160px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	h1, .h1-style {
		font-size: 28px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 18px;
	}
	.panel--padding-80, 
	.panel--padding-60, 
	.panel--padding-50 {
		padding: 30px 0;
	}
	.header-main {
        padding: 12px 0;
    }
	.header-main > .container {
        padding: 0 18px;
    }
	.header-mobile-actions > *:not(:last-child), 
	.header-main--actions > *:not(:last-child) {
        margin-right: 8px;
    }
	.logo {
        width: 172px;
    }
	.mbl-home-tab-btns {
		display: block;
	}

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

	.order-panel:first-child,
	.listing-side {
		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;
	}

	.category-grid > div {
		width: 33.333333%;
	}

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

	.account-loyalty--overview {
        padding: 30px 25px 25px;
    }
	.account-loyalty--overview:not(:last-child) {
		margin-bottom: 45px;
	}
	.account-loyalty--overview--total {
        font-size: 42px;
    } 
	.account-loyalty-refer, .loyalty-referral-code, .account-loyalty-section.loyaltys {
		display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
	}
	.loyalty-referral-code > span {
        margin-top: 12px;
		margin-left: 0;
    }
	.account-loyalty-section + .account-loyalty-section {
		margin-top: 45px;
	}
	.account-loyalty-section .account-mini-title, .account-loyalty-refer, .loyalty-referral-code {
		text-align: center;
	}
	.loyalty-overflow {
		width: 100%;
	}
	.loyalty {
		flex-wrap: wrap;
		padding: 15px;
		width: 100%;
    }
	.loyalty > *:not(:last-child) {
        margin-right: 0;
    }
	.loyalty-left {
		width: 100%;
		flex: unset;
		margin-bottom: 15px;
	}
	.loyalty-point {
        width: unset;
        margin-right: 15px;
    }
	.loyalty-date {
		text-align: right;
		margin-left: 10px;
		flex: 1;
	}
	.subs-olay {
		padding: 15px 10px;
	}
	.subs-olay .account-heading {
		margin: -20px -30px 20px -30px;
		padding: 10px 30px 20px;

	}

	.highlighted-listings--title {
		background: transparent;
		color: #016619;
		padding: 0;
		min-height: 0;
		margin-bottom: 8px;
	}
	.highlighted-listings--title::before, .highlighted-listings--title::after {
		display: none;
	}
	.highlighted-listings--title strong {
		font-weight: 500;
		color: #303030;
	}
	.highlighted-listings--grid .product-grid {
		flex-wrap: nowrap;
		margin: 0 -20px 20px!important;
		padding-bottom: 20px;
		overflow: auto;

	}
	.highlighted-listings--grid .product-grid--item {
        padding: 0 12px;
        width: 240px;
        min-width: 240px;
		margin: 0;
    }
	.highlighted-listings--grid .product-grid--item:first-child {
		margin-left: 16px;
	}
	.highlighted-listings--grid .product-grid--item:last-child {
		margin-right: 16px;
	}

	.margin-gap--80 > *:not(:last-child) {
		margin-bottom: 40px;
	}

	.featured-listings + .featured-listings {
		margin-top: 40px;
	}
	.featured-listings--title {
		font-size: 22px;
	}

	.featured-listing-block--inner {
		flex-direction: column;
		text-align: center;
	}
	.featured-listing-block--content {
		align-items: center;
	}

	.slick-arrows-1 .slick-slider .slick-arrow {
		background: #016619;
	}
	.slick-arrows-1 .slick-slider .slick-prev {
		border-radius: 0 4px 4px 0;
		background-image: url('data:image/svg+xml,<svg width="20" height="41" viewBox="0 0 20 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.99636 21.1384C5.78445 20.9264 5.6654 20.6389 5.6654 20.3392C5.6654 20.0395 5.78445 19.752 5.99636 19.54L12.391 13.1454C12.4953 13.0374 12.62 12.9513 12.7579 12.892C12.8958 12.8328 13.0442 12.8016 13.1943 12.8003C13.3443 12.799 13.4932 12.8276 13.6321 12.8845C13.771 12.9413 13.8973 13.0252 14.0034 13.1314C14.1095 13.2375 14.1935 13.3637 14.2503 13.5026C14.3071 13.6416 14.3357 13.7904 14.3344 13.9405C14.3331 14.0906 14.3019 14.2389 14.2427 14.3768C14.1835 14.5147 14.0973 14.6395 13.9894 14.7438L8.39393 20.3392L13.9894 25.9346C14.1953 26.1478 14.3092 26.4334 14.3066 26.7298C14.3041 27.0262 14.1852 27.3097 13.9756 27.5193C13.766 27.7288 13.4825 27.8477 13.1861 27.8503C12.8897 27.8529 12.6042 27.7389 12.391 27.533L5.99636 21.1384Z" fill="%23FFFFFF"/></svg>');
	}
	.slick-arrows-1 .slick-slider .slick-next {
		border-radius: 4px 0 0 4px;
		background-image: url('data:image/svg+xml,<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00364 7.512C9.21555 7.72398 9.3346 8.01145 9.3346 8.31119C9.3346 8.61093 9.21555 8.8984 9.00364 9.11038L2.609 15.505C2.50473 15.613 2.37999 15.6991 2.24208 15.7583C2.10417 15.8176 1.95584 15.8488 1.80574 15.8501C1.65565 15.8514 1.5068 15.8228 1.36788 15.7659C1.22896 15.7091 1.10275 15.6252 0.996612 15.519C0.890476 15.4129 0.806541 15.2867 0.749704 15.1478C0.692866 15.0088 0.664266 14.86 0.66557 14.7099C0.666874 14.5598 0.698058 14.4115 0.7573 14.2736C0.816543 14.1356 0.902659 14.0109 1.01062 13.9066L6.60607 8.31119L1.01062 2.71574C0.804713 2.50255 0.690775 2.21701 0.693351 1.92062C0.695926 1.62423 0.814808 1.34072 1.02439 1.13113C1.23398 0.921549 1.51749 0.802667 1.81388 0.800092C2.11027 0.797516 2.39581 0.911453 2.609 1.11736L9.00364 7.512Z" fill="%23FFFFFF"/></svg>');
	}
	.slick-arrows-1 .slick-slider .slick-arrow {
		background-position: center;
		background-repeat: no-repeat;
	}

	.newsletter-banner--inner {
		padding: 0;
	}
	.newsletter-banner--title {
    	font-size: 16px;
	}

	.spotlight-group > * {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
	.spotlight-group > *:not(:last-child) {
		margin-bottom: 20px!important;
	}
	.spotlight-group > *.mob-rev {
		flex-direction: column-reverse;
	}
	.spotlight-main:not(:last-child) {
		margin-right: 0;
	}
	.spotlight-group > * > * {
		margin: 10px 0;
	}
	.spotlight-side > a.spotlight-image {
		max-width: 250px;
	}

	.article-grid > div {
		width: 100%;
	}
	.plain-heading {
		margin-bottom: 26px;
	}

	.article-page--title {
		font-size: 22px;
	}

	.listing-overview--titles h1 {
        font-size: 24px;
        margin-bottom: 16px;
    }

	.listing-related {
		padding: 60px 0 0 0;
		margin: 60px 0 0 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #700px
|--------------------------------------------------------------------------
*/
@media (max-width: 700px) {
	.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;
	}

	.listing-overview--top--img {
		display: none;
	}

	.order-page-search + .filter-row {
		order: 1;
	}

	.order-page-search,
	.order-page-search.account-search-input input[type="text"] {
		width: 100%;
	}

	.order-page-search {
		margin-bottom: 15px;
	}

	.filter-rows > .flex {
		flex-wrap: wrap;
	}

	.featured-filter {
		padding: 30px 25px;
	}

	.team-member {
		flex-direction: column;
	}
	.team-member--image {
		margin: 0 0 20px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
	.featured-listing-block--inner::before {
		display: none;
	}

	.footer-main.open .footer-nav,
	.footer-newsletter.open,
	.footer-nav--mbl-button {
		display: block;
	}

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

	.category-grid > div {
		width: 50%;
	}

	.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(/images/style/basic/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(/images/style/basic/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;
	}

	.free-gift--item-content {
		padding: 12px;
	}

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

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

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

	.cookie-bar--inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.cookie-bar--text {
		margin: 0;
	}
	.cookie-bar--action {
		margin-top: 12px;
	}

	.featured-filter {
		width: 50%;
	}
	.featured-filter:nth-child(3n) {
		border-right: 1px solid #e9e9e9;
	}
	.featured-filter:nth-child(2n) {
		border-right: 0;
	}

	.account-loyalty--overview--total {
        font-size: 38px;
    }
	.loyalty {
        font-size: 14px;
    }
	.account-loyalty-section .button {
		width: 100%;
	}

	.dd-responsive table, .dbl-responsive {
        background-color: transparent;
    }
	.dd-responsive tbody, .dbl-responsive, .dbl-responsive > .dblr {
        display: flex;
        flex-direction: column;
    }
	.dbl-responsive {
        border: 0 !important;
    }
	.dbl-responsive > .dblr {
        border: 1px solid #f4f4f4;
    }
	.dd-responsive thead, .dbl-responsive > .dblr.dblr-head {
        display: none;
    }
	.dd-responsive tbody tr:not(:last-child), .dbl-responsive > .dblr:not(:last-child) {
        margin-bottom: 5px;
    }
	.dd-responsive td, .dbl-responsive .dblc {
        display: flex;
		justify-content: space-between;
		font-weight: 400;
		text-align: right;
		width: 100% !important;
		text-wrap: wrap;
    }
	.dd-responsive td:not([data-label]), .dbl-responsive .dblc:not([data-label]) {
		justify-content: center;
		text-align: center;
	}
	.dbl-responsive .dblr .dblc:not(:last-child) {
        border-bottom: 1px solid #F4F4F4;
    }
	.dd-responsive td[data-label]::before, .dbl-responsive .dblc[data-label]::before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        padding-right: 6px;
    }

	.featured-listing-block--content {
		padding: 20px;
	}

	.product-inner--title {
    	font-size: 15px;
	}
	.product-inner--info {
		padding: 0 4px;
	}

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

	.newsletter-archive {
		border: 0;
		padding: 0;
	}
	#nsltr_search_results:not(.hide-show-more) p:nth-child(n+12) {
		display: none;
	}

	.bg-page-icon::before {
		display: none;
	}

	.team-member--image img {
        width: 120px;
    }
	.team-member--title {
		margin-bottom: 16px;
	}

	.content {
		font-size: 15px;
	}

	.product-grid--item {
        width: 50%;
    }

	.listing-related .product-grid--item {
		width: 50%;
	}
	.listing-purchase--actions {
		justify-content: center;
	}
	.listing-purchase--actions > .button {
		min-width: 100%;
		max-width: unset;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/
@media (max-width: 570px) {
	.header-main > .container {
        padding: 0 10px;
    }
	.header-main--inner > *:not(:last-child) {
        margin-right: 16px;
    }
	.header-mobile-actions > *:not(:last-child), .header-main--actions > *:not(:last-child) {
        margin-right: 4px;
    }
	.logo {
        flex: 1;
        max-width: 164px;
    }
	.mobile-menu--btn-cont, 
	.mobile-search--toggle, 
	.header-main--actions > * {
		min-width: 44px;
	}
	.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;
	}

	.account-viewing {
		align-items: flex-start;
	}

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

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

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

	.highlighted-listings--grid .product-grid::-webkit-scrollbar {
		visibility: hidden;
	}
	.highlighted-listings--grid .product-grid::-webkit-scrollbar, 
	.highlighted-listings--grid .product-grid::-webkit-scrollbar-thumb {
		width: 0;
		background: #fff;
		border: none!important;
	}
	.highlighted-listings--grid .product-grid {
		scrollbar-width: none;
  		scrollbar-color: #fff #fff;
	}

	.highlighted-listings .button {
		width: 100%;
	}

	.central-content .content {
		font-size: 14px;
	}

	.footer-inner.bg-icon::before {
		right: unset;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
	}
	.footer-main > * {
		width: 100%;
		margin-bottom: 0;
	}
	.footer-section--title {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		cursor: pointer;
	}
	.footer-section--title::after {
		content: '';
		position: relative;
		height: 8px; width: 11px;
		margin-left: 8px;
		background: url('data:image/svg+xml,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.03173 6.1963C5.89311 6.33488 5.70512 6.41273 5.50911 6.41273C5.31309 6.41273 5.12511 6.33488 4.98648 6.1963L0.804758 2.01457C0.734157 1.94638 0.677841 1.86481 0.639099 1.77463C0.600358 1.68444 0.579967 1.58744 0.579114 1.48929C0.57826 1.39114 0.596964 1.2938 0.634132 1.20295C0.671301 1.1121 0.72619 1.02957 0.795597 0.960163C0.865004 0.890756 0.947536 0.835867 1.03838 0.798699C1.12923 0.761531 1.22657 0.742827 1.32472 0.74368C1.42287 0.744533 1.51987 0.764925 1.61006 0.803667C1.70025 0.842408 1.78181 0.898723 1.85 0.969325L5.50911 4.62843L9.16821 0.969325C9.30762 0.834671 9.49435 0.760163 9.68817 0.761847C9.88199 0.763532 10.0674 0.841274 10.2044 0.97833C10.3415 1.11539 10.4192 1.30079 10.4209 1.49461C10.4226 1.68843 10.3481 1.87515 10.2135 2.01457L6.03173 6.1963Z" fill="white"/></svg>') no-repeat center / contain;
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
	}
	.footer-section--title.open::after {
		transform: rotate(180deg);
	}
	.footer-menu {
		flex-direction: column;
		margin: -8px 0 20px;
	}
	.footer-menu ul {
		display: none;
	}
	.footer-menu a {
		width: 100%;
		text-align: center;
	}
	.footer-menu ul {
		margin: 0;
		width: 100%;
	}

	.footer-contact {
		justify-content: center;
		flex-direction: column;
	}
	.footer-contact > * {
        margin: 6px 0!important;
    }

	.newsletter-page-signup .input-grid .input {
		width: 100%;
	}

	.plain-heading {
        margin-bottom: 18px;
    }

	.footer-newsletter .newsletter-banner--inner {
		padding: 20px 16px;
	}
	.footer-newsletter form {
		min-width: 100%;
		padding: 0 8px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
	.header-search__cats {
		display: none;
	}
	.container--width-full {
        padding: 0 16px;
    }
	.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;
	}

	.mobile-menu {
		width: 80%;
		left: -80%;
	}

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

	.filter-row {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}

	.featured-listing-block {
		margin-left: -20px;
		margin-right: -20px;
		border-radius: 0;
	}

	.product-inner--title {
    	font-size: 14px;
	}

	.inputs-flex {
		flex-direction: column;
	}
	.inputs-flex .button, 
	.inputs-flex .input input {
		border-radius: 4px!important;
	}
	.inputs-flex > *:not(:last-child) {
		margin-bottom: 4px;
	}
	.newsletter-banner--inner .button {
		width: 100%;
	}

	.content-contacts {
		font-size: 15px;
	}
	.content-contacts > *:not(:last-child), .page-container--main > .content:not(:last-child) {
		margin-bottom: 24px;
	}

	.team-member--gallery {
		flex-direction: column;
	}
	.team-member--gallery--imgs {
		flex-direction: row!important;
	}
	.team-member--gallery--imgs:not(:last-child) {
		margin: 0 0 16px;
	}

	.sort-by-container {
		flex-direction: column;
	}
	.sort-by-container > *:not(:last-child) {
		margin: 0 0 12px;
	}
	.sort-by-container .sort-by label {
		width: 60px;
		text-align: right;
	}

	#mbl-filters-sub .list-reset {
        padding: 4px 16px 22px;
    }
	.sidebar--categories-toggle, #mbl-filters {
        padding: 10px 16px;
        font-size: 18px;
	}
	.category-heading {
        padding: 20px;
    }

	.product-grid {
    	margin: 0 0 -32px -16px;
	}
	.product-grid--item {
		padding: 0 0 32px 16px;
	}

	.form-bottom {
		flex-direction: column-reverse;
	}
	.form-bottom--message {
		margin: 8px 0 0 ;
	}
}



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

	.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 {
        padding: 10px 0;
    }
	.subs-olay .account-heading {
		margin: -10px -20px 10px -20px;
		padding: 0 20px 15px;
		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-search--input {
		padding: 18px 20px 17px;
	}

	.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(/images/style/basic/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,
	#ppchkout-paypal-loggedin,
	#ppchkout-paypal-paylater-loggedin,
	#truevo-card-stored {
		padding: 16px 10px;
	}

	.article-item--content > .content {
		-webkit-line-clamp: 2;
	}

	.plain-heading {
        margin-bottom: 24px;
    }
}



/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/
@media (max-width: 400px) {
	h1, .h1-style {
        font-size: 26px;
    }
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 20px;
	}
	.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;
	}

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

	.loyalty {
        font-size: 13px;
    }
	.content-contacts {
		font-size: 14px;
	}
}

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

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