.nav-icon,
nav a.close,
.filter-toggle-mb	{display: none}

@media (max-width: 1380px) 
{
	/* NAV */
	header	{align-items: flex-end;}
	.logo 	{ width: 296px; height: 71px;}
		
	/* HOME PRODUCT CAROUSEL */
	.product-carousel h2	{display: flex; flex-direction: column;}
	.product-carousel .pc-col-text img	{margin-left: 0; width: 50px; margin-bottom: 10px;}
	
	/* RELATED PRODUCTS */
	.related-products-container 				{padding-bottom: 40px;}
	.related-products-container .slick-arrow	{top: auto !important; bottom: -60px;}
	.related-products-container .slick-arrow.slick-prev	{left:15px}
	.related-products-container .slick-arrow.slick-next	{right:15px}
	
	/* ANIMATED HEADER CAROUSEL */
	.carousel-animated-header .inner				{width:100%}
	.carousel-animated-header .slide img			{width:25%;}
	.carousel-animated-header p						{width:calc(100% - 50%);}
	.carousel-animated-header .slide p.subheader	{width:100%}
    
    .circle-section .inner {width: 100%;}
}

@media (max-width: 1300px) 
{
	
	/* HEADER */
	header			{align-items: center; padding: 20px;}
	nav li			{margin-left: 15px;}
	nav li a		{font-size: 16px;}
	.logo			{width: 244px; height: 58px;}
	.header-actions	{margin-bottom: 15px;}
	
	/* BIG PRODUCT CAROUSEL */
	.product-detail									{padding-left: 40px; padding-right: 40px;}
	.slick-arrow 									{width: 20px; height: 38px;}	
	.product-carousel-v2 .slick-arrow.slick-prev	{left: 15px;}
	.product-carousel-v2 .slick-arrow.slick-next	{right: 15px;}
	.product-detail .cols							{align-items: center}
	
	/* FILTER BY SECTION */
	.select-container .select p	{padding-left: 0}
	.filter-section .select-css	{padding-left: 0}

}

@media (max-width: 1200px) 
{
	/* PRODUCT LISTING */
	.listing .col-container			{width: calc(100% + 20px); margin-left: -10px;}
	.listing .col-container .col-3	{padding: 10px;}
	.product-panel .btn				{font-size: 16px;}
    
    /* CIRCLE SECTION */
	.circle-col:after {width: 73px; height: 27px; left: 50%; margin-left: 53%;}
	
	/* CASE STUDY PAGE */
	.csh-cols .csh-text h1	{font-size: 36px;}
    .csh-cols .csh-text-container   {width: 1024px; max-width: calc(100% - 40px);}
	
	/* CASE STUDY LISTING */
	.case-study-grid .col	{width: 33.333%}
}

@media (max-width: 1130px) 
{

	/* CASE STUDIES */
	.csh-icons-container ul li p	{font-size: 14px;}
	.cs-col-right 					{width: calc(40% - 50px);}
}

@media (max-width: 1100px) 
{
	/* FILTER BY SECTION */
	.select-container .select p	{font-size: 16px;}
	.filter-section .select-css	{font-size: 16px; padding: 11px 0}
	.select-dd li p				{font-size: 16px;}
	.select-dd li p strong		{font-size: 16px;}
	
	/* PRODUCT DETAIL */
	.product-detail-buttons .btn.btn-basket	{background-image: none}
    
    /* CIRCLE SECTION */
	.circle-col:after 	{display: none}
	.circle-col span	{width:30px; height: 30px; border-radius: 30px; display: inline-flex; color:#ffffff; font-size: 16px; background-color:#8BE86F; justify-content: center; align-items: center; position: absolute; left: 30px; top:30px}

	
	/* BASKET */
	.basket-image					{width:90px;}
	.col-basket-summary .btn		{font-size: 16px;}
	.basket-item .product-select	{padding-left: 110px;}
	.basket-section .col-basket		{width:60%;}
	.col-basket-summary 			{width: 35%;}
	
	/* CASE STUDIES */
	.csh-icons-container ul li	{margin: 10px; width: calc(50% - 20px);}
	.csh-cols .csh-text			{padding-left: 20px;}
	
	/* FOOTER */
	.footer-bottom			{flex-direction: column;}
	.newsletter-sign-up		{width:50%; margin-bottom: 45px}
	.footer-bottom-right	{width:100%;}
	
}

@media (max-width: 1040px) 
{
  
	/* CASE STUDIES */
	.cs-cols					{flex-direction: column}
	.cs-col-left				{width: 100%;}
	.cs-col-right				{width: 100%; margin-top: 40px;}
}

@media (max-width: 1024px) 
{
    nav li a {font-size: 14px;}
    
}
	
@media (max-width: 960px) 
{
    /* NAV */
	nav					{position: fixed; left:-100%; top:0; width: 414px; max-width: 100%; height: 100%; background-color: #ffffff; z-index: 100; transition: 0.5s ease-out; overflow-y: auto; padding-top: 50px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1)}
	nav.open			{display: flex; flex-direction: column; box-shadow: 5px 0 15px rgba(0,0,0,0.2); left: 0}
	nav ul				{flex-direction: column; justify-content: flex-start; font-size: 16px; width: 100%; font-weight: 300;}
	nav ul li			{margin: 0; font-weight: 700; border-bottom: 1px solid #efefef; position: relative; width: 100%;}
	
	.home-page nav ul li:hover a,
	nav ul li:hover a	{background-color:#333333; color:#ffffff;}
	
	.home-page nav ul li a,
	nav ul li a				{height: auto; width: calc(100% - 65px); margin: 0; color:#3C3C3C; padding: 20px; display: block; font-weight: 300; transition: 0.2s ease-out}
	
	nav ul span			{position: absolute; top:15px; right:20px; width:30px; height: 30px; background-color: #34ddc6; border-radius: 15px; background-image: url(/_assets/icon-chevron-white.svg); background-size: 10px; background-repeat: no-repeat; background-position: 11px; z-index: 9999; transition: all ease-in-out .25s;}	
	nav ul li:after		{display: none !important}
	nav a.close 		{display: block; position: absolute; right: 0px; top: 0px; width: 18px; height: 18px; background-image: url(/_assets/icon-close.svg); background-size: 18px 18px; margin: 15px; margin-right: 25px; margin-left: auto;}
	
	.logo.mb    {display:block;margin-top: -25px;margin-left: 18px;margin-bottom: 5px;}

	/* DROPDOWN */
	nav ul li ul				{width:100%; position: relative; top:auto !important; left: auto !important; box-shadow: none; padding: 0; display:none;}
	nav ul li.open > ul			{display:block;}
	nav ul li.open > span			{transform:rotate(90deg);}

	nav ul li ul li				{padding: 0; padding-left: 0;}
	nav ul li ul li a			{color:#3c3c3c; font-size: 13px; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 30px !important;}
	nav ul li ul li span		{top:5px;}
	nav ul li ul li ul li a		{padding-left: 60px !important;}
	nav ul li ul li:hover,
	nav ul li ul li:hover a		{background-color: #ffffff; color:#333333}
	
	nav ul li:hover a		{background-color: #ffffff; color:#333333}
	nav ul li:hover ul li a	{background-color: #ffffff; color:#333333}
	
	nav ul li ul li:first-of-type	{border-top: 1px solid #efefef;}
	nav ul li ul li:last-of-type	{border-bottom: none;}
    
    nav ul ul li:hover ul {left: 0 !important;}
	nav ul ul ul li:hover a {color: unset !important;}
    
	
	.header-actions						{margin-bottom: 0; flex-direction: column-reverse}
	.header-actions .btn.nav-icon		{display: block;}
	.header-actions-right				{justify-content: flex-end;}
	.search-box							{margin-right: 0}
	
	.header-actions-left  {position: absolute; top: 0; left: 0; width: 100%; background: #3c3c3c; justify-content: space-between; padding:7px 20px;}
	
	.header-actions .btn.nav-icon,
	.header-actions .btn.basket		{margin-left: 9px}
	header	{padding-top: 30px; padding-bottom: 10px}
	.header-actions .btn,
	.search-box input[type="text"]	{font-size:12px;}
	.btn.btn-tel		{background-color: transparent; color: #ffffff; box-shadow: none; padding-left: 0; padding-right: 0; width:auto !important}			
	.btn.btn-tel:hover	{background-color: transparent !important}
	
	section.free-delivery {height: auto; margin-top: 58px;}
	
	
	/* HOME HERO */
	.hero-container	{height:100vh; min-height: 400px; background-color: #000000; background-image:none}
	
	.copy-bgimg-text *		{text-align: center !important}
    .image-and-text ul,
	.copy-bgimg-text ul		{list-style: none; margin-left: 0 !important}
    .image-and-text ul li,
	.copy-bgimg-text ul li	{position: relative;}
    .image-and-text ul li:before,
	.copy-bgimg-text ul li:before	{width:25px; height: 2px; background-color: #cccccc; display: block; margin: 20px auto; content: ''}
	
	/* TEXT TOP PANEL */
	.text-top-panel 						{padding-top: 0; display: flex; flex-direction: column-reverse;}
	.text-top-panel .full-image				{position: relative; height: 57vw;}
	.copy-bgimg-text						{padding-top:20px; text-align: center; margin-left: auto; margin-right: auto;}
	.copy-bgimg-text h2						{display: block; text-align: center}
	/*.text-top-panel .full-image:before	{position: absolute; left: 0; top:0; content: ''; width:100%; height: 30%; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}*/

	/* PRODUCT WITH TABS */
	ul.tab-list li {padding: 20px 15px; font-size: 18px;}
	
	/* SPLIT PANEL */
	.split-panels .panel h2 img	{display: block; position: relative; margin: 20px 0}
		
	/* FILTER BY SECTION */
	.select-container .select p	{padding-left: 0}
	.select-container .select,
	.filter-section .select-css	{background-size: 15px auto}
	.filter-section .col-4,
	.listing .col-4				{width:33.333%;}
	
	.product-banner h1	{font-size: 45px;}
	.product-banner h2	{font-size: 26px;}
	.product-panel .btn	{font-size: 14px;}
	
	.btn.btn-basket, .product-panel .btn	{/*padding-left: 60px;*/}
	
	.col-filter-left	{width:210px;}
	.col-listing-right 	{width: calc(100% - 236px);}
	
	/* PRODUCT PULLOUT */
	.product-detail-pullout		{align-items: flex-start}
	.product-detail-pullout p	{font-size: 20px;}
	
	/* BLOG */
	.blog-listing .product-panel-image-container	{height:18vw; min-height: 150px;}
	.blog-listing h2	{font-size: 20px;}
	.blog-tags			{flex-wrap: wrap; font-size: 14px; margin-bottom: 0px;}
	.blog-tags li		{margin-bottom: 15px;}
	
	#pp-78						{background-color: #000000 !important;}
	#pp-78 .full-image:before	{background: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%) !important;}

	.qty button img { min-width: 30px; }
	
	/* SPLIT PANEL */
	.split-header	{flex-direction: column-reverse; align-items: center;}
	.split-header img	{margin: auto; margin-bottom: 15px;}
    .split-panels .panel h2 {text-align: center;}

	/* 2024 STYLES */
	.bg-image-with-cols .cols.span-3		{flex-wrap: wrap; justify-content: center}
	.bg-image-with-cols .cols.span-3 .col	{width: 50%}

	.two-col-with-grid .cols				{flex-direction: column}
	.two-col-with-grid .cols .col			{width: 100%}
	.two-col-with-grid:before,
	.two-col-with-grid:after				{display: none}
	.two-col-with-grid .grid				{width: calc(100% + 20px); margin-left: -10px;}
	
	/* 2024 PP */
	.cols.span-4 .col {width: 50%;}
	.shop-brand .col-brands ul li {width: 50%; padding: 5px; margin: 0px;}


}

@media (max-width:920px) 
{
	
	/* CASE STUDIES */
	.csh-cols .csh-text h1				{font-size: 30px;}
	.csh-cols .csh-text					{padding-right: 90px;}
	.csh-icons-container ul li p		{font-size: 12px;}
	.csh-icons-container ul li img		{height: 34px;}
	section.case-study-detail-page .csh-cols .csh-text p	{font-size: 16px;}
	
}

@media (max-width: 850px) 
{
	/* BASKET */
	.basket-section .cols		{flex-direction: column}
	.col-basket-summary,
	.basket-section .col-basket	{width:100%}
	
	/* PRODUCT LISTING */
	.listing .col-3	{width:50%;	}
	
	/* PRODUCT LISTING PULLPUT */
	.product-listing-pullout .col-4	{width:50%;}
    
    .product-listing-pullout {padding: 20px 0;}
    
    .question-links {padding: 20px 10px;}
    
    
    /* CIRCLE SECTION */
	.circle-section		{text-align: left;}
	.circle-container	{flex-wrap: wrap}
	.circle-col			{width:50%; margin-bottom: 20px;}
	.circle-col img		{width:198px;}
	.circle-col p		{width:80%; margin-left: auto; margin-right: auto;}
	.circle-col span	{left: 50%; margin-left: -70px;}
	
	/* CASE STUDIES */
	.cs-blockquote blockquote		{padding: 0 75px;}
	.cs-blockquote blockquote:before,
	.cs-blockquote blockquote:after	{width: 65px;height: 47px;}
	
}
	
@media (max-width: 780px) 
{
	/* HOME PRODUCT CAROUSEL */
	.product-carousel .inner	{flex-direction: column-reverse;}
	.product-carousel .col		{width:100%;}
	.product-carousel .slide	{padding-bottom: 80px; padding-top: 20px;}
	.product-carousel-section .carousel-nav ul	{justify-content: flex-start; padding-left: 20px;}
	.product-carousel .pc-col-image img			{width:500px; max-width: 100%; margin: auto}
	
	.product-pullout .inner				{flex-direction: column-reverse!important}
	.product-pullout .col-product		{width:100%; margin-bottom: 20px;}
	.product-pullout .col-product img	{width:500px; margin: auto; display: block}
	.product-pullout .col-text			{width:100%; padding-left: 0 !important; padding-right: 0 !important}

	/* PRODUCT WITH TABS */
	.image-and-text					{padding: 40px 0;}
	.image-and-text .cols.left,
	.image-and-text .cols			{flex-direction: column-reverse;}
	.image-and-text .col-text		{width:100%; margin-top: 30px;}
	.image-and-text .col-image		{width:500px; max-width: 100%; text-align: center}
	ul.tab-list li 	{padding: 15px; font-size: 16px; width:calc(33.333% - 10px);}

	/* BIG CAROUSEL */
	.product-detail							{padding-left: 0; padding-right: 0}
	.product-detail h2						{font-size: 60px;}
	.product-detail h2 span 				{font-size: 30px;}
	.product-detail .cols					{flex-direction: column;}
	.product-detail .col-text				{width:100%;}
	.product-carousel-v2 .text-top-outer	{justify-content: flex-start}
	.product-carousel-v2 .text-top			{text-align: left;}
	.product-detail ul li img				{width:45px;}
	
	.product-carousel-v2 .text-top .cols		{flex-direction: column-reverse; text-align: center}
	.product-carousel-v2 .text-top .cols .copy	{width:100%; margin-bottom: 25px;}
	.product-carousel-v2 p		{text-align: center !important}
	
	/* TEXT PULLOUT */
	.text-pullout h2						{font-size: 30px;}
	.text-pullout							{padding: 40px 0}
	
		/* TABS PANEL */
	.shop-brand				{padding-bottom: 40px;}
	.shop-brand .inner		{flex-direction: column}
	.shop-brand .col-text	{width:100%; padding-right: 0; margin-bottom: 30px;}
	.shop-brand .col-text p	{width:100%;}
	.shop-brand .col		{width: 100%;}
	
	/* PRODUCT DETAIL */
	.product-banner h1		{font-size: 40px;}
	.product-detail-text h1,
	.product-detail-text h2	{font-size: 28px;}
	
	/* BLOG */
	.blog-listing .col-3							{width:50%;}
	.blog-listing .product-panel-image-container	{height: 28vw;}
	
	/* FOOTER */
	.newsletter-sign-up		{width:100%;}
	
	/* BAQ LANDING PAGE */
	.case-study-listing-header.baq-landing-header h1	{font-size: 10vw}
}

@media (max-width: 760px) 
{
	/* PRODUCT LISTING */
	.col-filter-left				{position: fixed; opacity: 0; visibility: hidden; top:-110%}
	.col-filter-left.active			{opacity: 1; left: 0; visibility: visible; top:0%; z-index: 9999; width:100%; height: 100%; background-color: #ffffff; padding: 20px 30px;}
	.col-filter-inner				{position: relative; top:0; height: 100vh; overflow: auto; padding-bottom: 40px; padding-top: 60px;}
	
	.col-filter-inner .filter-toggle-mb	{margin: 0; display: inline-block; margin-bottom: 30px; font-size: 14px; right:0; top:0; position: absolute}
	
	.col-listing-right				{width:100%;}
	.col-listing-right .col-3		{width:33.333%}
	.filter-section					{padding-bottom: 0; padding-top: 10px;}
	.filter-section .col-container	{display: flex; justify-content: space-between; align-items: center;}
	.filter-toggle-mb 				{display: block; font-size: 18px; text-transform: uppercase; background-color: #5C5C5C; margin-left: 16px; font-weight: 700; color:#ffffff; padding: 13px 25px; text-decoration: none}
	
	/* ANIMATED HEADER CAROUEL */
	.carousel-animated-header .slide img	{max-width:414px; width: 50%; position: relative; bottom: auto; right: auto; margin-top: 30px; display: block; margin-right: auto; margin-left: auto;}
	.carousel-animated-header .slide		{padding-bottom: 60px;}
	.carousel-animated-header .slide p		{width:100%;}
	
	/* CASE STUDIES */
	.csh-cols	{flex-direction: column}
	.csh-cols .csh-text-container	{width: calc(100% - 60px);}
	.csh-icons-container			{width:100%; margin: 20px 0 5px; padding: 20px 0}
	.csh-icons-container ul li		{width: calc(25% - 20px);}
	.case-study-header-container	{margin-bottom: 0}
	
	/* CASE STUDY LISTING */
	.case-study-grid .col	{width: 50%}
}

@media (max-width: 720px) 
{

	/* CIRCLE SECTION */
	.circle-section		{text-align: left;}
	.circle-container	{flex-wrap: wrap}
	.circle-col			{width:50%; margin-bottom: 20px;}
	.circle-col img		{width:198px;}
	.circle-col p		{width:80%; margin-left: auto; margin-right: auto;}
	.circle-col span	{left: 50%; margin-left: -70px;}
    
}

@media (max-width: 700px) 
{
	/* SPLIT PANEL */
	.split-panels .inner		{flex-direction: column; padding-left: 0; padding-right: 0;}
	.split-panels .panel.left	{width:100%;}
	.split-panels .panel		{padding: 30px !important; width: 100%;}
	
	/* PRODUCT DETAIL PAGE */
	.product-detail-banner						{min-height: unset; padding-top:40px; padding-bottom: 40px;}
	.product-banner.product-detail-banner h1 	{font-size: 32px;}
	
	/* CASE STUDY */
	.case-study-listing-header h1	{font-size: 30px;}

	/* BAQ */
	.baq-landing-intro	{padding: 40px}
	
}


@media (max-width: 640px) 
{
	/* TEXT LEFT PANEL */
	.text-left-panel .text-left-panel-text	{width:100%;}
	
	/* FIVE STEPS */
	.five-steps h2			{font-size: 40px;}
	.five-steps .step		{flex-direction: column-reverse !important;}
	.five-steps .col-image	{width:414px; max-width: 100%; margin-bottom: 20px;}
	.five-steps .col-text	{width:414px; max-width: 100%; text-align:  center !important}
	
	/* FILTER BY SECTION */
	.breadcrumbs				{font-size: 12px;}
	
	.filter-section .col-4		{width:100%;}
	.listing .col-4				{width:50%;}
	.filter-section .col-4.fr	{float: none; width:100%;}
	.product-panel .btn			{background-size: 15px auto; text-align: left; padding: 20px 10px 20px 45px;}
	
	.filter-section .col-4	{padding-bottom: 0; padding-top: 0; margin-bottom: 10px;}
	.filter-section .col-4:last-child	{margin-bottom: 0}
	
	.product-banner		{margin-bottom: 0}
	.product-banner h1	{font-size: 45px;}
	.product-banner h2	{font-size: 26px;}
	.product-panel .btn	{font-size: 14px;}

	.product-panel h3	{flex-direction: column; align-items: flex-start}

	/* PRODUCT DETAIL PAGE */
	.product-top .col-container 			{flex-direction: column; display: flex}
	.col-container .col-2,
	.product-top .col-container .col-2		{width:100%;}
	.product-detail-carousel-container		{width:414px; max-width: 100%;}
	.quantity-total h3						{font-size: 30px;}
	
	.product-detail-bottom .col-container	{flex-direction: column-reverse; display: flex;}
	.product-detail-bottom .col-container .col-2	{width:100%;}
	.product-top									{margin-bottom: 10px;}
	.product-detail-bottom							{margin-top: 10px;}
	.specifications p								{font-size: 18px;}
	
	/* PRODUCT LISTING */
	.col-listing-right .col-3	{width:50%}
	
	/* CHECKOUT */
	.inner.inner-checkout h1	{font-size: 30px;}
	
	/* BLOG */
	.grad-header-left h1	{text-align: left}
	.share-box-container	{display: none}
	.blog-hero-container .grad-header h1	{font-size: 30px;}
	.blog-hero {height: 60vw; min-height: 250px;}
	
	/* POPUP */
	.popup-overlay									{}
	.popup-outer									{top:auto; transform: translateX(0); left: 0; margin: auto; margin-top: 20px;}
	.popup-content									{position: relative;}
	.popup-content .cols						{flex-direction: column-reverse}
	.popup-content .cols .col					{width:100%}
	.popup-content .col-left					{padding: 30px;}
	.popup-content .cols .col-right			{height: 40vw;}
	.popup-content .cols .col-right:before	{left: 0; bottom: 0; top: auto; width: 100%; height: 30%; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%)}
	
	.popup-content .col-left h1		{font-size: 28px;}
	.popup-content .col-left h2		{font-size: 18px;}
	
	.popup-overlay-product .cols .col-right		{height: auto; text-align: center; padding-top: 20px;}
	.popup-overlay-product .cols .col-right img	{height: 50vw}
	
	/* FOOTER */
	.footer-top .logo		{width: 210px; height: 49px;}
	.footer-bottom-right	{flex-wrap: wrap}
    
    
    .form-row {flex-direction: column;}
    .form-row .form-col-2 {width: 100%;}
    
	/* 2024 STYLES */
	.bg-image-with-cols .cols.span-3		{flex-direction: column}
	.bg-image-with-cols .cols.span-2 .col,
	.bg-image-with-cols .cols.span-3 .col	{width: 100%}
	
	/* CASE STUDIES */
	.cs-blockquote blockquote p		{font-size: 22px;}
	.cs-blockquote blockquote cite	{font-size: 16px;}
	
	.col-container.product-areas .col-left {width: 100%; margin-bottom: 20px;}
	.col-container.product-areas {flex-wrap: wrap;}
	
	
	/* PRODUCT DETAIL - primarilt to center content */
	
	.product-page .col-2,
	.product-page .product-detail-pullout p {text-align: center;}
	
	.product-page .col-2 .product-detail-carousel-container,
	.product-page .col-2 .quantity-total .qty,
	.product-page .col-2 .product-detail-buttons .btn.btn-basket {margin: auto;}
	
	.product-page .col-2 .product-page-feefo-score-badge {margin: 20px auto 0px auto; }
	
	.pp-message-center.pp-show { margin: 20px; background-color: #e6e6e6; padding: 10px; }
	
	.product-page  .promo-buttons .max-floor-area,
	.product-page  .promo-buttons .promo-code {width: 50%;}
	
	.select-css-v3 {margin: auto;}
	
	
	
}

@media (max-width: 550px) 
{

	/* CASE STUDIES */
	.csh-cols .csh-text				{padding: 30px 20px;}
	.csh-cols .csh-text h1			{font-size: 24px;}
	.csh-cols .csh-text	p			{padding-right: 0;}
	.csh-cols .csh-text-container	{width: calc(100% - 20px);}	
	.cs-col-left p					{font-size: 16px;}
	.csh-icons-container ul li		{width: calc(50% - 20px);}

	/* BAQ */
	.case-study-listing-header.baq-landing-header h1	{font-size: 50px;}
	
	.baq-landing-header h1 span	{font-size: 20px;}
	.baq-landing-header p		{font-size: 18px;}
	.baq-landing-steps h2		{font-size: 40px;}
	.baq-icon img				{width: 35px;}
	.baq-icon					{width: 75px;}
	.baq-number					{width: 90px;}
	.baq-number p				{font-size: 30px;}
	.baq-text					{padding:20px 30px 20px 0;}
	.baq-text p					{font-size: 16px;}
	.baq-text p br				{display: none}
	.baq-step					{border-radius: 30px;}
	
	
	div#pnlFormErrorsScrollMEV {padding: 0px; }
}
	
@media (max-width: 540px) 
{
	/* HEADER */
	.logo 	{width: 150px; height: 36px;}
	
	/* PRODUCT WITH TABS */
	ul.tab-list					{flex-direction: column; margin-bottom: 30px;}
	ul.tab-list li 				{padding: 15px; font-size: 16px; width: 100%; margin-bottom: 10px; margin-left: 0; margin-right: 0}
	ul.tab-list li:last-child	{margin-bottom: 0;}
	
	/* PRODUCT LISTING */
	.product-panel .btn	{background-image: none; padding:15px; text-align: center}
	.product-panel h3	{font-size: 30px;}
	.product-panel h3 span,
	.product-panel h4	{font-size: 16px;}
	.product-panel p	{font-size: 14px;}
	
	/* PRODUCT DETAIL PAGE */
	.product-detail-pullout img	{width:50px;}
	.product-detail-pullout p	{font-size: 16px;}
	
	/* CHECKOUT */
	.checkout-action	{padding: 30px 15px;}
	.checkout-action.checkout-action-2 span	{left: 15px;}
	.ca-2-text img		{width:70px;}
	.checkout-action-2 p	{padding-right: 40px;}	
	
	/* ANIMATED HEADER CAROUSEL */
	.animated-header					{font-size: 8.5vw;}
	.carousel-animated-header .slide	{padding-top: 40px;}
	
	/* BLOG */
	.blog-listing .col-3							{width:100%;}
	.blog-listing .product-panel-image-container	{height: 250px;}

	
	/* FOOTER */
	footer										{padding-left: 20px; padding-right: 20px}
	.footer-bottom-right						{flex-direction: column}
	.footer-bottom-right .quicklinks			{margin-bottom: 10px;}
	.newsletter-text-field input[type="submit"]	{font-size: 14px;}
	.newsletter-text-field input[type="text"]	{font-size: 16px;}
	
	/* CASE STUDIES */
	.cs-blockquote blockquote:before, .cs-blockquote blockquote:after {width: 36px; height: 26px;}
	.cs-blockquote blockquote		{padding: 0 45px;}
	.cs-blockquote blockquote p		{font-size: 18px;}
	
	
	/* 2024 PP */
	
	.inner {padding-left: 20px; padding-right: 20px; }
	.cols.span-4 .col {width: 100%;}
	.accordon_panel .expanded {max-width: 100%;}

	
}

@media (max-width: 500px) 
{
    /* BASKET */
	.basket-image			{margin-bottom: 10px;}
	.basket-image-text		{flex-direction: column; padding-right: 5%;}
	.basket-image-text h3,
	.basket-image-text h2	{font-size: 16px;}
	.basket-image-text h4,
	.basket-image-text p	{font-size: 14px;}
	.remove					{font-size: 12px;}
	.qty button img			{width:50px;}
	.basket-item .product-select	{padding-left: 00px;}
	.basket-item .quantity-total h3 {font-size: 20px;}
	
	.product-listing-pullout .col-2,
	.product-listing-pullout .col-3,
	.product-listing-pullout .col-4 {width:100%;}
	
	/* CASE STUDY LISTING */
	.cs-filter				{margin-bottom: 25px;}
	.cs-filter li			{width: 50%}
	.cs-filter .btn			{width: 100%; min-width: unset}
	.case-study-grid .col	{padding: 10px;}
	.case-study-grid .cols  {width: calc(100% + 20px); margin-left: -10px;}
	.cs-card h3				{font-size: 18px;}
	.cs-card p				{font-size: 14px;}
	
}

@media (max-width: 450px) 
{
	.breadcrumbs	{display: none}
	
 	/* HEADER */
	.header-actions .btn			{font-size: 12px; margin-left: 8px !important; height: 41px; width:41px;}
	.header-actions .btn.login		{width:41px; font-size: 0; padding: 0; background-image: url(/_assets/icon-login.png); background-size: 16px auto; background-position: center; background-repeat: no-repeat;}
	.header-actions .btn.nav-icon,
	.header-actions .btn.basket		{width:41px;}
	
	/* PRODUCT LISTING PULLPUT */
	.product-listing-pullout h2	{font-size: 34px;}

	
}

@media (max-width: 414px) 
{
	header	{padding-top: 28px;  padding-bottom: 15px;}
	
	#pnlSearch						{width:50%;}
	.search-box input[type="text"]	{width:100%; padding-left: 0}
	
	/* CIRCLE SECTION */
	.circle-section	{background-color: #f1f1f1 !important; margin-bottom: 40px;}
	
	/* ANIMATED HEADER */
	.animated-header .wrap					{font-size: 40px;}
	.animated-header-outer					{margin: 10px 0}
	.carousel-animated-header p.subheader	{font-size: 30px; line-height: 1em;}
	.carousel-animated-header .slide p span	{font-size: 20px !important}

	/* PRODUCT CAROUSEL */
	.product-carousel-v2 .product-detail h2 br		{display: none}
	.product-carousel-v2 .product-detail h2 span	{display: block; line-height: 1.2em;}
	.product-carousel-v2 .slide						{padding-top: 40px;}
	.product-carousel-v2 .text-top					{text-align: center}
	
	/* TEXT PULLOUT */
	.text-pullout p span	{font-size: 24px !important;}
	
	/* SHOP BRAND */
	.shop-brand	{text-align: center}
	.shop-brand .col-brands ul	{justify-content: center}
	
	/* SPLIT PANELS */
	.split-panels	{text-align: center}
	.split-panels .panel h2 img	{margin: 20px auto}
	
	section .panel ul, section .panel ol	{margin-left:  0; margin-right: 0; list-style: none}
	
	/* IMAGE AND TEXT PANEL */
	.image-and-text	{text-align: center}
	
	/* POPUP */
	.popup-content.split .col-left h1	{font-size: 25px;}
	.popup-content.split .col-left p	{font-size: 13px;}
	
	/* BUTTON */
	.btn		{font-size: 16px;}
	
	/* BAQ */
	ul.grad-tick-list li,
	.baq-landing-intro p		{font-size: 16px;}		
	ul.grad-tick-list			{margin-left: 0}
	ul.grad-tick-list li		{padding-left: 45px;}
	ul.grad-tick-list li:before	{width: 35px; height: 35px;}
	
	
	.col-container.product-areas .col-left {width: auto;max-width: 100%;}
	
}


@media (max-width: 413px) 
{
	/* PRODUCT LISTING */
	.listing .col-4		{width:100%;}
	.product-panel h4 	{font-size: 14px;}
	
	/* POPUP */
	.popup-content.split .col-left	{padding: 20px;}
	
	.baq-icon		{width: 60px}
	.baq-icon img	{width: 30px}
	.baq-number		{width: 60px;}
	.baq-number p	{font-size: 25px;}
}

@media (max-width: 360px) 
{
	/* HEADER */
	.logo 								{width: 110px; height: 26px;}
	.header-actions .btn				{margin-left: 5px !important; height: 30px; width:30px !important; background-size: 15px auto !important}
	.header-actions .btn.basket span	{display: none}
	
	.btn.btn-tel	{width: auto !important; height: auto !important}
		
	/* PRODUCT BANNER */
	.product-banner h1	{font-size: 30px;}
	.product-banner h2	{font-size: 20px;}
	
	/* PRODUCT LISTING */
	.col-listing-right .col-3	{width:100%}
	
	/* PRODUCT LISTING PULLPUT */
	.product-listing-pullout .col-4	{width:100%;}

	/* FOOTER */
	.footer-top .social li	{margin-left: 7px;}
	.footer-top .logo		{width: 150px; height: 36px;}
	.footer-top .social img {width: 34px;}
	
	
	
}

@media (max-width: 960px) {


	.text-top-panel .home-hero-outer { position: relative; height: 57vw; padding-top: 0; padding-bottom: 0; }

	.home-hero-text { padding-top: 20px; text-align: center; margin-left: auto; margin-right: auto; }

	.home-hero-outer .inner { top: 65vw; position: absolute; display:block; }

	.home-hero-carousel { height: 100%; }

	.home-hero-carousel-container { margin-top: 0; }

	.home-hero-carousel-container .carousel-nav2 ul.slick-dots li.slick-active { background-color: #000000; }
	.home-hero-carousel-container .carousel-nav2 ul.slick-dots li { border: 2px solid #000000; }
	
	.home-hero-carousel-container .carousel-nav2 { position: relative; bottom: 0; }
	.home-hero-carousel-container .carousel-nav2 { position: relative; bottom: 0; }
}