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




/*
|--------------------------------------------------------------------------
| Max Width #2100px
|--------------------------------------------------------------------------
*/
@media (max-width: 2100px) {
	.category-main .product-grid--item:nth-of-type(6n) .product-grid--item-inner {
		border-right: 0;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #2000px
|--------------------------------------------------------------------------
*/
@media (max-width: 2000px) {
	.content-header.has-img .content-header--text {
		max-width: 60%;
	}
	.content-header--image {
		max-width: 40%;
	}

	.header-nav--item {
		padding: 40px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1900px
|--------------------------------------------------------------------------
*/
@media (max-width: 1900px) {
	.home-before-after--left {
		width: 370px;
	}
	.home-before-after--text {
		font-size: 36px;
	}

	.mobile-nav a {
		width: 100%;
	}
	.mobile-nav--heading {
		font-size: 18px;
    	padding: 15px 25px 10px;
		font-weight: 600;
	}
	.mobile-nav--subs {
		background-color: #FFFFFF; 
	}
	.mobile-nav--subs .mobile-nav--subs-dropdown > a {
		border-bottom: 1px solid #F3F3F3;
		font-size: 15px;
		font-weight: 600;
		color: #639FD8;
		padding: 12px 25px;
		position: relative;
		display: flex; 
		align-items: center;
		justify-content: space-between;
	}
	.mobile-nav--subs-dropdown.dd-active > a > svg {
		fill: #639FD8;
		transition: ease-in-out .2s; 
		transform: rotate(-90deg);
	}
	.mobile-nav--subs-dropdown.dd-active.show-dd > a > svg {
		transform: rotate(0deg);
	}
	.mobile-nav--style-2 .mobile-nav--subs .mobile-nav--subs-dropdown > a {
		color: #FCA21A;
	}
	.mobile-nav--style-2 .mobile-nav--subs-dropdown.dd-active > a > svg {
		fill: #FCA21A;
	}
	.mobile-nav--subs-dropdown > ul {
		display: none;
	}
	.mobile-nav--subs-dropdown > ul a {
		padding: 10px 25px;
		border-bottom: 1px solid #F3F3F3;
	}

	.mobile-nav--style-2 {
		margin-top: 30px!important;
	}

	.mobile-nav .header-trade{
		margin: 0;
	}

	.listing-thumbnail.lt-video > span {
		width: 70px;
		height: 70px;
	}
	.listing-thumbnail.lt-video > span::after {
		border-width: 15px 0 15px 25px;
	}

	.logo-block, .header-actions {
		width: 300px;
	}

	.header-nav--item {
		padding: 40px 30px;
	}
	.header-nav--link {
		font-size: 17px;
	}

	.header-nav--dropdown-side {
		padding: 20px 25px;
		min-width: 300px;
	}

	.listing-page .comp-table-title {
		font-size: 26px;
	}
	.comp-table-row td, .comp-table-header {
		min-width: 180px;
		max-width: 180px;
	}
	.comparison-table td, .comparison-table th {
		padding: 10px;
	}
}



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

	.listing-qty-section {
		flex-wrap: wrap;
		padding: 15px 0 5px;
	}
	.listing-qty-section > div {
		margin-bottom: 10px;
	}
	.service-header--text {
		padding: 40px;
		min-width: 485px;
	}
	.top-sellers {
		padding: 20px 30px;
	}
	.top-sellers .product-image__link {
		width: 140px;
	}
	.top-sellers .prod_button .button {
		padding: 3px 10px;
	}

	.help-block--details {
		padding: 20px 30px;
		min-width: unset;
	}
	.help-block--details__content > .title {
		font-size: 18px;
	}

	.product-reviews, .product-questions, .listing-left--content {
		padding: 30px 40px;
	}

	.header-nav--item {
		padding: 40px 25px;
	}

	.header-main .header-search-form .input.label-none input[type="text"] {
		font-size: 15px;
	}

	.help-block--icon {
		display: none;
	}

	
	.listing-page .comparison-table td, .listing-page .comparison-table th:not(.comp-table-title) {
		padding: 10px;
		font-size: 13px;
	}
	.listing-page .comp-table-row td, .listing-page .comp-table-header {
		min-width: 160px;
		max-width: 160px;
	}
	.listing-page .col-row--cta td a {
		font-size: 16px;
	}
	.listing-page .comp-table-title {
		font-size: 22px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1700px
|--------------------------------------------------------------------------
*/
@media (max-width: 1700px) {
	.header-nav--dropdown:not(.help-nav) .header-nav--dropdown-col {
		flex-wrap: wrap;
		
	}


	.header-nav--item {
		padding: 40px 20px;
	}
	.header-nav--link {
		font-size: 16px;
	}

	.home-top-ba {
		width: 1000px;
	}
	.home-top--help-blocks {
		padding: 30px 25px;
	}
	.home-top--help-blocks > .text-title {
		margin-bottom: 15px;
	}
	.help-block--details {
		padding: 15px 25px;
	}

	.listing-main--image {
		width: 260px;
		padding-right: 20px;
	}
	.listing-main--title {
		flex-direction: column;
	}

	.listing-swatch {
		width: 16.666666666%;
	}
}


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

	.help-block--icon > div {
		height: 55px;
		width: 55px;
		margin-right: 15px;
	}
	.help-block--details {
		padding: 15px;
	}
	.help-block--details__content > a.button {
		margin-top: 10px;
		font-size: 12px;
	}
	.help-block--icon > div > svg {
		transform: scale(.9);
	}
	
	.help-nav--text strong {
		font-size: 16px;
	}
	.product-grid--item.segment-16 {
		width: 20%;
	}

	

	.usp-block {
		font-size: 11px;
	}

	.usp-block > span::after {
		width: 12px;height: 9px;
	}
	
	.category-heading--inner {
		align-items: unset;
	}
	.text-title--large {
		font-size: 44px;
	}
	.grid--60 {
		margin: 0 -30px -30px 0;
	}
	.grid--60 > * {
		padding: 0 30px 30px 0;
	}
	.container--padding-80 {
		padding: 0 30px;
	}
	.home-top-ba {
		width: 800px;
	}
	.home-before-after--text {
		font-size: 28px;
		padding: 25px;
	}
	.home-before-after--left {
		width: 290px;
	}

	.product-grid .segment-20 {
		width: 25%;
	}

	.header-nav--link {
		font-size: 15px;
	}
	.logo-block, .header-actions {
		width: 280px;
		height: 100px;
	}
	.service-page .container--padding-60 {
		padding: 0 40px;
	}

	.tabbed-product-list--items .product-grid--item-inner {
		/*height: unset!important;
		min-height: unset;*/
	}
	.product-list--tab-item .product-grid--item.segment-25 {
		width: 20%;
	}
	.tabbed-product-list--items .product-grid--item:nth-child(6) {
		display: none;
	}
	.product-list--tab-item .product-grid--item:nth-of-type(6n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.product-list--tab-item .product-grid--item:nth-of-type(5n) .product-grid--item-inner {
		border-right: 0;
	}

	.listing-left {
		width: 45%;
	}
	.listing-right {
		width: 55%;
	} 

	.header-main .header-search-form {
		margin-left: 20px;
	}

	.home-top-ba {
		width: 900px;
	}
	.help-block--details__content > div.help-block--details--text {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		overflow: hidden;
	}

	.listing-page .comparison-table.sticky-top .comp-table-headers, .listing-page .comparison-table.sticky-bottom .col-row--cta {
		position: fixed;
		left: 20px;
		right: 20px;
		z-index: 999;
		display: flex;
	}
	.listing-page .comparison-table.sticky-top .comp-table-headers {
		top: 0;
	}
	.listing-page .comparison-table.sticky-bottom .col-row--cta {
		bottom: 0;
	}
	.listing-page .comparison-table.sticky-top.abs-top .comp-table-headers {
		position: absolute;
		bottom: 50px;
		top: unset;
		left: 0;
		right: 0;
	}

	.listing-page .comp-table-row-header, .listing-page .comp-table-title, .listing-page .col-row--cta th {
		display: none;
	}
	.listing-page .comp-table-row td, .listing-page .comp-table-header {
		min-width: unset;
		max-width: unset;
	}
	.listing-page .comparison-table.cols-4 .comp-table-row td, .listing-page .comparison-table.cols-4 .comp-table-header {
		width: 25%;
	}
	.listing-page .comparison-table.cols-3 .comp-table-row td, .listing-page .comparison-table.cols-3 .comp-table-header {
		width: 33.333333%;
	}
	.listing-page .comparison-table.cols-2 .comp-table-row td, .listing-page .comparison-table.cols-2 .comp-table-header {
		width: 50%;
	}
	.listing-page .comparison-table.cols-1 .comp-table-row td, .listing-page .comparison-table.cols-1 .comp-table-header {
		width: 100%;
	}
	.listing-page .col-row-title-mob {
		display: table-row;
	}
}
 
/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
	.header-nav--dropdown-banner {
		width: 300px;
		height: 252px;
	}
	.category-grid > div.segment-20 {
		width: 25%;
	}

	.feat-product--details-text, .shop-by-product--block {
		padding: 30px;
	}
	.text-title {
		font-size: 30px;
	}
	.header-actions, .logo-block {
		width: 240px;
	}

	.header-nav--item {
		padding: 40px 15px;
	}

	.ha-side {
		width: 400px;
	}
	.top-sellers .product-image__link {
		width: 120px;
	}

	.diy-kit--result .diy-kit-images {
		width: 45%;
	}

	.listing-swatch {
		width: 20%;
	}

	.home-top--help-blocks {
		padding: 20px;
	}
	.home-top--help-blocks > .text-title {
		font-size: 20px;
	}
	.help-block--details__content > .title {
		font-size: 17px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	.help-block--icon {
		display: none;
	}
	.case-study--action > div a.button {
		font-size: 14px;
	}

	.team-member:nth-child(6n) {
		border-right: none;
	}
	.team-member:nth-child(7n) {
		border-right: 1px solid #E3E3E3;
	}

	.header-nav--dropdown-banner {
		display: none;
	}
	.top-sellers .product-grid--item:last-child {
		display: none;
	}
	.ha-page--contact .header-nav--contact-text {
		font-size: 22px;
	}
	.ha-page--contact .header-nav--contact-icon svg {
		width: 40px;
	}
	.latest-guide-upper {
		padding: 30px;
	}
	.text-subtitle--large {
		font-size: 18px;
	}
	.help-advice--main .latest-guide-upper, .help-advice--main .guide-video {
		width: 100%;
	}
	.service-page .container--padding-60 {
		padding: 0 40px;
	}
	.service-page-images {
		width: 45%;
	}
	.service-header--text {
		padding: 30px;
		min-width: 445px;
	}
	.text-subtitle {
		font-size: 16px;
	}
	.usp-block {
		font-size: 13px;
	}
	.team-member {
		width: 16.666666%;
	}

	.category-main .product-grid--item:nth-of-type(4n) .product-grid--item-inner, .product-list--tab-item .product-grid--item:nth-of-type(5n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.category-main .product-grid--item:nth-of-type(3n) .product-grid--item-inner, .product-list--tab-item .product-grid--item:nth-of-type(4n) .product-grid--item-inner {
		border-right: 0;
	}

	.product-grid--item.segment-16 {
		width: 25%;
	}

	.category-image {
		width: 45%;
	}
	.text-title--large {
		font-size: 38px;
	}
	.shop-by-product--block {
		width: 100%;
	}
	.shop-by--item {
		width: 33.33333%;
		height: 180px;
		min-height: 100%;
	}
	.feat-product--details-image {
		width: 110px;
	}
	.text-title {
		font-size: 26px;
	}
	.category-heading--inner > div:not(.category-image) {
		flex: 1;
	}

	.home-top-ba {
		width: 800px;
	}

	.home-top--cats > .segment-33 {
		width: 50%;
		height: 180px;
	}
	.home-top--cat-text div {
		font-weight: 500;
		font-size: 16px;
		letter-spacing: .5px;
	}

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

	.header-nav--item {
		padding: 40px 20px;
	}
	.header-nav--link {
		font-size: 14px;
	}

	.header-top {
		padding: 4px 20px;
	}

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

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

	#latest-reviews-tab .product-grid--item:nth-child(6), .product-list--tab-item .product-grid--item.segment-25:nth-child(6) {
		display: block;
	}
	.product-list--tab-item .product-grid--item.segment-25 {
		width: 25%;
	}

	.header-actions {
		width: 210px;
	}

	.header-main .header-search-form {
		margin-left: 15px;
	}
	.header-main .header-search-form .input.label-none input[type="text"] {
		font-size: 14px;
		padding: 10px;
	}

	.header-nav--contact-icon + .header-nav--contact-text {
		margin-left: 10px;
	}

	.content-page--sidebar {
		width: 340px;
	}
	.content-page--upper > div:not(:last-child) {
		margin-right: 80px;
	}
	.content-page--upper .package-content--blocks {
		width: 400px;
	}
}



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

	.listing-deadline {
		padding: 0 15px;
	}
	.listing-deadline-doughnut {
		display: inline-block;
	}
	.countdown-timer--doughnut {
		margin: 0 0 0 5px;
	}
	.listing-deadline-doughnut,
	.listing-deadline--details {
		float: none;
	}

	.listing-deadline--details, .listing-deadline--right {
		padding: 8px;
	}

	.listing-deadline-doughnuts {
		float: none;
		text-align: center;
	}
	.button-listing {
		font-size: 16px;
		padding: 10px 15px;
	}
	.listing-payments {
		flex-direction: column;
	}
	.form-options {
		padding: 24px 25px;
	}

	.listing-deadline > div.flex {
		flex-wrap: wrap;
    	justify-content: center;
	}
	.listing-klarna ~ .listing-methods {
		margin-left: 0;
		margin-top: 10px;
		justify-content: center;
	}
	.listing-deadline {
		padding: 3px 10px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1300px
|--------------------------------------------------------------------------
*/
@media (max-width: 1300px) {
	.home-top--help-blocks {
		width: 100%;
		margin-left: 0;
	}
	.help-blocks--inner {
		flex-direction: row;
	}
	.help-blocks--inner > div {
		width: 33.3333333%;
		flex-direction: column;
	}
	.help-blocks--inner > div:not(:last-child) {
		margin-right: 30px;
		margin-bottom: 0;
	}
	.help-block--image {
		width: 100%;
	}
	.help-block--details__content {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	.help-block--details__content > div {
		flex: 1;
	}
	.split-side {
		width: 560px;
		padding: 35px;
	}
	.blog-nav:not(.blog-nav--sub) .cms-nav-link {
		padding: 10px 15px 9px;
		font-size: 15px;
	}
	.blog-featured > .flex > div:not(.blog-featured--image) {
		flex: 1;
	}
	.blog-featured--image {
		min-height: 450px;
	}
	.blog-featured--inner {
		padding: 50px;
		flex: 1;
	}
	.quote-main--inner {
		max-width: 740px;
	}

	.home-top--cats > .segment-33 {
		height: auto;
		width: 33.333%;
	}

	.segment-25 {
		width: 33.33333%;
	}
	.header-nav--dropdown:not(.help-nav) .header-nav--dropdown-col {
		flex-wrap: wrap;
		overflow: hidden;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-bottom: 1px solid #fff;
	}
	
	.header-nav--dropdown.help-nav > .flex {
		align-items:flex-start;
	}

	.header-nav--link {
		font-size: 15px;
	}

	.image-upload--page {
		flex-direction: column;
	}
	.image-upload--main, .image-upload--image {
		width: 100%;
	}
	.image-upload--image {
		display: flex; 
		flex-wrap: wrap;
	}
	.image-upload--image > div {
		width: 50%;
	}
	.guide-section--list > div {
		width: 50%;
	}
	.guide-video--image::before {
		width: 80px;
		height: 80px;
	}
	.service-page-quote {
		padding: 20px;
	}
	.ha-main--inner {
		padding: 30px 20px;
	}

	.ha-side {
		width: 350px;
	}
	.contact-page--details-label {
		width: 160px;
		padding-right: 30px;
	}
	.listing-deadline--details {
		padding-bottom: 5px;
	}
	.listing-deadline {
		padding: 5px;
	}
	.listing-deadline--right {
		border-left: 0;
	}
	.listing-qty-section > .input-qty {
		margin-right: 10px;
	}
	.listing-qty-section {
		justify-content: center;
	}

	.footer-signup {
		width: 350px;
		margin-left: 20px;
	}
	
	.home-case-studies > div > div.flex, .home-case-studies--grid  {
		flex-wrap: wrap;
	}
	.home-case-studies > div > div.flex {
		flex-direction: column;
	}
	.home-case-studies--grid:not(:last-child) {
		margin-bottom: 20px;
	}
	a.home-case-study--link {
		padding-right: 15px;
	}

	.home-top {
		flex-direction: column;
	}
	.home-top-ba {
		width: 100%;
		margin-bottom: 20px;
	}
	.home-before-after--left {
		width: 420px;
	}
	.home-before-after--text {
		font-size: 32px;
		padding: 30px;
	}
	.home-top--cats {
		border-left: 0;
	}
	.home-top--cats > div {
		width: 33.33333%;
		height: 240px;
	}

	.home-before-slide, .home-top-ba, .home-top-full-img {
		height: auto!important;
		min-height: 600px;
	}

	.header-nav--item {
		padding: 40px 15px;
	}
	.header-actions {
		width: 200px;
	}
	.header-action--item {
		width: 33.33333%;
	}
	.header-action--text {
		display: none;
	}
	.header-action--icon {
		margin: 0;
	}

	.tabbed-product-list .product-grid--item {
		width: 25%;
	}
	/* .tabbed-product-list .product-grid--item:last-child {
		border-right: 1px solid #f4f4f4;
	} */
	
	.tabbed-product-list--items .product-grid--item.segment-16:nth-child(4) {
		display: none;
	}

	.listing-thumbnail.lt-video > span {
		width: 50px;
		height: 50px;
	}
	.listing-thumbnail.lt-video > span::after {
		border-width: 10px 0 10px 18px;
	}

	.header-action--item.header-search {
		display: flex;
	}

	.header-main .header-search-form {
		display: none;
	}

	.content-page--upper .grid--40 {
		margin: 0 -30px -30px 0;
	}
	.content-page--upper .grid--40 > * {
		padding: 0 30px 30px 0;
	}
	.package-content--blocks > div:not(:last-child) {
		margin-bottom: 30px;
	}

	.comp-table-title {
		font-size: 26px;
	}
}


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

	.home-feat > div > div > .segment-50 {
		width: 100%;
	}
	.shop-by-product--block {
		width: 50%;
	}
	.shop-by--item {
		width: 25%;
		height: 250px;
	}

	.header-nav {
		position: unset;
		padding: 0 20px;
	}
	.help-nav .header-nav--dropdown-col > .segment-25 {
		flex: 33.333333% 0 1;
	}
	.header-nav--dropdown.columnified, .header-nav--dropdown.help-nav {
		min-width: unset;
	}
	.header-main .header-search-form {
		right: 200px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {
	.category-heading.no-img .category-title {
		font-size: 44px;
	}
	.top-sellers .product-image__link {
		width: 110px;
	}
	
	.case-study--action > div > div {
		width: 100%;
	}

	.article-share, .article-content--section, .split-main--header {
		padding: 0 20px;
	}
	.grid-filters-subcategories {
		padding: 20px;
	}
	.sidebar-cms--link {
		padding: 15px 20px;
	}
	.custom-filter > span {
		font-size: 16px;
	}
	.cms-category-image {
		width: 160px;
	}
	.blog-nav:not(.blog-nav--sub) .cms-nav-item {
		width: 25%;
	}
	.diy-kit--result {
		flex-direction: column;
	}
	.diy-kit--result > div, .diy-kit--result .diy-kit-images {
		width: 100%;
	}
	.diy-kit--result .diy-kit-images > div {
		width: 25%;
	}
	
	.sealing-step-grid > div {
		width: 50%;
	}

	.content-buttons {
		flex-direction: column;
	}
	.content-buttons > *, .home-bottom--usps.usp-blocks > div {
		width: 100%;
	}
	.home-bottom--usps.usp-blocks > div {
		display: flex; 
		justify-content: center;
	}
	.service-cat--sidebar {
		width: 430px;
		margin-right: 30px;
		padding: 40px 30px;
	}
	.cms-category-details {
		padding: 20px;
	}
	.contact-grid > div.flex {
		flex-direction: column;
	}
	.contact-grid > div.flex > div {
		width: 100%;
	}
	.text-title--large {
		font-size: 34px;
	}

	.listing-price {
		font-size: 22px;
	}
	.stock .stock-status {
		font-size: 14px;
	}
	.listing-related--products .product-grid--item {
		width: 50%!important;
	}
	.text-title--med {
		font-size: 26px;
	}
	.listing-main {
		padding: 35px;
	}
	.listing-action--top {
		padding: 12px 25px;
	}
	.product-reviews, .product-questions, .listing-left--content {
		padding: 25px;
	}

	.listing-text--title {
		padding: 20px 40px;
	}
	.listing-text--overflow {
		padding: 0 40px 20px;
	}

	.category-grid > div.segment-20 {
		width: 33.33333%;
	}
	.home-steps-guides > div > div > .segment-50 {
		width: 100%;
	}
	.latest-slider .slick-slide {
		display: flex;
	}
	.latest-guide-upper {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.latest-guide-upper > .flex {
		flex-wrap: wrap;
	}
	.latest-guide-upper, .guide-video {
		width: 50%;
	}
	.latest-guide-upper .blog-title {
		width: 100%;
		flex: unset;
	}
	.latest-guide-upper .blog-title:not(:last-child) {
		margin-bottom: 10px;
	}
	
	.cta-block {
		width: 100%;
	}
	.cta-image {
		width: auto;
	}
	.cta-details {
		flex: 1;
	}

	.home-case-studies--grid {
		justify-content: center;
		margin-top: -10px;
	}
	.home-case-study--item {
		width: 20%;
		flex: unset;
		display: flex; 
		justify-content: center;
		align-items: center;
	}
	a.home-case-study--link {
		padding: 10px 10px 0;
	}

	.product-grid--item-inner:hover .product--overlay-top,
	.product-grid--item-inner:hover .product--overlay-bottom {
		display: none;
	}

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

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

	.header-nav--link {
		font-size: 14px;
	}
	.header-nav--chevron, .header-nav--chevron svg {
		width: 12px;
	}
	.header-actions {
		width: 170px;
	}

	.service-header--text {
		min-width: 370px;
	}

	.listing-swatch {
		width: 25%;
	}

	.header-dropdown-menus {
		position: relative;
	}
	.header-dropdown-menus::before, .header-dropdown-menus::after {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		top: 0;
		background-color: #e3e3e3;
	}
	.header-nav--dropdown-side {
		display: none;
	}

	.header-nav--dropdown.columnified.single {
		min-width: 280px;
		width: max-content;
		min-height: unset;
	}

	.content-sidebar--menu > a {
		padding: 16px 25px;
		font-size: 14px;
	}
	.content-page--sidebar {
		width: 300px;
	}
	.content-page--upper > div:not(:last-child) {
		margin-right: 60px;
	}
	.content-page--upper .package-content--blocks {
		width: 360px;
	}

	.comp-table-row td, .comp-table-header {
		min-width: 170px;
	}

	.success-story--img {
		max-width: 250px;
		max-height: 250px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
	.header-top > nav {
		display: none;
	}
	.product-grid--item.segment-16, .product-list--tab-item .product-grid--item.segment-25 {
		width: 33.333333%;
	}

	.custom-filter > span {
		font-size: 15px;
		font-weight: 500;
	}
	.split-side--products .product-image__link {
		width: 150px;
	}
	.article-share, .article-content--section, .split-main--header {
		padding: 0 20px;
	}
	.split-side {
		width: 500px;
		padding: 30px;
	}
	.split-main--inner {
		padding: 40px 20px;
	}

	.cms-category-blog-action {
		flex-direction: column;
		align-items: flex-start;
	}
	.blog--info {
		text-align: left;
		justify-content: flex-start;
		margin-top: 10px;
	}
	.blog-nav:not(.blog-nav--sub) .cms-nav-item {
		width: 33.333333%;
	}
	.blog-featured--image {
		min-height: 400px;
		width: 45%;
	}
	.blog-featured--inner {
		padding: 45px;
	}

	.cleanslate img {
		display: none!important;
	}
	.quote-main--inner {
		max-width: 620px;

	}
	
	.top-sellers {
		border-radius: 0;
	}
	.top-sellers .product-grid--item {
		display: block!important;
	}

	.faq-block {
		min-height: 160px;
    	height: 100%;
		padding:15px;
	}
	.faq-block--icon {
		transform: scale(0.7);
	}
	.ha-page-main {
		flex-direction: column;
	}
	.ha-page-main > div {
		width: 100%;
	}
	.service-page-images .main-thumbnail {
		width: 100%;
		max-height: 300px;
	}

	.service-cat--sidebar {
		width: 370px;

	}
	.logo-block {
		width: 220px;
	}
	.logo {
		width: 195px;
	}
	
	.footer-main > .container {
		padding: 0;
	}
	.footer-row {
		justify-content: center;
	}
	.footer-navs {
		flex: unset;
		width: 100%;
		padding: 0 30px 30px
	}
	.footer-navs:not(:last-child) {
		margin-bottom: 30px;
		border-bottom: 1px solid #202020;
	}
	.footer-signup {
		width: 90%;
		margin-left: 0;
		max-width: 450px;
	}
	.team-member {
		width: 20%;
		padding: 20px;
	}
	
	.cat-custom-filters-sublabel {
		justify-content: flex-start;
	}

	.category-main .product-grid--item.segment-25 {
		width: 50%;
	}
	.category-main .product-grid--item.segment-25:nth-of-type(3n) .product-grid--item-inner, .product-list--tab-item .product-grid--item:nth-of-type(4n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.category-main .product-grid--item.segment-25:nth-of-type(2n) .product-grid--item-inner, .product-list--tab-item .product-grid--item:nth-of-type(3n) .product-grid--item-inner {
		border-right: 0;
	}

	.content-page--upper {
		flex-direction: column;
	}
	.content-page--sidebar {
		width: 100%;
		margin-bottom: 30px;
	}
	.content-sidebar--toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #639FD8;
		color: #fff;
		padding: 10px 30px;
	}
	.content-sidebar--toggle span {
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: .6px;
		font-weight: 600;
	}
	.content-sidebar--toggle::after {
		content: ''; 
		position: relative;
		height: 20px;
		width: 20px;
		background: url(/images/style/basic/chevron-down-white.svg) no-repeat center center / contain;
		transition: ease-in-out .2s;
	}
	#mbl-filters.filter-open::after, .open > .sidebar-cms--menu-toggle::after, .open > .content-sidebar--toggle::after {
		transform: rotate(180deg);
	}
	.content-sidebar--inner {
		position: relative;
		top: 0;
	}
	.content-sidebar--inner > *:not(:last-child) {
		margin-bottom: 25px;
	}
	.content-page--sidebar:not(.open) .content-sidebar--inner {
		display: none;
	}

	.home-before-after--left {
		width: 400px;
	}

	.comp-table-title {
		font-size: 22px;
	}
}




/*
|--------------------------------------------------------------------------
| Min Width #1024px
|--------------------------------------------------------------------------
*/
@media (min-width: 1024px) {
	.col-row-title-mob {
		display: none;
	}
}


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

	.comparison-table.sticky-top .comp-table-headers, .comparison-table.sticky-bottom .col-row--cta {
		position: fixed;
		left: 20px;
		right: 20px;
		z-index: 999;
		display: flex;
	}
	.comparison-table.sticky-top .comp-table-headers {
		top: 0;
	}
	.comparison-table.sticky-bottom .col-row--cta {
		bottom: 0;
	}
	.comparison-table.sticky-top.abs-top .comp-table-headers {
		position: absolute;
		bottom: 50px;
		top: unset;
		left: 0;
		right: 0;
	}

	.comp-table-row-header, .comp-table-title, .col-row--cta th {
		display: none;
	}
	.comp-table-row td, .comp-table-header {
		min-width: unset;
		max-width: unset;
	}
	.comparison-table.cols-4 .comp-table-row td, .comparison-table.cols-4 .comp-table-header {
		width: 25%;
	}
	.comparison-table.cols-3 .comp-table-row td, .comparison-table.cols-3 .comp-table-header {
		width: 33.333333%;
	}
	.comparison-table.cols-2 .comp-table-row td, .comparison-table.cols-2 .comp-table-header {
		width: 50%;
	}
	.comparison-table.cols-1 .comp-table-row td, .comparison-table.cols-1 .comp-table-header {
		width: 100%;
	}

	.page-slide-container {
		overflow: hidden;
	}

	.listing-swatch {
		width: 12.5%;
	}
	.listing-swatches--cont + .listing-swatches--cont .listing-swatch {
		width: 8.33333333333%;
	}

	.category-heading.no-img .category-title {
		font-size: 38px;
	}
	.home-services {
		margin: 0 -15px -15px 0;
	}
	.home-services > div {
		width: 50%;
		padding: 0 15px 15px 0;
	}

	.header-bar--slider:not(.slick-slider) {
		display: none;
	}
	.blog-featured--inner {
		padding: 40px;
	}
	.ha-page--header {
		margin-bottom: 40px;
	}
	.quote-main--inner {
		max-width: 520px;
	}
	.category-heading--inner .category-heading--text {
		padding: 20px;
	}
	.team-member:nth-child(5n) {
		border-right: none;
	}
	.team-member:nth-child(6n) {
		border-right: 1px solid #E3E3E3;
	}

	.header-search-form {
		display: block !important;
	}
	
	.footer-usp--item.footer-socials {
		width: 100%;
		flex: unset;
		border-top: 1px solid #202020;
	}
	.footer-usps > .container {
		padding: 0;
	}
	.footer-usp--item {
		width: 50%;
	}
	
	.footer-usp--item:nth-of-type(2) {
		border: 0;
	}
	.ha-side {
		width: 300px;
	}
	.ha-nav--link {
		padding: 12px 10px;
		font-size: 14px;
	}
	.ha-nav--link > div {
		width: 20px;
		height: 20px;
	}

	.service-page .main-image {
		display: block;
		width: 50%;
	}
	.service-page-images .main-thumbnail {
		max-height: unset;
	}
	.precise-tablet-element {
		display: block;
	}
	.service-page .container--padding-60 {
		padding: 0 25px;
	}
	.service-page > div.flex {
		flex-direction: column;
	}
	.service-page .main-thumbnails {
		display: block;
	}
	.service-page-images, .service-page-main {
		width: 100%;
	}
	.service-page-images {
		display: flex;
	}
	.service-page-images .main-thumbnails {
		width: 50%;
	}

	.service-cat--main > div > div.flex {
		flex-direction: column;
	}
	.service-header--text {
		width: 100%;
	}
	.service-header--image {
		width: 100%;
		max-height: 350px;
	}
	.service-cat--sidebar {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		position: static;
	}
	.border-header {
		flex-direction: column;
	}
	.about-header--image, .text-with-image-block > div.flex > div:not(.text-with-image-text) {
		width: 40%;
	}
	.mob-listing-images {
		display: block;
		margin-bottom: 20px;
	}
	.mob-listing-images .slick-arrow, .tabbed-product-list .slick-arrow {
		position: absolute;
		background-color: #FCA21A;
		border-radius: 100px;
		text-indent: -9999px;
		height: 30px;
		width: 30px;
		overflow: hidden;
		transition: ease-in-out .2s;
		z-index:10;
	}

	.mob-listing-images .slick-arrow:hover, .tabbed-product-list .slick-arrow:hover {
		background-color: #eb9819;
	}
	.mob-listing-images .slick-arrow::before, .tabbed-product-list .slick-arrow::before {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.68565 0.71237C8.87868 0.905466 8.98713 1.16733 8.98713 1.44036C8.98713 1.7134 8.87868 1.97526 8.68565 2.16836L3.23547 7.61854L8.68565 13.0687C8.78399 13.1637 8.86244 13.2773 8.9164 13.403C8.97037 13.5286 8.99877 13.6637 8.99996 13.8004C9.00115 13.9371 8.9751 14.0727 8.92332 14.1993C8.87155 14.3258 8.79509 14.4408 8.69841 14.5375C8.60173 14.6342 8.48676 14.7106 8.36021 14.7624C8.23367 14.8142 8.09808 14.8402 7.96136 14.839C7.82463 14.8378 7.68952 14.8094 7.56389 14.7555C7.43826 14.7015 7.32464 14.6231 7.22966 14.5247L1.05148 8.34653C0.858442 8.15344 0.75 7.89158 0.75 7.61854C0.75 7.3455 0.858442 7.08364 1.05148 6.89054L7.22966 0.71237C7.42275 0.519332 7.68461 0.410889 7.95765 0.410889C8.23069 0.410889 8.49255 0.519332 8.68565 0.71237V0.71237Z' fill='white'/%3E%3C/svg%3E%0A"); 
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: contain;	
		width: 14.5px; 
		height: 14.5px;
		position: absolute;
		top: 50%;left: 50%;
		transform: translate(-50%, -50%);
	}
	.mob-listing-images .slick-arrow.slick-prev::before, .tabbed-product-list .slick-arrow.slick-prev::before {
		margin-left: -2px;
	}
	.mob-listing-images .slick-arrow.slick-next::before, .tabbed-product-list .slick-arrow.slick-next::before {
		margin-left: 2px;
		transform: rotate(-180deg) translate(50%, 50%);
	}

	.tabbed-product-list .slick-arrow {
		top: 20px;
	}
	.tabbed-product-list .slick-arrow.slick-prev {
		left: 20px;
	}
	.tabbed-product-list .slick-arrow.slick-next {
		right: 20px;
	}

	.mob-listing-images .slick-arrow {
		top: 50%;
		transform: translateY(-50%);
	}
	.mob-listing-images .slick-arrow.slick-prev {
		left: -15px;
	}
	.mob-listing-images .slick-arrow.slick-next {
		right: -15px;
	}
	
	.listing-side--images, .main-thumbnails {
		display: none;
	}

	.footer-main {
		padding-top: 0;
	}
	.footer-nav:not(.footer-main-nav) {
		padding: 0;
	}
	.listing-main--image {
		display: none;
	}

	.listing-page.main-page > div.flex {
		flex-direction: column-reverse;
	}
	.listing-page.main-page > div > div {
		width: 100%;
	}
	.listing-video {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
	}
	.listing-related--products .product-grid--item {
		width: 33.3333%!important;
	}

	.sidebar-cms-pages {
		display: flex; 
		flex-wrap: wrap; 
		justify-content: center;
		width: 100%;
	}
	.sidebar-nav {
		display: none;
	}
	
	.home-bottom {
		padding-top: 50px;
	}
	.home-bottom > div > div.flex {
		flex-wrap: wrap;
	}
	.home-welcome {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
		padding: 0 0 20px 0;
	}
	.home-bottom--usps.usp-blocks {
		display: flex;
		flex-direction: column;
	}
	.home-bottom--usps.usp-blocks {
		align-items: center;
	}
	.home-bottom--usps .usp-block {
		max-width: 520px;
		width: 100%;
	}

	.panel--padding-80 {
		padding: 40px 0;
	}
	.slick-track {
    	display: flex !important;
	}
	.header-bar--item.slick-slide {
		display: flex!important;
		align-items: center;
		justify-content: center;
		text-align: left;
		height: inherit!important;
	}
	.header-bar--item.slick-slide > div.flex {
		justify-content: center;
	}
	.header-action--item.header-account {
		position: absolute;
		bottom: 100%;
		border: 0;
		right: 20px;
		margin-bottom: 8px;
		width: unset;
	}
	.header-account .header-action--text {
		color: #fff;
	}
	.header-action--item.header-account .header-action--link {
		flex-direction: row; 
	}
	.header-action--item.header-account .header-action--icon {
		margin-right: 5px;
		display: flex;
	}
	.header-action--item.header-account .header-action--icon svg {
		height: 19.5px;
	}
	.header-action--item.header-account .header-action--icon svg > path {
		fill: #FFF;
	}
	.checkout-stages, .header-tel > span, .header-top .header-trade, .header-nav, .header-action--item.header-search  {
		display: none;
	}
	.header-tel svg {
		margin-right: 6px;
	}
	.logo-block {
		border:0;
	}
	.logo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.header-actions {
		width: unset;
		height: unset;
	}
	.header-action--item.header-basket {
		width: 96px;
		height: 96px;
	}
	.header-action--item.header-basket .header-action--icon svg {
		margin-bottom: 3px;
	}
	.header-bar--text {
		line-height: 1.1;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.mobile-menu,
	.filter-subcategories,
	.checkout-breadcrumbs, 
	.header-action--item.header-account .header-action--text, 
	.header-action--item.header-basket .header-action--text {
		display: block;
	}
	.mobile-menu--btn {
		margin: 35px auto;
	}
	.mobile-menu--btn-cont, .mobile-cart--btn-cont {
		height: 96px;
		width: 96px;
	}
	.mobile-menu--btn-cont {
		border-right: 1px solid #F4F4F4;
	}
	.mobile-menu--btn span {
		background-color: #FCA21A;
		height: 4px;
	}

	.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: auto!important;
	}

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

	.top-sellers {
		margin-top: 30px;
	}

	.overlay.overlay-account {
		position: absolute;
	}
	.overlay.overlay-account .overlay--inner {
		top: 50px;
		transform: translate(-50%,0);
	}

	.view-gallery {
		display: none;
	}

	.listing-thumbnail.lt-video > span {
		width: 70px;
		height: 70px;
	}
	.listing-thumbnail.lt-video > span::after {
		border-width: 15px 0 15px 25px;
	}

	.listing-thumbnail.lt-video {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.listing-thumbnail.lt-video > span {
		width: 70px;
		height: 70px;
	}
	.listing-thumbnail.lt-video > span::after {
		border-width: 15px 0 15px 25px;
	}

	.listing-text--title {
		padding: 20px 35px;
	}
	.listing-text--overflow {
		padding: 0 35px 20px;
	}

	.mob-listing-images .slick-dots {
		position: absolute;
		bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 50%;
		transform: translateX(-50%);
		list-style: none;
		margin: 0;
	}
	.mob-listing-images .slick-dots li {
		margin: 5px;
	}
	.mob-listing-images .slick-dots button {
		text-indent: -1000px;
		overflow: hidden;
		height: 10px;
		width: 10px;
		background-color: #FFF;
		border: 1px solid #484848;
		border-radius: 10px;
	}
	.mob-listing-images .slick-dots .slick-active > button {
		background-color: #FCA21A;
		border-color: #794c08;
	}
	
	.listing-main {
		position: relative;
	}

	.mobile-search-form {
		display: block;
		padding: 10px 20px;
		border-bottom: 1px solid #FFF;
	}

	.side-tabs {
		display: none;
	}

	.home-before-slide, .home-top-ba, .home-top-full-img {
		min-height: 500px;
	}
	.home-ba--title {
		font-size: 28px;
	}

	.home-before-after--left {
		width: 342px;
	}

	.listing-left--content.listing-description {
		border-top: 0;
		padding: 30px 0px 5px;
	}
	.listing-main .listing-description, .listing-left--content--inner {
		display: block!important;
	}
	.listing-left .listing-description {
		display: none;
	}
	.reviews-title, .listing-left--title {
		font-size: 22px;
	}
	.listing-left--content:not(.open) .listing-left--title {
		margin-bottom: 10px;
	}
	.listing-left--title svg {
		display: none;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
	.article-share, .article-content--section, .split-main--header {
		padding: 0 10px;
	}
	.product-grid--item.segment-16 {
		width: 25%;
	}
	.filters__title {
		display: none;
	}
	.split-side--products .product-image__link {
		width: 130px;
	}
	.split-side {
		width: 440px;
	}
	.blog-list--grid > div {
		width: 100%;
	}
	.blog-featured--info {
		flex-direction: column;
		align-items: flex-end;
	}
	.blog-featured--info .text-seperator {
		display: none;
	}
	.cleanslate img {
		display: block!important;
	}
	div.ts-reviewlist-logo {
		background-position: center!important;
		margin-bottom: 30px!important;
	}
	.quote-page, .reviews-page {
		flex-direction: column;
		justify-content: center;
	}
	.reviews-page .ha-page--header {
		margin-bottom: 30px;
	}
	.reviews-page .quote-main--inner {
		width: 100%;
		max-width: 100%;
	}
	.reviews-page .quote-images, .quote-page .quote-images {
		width: 100%;
	}
	.reviews-page .quote-images > div > div, .quote-page .quote-images > div > div {
		width: 33.3333333%;
	}

	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail {
		display: none;
	}

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

	.category-page--inner.flex {
		flex-direction: column;
	}
	.category-main--nolisting {
		padding-left: 0;
		padding-top: 30px;
	}

	.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 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#mbl-filters::after {
		content: ''; 
		position: relative;
		height: 20px;
		width: 20px;
		background: url(/images/style/basic/chevron-down-white.svg) no-repeat center center / contain;
		transition: ease-in-out .2s;
	}
	#mbl-filters.filter-open::after {
		transform: rotate(180deg);
	}

	#mbl-filters {
		background: #FCA21A;
		color: #fff;
		padding: 10px 30px;
	}

	#mbl-filters span {
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: .6px;
		font-weight: 600;
	}
	
	#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;
	}
	.filter ul {
		padding: 8px 10px 12px!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;
	}

	.category-main .product-grid--item.segment-25 {
		width: 33.33333333%;
	}
	.category-main .product-grid--item.segment-25:nth-of-type(2n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.category-main .product-grid--item.segment-25:nth-of-type(3n) .product-grid--item-inner {
		border-right: 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/
@media (max-width: 900px) {
	.category-heading.no-img .category-title {
		font-size: 34px;
	}
	.case-study--action > div > div {
		width: 50%;
	}

	.cat-custom-filters-sublabel {
		width: 100%;
		justify-content: center;
		margin-bottom: 10px;
		text-align: center;
	}
	.custom-filter svg {
		max-height: 24px;
	}
	
	.split-side--products .product-image__link {
		width: 200px;
	}

	.split-main {
		width: 100%;
		flex: none;
	}
	.split-main--inner .article-image {
		padding: 0 10px;
		max-width: 500px;
		display: block;
	}
	.split-side {
		width: 100%;
	}
	.article-share, .article-content--section, .split-main--header {
		padding: 0 10px;
	}
	.blog-featured--image {
		min-height: 350px;
	}
	.blog-featured--info {
		width: 100%;
		align-items: flex-start;
	}
	.text-title {
		font-size: 22px;
	}
	.team-member:nth-child(4n) {
		border-right: none;
	}
	.team-member:nth-child(5n) {
		border-right: 1px solid #E3E3E3;
	}

	.product-list--tab-item .product-grid--item-inner {
		border-right: 1px solid #F4F4F4!important;
	}
	.ha-side {
		display: none;
	}
	.ha-page--contact .header-nav--contact-text {
		font-size: 18px;
	}
	.ha-page--contact .header-nav--contact-icon svg {
		width: 30px;
	}
	.about-map {
		height: 500px;
	}

	.team-member {
		width: 25%;
	}

	.quote-main--inner {
		padding: 40px 20px;
	}
	.text-title--large {
		font-size: 30px;
		line-height: 1.2;
	}
	.ha-page--header {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	
	.latest-slider .slick-slide {
		flex-direction: column;
	}
	.latest-guide-upper, .guide-video {
		width: 100%;
	}
	.product-list-tabs > div {
		padding: 10px 20px 20px;
	}
	.product-list-tabs {
		font-size: 22px;
	}
	.home-before-after--text {
		font-size: 28px;
		padding: 25px;
	}
	.home-before-after--left {
		width: 300px;
	}

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

	.shop-by-product--block {
		width: 100%;
	}
	.shop-by--item {
		width: 33.33333%;
	}
	
	
	.breadcrumbs {
		display: none;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.account-sidebar--mobile-title,
	.mobile-menu {
		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 {
		width: 100%;
	}

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

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

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

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

	.home-banners > div > div.flex {
		justify-content: center;
	}
	.home-banner--item {
		width: 50%;
	}
	.home-banner--item:last-child {
		display: none;
	}

	.atb-overlay--title {
		font-size: 15px;
	}
	.atb-overlay--title > svg {
		display: none;
	}
	.atb-overlay--header--actions > .button {
		padding: 8px 15px;
	}

	.home-before-slide, .home-top-ba, .home-top-full-img {
		min-height: 450px;
	}
	.home-ba--title {
		font-size: 26px;
	}
	.home-before-after--image, .home-before-after--text {
		min-height: 200px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
	.help-blocks--inner {
		flex-direction: column;
	}
	.help-blocks--inner > div {
		width: 100%;
		flex-direction: row;
	}
	.help-block--image {
		width: 50%;
	}
	.help-blocks--inner > div:not(:last-child) {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.home-top--help-blocks {
		padding: 25px;
	}
	.home-top--help-blocks > .text-title {
		font-size: 21px;
		margin-bottom: 20px;
	}
	
	#mbl-filters {
		padding: 10px 25px;
	}
	.blog-nav:not(.blog-nav--sub) .cms-nav-item {
		width: 50%;
	}
	.blog-nav:not(.blog-nav--sub) .cms-nav-link {
		padding: 6px 15px 5px
	}
	.padding-bottom--50 {
		padding-bottom: 30px;
	}
	.cleanslate img {
		margin-bottom: 20px!important;
	}
	.ts-reviewLogo::after {
		position: relative;
		content: '';
		display: block;
		width: 100%;
		height: 20px;
	}
	.category-main .product-grid--item:nth-of-type(4n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.category-main .product-grid--item:nth-of-type(3n) .product-grid--item-inner {
		border-right: 0;
	}

	.product-list-tabs {
		font-size: 18px;
	}
	
	.about-header,.text-with-image-block > div.flex {
		flex-direction: column;
	}
	.text-with-image-block > div.flex > div {
		width: 100%!important;
	}
	.about-header--image, .text-with-image-block .content-image {
		width: 100%;
		max-height: 400px;
		overflow: hidden;
	}
	.text-with-image-block .content-image {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.about-header--inner {
		max-width: 100%;
	}
	.product-grid--item.segment-16 {
		width: 33.33333%;
	}
	.product-price {
		font-size: 18px;
	}
	.footer-bottom > div > div.flex {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
	.footer-bottom-right {
		align-items: center;
		margin-top: 20px;
	}
	.footer-links {
		text-align: center;
	}
	.home-before-slide, .home-top-ba {
		height: auto;
	}

	.home-before-after--left {
		flex: 1;
	}
	.home-before-after--text {
		height: 100%!important;
	}
	.home-ba--title {
		font-size: 26px;
	}

	.home-before-slide {
		flex-direction: column;
	}

	.home-before-after--left {
		width: 100%;
	}
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}
	.home-before-after--text {
		font-size: 36px;
		padding: 34px 40px;
		min-height: 0;
	}
	.home-before-after {
		max-width: 88%;
	}
	.home-before-after--left .home-before-after--image, .home-before-after > span {
		display: none;
	}
	.home-before-after a {
		margin-left: 0;
	}
	
	.cookie-bar {
		flex-direction: column;
		align-items: flex-start;
	}
	.cookie-bar--text {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.show-cookie-pref, .cookie-bar--submit, .cookie-pref-save {
		padding: 8px 12px;
		letter-spacing: .05em;
		font-size: 13px;
	}

	.home-before-after--right .home-before-after--image {
		min-height: 300px;
	}
	.home-before-after--right .home-before-after--image img {
		display: none;
	}

	.success-cta {
		font-size: 16px;
	}
}

/*
|--------------------------------------------------------------------------
| Min Width #768px
|--------------------------------------------------------------------------
*/
@media (min-width: 768px) {
	.mob-tabbed-product-title {
		display: none;
	}

	.sharethis-overlay .sharethis-container {
		display: block!important;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	.blog-featured > .flex {
		flex-direction: column;
	}
	.blog-featured > .flex > .segment-50 {
		width: 100%;
	}
	.blog-featured--info {
		flex-direction: row;
		flex-wrap: wrap;
		width: auto;
	}
	.blog-featured--inner {
		padding: 30px;
	}
	.blog-featured--image {
		min-height: 300px;
	}
	.blog-featured--info .text-seperator {
		display: block;
	}
	.mob-tabbed-product-title {
		display: flex;
		justify-content: center;
		font-weight: 600;
		color: #28282A;
		width: 100%;
		border-bottom: 1px solid #F4F4F4;
		min-height: 73px;
	}
	.mob-tabbed-product-title span {
		font-size: 25px;
		border-bottom: 5px solid #639FD8;
		padding: 10px 20px 20px;
		cursor: pointer;
	}

	.tabbed-product-list--items.slick-slider {
		display: grid;
	}
	.product-list-tabs {
		display: none;
	}
	.product-list--tab-item {
		border-top: 0!important;
	}
	.product-list--tab-item {
		display: flex!important;
		flex-wrap: wrap;
	}
	
	.tabbed-product-list .product-grid--item, .product-list--tab-item .product-grid--item.segment-25 {
		width: 50%;
	}

	
	.footer-navs {
		padding: 0 30px;
		flex-wrap: wrap;
	}
	.footer-nav {
		flex: 1 0 50%;
		padding-bottom: 40px;
	}
	.footer-nav.footer-main-nav {
		width: 100%;
		flex: unset;
	}
	.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%;
	}

	.listing-swatch {
		width: 16.666666%;
	}

	.product-list--tab-item .product-grid--item:nth-of-type(2n) .product-grid--item-inner {
		border-right: 0!important;
	}

	.category-heading {
		border: 0;
	}

	.content-more--short, .mob-hide {
		display: none;
	}
	.content-more--toggle.mob_only {
		display: inline-block;
	}
	.content-more--mob {
		display: block;
		margin-bottom: 10px;
	}
	.content-more--toggle {
		background-color: transparent!important;
		padding: 0;
		text-decoration: underline;
	}

	.home-before-slide, .home-top-ba, .home-top-full-img {
		min-height: auto;
	}
	.home-top-full-img--mob {
		display: block;
		height: 100%;
	}
	.home-top-full-img.hasMob {
		background-image: none!important;
	}
	.home-top-full-img.hasMob > img {
		display: none;
	}

	.sharethis-overlay .sharethis-container {
		border-radius: 10px 10px 0 0;
		transform: unset;
		top: unset;
		bottom: 0;
		left: 0;
		max-width: unset;
		width: 100%;
	}
	.sharethis-overlay .sharethis-container {
		display: none;
	}

	.header-search-form:not(.mobile-menu-search) {
		display: none!important;
	}
	.mobile-search-form input[type="text"] {
		padding: 12px!important;
	}

	.atb-overlay--inner {
		padding: 5px 20px;
	}
	.atb-overlay--header {
		flex-direction: column;
	}
	.atb-overlay--title {
		margin: 0 0 10px 0;
	}
	.atb-overlay--header--actions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: -10px;
	}
	.atb-overlay--header--actions > * {
		margin: 0 5px 10px;
	}
	.atb-overlay--list--item {
		padding: 5px 5px 5px 0;
	}
	.atb-overlay--total-row {
		padding: 15px 0;
	}
	.atb-olay-upsell {
		padding: 15px 0;
	}
	.atb-olay-upsell--item {
		width: 25%;
	}

	.content-page--inner--upper > div.flex {
		flex-direction: column;
	}
	.content-page--upper .package-content--blocks, .package-content--block {
		width: 100%;
	}

	.home-before-after--left {
		flex: unset;
		min-height: 200px;
	}

	.success-story {
		flex-direction: column;
	}
	.success-story--img {
		margin-left: 0;
		margin-top: 20px;
		width: fit-content;
		max-width: 100%;
	}

	.jumbotron {
		min-height: 200px;
	}
}



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

	.case-study--action > div > div {
		width: 100%;
	}
	.case-study--header {
		flex-direction: column;
	}
	.case-study--details > div > span {
		width: 150px;
	}
	.case-study--details {
		padding: 20px 20px 10px;
	}
	.split-main--header--logo {
		margin-top: 15px;
	}
	.text-title--large {
		font-size: 26px;
	}
	.blog-list {
		padding: 0px;
	}
	.reviews-page .quote-images > div > div, .quote-page .quote-images > div > div {
		width: 50%;
	}
	.team-member:nth-child(3n) {
		border-right: none;
	}
	.team-member:nth-child(4n) {
		border-right: 1px solid #E3E3E3;
	}

	.map-details {
		display: none;
	}
	.team-member {
		width: 33.333333%;
	}

	.listing-comments-reveal {
		padding: 12px 20px;
	}
	.listing-comments-text {
		font-size: 16px;
	}
	.category-heading--inner {
		flex-wrap: wrap;
	}
	.category-image {
		width: 100%;
	}
	.container--padding-80 {
		padding: 0 20px;
	}
	.cta-image, .cta-details {
		width: 50%;
	}
	.cta-image > img {
		visibility: hidden;
	}
	.home-case-study--item {
		width: 25%;
	}
	.home-banners {
		padding-bottom: 20px!important;
	}
	.home-top--cats > div {
		width: 50%;
	}
	.home-before-after--text {
		font-size: 30px;
	}
	.home-top--cat-text div {
		font-weight: 600;
		font-size: 18px;
	}
	.product-list-tabs > div {
		padding: 5px 15px 20px;
	}
	.product-list-tabs {
		font-size: 20px;
	}
	.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;
	}

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

	.feat-product--details > div {
		width: 100%;
	}
	.feat-product--details-product::after {
		display: none;
	}

	.feat-product--image {
		height: 250px;
	}
	.feat-product--details-image {
		width: 180px;
	}
	.home-feat > div > .grid--60 {
		margin: 0;
	}
	.home-feat > div > .grid--60 > * {
		padding: 0;
	}

	.top-sellers .product-inner {
		flex-direction: column;
	}
	.product-inner--image {
		padding: 20px 10px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.top-sellers .product-inner--container {
		padding: 0 20px 20px;
	}
	.top-sellers .product-image__link {
		width: 100%;
		max-width: 175px;
	}

	.service-cat--sidebar {
		padding: 20px;
	}

	.category-main .product-grid--item.segment-25 {
		width: 50%;
	}
	.category-main .product-grid--item.segment-25:nth-of-type(3n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.category-main .product-grid--item.segment-25:nth-of-type(2n) .product-grid--item-inner {
		border-right: 0;
	}

	.home-case-studies {
		padding-bottom: 20px;
	}

	.atb-overlay--total-row {
		flex-direction: column-reverse;
		align-items: center;
	}
	.atb-overlay--total-row > *:not(:last-child) {
		margin: 10px 0 0;
	}
	.atb-olay-upsell--item {
		width: 33.333333%;
	}

	.shop-by--text {
		font-size: 14px;
		line-height: 1.2;
		padding: 5px 10px;
		min-height: 50px;
		height: auto;
	}

	.ul-style-split ul > li {
		width: 100%;
	}
}

/*
|--------------------------------------------------------------------------
| Min Width #600px
|--------------------------------------------------------------------------
*/
@media (min-width: 600px) {
	
}

/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
	.listing-swatch {
		width: 20%;
	}
	.listing-swatches--cont + .listing-swatches--cont .listing-swatch {
		width: 10%;
	}

	.home-service--packages > div {
		width: 100%;
		padding: 10px;
	}
	.home-service--titles {
		padding: 15px 0 10px;
	}
	.home-service-title {
		font-size: 18px;
	}
	.home-service--block {
		padding: 20px 15px;
	}
	.home-service--icon {
		transform: scale(.8);
	}
	.cat-custom-filters {
		max-width: 450px;
		margin: 0 auto;
	}
	.custom-filter {
		width: 100%;
		justify-content: center;
	}
	
	.split-side--products .product-image__link {
		width: 160px;
	}
	.blog-nav:not(.blog-nav--sub) .cms-nav-item {
		width: 100%;
	}
	div.ts-reviewTitle, div.ts-reviewTitle a {
		font-size: 14px!important;
	}
	.quote-form {
		padding: 20px;
	}
	.category-grid > div {
		width: 50%;
	}
	.faq-blocks > div {
		width: 50%;
	}

	.service-page-images {
		flex-direction: column;
	}
	.service-page-images > div {
		width: 100%!important;
	}
	.service-page .main-image {
		max-height: 350px;
	}
	.main-thumbnails .prod-before::after, .main-thumbnails .prod-after::after {
		top: 15px;
	}
	.prod-before::after, .prod-after::after {
		left: 20px;
		padding: 6px 13px;
		font-size: 13px; 
		font-weight: 400;
	}
	.cms-category-image {
		width: 140px;
	}
	.cms-category-title {
		font-size: 16px;
	}
	.listing-text--title {
		padding: 20px 30px;
	}
	.listing-text--overflow {
		padding: 0 30px 20px;
	}
	.breadcrumb-trail-shop {
		display: flex;
		flex-direction: column;
	}
	.listing-related--products .product-grid--item {
		width: 50%!important;
	}
	.listing-main--title {
		text-align: center;
	}
	.listing-main {
		padding: 25px;
	}
	.text-title--med {
		font-size: 22px;
	}
	.footer-nav--title {
		position: relative;
		padding: 20px 0;
		cursor: pointer;
		margin-bottom: 0;
		color: #fff;
	}
	.footer-nav--title > span {
		display: flex;
		position: absolute; 
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		align-items: center;
		justify-content: center;
		width: 20px;
   	 	height: 20px;
	}
	.footer-nav--title > span::after, .footer-nav--title > span::before {
		position: absolute;
		content: '';
		transition: ease-in-out .3s;
		border-radius: 5px; 
		background-color: #FFF;
		height: 20px;
		width: 3px;
	}
	.footer-nav--title > span::before, .footer-nav.open .footer-nav--title > span::after {
		transform: rotate(90deg);
	}
	.footer-nav--item:last-child {
		margin-bottom: 20px;
	}
	.footer-nav--item {
		display: none;
	}
	
	
	.category-grid > div.segment-20 {
		width: 50%;
	}
	.prod_button .button {
		padding: 3px 5px;
		font-size: 11px;
	}
	.product-price {
		font-size: 14px;
	}
	.home-how-to-header {
		display: flex;
		flex-direction: column;
		padding: 20px 25px;
	}
	.latest-guide-upper {
		padding: 25px;
	}
	.home-how-to-header .blog-title:not(:last-child) {
		margin-bottom: 5px;
	}
	.home-how-to .cms-category-image {
		display: none;
	}
	.latest-guide-upper > .flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	.latest-guide-upper .blog-title {
		justify-content: center;
	}
	.text-subtitle--large {
		text-align: center;
	}
	.category-heading--text .text-subtitle--large {
		text-align: left!important;
	}
	.cms_image_right {
		width: 100%!important;
		padding-left: 0;
	}

	.ha-faq--section > div.flex .text-subtitle--xl {
		margin: 0 5px 5px 0;
	}

	.shop-by--item {
		width: 50%;
	}
	
	
	.home-top {
		border: 0;
	}
	.home-top--cat-text div {
		font-size: 14px;
	}
 
	.home-banners > div > div.flex {
		flex-direction: column;
	}
	.home-banner--item {
		width: 100%;
		display: flex;
		justify-content: center;
	}

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

	.footer-newsletter,
	.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;
	}

	.footer-main {
		padding: 0;
	}

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

	.footer-nav--mbl-button {
		padding: 30px 0;
	}
	.footer-navs:not(:last-child) {
		border-bottom: 0;
	}
	.footer-row {
		padding: 0;
	}
	.footer-nav {
		padding: 30px 0;
		flex: unset;
    	width: 100%;
		border-bottom: 1px solid #202020;
	}
	.footer-nav:not(.footer-main-nav) {
		padding: 0;
	}

	.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--item {
		padding: 0;
	}
	.footer-nav--link {
		padding: 7px 0;
	}

	.footer-btm--links {
		float: none;
		text-align: center;
	}
	.footer-signup {
		margin-bottom: 30px;
	}
	.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;
	}

	.footer-usp--item {
		width: 100%;
		flex: unset;
		border-right: 0;
	}
	.footer-usp--item.header-bar--item {
		border-bottom: 1px solid #202020;
	}

	.listing-deadline {
		border-radius: 5px;
	}

	.cookie-bar--inner {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.cookie-bar--text {
		width: 100%;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.cookie-bar--inner {
		padding: 10px;
	}
	.top-sellers {
		padding: 20px;
	}

	.input-grid + .text-subtitle {
		margin-top: 10px;
	}
	.contact-page--details-label, .contact-page--details-value {
		font-size: 14px;
	}

	.home-top-ba, .home-top--help-blocks {
		border-radius: 0;
	}
	.home-before-after--left {
		min-height: unset;
	}
	.home-before-after--right .home-before-after--image {
		min-height: 250px;
	}

	.comp-table-header, .col-row-title-mob {
		font-size: 13px;
	}
	.comparison-table td, .comparison-table th {
		padding: 10px;
	}
	.col-row--cta td a {
		font-size: 15px;
	}
	.comp-table-header--desc {
		display: none;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/
@media (max-width: 570px) {
	.overlay-tick-icon {
		width: 40px;
		margin-right: 20px;
	}
	.overlay-tick-icon > svg {
		width: 40px;
		height: 40px;
	}
	.overlay--basket-title {
		font-size: 16px;
	}
	.overlay--header--text.overlay--basket-header {
		padding: 25px;
	}
	.overlay--header-action {
		flex-direction: column;
	}
	.overlay--header-action > *.button {
		width: 100%;
	}
	.overlay--header-action > *.button:not(:last-child) {
		margin-bottom: 10px;
	}
	
	.listing-comments-reveal > div {
		display: flex;
		flex-direction: column;
	}
	.listing-comments-text {
		margin: 0 0 10px;
	}
	.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;
	}

	.diy-kit--result .diy-kit-images > div {
		width: 33.3333333%;
	}
	.diy-kit--result .diy-kit-images > div:last-child {
		display: none;
	}

	.atb-olay-upsell--list {
		max-height: 240px;
		overflow-y: auto;
	}
	.atb-olay-upsell--item {
		width: 50%;
	}

	.input-grid--split {
		flex-wrap: wrap;
	}
	.input-grid--split > div {
		width: 100%;
		flex: unset;
	}
	.input-grid--split > div:not(:last-child) .input:first-child input, .input-grid--split > div:not(:last-child) .input:first-child textarea {
		border-top-right-radius: 10px;
	}
	.input-grid--split > div:not(:last-child) .input:last-child input, .input-grid--split > div:not(:last-child) .input:last-child textarea {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.input-grid--split > div:not(:first-child) .input:first-child input, .input-grid--split > div:not(:first-child) .input:first-child textarea {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	.input-grid--split > div:not(:first-child) .input:last-child input, .input-grid--split > div:not(:first-child) .input:last-child textarea {
		border-bottom-left-radius: 10px;
	}

	.comments-action {
		flex-direction: column;
	}
	.listing-comments-stars {
		margin-bottom: 10px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
	.package-cta-bar {
		font-size: 14px;
	}
	.listing-swatch {
		width: 25%;
	}
	.listing-swatches--cont + .listing-swatches--cont .listing-swatch {
		width: 13.3333333%;
	}

	.home-services > div {
		width: 100%;
	}

	.help-blocks--inner > div {
		flex-direction: column;
	}
	.help-block--image {
		width: 100%;
	}
	.case-study--action {
		padding: 20px;
	}
	.case-study--details > div {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.article-images > div {
		width: 100%;
		flex: none;
	}
	.split-side--products .product-image__link {
		width: 130px;
	}
	.blog-breadcrumb {
		display: none;
	}
	.article-contact .input {
		width: 100%;
	}
	.breadcrumb-trail-shop > *, .breadcrumb-trail > div {
		font-size: 12px;
	}
	.split-main--inner {
		padding: 30px 10px;
	}
	.split-side {
		padding: 20px;
	}

	.blog-list--grid .cms-category-item {
		flex-direction: column;
	}
	.cms-category-image {
		width: 100%;
	}
	.category-image {
		min-height: 230px;
	}
	.category-main .product-grid--item:nth-of-type(3n) .product-grid--item-inner {
		border-right: 1px solid #F4F4F4;
	}
	.category-main .product-grid--item:nth-of-type(2n) .product-grid--item-inner {
		border-right: 0;
	}

	.home-top--cats > .segment-33 {
		width: 50%;
	}

	.home-top--cat-text div {
		font-size: 15px;
	}

	.sealing-step-grid > div {
		width: 100%;
	} 
	.diy-kit-main {
		padding: 20px 20px 0;
	}
	.diy-kit-main--inner {
		margin: 0 -20px;
		border-radius: 0;
		padding: 20px;
		background-color: #f8f8f8;
	}

	.sealing-image--text {
		font-size: 13px;
	}
	.guide-section--list > div {
		width: 100%;
	}
	.about-map {
		height: 400px;
	}

	.team-member {
		width: 50%;
	}

	.listing-main--actions > div {
		width: 100%;
	}
	.listing-main--actions > div:first-child:not(:last-child) {
		margin-bottom: 15px;
	}
	.product-grid--item.segment-16 {
		width: 50%;
	}

	.cta-block > div {
		flex-direction: column;
	}
	.cta-image, .cta-details {
		width: 100%;
	}
	.home-case-study--item {
		width: 33.333333%;
	}
	.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;
	}

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

	.show-cookie-pref, .cookie-bar--submit, .cookie-pref-save {
		font-weight: 400;
		font-size: 12px;
	}

	.success-story--text {
		font-size: 13px;
	}

	.jumbotron {
		min-height: 160px;
	}

	.content-blocks--imgs-split {
		flex-direction: column;
	}
	.content-blocks--imgs-split img {
		width: 100%;
	}
	.content-blocks--imgs-split img:not(:last-child) {
		margin-bottom: 20px;
	}

	.top-sellers--text {
        font-size: 18px;
    }
}



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

	.feat-product--images.flex.flex-wrap {
		flex-direction: column;
	}
	.feat-product--image {
		width: 100%;
		height: 200px;
	}
	.feat-product--details-image {
		width: 110px;
	}

	.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-action {
		padding: 10px 20px;
	}


	.static-mobile-nav {
		padding: 10px 20px 0 20px;
	}

	.mobile-nav li {
		padding: 6px 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;
	}

	.mobile-nav--heading {
		font-size: 18px;
		padding: 15px 20px 10px;
	}
	.mobile-nav--subs .mobile-nav--subs-dropdown > a {
		font-size: 15px;
		padding: 15px 20px;
	}

	.mobile-menu--btn-cont, .mobile-cart--btn-cont, .header-action--item.header-basket {
		width: 76px;
	}
	.header-action--text {
		font-weight: 500;
		font-size: 12px;
	}
	.logo {
		width: 175px;
	}

	.package-cta-bar {
		flex-direction: column;
	}
	.package-cta-bar > .button {
		margin-left: 0;
		margin-top: 10px;
	}

	.comparison-table td, .comparison-table th {
		font-size: 12px;
		padding: 8px;
	}
	.col-row--cta td a {
		font-size: 13px;
		font-weight: 400;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #480px
|--------------------------------------------------------------------------
*/
@media (max-width: 480px) {
	.success-cta {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.faq-blocks > div {
		width: 100%;
	}
	.faq-block--icon {
		display: none;
	}
	.faq-block {
		min-height: 60px;
	}
	.faq-block--text {
		margin: 0;
	}

	.show-pref .cookie-pref-overlay {
		margin-left: 0;
		left: 0;
		width: 100%;
		padding: 25px;
		font-size: 14px;
	}

	.atb-overlay--header--actions > .button {
		padding: 7px 15px;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0;
		margin: 0 5px 5px;
	}
	.atb-overlay--list--item {
		font-size: 13px;
		line-height: 1.2;
	}
	.atb-overlay--total {
		font-size: 15px;
	}
	.atb-olay--item--image img {
		height: 80px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/
@media (max-width: 400px) {
	.listing-swatch {
		width: 33.3333333%;
	}
	.listing-swatches--cont + .listing-swatches--cont .listing-swatch {
		width: 16.666666%;
	}
	
	.top-sellers .product-inner--container {
		padding: 0 15px 20px;
	}
	
	.split-side--products .product-inner {
		flex-direction: column;
	}
	.split-side--products .product-inner--image {
		padding-top: 21px;
	}
	.article-contact {
		padding: 20px;
	}
	.input-grid .input.segment-50 {
		width: 100%;
	}
	.diy-kit--result .diy-kit-images > div {
		width: 50%;
	}
	.diy-kit--result .diy-kit-images > div:last-child {
		display: flex;
	}

	.mobile-nav--style-2 {
		margin-top: 15px!important;
	}
	.service-header--text {
		padding: 25px;
	}
	.service-list .cms-category-item, .service-page-main .cms-category-item {
		flex-direction: column;	
	}
	.cms-category-image {
		width: 100%;
	}
	.service-header--text {
		min-width: unset;
	}
	.form-options {
		padding: 24px 20px;
	}

	.home-case-study--item {
		width: 50%;
	}
	.home-top--cats > div {
		width: 100%;
	}

	.brand a {
		height: 50px;
	}

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

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

	.mobile-nav li {
		padding: 0;
	}

	.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-social-title {
		padding-bottom: 8px;
	}

	.mobile-social {
		padding: 8px 10px 0 10px;
	}

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

	.input-grid .input.segment-50:not(:first-child):not(:last-child) input[type="text"], 
	.input-grid .input.segment-50:not(:first-child):not(:last-child) input[type="email"], 
	.input-grid .input.segment-50:not(:first-child):not(:last-child) input[type="search"], 
	.input-grid .input.segment-50:not(:first-child):not(:last-child) input[type="tel"], 
	.input-grid .input.segment-50:not(:first-child):not(:last-child) input[type="password"], 
	.input-grid .input.segment-50:not(:first-child):not(:last-child) input[type="number"], 
	.input-grid .input.segment-50:not(:first-child):not(:last-child) .select2-container--default .select2-selection--single {
		border-radius: 0!important;
	}
	.input-grid .input.segment-50:first-child:not(:last-child) input[type="text"], 
	.input-grid .input.segment-50:first-child:not(:last-child) input[type="email"], 
	.input-grid .input.segment-50:first-child:not(:last-child) input[type="search"], 
	.input-grid .input.segment-50:first-child:not(:last-child) input[type="tel"], 
	.input-grid .input.segment-50:first-child:not(:last-child) input[type="password"], 
	.input-grid .input.segment-50:first-child:not(:last-child) input[type="number"], 
	.input-grid .input.segment-50:first-child:not(:last-child) .select2-container--default .select2-selection--single {
		border-radius: 10px 10px 0 0!important;
	}
	.input-grid .input.segment-50:last-child:not(:first-child) input[type="text"], 
	.input-grid .input.segment-50:last-child:not(:first-child) input[type="email"], 
	.input-grid .input.segment-50:last-child:not(:first-child) input[type="search"], 
	.input-grid .input.segment-50:last-child:not(:first-child) input[type="tel"], 
	.input-grid .input.segment-50:last-child:not(:first-child) input[type="password"], 
	.input-grid .input.segment-50:last-child:not(:first-child) input[type="number"], 
	.input-grid .input.segment-50:last-child:not(:first-child) .select2-container--default .select2-selection--single {
		border-radius: 0 0 10px 10px!important;
	}
	.input-grid .input.segment-50:last-child:first-child input[type="text"], 
	.input-grid .input.segment-50:last-child:first-child input[type="email"], 
	.input-grid .input.segment-50:last-child:first-child input[type="search"], 
	.input-grid .input.segment-50:last-child:first-child input[type="tel"], 
	.input-grid .input.segment-50:last-child:first-child input[type="password"], 
	.input-grid .input.segment-50:last-child:first-child input[type="number"], 
	.input-grid .input.segment-50:last-child:first-child .select2-container--default .select2-selection--single {
		border-radius: 10px!important;
	}

	.contact-page--details-row {
		flex-direction: column;
	}

	.shop-by--item {
		width: 100%;
	}
}

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

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

	
}
