/* *********************************** */
/* ************ 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: 767.99px)
{
	
	/* 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% }
	.col-80p { width: 100% }
	.col-75p { width: 100% }
	.col-70p { width: 100% }
	.col-66p { width: 100% }
	.col-60p { width: 100% }
	.col-40p { width: 100% }
	.col-30p { width: 100% }
	.col-25p { width: 100% }
	.col-20p { width: 100% }
	.col-10p { width: 100% }
	.desktop { display:none !important}
	.mobile {display:initial !important;background: #fff;}
	.matchHeight { display:initial}
	.ctrPad32 {padding:16px !important;}
	.ctrPad16 {padding: 8px !important;}
	.ctrPad8 {padding: 4px !important;}
	
	/* Layout - Muliple Location Change one, changes all */
	.leftMargin {margin-left: 0px !important;}
	.leftPadding {padding-left: 0px !important;}
	.topPadding { padding: 0px !important;}
	.ctrMrgLeft32 {margin-left: 0px !important;}
	.ctrPadLeft32 {padding-left: 0px !important;}
	.ctrMrgLeft16 {margin-left: 0px !important;}
	.ctrPadLeft16 {padding-left: 0px !important;}
	.ctrPadTop32 { padding: 0px !important;}
	.ctrPadSide32 {padding: 0 16px !important;}
	.ctrPadTop16 { padding: 0px !important;}
	.ctrPadSide16 { padding: 0px !important;}
	
	
	/*  Fixed width */
	.innerContainer {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;}
	h1.categoryDetailsHdr { font-size: 16px !important; line-height: 150% !important }
	h1.brandDetailsHdr { font-size: 16px !important; line-height: 150% !important }
	.leftMargin {margin-left: 0px;}
	.button { width:100% !important}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin:10 0 6px 0 !important }
	h1, .h1 { font-size: 20px !important;}
	h2, .h2 {font-size: 18px !important;}
	h3, .h3 { font-size: 16px !important;}
	h4, .h4 { font-size: 14px !important;}
	

	
	/* Layout - Muliple Location Change one, changes all */
	.leftMargin {margin-left: 0px !important;}
	.leftPadding {padding-left: 0px !important;}
	.flexslider .flipme {}
	.wrap, .zflex-s {display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;align-content: left !important;-webkit-align-items: left !important;-webkit-justify-content: left !important;}
	.hmBanner6 .cssItemImg { padding: 0px !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.srchCtr #TopBanner1_clSearch1_containerSearch {max-width: 100% !important;}
	.logoContainer {flex-grow: 1;-webkit-flex-grow: 1;}
	.navIcons {}
	body {padding-top: 50px;}
	.srchCtr.tbcntOpen, .loginCtr.tbcntOpen  {transform: translateY(84px) !important;}
	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 { display:none}
	.CNCCTA {font-size: x-small !important;height: 36px !important;}
	.logo {max-width: 100px !important;height: 50px !important;}
	[class*='NodeLevel'] { box-sizing: border-box }
	.NodeLevel0 {float: left;width: 33.33%;text-align: left;flex-basis: 33.33%;min-width: 33.33%;max-width: 33.33%;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: 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;}
	.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%;}

	#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}	
	.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 {height: auto;}
	div.cards span {line-height:28px;text-align:center;}	
	div.cards div.fa-cc-visa {float:none;}
	div.cards div.fa-cc-mastercard {float:none;}
	div.cards div.fa-credit-card {float:none;}
	div.cards div.fa-cc-paypal {float:none;}
	.footerTerms, .footerCitr {text-align:center}
	.footerTerms {padding-bottom:16px;margin-bottom:16px;}
	.footerLinks {margin:0;width: 50% !important;}	
	.footerLinks:last-of-type {}
	.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 {height: auto;}
	div.cards span {line-height:28px;text-align:center;}	
	div.cards div.fa-cc-visa {float: none !important;}
	div.cards div.fa-cc-mastercard {float:none !important;}
	div.cards div.fa-credit-card {float:none !important;}
	div.cards div.fa-cc-paypal {float:none !important;}
	.footerTerms, .footerCitr {text-align:center;text-align: center !important;}
	.footerTerms {padding-bottom:16px;margin-bottom:16px;text-align: center !important;}
	
	
	/* Homepage CSS Nav Banners ----- */
	.hmSlider>.slides>li>a>div,.hmSlider>.slides>li:nth-child(1)>a>div,.hmSlider>.slides>li:nth-child(2)>a>div,.hmSlider>.slides>li:nth-child(3n)>a>div   {width:100%;border-right:none;}
	.bannerTitle, .bannerDesc {padding-bottom: 0px !important;}	
	.bannerView { display:none}
	div.bannerTxt {width:100% !important;}
	.bannerDesc:before {display:none;}
	.CSSnavBanner {/* margin-bottom:16px; */}
	.hmTiles {padding: 8px !important;}
	.hmTiles .col-2 .col-2 {width:50% !important;}
	[class*='hmBanner'] > div > div {padding: 0;float: left;}
	[class*='hmBanner'] > div > div  { padding: 2px}
	.cta1 { width: 100% !important}	
	.cta2 { display:none !important}
	.bannerTxt {padding: 6% !important;}
	.hmBanner1 .imgCtr75 {height: calc(100vh - 200px);}
	
	
	/* Naviagtion */
	.tMenuLinkMobile,.tMenuLinkMobileLogin, .tMenuLinkMobileSearch { display: table !important; width: 33.33% !important }
	.tMenuLinkMobile:active { background: whitesmoke }
	.tMenuLinkMobileSearch:active { background: #DDECE1 }
	.tMenuLinkMobile span, .tMenuLinkMobileLogin span, .tMenuLinkMobileSearch span { display: table-cell; vertical-align: middle }
	.tMenuLink1, .tMenuLink2, .tMenuLink3, .tMenuLink4, .tMenuLink5, .tMenuLink6, .tMenuLink7 { display: none !important }
	.tMenu1, .tMenu2, .tMenu3, .tMenu4, tMenu5, .tMenu6, .tMenu7 { display: none !important }
	.mHeader { padding: 16px 16px 15px 16px; border-bottom: 1px solid #e5e5e5; text-align: left }
	.mSrch { background: #DDECE1 !important; padding: 0 }
	.mLink { padding: 16px 16px 15px 16px; border-bottom: 1px solid #e5e5e5; text-align: left }
	.mBrands .col-2 { width: 50% !important; font-size: 0.8em }
	.mQuickLinkHdr { background: #252627; color: white; padding: 16px; font-size: 0.8em }
	.mQuickLinkCtr { border-bottom: 1px solid #e5e5e5 }
	.mQuickLinkCtr .col-4 { width: 33.33% !important }
	.mQuickLink { background: #efefeb; color: #555; padding: 16px; font-size: 0.8em }
	.mQuickLink span { padding: 0 0 3px 0; border-bottom: 1px solid #9d9d9d }
	.fa-chevron-down { position: relative; top: -1px }
	.navHighlight { background: #efefeb; color: #555 !important }
	.loginHighlight { background: #efefeb; color: #555 !important }
	.srchHighlight { background: #DDECE1; color: white !important }
	.hideStandardTopElements, div#CartList-dev a span[id*="lblCount"], .tlogo, .homeLnkCtr, .tailoredMsg {display: none !important;}
	.logo {background: url(/layout/generalLyout/logo.png) center center no-repeat;background-size: contain;max-width: 125px;margin: auto !important;height: 50px;}
	.mobileHomeLink {display:block !important;}
	.mobileOnly {display:inherit !important;}
	.desktopOnly { display:none !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%;padding: 0 !important;}
	.tMenuLinks a span.tLinktext {display:none;}
	.tMenuLinks a span.tLinktextM {display: inline-block;width:64px; height:64px;}
	.srchCtrClose { width: 50px !important;height: 51px;top: 5px;line-height: 51px;}
	.SearchCtrOpen {margin: 3px 0 0 20px;}
	
	
	
	/* --- CSS images */ 
	.css-image-ipad, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
	.css-image-mobile {display:block;}
	
	
	/* -- Flex banners   */
	.hmTiles .ctrPad16, .CSSnavBanner.ctrPad16 {padding: 8px !important;}
	
	
	/* Contact Form */
	.mapCover {display: block !important;z-index: 3;position: absolute;}
	
	
	/* Shipping Page */
	.shippingMobileOnly {display:block;}
	
	
	/* Courier Search */
	.courierservice {width:100% !important;}
	.courierservice:nth-of-type(4n+1) {margin-right:0 !important;}
	.courierservice:nth-of-type(4n+2) {margin-left:0 !important; margin-right:0 !important;}
	.courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:0 !important;}
	.courierservice:nth-of-type(4n+4) {margin-left:0 !important;}
	.courierCountrySearch {line-height:32px !important; font-size:14px;}
	.courierCountrySearch>li, .courierCountrySearch>span {padding:0 8px !important;width:50% !important;}
	.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:0 !important;background:#f2f3f4;}
	.courierCountrySearch li span:before {margin:11px 12px 0 0 !important;}
	.courierCountrySearch span.courierCountrySearch-select {width:100% !important;text-align:center; height: 48px;line-height: 48px;font-size: 1.2em;}
	.courierCountrySelection-search .emptysearch {top:9px !important;right:9px !important;}

	/* Blog */
	.blogRightColumn {padding: 0px !important;}	
	.blogSearch #blogSearchButton {top: 3px; right: 3px;}	
	.shareAreaBlog, .blogRightSearch, .blogRightCloud, .blogRightRecent {margin:0;}
	
	
	
	/* 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;}
	.taRepeatContainerOuter > .col-3 {flex-basis:100% !important;width:100% !important;}
	.taclAttributeGrid li {width:100%;text-align:center;}
	
	
	/* 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% !important;}
	.bottomBasketButton a {text-align:center; width:100%;}
	.ccartcontrol {padding:0 !important; margin-bottom:16px; }
	
	
	/* Product Page */
	#basketArea .ctrPad32 { padding:0 !important}
	.productPageTop {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
	#storelookupresults {width:100%;}
	#prodInfoLeft {border-right:none;}	
	#prodInfoRight {border-right:none;}
	.mobileproduct {}
	.mobileproduct .brandlogo {display:inline-block;height: 62px;width: 64px;border:1px solid #e3e3e3;background-size: contain !important;}
	.accordianBox {padding: 16px 0;}
	.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 }
	.clAttributeGridContainer {}
	/*div.hideFinanceOnMobile { display: none }*/
	div.filter a:hover { background: none; color: #fff }
	div.reviewComment { height: auto !important; overflow: visible !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 }
	#MIVPanel .col-6 {width:50% !important;}
	#storelookupresults {margin-top:96px;width: 90vw !important;}
	div.customerRewardsCtr {flex-wrap:wrap;}
	div.crValueCtr, div.crTextDesc {width:100%;padding: 8px 16px;background-position: 25% 50%;}
	#storelookupresults .cncStore {display: flex;width: 100%;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;flex-wrap: wrap;jflex-direction: row;}
	#storelookupresults .cncStore>div {order:2;}
	.cncQty {text-align:left !important;order:1 !important;}
	.cncAvail, .cncUnAvail {border-bottom:1px dotted rgba(0, 128, 0,0.5);padding:0 0 8px 0;margin: 0 0 8px 0;width: auto !Important;}
	.fixedBox {margin:16px 0 8px 0}
	.currencyMain .currencylistitem-DEV {display:block;float: left !important;width: 50% !important;text-align: left;}
	.a2btitle, .a2bsizing {width:50% !important;}


	
	/* 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;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
	
	
	/* Better Search */
	
	
	
	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:50%; min-width:50%;width:50%;}
	.item-repeater-info-name, .item-repeater-inner span[class*="Price"] {font-size:13px !important;}
	
	
	
	
	
	
	/* -- Add to Basket Grid */
	#attName {min-width: 50%;}
	
	
	/* Responsive Menu */
	.NodeLevel0 {width:100% !important;flex-basis: 100% !important;min-width: 100% !important;max-width: 100% !important;}
	.navIcons .toggleNavCtr {display:block !important}
	.complexNavMenu .NodeLevel0 {padding:16px !important;}
	.complexNavMenu .NodeLevel0>div {position:relative !important;top:0 !important;display:block !important;background:none !important;padding:0 !important;}
	.complexNavMenu .NodeLevel1 {width:50% !important;}
	.complexNavMenu .topNavMenu, .complexNavMenu .NodeLevel0 > a:after {display:none !important}
	.complexNavMenu .topNavMenu.open {display:block !important}
	.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%);}
	.footerLinks .NodeLevel0 {width:100%;padding: 0;margin-bottom: 5px;}
	.footerLinks .NodeLevel0 > a {margin:0 !important;padding:0 !important;border-bottom:0 !important;color: #666;font-weight: normal;text-transform: capitalize;letter-spacing: 0;}
	.footerLinks .NodeLevel0>div {display:none;}
	.footerLinks .NodeLevel1 {width: 100%;padding: 0;}
	.footerLinks .NodeLevel1 > a {padding: 0;border-bottom: 0;font-size: 14px;margin: 0;}
	.footerLinks .NodeLevel2 {display: none;}
	.footerLinks a, .footerLinks .NodeLevel0 > a  {color: #999;/* font-size:14px; */text-decoration:none;width: 100%;clear: both;text-align: left;line-height: 21px;border-bottom:0;margin-bottom: 5px;display: inline-block;width: initial;float: left;}
	.footerLinks .NodeLevel0 > a span {color: #999;margin-bottom: 5px !important;}
	.footerLinks a.footerLogin {font-family:'FontAwesome';}
	.footerLinks a.footerBasket {font-family:'FontAwesome';}
	.footerLinks a:hover, .footerLinks .NodeLevel0 > a:hover span {color: dodgerblue; border-bottom:0;}
	
	
	/*  Preferences center */
	div.elementCtr { width: 100%; }
	div.day { width: 50%; height: 48px; margin:0; padding:0 8px 0 0 ; display: block; float:left; }
	div.month { width: 50%; height: 48px; display: block; float:left;  padding:0 0 0 8px;}
	.dayField { width: 100%; height: 48px; font-size: 1em; padding: 0 0 0 8px }
	.mthField { width: 100%; height: 48px; font-size: 1em; padding: 0 0 0 8px }
	.feetCtr, .inchesCtr {width:50% !important;margin:0;float:left;display:block;}

	
	/* -- Customer product builder --*/
	.cpb-standardSpecPrice .now {margin-left: 0;}
	.cpb-standardSpecPriceTitle {display:none}
	.attImage, .attBlock > div:nth-of-type(2) {display:none !important;}
	.attName {   white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 50%;}	
	
	
	/* Site Map  */
	.siteMap .NodeLevel0 {float: left;width: 100% !important;margin: 0;}
	
	/* -- Customer product builder --*/
	.cpb-standardSpecPrice .now {margin-left: 0 !important;}
	.cpb-standardSpecPriceTitle {display:none !important}
	.attImage, .attBlock > div:nth-of-type(2) {display:none !important;}
	.attBlock > div {font-size:11px !important;}
	.attName {width:120px !important;}
	.attPrice {padding: 0 8px !important;}
	.cpb {width:100% !important;flex-basis:100% !important;padding:8px 0 !important;}
	.cpb {border-left:0 !important;}
	.cpb:nth-child(1n+1):nth-last-child(-n+1), .cpb:nth-child(1n+1):nth-last-child(-n+1) ~ .cpb {border-bottom:0 !important;}

	
	/* -- Customer Rewards Page ----- */
	.crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
	
	
	/* Instagram  */
	.instagramContent li  {width: 100%; padding: 8px;}
	
	/* -- BLOG */
	.large-article-content-summary { flex-wrap: wrap; width: 100%}
	.blogSnipImg {min-width: 100% !important;}
	.blogmainwrap .large-article {width:calc(100% - 16px) !important;}
}


@media screen and (max-width: 321px)
{
	.courierCountrySearch>li, .courierCountrySearch>span {width:100% !important;}
	.courierchart .loctitle {font-size:16px;}
}


/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
	
	/* --- footer */ 
	.footerLinks {margin:0;width:50% !important;}	

	/* Zesty Responsiveness */
	.col-75p, .col-70p, .col-30p  { width:100%}
	

	.ctrPad32 { padding:16px !important;}
	.desktop {display:none !important;}
	.mobile {display:initial !important;}
	.FAFFiltersMobile {/* display:none  !important; */}
	
	/* --- CSS images */ 
	.css-image-mobile, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
	.css-image-ipad {display:block;}
	.cta1 {width: 100% !important;}
	.cta2 { display:none !important}
	
	
	/* 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;}
	.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: 112px 0 0 0 !important;width: 100%;}
	.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;margin: auto;}
	.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(112px) !important;-moz-transform: translatex(0) translatey(112px) !important;-o-transform: translatex(0) translatey(112px) !important;-ms-transform: translatex(0) translatey(112px) !important;}
	.CNCCTA {font-size: x-small !important;}
	.NodeLevel0 > a >span:after { display:none}



	/* Footer */
	.footer .leftPadding { padding-left:0px !important}
	.footerTerms, .footerCitr {text-align:center}
	.footerTerms {padding-bottom:16px;margin-bottom:16px;}
	.footer .col-70p > div {margin:0;width: 33.33% !important;}	
	
	
	/*  Fixed width */
	.innerContainer {padding: 16px !important;}
	.innerContainer {padding: 16px !important;}
	.innerContainer {padding: 16px !important;}
	.leftMargin {margin-left: 16px !important;}
	.leftPadding {padding-left: 16px !important;}
	.topPadding { padding: 16px !important;}
	.ctrMrgLeft32 {margin-left: 16px !important;}
	.ctrPadLeft32 {padding-left: 16px !important;}
	.ctrMrgLeft16 {margin-left: 16px!important;}
	.ctrPadLeft16 {padding-left: 16px !important;}
	.ctrPadTop32 { padding: 16px !important;}
	.ctrPadSide32 {padding: 0 16px !important;}
	.ctrPadTop16 { padding: 16px !important;}
	.ctrPadSide16 { padding: 16px !important;}
	.hmTiles  {padding: 8px !important;}
	.hmTiles .ctrPad16 {padding: 8px !important;}


	
	
	/* Layout - Muliple Location Change one, changes all */
	.leftMargin {margin-left: 16px !important;}
	.leftPadding {padding-left: 16px !important;}
	
	
	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:33.33%; min-width:33.33%;width:33.33%;}
	.standardBSitems .item-bs {flex-basis:50%; min-width:50%;width:50%;}
	
	
	/* -- Flex banners   */
	.hmTiles .ctrPad16, .CSSnavBanner.ctrPad16 {padding:8px !important;}
	.bannerTitle {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}	
	div.bannerTxt, .hmTiles>.col-2 {width:100% !important;}
	
	/* -- BLOG ----- */
	.blogContainer > div { width:50% !important;}
	
	
	/* -- Add to Basket Grid */
	#attName {min-width: 40%;}
	#storelookupresults {width:70vw !important}

	
	/* -- Star Buys ----- */
	.taRepeatContainerOuter > .col-3 {flex-basis:50% !important;width:50% !important;}
	.taclAttributeGrid li {text-align:center;}
	.taclAttributeGrid li.taname, .taclAttributeGrid li.taprice, .taclAttributeGrid li.tastock>span {width:100%;}
	.taclAttributeGrid li.taadd {min-width:64px;}
	
	
	/* -- Customer Rewards Page ----- */
	.crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
	
	/* Shopping Cart */
	.FullCartWrap .col-66p, .FullCartWrap .col-3 {width:100% !important;padding: 16px 0 0;}
	
	/* Site Map  */
	.siteMap .NodeLevel0 {float: left;width: 50% !important;margin: 0;}
	
	/* -- Customer product builder --*/
	.attBlock > div {font-size:12px !important;}
	.cpb {width:100% !important;flex-basis:100% !important;padding:32px !important;}
	.cpb {border-left:0 !important;}
	.cpb:nth-child(1n+1):nth-last-child(-n+1), .cpb:nth-child(1n+1):nth-last-child(-n+1) ~ .cpb {border-bottom:0 !important;}
	
	
	/* Instagram  */
	.instagramContent li  {width: 50%; padding: 16px;}
	
	/* Shipping Page */
	.courierservice {width:calc(50% - 8px) !important;}
	.courierservice:nth-of-type(4n+1), .courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:4px !important;}
	.courierservice:nth-of-type(4n+2), .courierservice:nth-of-type(4n+4) {margin-left:4px !important; margin-right:0 !important;}
	
	
	/* -- BLOG */
	.blogmainwrap .large-article {width:calc(33.33% - 16px) !important;}
}



/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
	/* Zesty Responsiveness */
	
	
	/* Header */
	.ctrNavigationDesktop .NodeLevel0 {font-size: initial;}
	.NodeLevel0 {border-bottom: 1px dotted rgba(60, 60, 60, 0.43);}
	.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 >span {display: block;width: 100%;margin: 0;color: initial !important;}
	.NodeLevel1 > a {display: inline-block;margin: 0px;padding: 0 16px 8px 0;font-weight: normal;color: initial !important;line-height: 125%;}
	.NodeLevel0 > a:after {content: "\f0dd";font: normal normal normal 14px/1 FontAwesome;float: right;}
	.NodeLevel0 > a.active:after {content: "\f0de";transform: translateY(30%);}
	.NodeLevel1 {width: 33% !important;}
	body {padding-top: 75px;}

	/* Naviagtion */
	.logoContainer {flex-grow:1;-webkit-flex-grow: 1;  max-width: 225px}
	.icon-search {border-left:none !important;}
	.srchCtr {padding: 0 16px !important;height: auto !Important;}
	.navIcons>div, .navIcons>a {background-color: #fff;width: 75px;line-height: 75px;font-size: 22px;}
	.navCtr {margin: 76px 0 0 0 !important;width: 100%;}
	.navIcons>div, .navIcons>a {height: 75px !important;width: 75px !important;line-height: 75px !important;font-size: 18px !important;min-width: 60px;}
	.logo {max-width: 150px !important;height: 75px !important;}
	.srchCtr.tbcntOpen,.loginCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(112px) !important;-moz-transform: translatex(0) translatey(112px) !important;-o-transform: translatex(0) translatey(112px) !important;-ms-transform: translatex(0) translatey(112px) !important;}
	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 }
	.ctrNavigationDesktop .NodeLevel0 > a {height: 75px !important;} 
	.ctrNavigationDesktop .NodeLevel0>div {top: 112px !important;}
	
	
	
	
	/* --- CSS images hide*/ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 250px);}
	
	
	/*  Fixed width */
	.innerContainer {padding: 16px !important;}
	.innerContainer {padding: 16px !important;}
	.leftMargin {margin-left: 16px !important;}
	.leftPadding {padding-left: 16px !important;}
	.topPadding { padding: 16px !important;}
	.ctrMrgLeft32 {margin-left: 16px !important;}
	.ctrPadLeft32 {padding-left: 16px !important;}
	.ctrMrgLeft16 {margin-left: 16px!important;}
	.ctrPadLeft16 {padding-left: 16px !important;}
	.ctrPadTop32 { padding: 16px !important;}
	.ctrPadSide32 {padding: 0 16px !important;}
	.ctrPadTop16 { padding: 16px !important;}
	.ctrPadSide16 { padding: 16px !important;}
	.hmTiles  {padding: 8px !important;}
	.hmTiles .ctrPad16 {padding: 8px !important;}


	/* -- Product Repeaters   */
	.item-repeater-outer {flex-basis:25%; min-width:25%;width:25%;}
	.standardBSitems .item-bs {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
	
	/* -- BLOG ----- */
	.blogContainer > div { width:33.33%!important;}


	

	.facetOption, .subFacetOption, .facetSubHdr, .col-facetItem {}
	.facetItemDetails {}
	.frItemName {font-size: 0.8em;}


	/* -- Add to Basket Grid */
	#attName {min-width: 30%;}

	
	/* -- Star Buys ----- */
	.taRepeatContainerOuter > .col-3 {flex-basis:50% !important;width:50% !important;}
	.taclAttributeGrid li {text-align:center;}
	.taclAttributeGrid li.taname, .taclAttributeGrid li.taprice {width:100%;}
	.taclAttributeGrid li.taadd {min-width:64px;}

	
	/* -- Customer Rewards Page ----- */
	.crPageExplain .col-3, .crPageExplain .col-2 {min-width:50% !important;flex-grow:1}
	
	/* Shopping Cart */
	.currencyShoppingCart ul li {width:50% !important;}

	/* -- Customer product builder --*/
	.cpb {width:50% !important;flex-basis:50% !important;padding:32px !important;}
	.cpb:nth-child(2n-1) {border-left:0 !important;}
	.cpb:nth-child(2n+1):nth-last-child(-n+2), .cpb:nth-child(2n+1):nth-last-child(-n+2) ~ .cpb {border-bottom:0 !important;}
	
	
	/* Instagram  */
	.instagramContent li  {width: 33.33%; padding: 16px;}	

	/* Shipping Page */
	.courierservice {width:calc(50% - 8px) !important;}
	.courierservice:nth-of-type(4n+1), .courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:4px !important;}
	.courierservice:nth-of-type(4n+2), .courierservice:nth-of-type(4n+4) {margin-left:4px !important; margin-right:0 !important;}
	
	/* -- BLOG */
	.blogmainwrap .large-article {width:calc(25% - 16px) !important;}
}



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

{
	/* Zesty Responsiveness */
	.fixed,.ctrNavigationDesktop .NodeLevel0>div, .srchCtr, .loginCtr {max-width: 90% !important}
	
	/* Header */
	.NodeLevel0 {padding: 0 16px !important;font-size: initial;}
	.NodeLevel0  span {font-size: 17px;}

	body {padding-top: 75px;}
	.ctrNavigationDesktop .NodeLevel0>div {top: 138px !important;}
	.cta a span{display:none !important}
	.cta a div{ display:inline-block}
	.navIcons>div, .navIcons>a {font-size: 20px !important;}
	
	
	/* --- Banner 1 override */ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 300px);}
	

	/*  Fixed width */
	.innerContainer {padding: 32px !important;}
	.leftMargin {margin-left: 32px !important;}
	.leftPadding {padding-left: 32px !important;}
	.topPadding { padding: 32px !important;}
	.ctrMrgLeft32 {margin-left: 32px !important;}
	.ctrPadLeft32 {padding-left: 32px !important;}
	.ctrMrgLeft16 {margin-left: 32px!important;}
	.ctrPadLeft16 {padding-left: 32px !important;}
	.ctrPadTop32 { padding: 32px !important;}
	.ctrPadSide32 {/* padding: 32px !important; */}
	.ctrPadTop16 { padding: 32px !important;}
	.ctrPadSide16 { padding: 32px !important;}
	
	
	/* -- 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%;}
	
	
	
	/* -- Add to Basket Grid */
	#attName {min-width: 30%;}
	
	
	/* Instagram  */
	.instagramContent li  {width: 25%; padding: 16px;}
	
	/* -- BLOG */
	.blogmainwrap .large-article {width:calc(25% - 16px) !important;}
	.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height: 250px !important;; min-height: 250px !important;;}
	
	/* -- Facet options */
	.col-facetItem {width: 25% !important;flex-basis: 25% !important;min-width: 25% !important;-webkit-flex-basis: 25% !important}
	
}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
	
	/* Zesty Responsiveness */
	body{font-size: 17px !important;}
	.fixed, .ctrNavigationDesktop .NodeLevel0>div, .srchCtr, .loginCtr {max-width: 80% !important}
	
	/* Header */
	.NodeLevel0 {padding: 0 16px !important;font-size: initial;}
	.NodeLevel0  span {font-size: 17px;}
	body {padding-top: 75px;}
	.ctrNavigationDesktop .NodeLevel0>div {top: 138px !important;}
	.cta a span{display:none !important}
	.cta a div{ display:inline-block}
	.navIcons>div, .navIcons>a {font-size: 20px !important;}


	
	/*  Fixed width */
	.innerContainer {padding: 32px !important;}
	
	/* -- Product Repeaters   */
	.standardBSitems .item-bs {flex-basis:25%; min-width:25%;width:25%;}
	.item-repeater-outer {width:20%; display:inline-flex; flex-basis:20%; min-width:20%}
	
	
	/* --- Banner 1 override */ 
	.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
	.hmBanner6 .cssItemImg { padding:32px !important}	
	
	/* -- Add to Basket Grid */
	#attName {min-width: 40%;}
	
	/* -- Customer product builder --*/

	.cpb:nth-child(3n-2) {border-left:0 !important;}
	.cpb:nth-child(3n+1):nth-last-child(-n+3), .cpb:nth-child(3n+1):nth-last-child(-n+3) ~ .cpb {border-bottom:0 !important;}
	
	/* Instagram  */
	.instagramContent li  {width: 25%; padding: 16px;}
	.instaproductpics {width: 150px !important; height: 150px !important; top: -64px !important}
	
	
	/* -- BLOG */
	.blogmainwrap .large-article {width:calc(25% - 16px) !important;}
	.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height: 250px !important;; min-height: 250px !important;;}
	
}