/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********** Q U E R I E S ********** */
/* *********** M O B I L E *********** */
/* *********************************** */

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
	
	/* Zesty Responsiveness */
	.col-2 { width: 100% !important }
	.col-3 { width: 100% !important }
	.col-4 { width: 100% !important }
	.col-5 { width: 100% !important }
	.col-6 { width: 100% !important }
	.col-8 { width: 12.50% !important }
	.col-9 { width: 11.11% !important }
	.col-10 { width: 10% !important }
	.col-12 { width: 8.33% !important }
	.col-90p { width: 100% !important}
	.col-80p { width: 100% !important }
	.col-75p { width: 100% !important }
	.col-70p { width: 100% !important }
	.col-66p { width: 100% !important }
	.col-60p { width: 100% !important }
	.col-40p { width: 100% !important }
	.col-30p { width: 100% !important}
	.col-25p { width: 100% !important }
	.col-20p { width: 100% !important }
	.col-10p { width: 100% !important }
	.ctrPad16 {padding: 8px !important;}
	.desktop {display:none !important;}
	.mobile {display: initial !important;}
	.ctrPad32 { padding:16px !important}

	
	
	/* General HTML */
	html, body {font-size: 14px;}
	.columnFlow {-moz-column-count: 1!important;-moz-column-gap: 16px!important;-webkit-column-count: 1!important;-webkit-column-gap: 16px!important;column-count: 1!important;}
	.divider {width: 100% !important;border-bottom: 1px solid #C8C8C8 !important;}
	h1, .h1 {font-size: 29px !important;}
	h2, .h2 {font-size: 18px !important}
	h3, .h3 {font-size: 16px !important}
	h4, .h4 {font-size: 14px !important}

	
	
	/* Header */
	.hideStandardTopElements, div#CartList-dev a span[id*="lblCount"], .tlogo, .homeLnkCtr, .tailoredMsg {display: none !important;}
	.logo {display:inherit !important;}
	.mobileHomeLink {display:block !important;}
	#CustomerRewardsDisplay1-dev {}
	.tMenuLinks {float:none; width:100%;text-align: center;}
	.tMenuLinks a {height:64px;  color:#555;  font-size:1em;overflow:hidden; display: inline-block;    vertical-align: bottom;width: 25%;}
	.tMenuLinks a span.tLinktext {display:none;}
	.tMenuLinks a span.tLinktextM {display:block;width:64px; height:64px;}
	.menuOptions {border-left: none !important;}
	.topNavMenuContainer .toggleNavCtr, .topNavMenuContainer .toggleSearchCtr, .topNavMenuContainer .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {margin-left: 0px !important;width: 50px !important;}
	.navIcons>div, .navIcons>a {height: 47px !important;width: 47px !important;line-height: 47px !important;font-size: 14px !important;min-width: 47px !important;}
	.navOption {;margin: 0 !important;}
	div.srchCtr input {border: 1px solid #ffffff !important;height: 50px !important;line-height: 30px !important;}
	.searchButton, div.srchCtr a.searchButton {margin: 1px !important;line-height: 60px !important;padding: 0 8px;}
	div.srchCtr {padding:0 !important;}
	div.basketCtr > div {width: 100%  !important;}
	div.srchCtr #TopBanner1_clSearch1_containerSearch {max-width: 100% !important;}
	.logoContainer {flex-grow: 1;-webkit-flex-grow: 1;height:47px !important;}
	.navIcons {}
	body {padding-top: 50px;}
	.srchCtr.tbcntOpen {}
	.loginCtr.tbcntOpen  {top: 62px;}
	div.basketCtr {width: calc(100% - 32px) !important;left: 16px;}
	div.srchCtr .open {}
	.toggleNavCtr:before {display:none;}
	.toggleNavCtr {padding:0 !important}
	.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0px !important}	
	#basketPip {font-size: 8px !important;width: 15px !important;height: 15px !important;line-height: 15px !important;right: 5px !important;bottom: 25px !important;}
	.cta li { text-align: center !important}
	.cta a span{  display:inline-block}
	.cta a div{display:none !important }
	.primaryNav {display:inline-block !important;vertical-align: text-bottom;position: relative;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}
	.NodeLevel0 > a >span:after {display: none}
	.Message {}
	.CNCCTA {font-size: x-small !important;height: 28px !important;}
	
	.logo {max-width: 105px !important;height: 47px !important;margin: auto !important;}
	[class*='NodeLevel'] { box-sizing: border-box }
	.NodeLevel0 {float: left;width: 100%;text-align: left;flex-basis: 100%;min-width: 100%;max-width: 100%;border-bottom: 1px dotted rgba(60, 60, 60, 0.43);color: #000;}
	.NodeLevel0>div {display:block;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
	.NodeLevel1 {background: none;float:left;width: 50% !important;padding: 0 8px 16px 0; }
	.NodeLevel1:nth-child(odd) { clear:left}
	.NodeLevel1:nth-child(even) {padding: 0 0 16px 8px;}
	.NodeLevel1:last-child {padding-right:0;}
	.NodeLevel2 {background: none;padding: 0 0 0 0;display: block;float: left;width: 100%;}
	.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0 32px}
	.NodeLevel0 > a >span {display: block;width: 100%;margin: 0;color: initial;color: #333 !important;padding: 8px 0;}
	.NodeLevel1 > a {padding-top: 8px !important;display: inline-block;margin: 0px;padding: 0 16px 8px 0;font-weight: normal;color: initial;line-height: 125%;}
	.NodeLevel2 > a {display: inline-block;color: #999;margin: 0;font-size: smaller;padding: 0 0 12px 0;line-height: 130%;}
	.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {}

	#newsletterPOPUP.zflex-v {align-content: flex-start;align-items: flex-start;padding: 16px !important;}
	.newsletterPOPUPinner {background-position: right center !important;vertical-align: top !important;width: 100% !important;}
	.newsletterPOPUPinner .newsletterPOPUP-info {width:100% !important;}
	.newsletterPOPUP-info h2 {margin:0 !important; padding-right:40px !important;}
	.newsletterPOPUP-info p {font-size:13px;margin: 8px 0;}
	.newsletterPOPUP-info #newsletter-popup-new-text {padding: 0 16px 8px 16px; font-size:13px !important;}
	.newsletterPOPUP-form {margin-top:8px !important; padding-top:16px !important; padding-bottom:8px !important;}
	.newsletterPOPUP-form input {padding:4px !important;}

	/* Footer */
	.footerLinks {margin:0;text-align: left;}	
	.footerLinks a {margin: 7px;}
	.footerLinks h3 {/* margin: 8px; */}
	.newsletter-footer, .newsletter-footer-submit  {font-size:1em;line-height: 33px;}
	.customerSupport a {font-size:1em;text-align:right;}
	.customerSupport a:first-of-type {border-bottom:1px dotted #bf4a35;}
	.customerSupport a span {float:left;}
	div.cards .col-2 {height:28px;  margin-bottom: 16px; text-align:center}
	div.cards .col-2:first-of-type {border-bottom: 1px solid #2d2d2d;padding-bottom: 16px;height: auto;}
	div.cards span {line-height:28px;text-align:center;}	
	div.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal {float:none !important}
	.footerTerms, .footerCitr {text-align: left !important;}
	.footerTerms {}
	dl dt {width: 50% !important;text-align: right;padding-right: 12px !important;}
	.footerCitr { margin-bottom:75px}
	.footerLinks a {float: none !important;margin: 4px 16px 4px 0 !important;}
	.tpilotBox {flex-wrap:wrap;}
	.NodeLevel1  { display: inline-block !important}



	/* Homepage */
	.bannerTitle {font-size: 14px;  text-align:left}	
	.hmSlider .flex-control-nav, .bannerDesc {display:none;}
	div.bannerTxtCtr:hover .bannerDesc { display: none;}
	div.bannerTxt {bottom:16px;}
	.bannerDesc:before {display:none;}
	.hmBrands > div {width: 50% !important;}
	.mobhalfwidth div[class*="col-"] {width:50% !important;}
	.mobhalfwidth div[class*="col-"] .bannerTitle, .mobhalfwidth div[class*="col-"] .bannerTitle p {font-size:18px !important; font-weight:bold; font-family: 'roboto_condensedbold';}
	.mobhalfwidth div[class*="col-"] .bannerDesc {padding: 8px 24px !important;}
	.bannerContainer .col-3 > .col-1, .bannerContainer .col-4  {width: 50% !important;}
	.cta2, .bannerDesc2 { }
	.bannerContainer2 .ctrPad8 { padding: 4px!important;}
	.bannerTitle2 {padding-bottom: 0 !important;}
	.bannerTxt2 { padding:8px !important}
	.theme1 .bannerTitle2, .theme1 .bannerDesc2 {text-align:center;font-size: large !important;}
	.banner4 > div > a {width: calc(100% - 16px) !important;float: left;margin: 8px;} 
	div.basketCtr {width: calc(100% - 32px) !important;left: 16px;}
	div.srchCtr .open {}
	.toggleNavCtr:before {display:none;}
	.toggleNavCtr {padding:0 !important}
	.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0px !important}	
	#basketPip {font-size: 8px !important;width: 15px !important;height: 15px !important;line-height: 15px !important;right: 5px !important;bottom: 25px !important;}
	.cta li { text-align: center !important}
	.cta a span{  display:inline-block}
	.cta a div{display:none !important }
	.primaryNav {display:inline-block !important;vertical-align: text-bottom;position: relative;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}
	.NodeLevel0 > a >span:after {display: none}
	.Message {}
	.CNCCTA {font-size: x-small !important;height: 28x !important;}
	
	/* --- CSS images */ 
	.css-image-ipad, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
	.css-image-mobile {display:block;}

	
	/* Map Switcher */
	.hmMapTabs {text-align: center;}
	.hmMapTabs a {display:block;}
	.hmMapTabs a:after {content:normal;}	
	.hmMapTabs h3 {float:none; margin-bottom:8px}	
	.quickMessageReturns, .quickMessageShipping, .quickMessageTime {width:100% !important;display:block;border-bottom: 1px solid rgba(255,255,255,0.15)}
	.startShopping ul li a {margin-bottom:3px;}
	
	
	
	/* Contact Form */
	.contactForm .button {width:100%;}
	.contactLocation {text-align:left;}
	.contactMap.hmMapContainer, .contactMap .hmMap {height:900px;}	
	
	
	
	/* Shipping Page */
	.shippingMobileOnly {display:block;}
	
	

	/* Blog */
	.blogRightColumn {padding:0px;}	
	.large-article-box {  position: relative; }	
	.large-article-header h1 {font-size:22px; margin:0 0 0.5em 0;}
	.large-article-header p {/* float:none; *//* margin:0.5em 0 */}
	.blogSearch #blogSearchButton {top: 3px; right: 3px;}	
	.shareAreaBlog, .blogRightSearch, .blogRightCloud, .blogRightRecent {margin:0; font-size:0.8em}
	.large-article-content h2, .large-article-content h3, .large-article-content h4, .large-article-content h5  {}
	.large-article-content p { font-size:small}
	.blogContainer > div { width:100%!important;}
	.large-article-content {padding: 16px !important;}


	/* Star Buys Page */
	.taOuter {padding:0 !important;}	
	.taTitleContainer h1 {font-size:1.5em;}
	.taTitleContainer h2 {font-size:1em;}
	.taTitleContainer h1 span {display:block;}
	.taMultiItemRepeaterImageContainer {border-bottom:1px solid #e1e1e1; border-right:none;}
	.taMultiItemRepeaterContentContainer {}	
	.taclAttributeGrid {padding: 0.5em 0;}
	.taname {line-height: 24px !important;padding: 16px 0 !important;}
	
	

	/* Shopping Cart */
	.ccartcontrol tr .ContentTableHeader {font-size:1em;}	
	.ContentTableHeaderNone a {margin-bottom:1em;width:100%;text-align:center}
	.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .ContentTableHeader:nth-child(6) {display:none;}
	.ccartcontrol tr .Content:nth-child(4), .ccartcontrol tr .Content:nth-child(6) {display:none;}
	.voucherBox {margin:1em 0 0 0;padding:0;}
	.metaPack ul li .metaPackMessage span {color: black;display:block}
	.metaPack ul li .metaPackSelect {top:17px}
	.updateQty {float:none;}
	.updateQty span {margin:0.5em 0}
	.updateQty span, .updateQty a {width:100%; text-align:center}
	.orderTotal a {display:none;}
	.orderTotal table {float:none;width: 100% !important;}
	.Order-Total-text {display:none;}
	.orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {display:block; width: 100% !important;margin: 0 !Important;text-align: center !important;}
	.mesageCC, .messageCPlus, .messageUK, .messageWorld {text-align:left;}
	.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
	.mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {display: inline-block;margin-left: 0.5em;} 
	.currencyShoppingCart ul li {width: 50%;margin: 0 0 0.5em 0 !important;float: left !important;}
	.bottomBasketButton a {text-align:center; width:100%;}
	
	

	/* Product Page */
	.productPageTop { display:inherit; flex-wrap:wrap;}
	#storelookupresults {width:100% !important;display: block !important;float: left;padding: 16px !important; max-width:100vw;}
	#prodInfoLeft {border-right:none;width:100% !important;}	
	#firstdetails {text-align: center;}
	.accordianBox {padding:16px}
	.detailBrowseSimilar {padding:16px;}
	.detailBrowseSimilar h2 {display:block;margin: 0 16px 16px 16px; border-bottom: 1px solid white;padding: 0 0 16px 0;} 
	.detailBrowseSimilar .pdlp li {font-size:1em;display:block;}
	.detailBrowseSimilar .pdlp li a {height: 24px; line-height: 24px;}
	span.starsLarge {display:none;}	
	.reviewContainerCopyField div textarea {min-width: 100%;}
	div.faqAvatarCtr div.avatarImg {float: none;}
	div.faqAvatarCtr div.avatarHdr {margin-left: 0;}
	#prodInfoLeft {border-right:none;}	
	.flexsliderMIVThumbnails {display:none;}
	.flexsliderMIV .flex-direction-nav {border-bottom: 1px solid #e1e1e1;}	
	.detailReviewFAQ>.col-2:nth-of-type(1) {border-bottom: 1px solid #e1e1e1; border-right:none; margin:0 0 16px 0; min-height:auto}	
	.flexsliderReviews .flex-control-nav {display:block !important;}
	div.mobileImage { display: block }
	div.addMobile { display: block }
	div.addDesktop { display: none; padding:0px !important }
	.clAttributeGridContainer {}
	/*div.hideFinanceOnMobile { display: none }*/
	div.filter a:hover { background: none; color: #fff }
	div.reviewComment { height: auto !important; overflow: visible !important }
	.bigImg div.col-1 {padding:32px !important;}
	div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: none !important }
	div.mainDescAvatarCtr div.avatarHdr span.mobileSignature { display: block !important }
	div.mainDescAvatarCtr div.avatarMotto { display: none !important }
	.TopContainer {flex-wrap: wrap;justify-content: center;padding: 16px 0px !important;}
	.brandImgContainer { display:none}
	.namePriceContainer {justify-content: center;padding: 0 !important;}
	.namePriceContainer h1 {text-align:center;margin: 0;}	
	.reviewContainer {justify-content: center;margin: 0;}
	.priceBlock { justify-content:center}
	#MIVPanel .col-3 {width:50% !important;}
	#storelookupresults .col-1 {padding: 0 0 4px 0;margin: 0 0 8px 0 !important;}
	#storelookupresults .col-1 h4 {font-size: 12px !important;margin:0 0 4px 0;}
	.cncStore .col-2:first-child {width:50% !important}
	.cncStore .col-2:last-child {width:50% !important}
	.cncStore .col-2 span, .cncGMap {font-size:11px !important;}
	.cncFooterTxt {margin-bottom:32px;}
	.mainImages{ padding: 0px !important}
	.noPaddingTop { padding: 0px !important; margin-top:8px}
	
	/* Finance */
	/*div.financeRecommendation { display: block; width: 100%; padding: 16px; background: lavenderblush; color: tomato }*/
	#finance.ctrPad16 {padding: 0 !important;}
	.financeAmount .col-2 {width: 50% !important;}
	
	

	/* Sitemap */
	.siteMap>ul>li {width:100%;}	
	
	

	/* Brand Page */
	.brandLanding a {display:block;}
	.brandPageLogo {display:none;}
	
	

	/* Fancy Box */
	#fancybox-content {top: 0 !important;-webkit-transform: translateY(0)  !important;-ms-transform: translateY(0)  !important;transform: translateY(0)  !important;}
	
	
	
	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis: 50%;min-width: 50%;width: 50%;}
	/*.item-repeater-outer {flex-basis:100%; min-width:100%;width:100%;}*/
	.standardBSitems .item-bs {flex-basis:100%; min-width:100%;width:100%;}
	.item-repeater-info { padding:8px !important}
	
	
	
	/* -- locations   */
	.sc th, .sc tr, .sc td  {padding: 8px !important;}
	.sc tr:nth-of-type(2n) {background: #FFF !important;}
	.sc tr {background: #FFF !important; border-bottom:1px solid #ccc}
	
	
	/* -- Flex banners   */
	.bannerHeight .flipme {height: 50vh !important;}
	.landingPage .flipme {height: 100vh !important;}
	.bannerTxt img { height:50px}
	.CSSnavBanner a > div {height: 40vh !important;}
	.topLarge {margin-top:0px !important}
	
	
	/* Unity Specific FAF Code */
	.FAFFiltersOpen {display: -webkit-box !important;display: -moz-box !important;display: -ms-flexbox !important;display: -webkit-flex !important;display: block !important;}
	
	
	/* QuickLook  */
	#dev-QuickLook-img	{ display:none}
	#ImageLargePath-dev img {height: 100%;width: initial;}
	#title-dev {font-size:1em;}
	#ShortDescription-dev {font-size:0.75em}
	.standardBSitems .item-bs {flex-basis:100%; min-width:100%;width:100%;}
	#ShortDescription-dev { display:none}
	#attribute-quicklook-dev {background:initial;padding: 16px !important;margin:0;background: #fff;}
	#attribute-quicklook-dev .qv-stock, #attribute-quicklook-dev .qv-add, #attribute-quicklook-dev .qv-price { display:none}
	.qv-add-container {padding: 0;display: inline !important;}
	#attribute-quicklook-dev:before {content: "Availability";padding: 0 0 16px 0;display: inline-block;   color: #000000;   text-transform: uppercase;   letter-spacing: 3px;   display: inline-block;}
	#attribute-quicklook-dev .qv-name { padding:0; display:inline-block;min-width: initial;margin: 0 7px 7px 0;background: #acd373;padding: 7px 14px; border-radius:3px;color: #fff;letter-spacing: 1px;text-transform: uppercase;}
	#attribute-quicklook-dev .qv-name:before {	font-family: 'FontAwesome'; content: '\f00d'; font-size: 15px !important; margin-right:10px;content: '\f00c';}
	.out-of-stock .qv-name {background: #DEDEDE !important;color: #666 !important;}
	.out-of-stock .qv-name:before {	font-family: 'FontAwesome';content: '\f00d' !important; font-size: 15px !important;margin-right:10px;color: #E26F6F;}
	#dev-QuickLook-img { order:3}
	#title-dev { font-size:24px}
	.quickview, #dev-QuickLook-content {width:100% !important;}
	
	
	/* -- delivery   */
	costa { display:none}
	.accordianBox { padding:0px}
	.delivery .zflex-v { flex-wrap: wrap !important}
	.delivery .col-2 { width: 100% !important}
	.bikeonly .col-3 { width: 100% !important}
	
	/*Star Buys*/
	.taContainerSmall {width:calc(100% - 32px) !important;margin:0 16px 16px 16px !important;}
	
	/* CPB */
	.cpb .attName {text-indent: 8px;}
	.cpb .attName, .cpb .attPrice {font-size:11px !important;}
	
	
	/* --- CSS images */ 
	[class*='hmBanner'] > div > a {padding: 0;/* float: left; */}
	[class*='hmBanner'] > div > a  {/* padding: 2px */}
	.hmBanner1 > div > a, .hmBanner2 > div > a   { width:100% !important }
	.hmBanner4 > div > a, .hmBanner6 > div > a   { width:50% !important }
	.cta1 { width: 100%}
	.hmBanner4 .bannerDesc2 {display:none !important}
	.hmBanner4 .bannerTitle2 { padding-bottom: 0px}
	.bannerTxt2 { padding:3% !important}
	
	.NodeLeve1New > a {padding: 0 0 16px 0;border-bottom: none !important;border-top: 1px dotted #878B94;float: left;padding: 16px 0 !important;margin: 0 !important;font-size: 20px;margin: 0;font-family: 'roboto_condensedbold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}

	
}


/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023px)
{
	

	.col-75p, .col-70p, .col-30p  {/* width:100% */}
	.col-facetItem { width: 33.33% !important; flex-basis:33.33%; min-width:33.33%;width:33.33%;}
	.desktop {display:none !important;}
	.mobile {display:initial !important;}
	

	/* ----- ZESTY RESPONSIVE MENU ----- */
	.complexNavMenu .NodeLevel0 > a, .complexNavMenu .NodeLeve1New > a {padding: 0 5px !important;font-size: 14px !important;height: 40px !important;line-height: 40px !important;}
	.logo {min-width: 78px !important;height: 40px !important;top: 7px !important;}
	.topNavMenuContainer, .ctrNavigation, .ctrNavigation>div { justify-content:center !important}
	.subContent { display:none !important}
	.submenuMain { padding:7px}
	.menuOptions a { font-size:10px}
	
	
	/* Header */
	.logoContainer {flex-grow:1;-webkit-flex-grow: 1;}
	div.srchCtr {padding: 0 16px !important;height: auto !Important;}
	.cta a span{  display:inline-block}
	.cta a div{display:none !important }
	.navIcons>div, .navIcons>a {}
	[class*='NodeLevel'] { box-sizing: border-box }
	.NodeLevel0 {float: left;width: 100%;text-align: left;flex-basis: 100%;min-width: 100%;max-width: 100%;border-bottom: 1px dotted rgba(60, 60, 60, 0.43);}
	.NodeLevel0>div {display:block;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
	.NodeLevel1 {background: none;float:left;width: 33.33% !important;/* padding: 0 8px 16px 0; */clear: none !important;}
	.NodeLevel1:nth-child(odd) {clear:left;}
	.NodeLevel1 {background: none;float:left;width: 50%;padding: 0 8px 16px 0; }
	.NodeLevel1:nth-child(even) {/* padding: 0 0 16px 8px; */}
	.NodeLevel1:last-child {padding-right:0;}
	.NodeLevel2 {background: none;padding: 0 0 0 0;display: block;float: left;width: 100%;}
	.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) {}
	.NodeLevel0 > a >span {display: block;width: 100%;margin: 0;color: initial;color: #333 !important;padding: 00;}
	.NodeLevel1 > a {display: inline-block;margin: 0px;padding: 0 16px 8px 0;font-weight: normal;color: initial;line-height: 125%;}
	.NodeLevel2 > a {display: inline-block;color: #999;margin: 0;font-size: smaller;padding: 0 0 12px 0;line-height: 130%;}
	.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {}
	.NodeLevel0 > a {width: 100% !important;padding: 12px  0 12px 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
	.NodeLevel0 > a:after {content: "\f0dd";font: normal normal normal 14px/1 FontAwesome;float: right;}
	.NodeLevel0 > a.active:after {content: "\f0de";transform: translateY(30%);}
	.icon-search {border-left:none !important;}
	.srchCtr {padding: 0 16px !important;height: auto !Important;}
	.navIcons>div, .navIcons>a {width: 75px;line-height: 75px;font-size: 22px;}
	.NodeLevel0 {}
	.navCtr {margin: 118px 0 0 0 !important;width: 100%;}
	.MobileNav .level-2-navigation-option {top: 162px !important;}
	.navIcons>div, .navIcons>a {height: 75px !important;width: 75px !important;line-height: 75px !important;font-size: 18px !important;}
	.logo {max-width: 150px !important;height: 75px !important;}
	.srchCtr.tbcntOpen,.loginCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(-100%);-moz-transform: translatex(0) translatey(-100%);-o-transform: translatex(0) translatey(-100%);-ms-transform: translatex(0) translatey(-100%);filter: alpha(opacity=0)-webkit-transition: all .8s ease-out;}
	body {padding-top: 75px;}
	#newsletterPOPUP.zflex-v {align-content: flex-start;align-items: flex-start;padding: 16px !important;}
	.newsletterPOPUPinner {background-position: right center !important;vertical-align: top !important;width: 100% !important;}
	.newsletterPOPUPinner .newsletterPOPUP-info {width:65% !important;}
	.cta a span{  display:inline-block !important }
	.cta a div{display:none !important }
	.srchCtr.tbcntOpen,.loginCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(118px) !important;-moz-transform: translatex(0) translatey(118px) !important;-o-transform: translatex(0) translatey(118px) !important;-ms-transform: translatex(0) translatey(118px) !important;}
	.CNCCTA {font-size: x-small !important;}
	.Message a {
    margin-left: 8px !important;}
	.level-1-navigation {}
	.navIcons>div, .navIcons>a {height: 47px !important;width: 47px !important;line-height: 47px !important;font-size: 14px !important;min-width: 47px !important;}

	
	/* -- Homepage general -----*/
	.hmBrands > div { width: 33.33% }
	.bannerTitle {font-size: 14px;}
	.hmBanner .bannerTitle {font-size: 30px!important;}
	.hmBanner .subbannerTitle {font-size: 18px!important;}
	.hmBanner75 .bannerTitle {font-size: 14px!important;}
	.hmBanner75 .bannerDesc {display: none;}
	.bannerContainer .col-3, .bannerContainer .col-66p   { width: 100% !important}
	.bannerContainer .col-3 > .col-1  { width: 50% !important}
	.cta2, .bannerDesc2 { .cta2, .bannerDesc2}
	.bannerContainer .ctrPad8 { padding: 4px!important;}
	.bannerTitle {padding-bottom:none}
	.columnFlow {-moz-column-count: 1!important;-moz-column-gap: 16px!important;-webkit-column-count: 1!important;-webkit-column-gap: 16px!important;column-count: 1!important;}
	.theme1 .bannerTitle, .theme1 .bannerDesc {text-align:center;font-size: x-large !important;}
	.banner4 > div > a {width: calc(100% - 16px) !important;}
	.brandImgContainer { display:none}
	#prodInfoLeft, #prodInfoRight  {border-right:none;width:100% !important;}	
	.TopContainer { padding:0px !important}

	
	/* --- Banner 1 override */ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
	.banner4 > div > a {width: calc(50% - 16px) !important;float: left;margin: 8px;} 
	
	
	/* --- CSS images */ 
	.css-image-mobile, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
	.css-image-ipad {display:block;}
	
	
	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:50%; min-width:50%;width:50%;}
	.standardBSitems .item-bs {flex-basis:50%; min-width:50%;width:50%;}

	.namePriceContainer h1 { font-size:20px}
	
	
	/* Product Page */
	.priceBlock {/* justify-content:center */}
	.namePriceContainer {width:100%;}
	#storelookupresults:before {position: fixed;bottom: 16px;left: 16px;width: calc(100% - 32px);display: block;height:32px;background: rgba(0,0,0,0.65);content: 'Scroll/Swipe down for more stores ...';line-height: 32px;text-align: center;color:white;}
	.cncFooterTxt {margin-bottom:32px;}
	
	
	/* -- Flex banners   */
	.bannerHeight .flipme {height: 45vh !important;}
	.landingPage .flipme {height: 65vh !important;}
	.bannerTxt img { height:75px}
	
	
	/* -- BLOG ----- */
	.blogContainer > div { width:50%!important;}
	.overflow > div { width:50% !important;}
	

	/* -- delivery   */
	costa { display:none}
	.accordianBox { padding:0px}
	.delivery .zflex-v { flex-wrap: wrap !important}
	.delivery .col-20p { width: 33.33% !important}
	.delivery .col-2 { width: 100% !important}
	.bikeonly .col-3 { width: 100% !important}
	.deliveryUk .col-6 { width:33.33% !important}
	
	/* -- Customer Rewards Page ----- */
	.crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
	
	
	 
}



/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439px)
{
	.mobile {display:none !important;}
	
	
	/* Zesty Responsiveness */
	.col-facetItem { width: 25% !important; flex-basis:25%; min-width:25%;width:25%;}
	

	/* ----- ZESTY RESPONSIVE MENU ----- */
	.complexNavMenu .NodeLevel0 > a {padding: 0 8px !important;font-size: 15px !important;}
	.complexNavMenu .NodeLeve1New > a {padding: 0 8px !important;font-size: 15px !important;}
	
	
	/* Header */
	.ctrNavigationDesktop .NodeLevel0 {font-size: initial;padding: 0 12px !important;}
	.NodeLevel0 >a >span {color: initial;}
	.NodeLevel0 > a >span {font-size:smaller;line-height: 100%;}
	body {padding-top: 75px;}
	.logo {max-width: 210px !important;min-width: 100px !important;margin: 0 !important;}
	.submenuMain { padding:7px}
	.navIcons>div, .navIcons>a {height: 47px !important;width: 47px !important;line-height: 47px !important;font-size: 14px !important;min-width: 47px !important;}

	
	
	
	/* --- CSS images */ 
	.hmBanner4 > div > a   { width:50% !important }
	.hmBanner6 > div > a   { width:33.33% !important }
	.cta1 { width: 100%}
	.hmBanner4 .bannerDesc2 {display:none !important}
	.hmBanner4 .bannerTitle2 { padding-bottom: 0px}
	.hmBanner1 .imgCtr75 {height: calc(100vh - 250px);}
	.banner4 > div > a {width: calc(50% - 16px) !important;margin:8px !important} 


	/* --- Banner 1 override */ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
	.banner4 > div > a {width: calc(25% - 16px) !important;float: left;margin: 8px;} 
	

	/* -- Homepage general -----*/
	.hmBrands > div { width: 16.66% }
	.bannerTitle {font-size: 16px;}
	.hmBanner .bannerTitle {font-size: 36px!important;}
	.hmBanner .subbannerTitle {font-size: 20px!important;}
	.hmBanner .bannerDesc {padding: 16px 36px;font-size: 16px;}
	.hmBanner75 .bannerTitle {font-size: 14px!important;}
	.hmBanner75 .bannerDesc {padding: 8px 21px;font-size: 10px;}
	
	
	/* --- CSS images */ 
	.css-image-mobile, .css-image-ipad, .css-image-desktops {display:none;background: none !important;}
	.css-image-laptops {display:block;}
	
	

	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:33.33%; min-width:33.33%;width:33.33%;}
	.standardBSitems .item-bs {flex-basis:33.33%; min-width:33.33%;width:33.33%;}
	
	
	/* Product Page */
	.namePriceContainer { text-align:left}
	.cncFooterTxt {margin-bottom:32px;}
	
	
	/* -- Flex banners   */
	.landingPage .flipme {height: 65vh !important;}
	.bannerTxt img { height:75px}
	
	
	/* -- BLOG ----- */
	.blogContainer > div { width:25%!important;}
	.overflow > div:nth-last-of-type(2),.overflow > div:nth-last-of-type(3) { display:none}
	
	
	/* -- Customer Rewards Page ----- */
	.crPageExplain .col-3, .crPageExplain .col-2 {min-width:50% !important;flex-grow:1}
	
	
	/* -- delivery   */
	.bikeonly .col-3 { width: 100% !important}
	.deliveryUk .col-6 { width:33.33% !important}
}



/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1919px)

{
	.mobile {display:none !important;}
	
	/* Zesty Responsiveness */
	.col-facetItem {width: 20% !important; flex-basis:20%; min-width:20%;width:20%;}
	
	
	/* Header */
	.NodeLevel0 {padding: 0 16px !important;font-size: initial;}
	body {padding-top: 75px;}
	.ctrNavigationDesktop .NodeLevel0>div {top: 118px !important;}
	.cta a span{display:none !important}
	.cta a div{ display:inline-block}
	.navIcons>div, .navIcons>a {font-size: 20px !important;}
	.logo {max-width: 210px !important;min-width: 135px !important; margin: 0 !important;}
	.logoContainer {width: 225px !important;flex-grow: 0 !important;-webkit-flex-grow: 0 !important;}
	
	
	
	/* ----- ZESTY RESPONSIVE MENU ----- */
	.complexNavMenu .NodeLevel0 > a {padding: 0 16px !important;font-size: 18px !important;}
	.logo {min-width: 225px !important;}
	
	
	//* --- Banner 1 override */ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
	.banner4 > div > a {width: calc(25% - 16px) !important;float: left;margin: 8px;} 
	
	
	
	/* -- Homepage general -----*/
	.hmBrands > div { width: 16.66% }
	.bannerTitle {font-size: 18px;}
	.hmBanner .bannerTitle {font-size: 36px!important;}
	.hmBanner .subbannerTitle {font-size: 20px!important;}
	.hmBanner .bannerDesc {padding: 16px 56px;font-size: 20px;}
	.hmBanner75 .bannerTitle {font-size: 18px!important;}
	.hmBanner75 .bannerDesc {padding: 8px 21px;font-size: 12px;}
	
	
	/* --- CSS images */ 
	.css-image-mobile, .css-image-ipad, .css-image-desktops {display:none;background: none !important;}
	.css-image-laptops {display:block;}
	
	
	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
	.standardBSitems .item-bs {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
	.item-repeater-outer:last-of-type {/* display:none */}


	/* -- BLOG ----- */
	.blogContainer.overflow > div { width:20%!important;}
	.overflow > div:nth-last-of-type(2) { display:none}
	
	
	/* -- Products -- */
	.cncFooterTxt {margin-bottom:32px;}
}


/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1920px)
{
	
	.mobile {display:none !important;}
	/* Zesty Responsiveness */
	.col-facetItem {width: 20% !important; flex-basis:20%; min-width:20%;width:20%;}
	
	/* Header */
	.NodeLevel0 {padding: 0 16px !important;font-size: larger;}
	body {padding-top: 75px;}
	.ctrNavigationDesktop .NodeLevel0>div {top: 118px !important;}
	.cta a span{display:none !important}
	.cta a div{ display:inline-block}
	.navIcons>div, .navIcons>a {font-size: 20px !important;}
	.logo {max-width: 210px !important;min-width: 135px !important; margin: 0 !important;}
	.logoContainer {width: 225px !important;flex-grow: 0 !important;-webkit-flex-grow: 0 !important;}
	
	
	/* ----- ZESTY RESPONSIVE MENU ----- */
	.complexNavMenu .NodeLevel0 > a {padding: 0 18px !important;font-size: 24px !important;}
	.logo {min-width: 225px !important;/* height: 135px !important; */top: -20px;}
	
	/* --- Banner 1 override */ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
	.banner4 > div > a {width: calc(25% - 16px) !important;float: left;margin: 8px;} 
	
	
	
	/* -- Homepage general -----*/
	.hmBrands > div { width: 16.66% }
	.bannerTitle {font-size: 18px;}
	.hmBanner .bannerTitle {font-size: 30px!important;}
	.hmBanner .subbannerTitle {font-size: 20px!important;}
	.hmBanner .bannerDesc {padding: 16px 56px;font-size: 20px;}
	.hmBanner75 .bannerTitle {font-size: 18px!important;}
	.hmBanner75 .bannerDesc {padding: 8px 21px;font-size: 12px;}
	
	
	/* --- CSS images */ 
	.css-image-mobile, .css-image-ipad, .css-image-desktops {display:none;background: none !important;}
	.css-image-laptops {display:block;}
	
	
	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
	.standardBSitems .item-bs {flex-basis:16.66%; min-width:20%;width:16.66%;}


	/* -- BLOG ----- */
	.blogContainer.overflow > div { width:20%!important;}
	.overflow > div:nth-last-of-type(2) { display:none}
	

}


/* Image Media Queries */
@media screen and (max-width : 320px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-320 {display:block !important;}
}

@media screen and (min-width : 321px) and (max-width : 414px)
{
	.css-image-320, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-414 {display:block !important;}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
	.css-image-414, .css-image-320, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-767 {display:block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
	.css-image-414, .css-image-767, .css-image-320, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-1024 {display:block !important;}
}
@media screen and (min-width : 1025px) and (max-width : 1440px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-320, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-1440 {display:block !important;}
}
@media screen and (min-width : 1441px) and (max-width : 1800px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-320, .css-image-4k {display:none !important; background: none !important;}
	.css-image-1800 {display:block !important;}
}
@media screen and (min-width : 1801px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-320 {display:none !important;/* background: none !important; */}
	.css-image-4k {display:block !important;}
}