﻿.nav-icon,
nav .close,
.btn.btn-filter,
.col-filter	.btn,
.nav-search-icon,
.col-filter	.close,
.header-site-search .close {display: none}

/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}

@media (max-width: 1450px) 
{
	/* CATEGORY LANDING */
	.listing-hero-container.category-landing-hero-container .listing-hero-text		{width: 40%;}
	.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 20px;}
}

@media (max-width: 1300px) 
{

	/* PRODUCT DETAIL PAGE */	
	.product-actions	{flex-direction: column-reverse}
	.question-wish-list	{margin-bottom: 20px;}
}

@media (max-width: 1200px) 
{
	/* CATEGORY LANDING */
	.listing-hero-container.category-landing-hero-container .listing-hero-text		{width: 35%}
	.listing-hero-container.category-landing-hero-container .listing-hero-text h1	{font-size: 40px;}
	.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 18px;}
}

@media (max-width: 1175px) 
{
	.cols	{width: calc(100% + 20px); margin-left: -10px;}
	
	.cols .col,
	.cols.span-1 .col,
	.cols.span-2 .col,
	.cols.span-3 .col,
	.cols.span-4 .col,
	.cols.span-5 .col	{padding: 10px}
	
	.product-card		{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.product-card:hover	{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
	
    /* NAV */
	nav ul		{font-size: 16px;}
	nav ul li a	{padding-left: 5px; padding-right: 5px}
	
	/* NEWSLETTER SIGN UP */
	.newsletter-sign-up .form-cell	{width: 170px;}
	
	/* LISTING HEADER */
	.listing-hero-container:before	{width: 80%;}
	.listing-hero-text				{width: 100%;}
	.listing-hero-text p			{font-size: 18px;}
	
	/* PRODUCT LISTING */
	.col-listing	{padding-left: 20px;}
	
	/* BASKET */
	.col-basket			{width: auto; flex: 1}
	.cols .col-basket-summary	{width: 375px; padding-left: 30px;}
	
	/* CONTACT */
	.contact-page .col	{width: calc(50% - 20px)}
	
}

@media (max-width: 1075px) 
{
    /* NEWSLETTER SIGN UP */
	.newsletter-sign-up .cols					{flex-direction: column}
	.newsletter-sign-up .col					{width: 100%;}
	.newsletter-sign-up .form-cell				{width: auto; flex: 1;}
	.newsletter-sign-up .form-cell:first-child	{margin-left: 0}
	
	/* PRODUCT LISTING */
	.product-listing-page .cols.span-4 .col		{width: 33.33%;}
	
	/* PRODUCT DETAIL */
	.col-product-detail-similar	{width: 200px;}
	
	
}

@media (max-width: 970px) 
{
    /* NAV (REPLACED WITH NAV-2) */
	/*nav			{position: fixed; left: -120%; display: flex; flex-direction: column; overflow-y: auto; padding-top: 50px; top: 0; width: 100%; height: 100vh; transition: 0.3s ease-out; z-index: 50}
	nav.open		{left: 0;}
	
	nav ul				{flex-direction: column;}
	nav ul li			{text-align: left; border-bottom: 1px solid rgba(255,255,255,0.25); position: relative;}
	nav ul li ul		{left: auto !important; transform: none !important; display: none; position: relative; column-count: 1; text-align: left; padding: 0; background: rgba(0,0,0,0.1) !important; box-shadow: none !important;}
	nav ul li a			{padding:20px 15px; font-weight: 600}
	nav ul li ul li a	{padding: 12px 15px; font-weight: 400}
	nav ul li ul.active	{display: block}
	
	nav ul li span					{position: absolute; width: 35px; height: 35px; border-radius: 35px; right: 10px; top:10px; background-color: #ffffff; cursor: pointer; background-image: url(/_uploads/_assets/icon-chevron-down-blue.svg); background-position: center; background-repeat: no-repeat; z-index: 10}
	nav ul li ul li span			{display: none !important}
	nav ul li ul li:last-of-type	{border: none}
	
	nav ul li:hover				{background: transparent;}
	nav ul li a:hover			{background-color: rgba(255,255,255,0.05);}
	nav ul li ul li:hover		{border-radius: 0}
	nav ul li ul li:hover,
	nav ul li ul li a:hover		{background-color: rgba(0,0,0,0.25)}
	
	nav .close	{display: block; right: 36px; top: 20px;}*/

	.nav-2			{position: fixed; left: -120%; display: none; flex-direction: column; overflow-y: auto; padding: 50px 0; top: 0; width: 100%; height: 100vh; transition: 0.3s ease-out; z-index: 50}
	.nav-2.open	{left: 0; display:flex;position: relative;}
	.nav-2:has(.parent-item li:hover):after			{display:none;}

	.nav-2 .parent-item				{flex-direction: column; margin-bottom: 150px;}
	.nav-2 .parent-item li			{text-align: left; border-bottom: 1px solid rgba(255,255,255,0.25); position: relative;}
	.nav-2 .parent-item li .sub-menu		{display:none !important;}
	.nav-2 .parent-item li.active .sub-menu		{position:relative;left:unset;column-count:2;transform:unset;display:block !important;}
	.nav-2 .parent-item li ul		{left: unset; transform: unset; position: relative; column-count: 1; text-align: left; padding: 0; box-shadow: none !important;}
	.nav-2 .parent-item li a			{padding:20px 15px; font-weight: 600; width: 90%;}
	.nav-2 .parent-item li ul li a	{padding: 12px 15px; font-weight: 400}
	.nav-2 .parent-item li ul.active	{display: block}

	.nav-2 .parent-item li span					{position: absolute; width: 30px; height: 30px; border-radius: 30px; right: 10px; top: 15px; background-color: #ffffff; cursor: pointer; background-image: url(/_uploads/_assets/icon-chevron-down-blue.svg); background-position: center top 12px; background-repeat: no-repeat; z-index: 10; transition: all .25s;}
	.nav-2 .parent-item li span.active			{transform: rotate(180deg);}
	.nav-2 .parent-item li ul li span			{display: none !important}
	.nav-2 .parent-item li ul li:last-of-type	{border: none}

	.nav-2 .parent-item li:hover				{background: transparent;}
	.nav-2 .parent-item li a:hover			{background-color: rgba(255,255,255,0.05);}
	.nav-2 .parent-item li ul li:hover		{border-radius: 0}
	.nav-2 .parent-item li ul li:hover,
	.nav-2 .parent-item li ul li a:hover		{background-color: rgba(0,0,0,0.25)}

	.nav-2 .close	{display: block; right: 36px; top: 20px;}
	
	/* SEARCH BOX */
	.search-box						{width: 320px;}
	.search-box input[type="text"]	{font-size: 16px;}
	
	/* HEADER ICONS */
	.header-actions .icon	{height: 27px; display: flex; justify-content: center; align-items: center}
	.header-actions ul li	{margin-left: 15px;}
	.header-actions ul li a	{font-size: 14px;}
	
	.nav-icon							{display: block}
	.header-actions .nav-icon .icon svg	{height: 20px;}
	
	/* HEADER BOTTOM */
	.header-cell a	{font-size: 13px;}
	
	/* GENERAL LISTING */
	.itc-text h3			{font-size: 20px;}
	.itc-text p				{font-size: 16px;}
	.itc-image-container	{height: 20vw;}
	
	/* PRODUCT LISTING HEADER */
	.listing-hero-container	{padding: 20px 0}
	.listing-hero-text p	{font-size: 17px;}
	
	/* PRODUCT LISTING */
	.product-listing-page .product-card-image-container,
	.product-card-image-container	{}
	.product-card-text p.price		{margin-bottom: 0}
	.product-card-button .btn		{}
	
	/* ICON LIST SECTION */
	.ic-icon	{width: 65px; padding: 0; margin-right: 15px;}
	
	/* PRODUCT DETAIL */
	.product-detail .cols		{flex-wrap: wrap}
	.col-product-detail-similar	{width: 100%;}
	.col-product-detail-text	{width: auto; flex: 1; padding-right: 0}
	.col-product-detail-similar	{margin-top: 30px}
	.col-product-detail-text h1	{font-size: 30px;}
	h2.price					{font-size: 30px;}
	
	.similar-cards				{display: flex; padding: 0 30px}
	.similar-card				{width: 33.333%; flex-shrink: 0}
	.similar-box h3				{font-size: 20px;}
	
	/* BLOG LISTING */
	.blog-listing .itc-image-container	{height: 25vw}
	
	/* BLOG POST */
	.blog-post .cols.span-2 .col-previous-post	{width: 220px;}
	
	/* CATEGORY LANDING */
	.listing-hero-container.category-landing-hero-container .listing-hero-text		{width: 40%}
	.listing-hero-container.category-landing-hero-container .listing-hero-text h1	{font-size: 30px;}
	.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 16px;}
	.listing-hero-container.category-landing-hero-container:before					{width: 70%;}
	
	/* CONTACT */
	.contact-page .col	{width: 50%}

	/* POPUP ALT */
	.popup-alt .popup-content {width:95%;}
	
}

@media (max-width: 850px) 
{
	/* PRODUCT LISTING */
	.col-filter			{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 999; background-color: #ffffff; padding:60px 20px 80px;}
	.col-listing		{width: 100%; padding-left: 0}
	.col-filter	.close	{background-image:url(/_uploads/_assets/icon-close-dark.svg); right: 20px; top: 20px; display: block;}
	.col-filter-inner	{position: relative; top: auto}
	
	.col-filter	.btn	{position: fixed; width:calc(100% - 40px); left: 20px; right: 20px; bottom: 20px; display: block; z-index: 999999; text-align: center}
	
	.sort-filter .show-container	{display: none}
	.btn.btn-filter					{display: inline-flex}
	.filter-panel	{max-height: unset;}
	
	.listing-header		{flex-direction: column; align-items: flex-start;}
	.sort-filter		{margin-top: 25px; width: 100%; display: flex; justify-content: space-between; border-top:1px solid #dddddd; padding-top: 20px;}

	.brand-pagination-container .pagination-content ul { column-count: 4; }
}

@media (min-width: 850px) {
	.col-filter { display: block !important; }
}

@media (max-width: 800px) {
	/* SEARCH BOX */
	.header-site-search { position: fixed; visibility: hidden; opacity: 0; z-index: 51 }

	/* SEARCH MOBILE */
	.nav-search-icon { display: block }
	.search-box { width: 100%; }
	.header-site-search { width: 100%; height: 100%; left: 0; top: 0; padding: 60px 20px; background-color: rgba(0,0,0,0.75); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
	.header-site-search.active { opacity: 1; visibility: visible; transform: none; transition: 0.2s ease-in-out }
	.header-site-search .close { display: block; right: 22px; top: 20px; }

	/* SECURE SOCIAL */
	.secure-social { flex-direction: column }
	ul.social-list { margin-left: 0; margin-top: 15px; }

	/* HEADER BOTTOM */
	.header-bottom .slick-arrow { margin: 0; position: absolute; border: none; z-index: 3; background-color: transparent; background-image: url(/_uploads/_assets/chevron-next.svg); width: 24px; height: 24px; background-position: center; background-size: 8px auto; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; border-radius: 0 }
	.header-bottom .slick-next { left: auto; right: 5px }
	.header-bottom .slick-prev { left: 5px; right: auto; transform: rotate(180deg) translateY(50%) }
	.header-bottom .inner { padding: 0; display: block; position: relative }
	.header-cell:nth-child(2) { border: none }
	.header-bottom p { font-size: 16px; }

	/* PULLOUT SECTION */
	.pullout-section-text p { font-size: 16px; }

	/* ICON LISTING */
	.icon-list-section .cols.span-3 { flex-direction: column; }
	.icon-list-section .cols.span-3 .col { width: 100%; }

	/* BASKET */
	.basket-page { padding: 20px 0 }
	.basket-image-text { flex-direction: column; padding-right: 0 }
	.basket-item .product-select { padding-left: 0; }
	.basket-qty-price h3 { margin-bottom: 0 }

	/* ABOUT PAGE */
	.image-text-panel .cols { flex-direction: column }
	.image-text-panel.flipped .cols { flex-direction: column }
	.image-text-panel .cols .col { width: 100%; }
	.image-text-panel img { margin: 20px 0 }

	/* BLOG LISTING */
	.blog-listing { padding-top: 20px }

	/* BLOG POST */
	.blog-post { padding-top: 20px; }

	/* PRODUCT DETAIL */
	.col-product-detail-image { width: 40% }


	/* CONTACT */
	.contact-page { padding-top: 20px; }

	/* POPUP ALT */
	.popup-alt .popup-content										{ max-width: 50%; height: auto; }
	.popup-alt .popup-content.image-only						{ height: unset }
	.popup-alt .popup-content.text-image .popup-alt-image { display: none; }
	.popup-alt .popup-content.text-image .popup-alt-content { max-width: 100%; }
}

@media (max-width: 767px) {
	/* GENERAL LISTING */
	.general-listing-section .cols.span-4 { flex-wrap: wrap }
	.general-listing-section .cols.span-4 .col { width: 50%; }
	.itc-image-container { height: 26vw }

	


	/* PRODUCT LISTING HEADER */
	.listing-hero-text { text-align: center; margin: auto; }
	.listing-hero-text h1 { font-size: 32px; }
	.listing-hero-container:after { width: 100%; opacity: 0.07 }
	.listing-hero-container { background: linear-gradient(0deg, rgb(5 189 219) 0%, rgb(4 172 200) 100%); }

	.listing-hero-container.category-landing-hero-container { flex-direction: column; padding: 0; background: #00ACC8; padding-bottom: 25px; margin-bottom: 0; }
	.listing-hero-container.category-landing-hero-container:before { display: none }
	.listing-hero-container.category-landing-hero-container .listing-hero-image { position: relative; left: auto; top: auto; min-height: 13.333vw }
	.listing-hero-container.category-landing-hero-container .listing-hero-text { padding: 20px 0 0 0; width: 100%; }
	.listing-hero-container.category-landing-hero-container .inner { min-height: unset }


	/* FOOTER */
	.footer-bottom p,
	.footer-top ul li strong,
	.footer-top ul { font-size: 14px; }
	.footer-top ul { padding-right: 15px; }

}

@media (max-width: 710px) {

	/* POPUP */
	.popup-background { padding-right: 30px; padding-left: 30px; }
	.popup-content:not(.popup-alt .popup-content) { width: 90%; margin-left: -45%; max-height: calc(100% - 66px); height: 100%; top: 350px; padding: 40px; display: flex; justify-content: center; align-items: center }
	.scroll-content { width: 90%; }

	/* BLOG POST */
	.blog-header { margin-bottom: 15px; }
	.blog-header-image { height: 260px; }
	.blog-post .cols.span-2 { flex-direction: column-reverse }
	.blog-post .cols.span-2 .col-previous-post { width: 100%; }

	.lower-copy { column-count: 1 }
}

@media (max-width: 640px) {
	/* PULLOUT SECTION */
	.pullout-section.flipped .cols { flex-direction: column-reverse }
	.pullout-section .cols { flex-direction: column }
	.pullout-section-text { }
	.pullout-section .col { width: 100%; }

	/* NEWSLETTER SIGN UP */
	.nl-form { flex-direction: column }
	.newsletter-sign-up { padding: 40px 0 }
	.newsletter-sign-up .form-cell { margin: 0 0 8px 0; }
	.newsletter-sign-up .pp-text { margin: auto !important; padding-top: 15px; }

	/* BASKET */
	.basket-section .cols { flex-direction: column }
	.basket-section .col-basket { width: 100%; }
	.basket-image-text h2 { font-size: 18px; }
	.remove { font-size: 12px; }
	.basket-image { border: 1px solid #efefef; margin-bottom: 10px; }
	.cols .col-basket-summary { width: 100%; padding: 10px }
	.basket-item:last-of-type { margin-bottom: 0 }
	.basket-image-text { flex-direction: row; padding-right: 100px; }

	.spend-free-delivery { width: 100%; }

	/* PRODUCT DETAIL */
	.product-detail-top .cols { flex-direction: column; }
	.col-product-detail-image { width: 100%; }
	.col-product-detail-text { padding: 20px 0 0 0; }
	.info-accordion .accordion-item h3 { font-size: 20px; }

	.product-detail { padding-top: 20px; }
	.similar-product-listing h2 { font-size: 26px; }
	.similar-product-listing .product-card-image-container { height: 180px; }

	/* CONTACT */
	.contact-page .cols { flex-direction: column }
	.contact-page .col { width: 100%; }
	.map { height: 100vw; flex: 100vw; }

	.brand-pagination-container .pagination-content ul { column-count: 3; }
}

@media (max-width: 600px) {
	/* PRODUCT LISTING */
	.product-listing-page .cols.span-4 .col { width: 50%; }

	/* POPUP */
	.popup-content:not(.popup-alt .popup-content) { left: 0; top: 0; margin: 0; width: 100%; padding: 40px 20px; min-height: 100vh; align-items: flex-start; background-color: #ffffff; border-radius: 0 }

	#product-added-panel { width: 100%; }

	/* CATEGORY LANDING */
	.category-landing h2 { font-size: 24px; }
	.cols.span-3 { flex-wrap: wrap }
	.cols.span-3 .col { width: 100% }
	.slick-arrow { width: 37px; height: 37px; }

	.product-listing-page .product-card-image-container, .product-card-image-container { height: 200px; }

	/* POPUP ALT */
	.popup-alt .popup-content					{ max-width: 90%; height: auto; }
	.popup-alt .popup-content.image-only	{ height: unset; }
}

@media (max-width: 550px) {

	.similar-box { border: none; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
	.similar-box h3 { background-color: transparent; padding-top: 20px; }
	.similar-cards-carousel-mb { text-align: center; padding-bottom: 40px }
	.similar-cards-carousel-mb .similar-card img { margin: 0 auto 20px; max-height: 130px; }
	.similar-cards-carousel-mb .slick-dots { font-size: 0; bottom: 10px }
	.similar-card p { font-size: 16px; }

	.nav-2 .parent-item li.active .sub-menu { column-count: 1; }
}

@media (max-width: 500px) {
	/* HEADER */
	.logo { width: 110px; }

	/* HEADER ICONS */
	.header-actions ul li { margin-left: 10px; }
	.header-actions ul li a { font-size: 12px; }
	.header-actions ul li .icon svg { height: 20px; }
	.header-actions .nav-icon .icon svg { height: 17px; }

	/* GENERAL LISTING */
	.itc-text { padding: 12px; }

	/* ICON LISTING */
	.itc-text p { font-size: 14px; }
	.ic-icon { margin-right: 25px; width: 60px; }

	/* FOOTER */
	.footer-bottom { margin-top: 20px; }
	.footer-top.cols { flex-wrap: wrap }
	.footer-top ul { width: 50%; margin-bottom: 15px; padding: 0 10px; text-align: center; }
	.secure-social img { width: 290px; }
	ul.social-list li a { width: 35px; height: 35px; }

	/* PRODUCT DETAIL */
	.col-product-detail-text h1 { font-size: 26px }

	/* SIGN IN */
	.form-row.split { flex-direction: column }
	.form-row.split .form-cell { width: 100%; margin-bottom: 15px; }
	.form-container .form-cell { margin-bottom: 15px; }
	.form-container .form-row.submit { margin-top: 0 !important }
	.form-row.split.three .form-cell { width: 100%; }
	.form-container .form-row { margin-bottom: 0 }

	.form-row.checkboxes-inline { margin: 10px 0 20px; }

	/* BASKET */
	.basket-image-text h2 { font-size: 17px; }
}

@media (max-width: 460px) {
	.pagination-container { flex-direction: column; align-items: center }
	.pagination-container ul { margin-left: 0; margin-top: 20px; }
	.pagination-container .btn-view-all { width: 100%; text-align: center; display: block; padding: 15px; font-size: 14px; }

	.brand-pagination-container .pagination-content ul { column-count: 2; width: 100%; }
}

@media (max-width: 375px) {
	/* PRODUCT DETAIL */
	.qty-and-button { flex-direction: column; align-items: center }
	.info-accordion { margin-top: 30px }
	.add-to-basket { width: 100%; }
	.qty-and-button .atb.btn { margin: 15px 0 0 0; width: 100%; text-align: center; display: block }
	.qty-basket { width: 100%; }
	.qty-basket .qty { justify-content: space-between }
	.qty-basket .qty button { padding: 22px; flex-shrink: 0 }
}

@media (max-width: 360px) {
	/* HEADER */
	header .inner { flex-direction: column }
	.logo { margin-bottom: 15px; width: 150px }

	/* HEADER BOTTOM */
	.header-bottom p { font-size: 14px; }
	.header-bottom .inner { padding-left: 30px; padding-right: 30px; }

	/* PRODUCT LISTING */
	.product-card-image { left: 5%; top: 5%; width: 90%; height: 90%; }
	.product-listing-page .cols.span-4 .col { width: 100%; }

	.sort-container label { display: none }
	.listing-header .btn.btn-more-info { padding: 5px }
	.listing-header .btn.btn-more-info:before { width: 16px; height: 16px; }
	.col-listing h1 { font-size: 24px; }
	.col-listing h2 { font-size: 24px; }

	/* BASKET */
	.basket-image-text { flex-direction: column; padding-right: 0; }

	/* PAGINATION */
	.pagination-container ul li a { font-size: 14px; width: 28px; height: 28px; }
	.pagination-container ul li:first-child { margin-left: 0 }

	/* BASKET BOX */
	/*	.basket-box			{left:-165px;}*/

}

@media (max-width: 320px) {
	/* IPHONE 5 */
}