/*
	(c)2019 - visuallizard.com
	
	Mobile styles using Media Queries
*/


/* ### Smaller than standard 960 ### */
@media only screen and (max-width: 960px) {
	.cake-sql-log { display: none; }
	
	.main img,
	.main img[style] { max-width: 100% !important; height: auto !important; } 

	
	.site-header { padding: 0 10px 0; background-size: 80% auto; background-position: right 60%; background-position: right 40px bottom 46px; }
	.site-header.no-specials { padding-top: 10px; }
	.sites-nav { margin: 10px 0 5px 0; }
	.sites-nav li { border: none; padding-left: 0; font-size: 1.2em; }
	.sites-nav li:first-child { display: none; }
	
	.top-nav { float: left; margin: 10px 0 5px 0; }
	.specials-link { margin: 0 -10px 10px; font-size: 12px; }
	
	.site-logo { margin: 10px 0; }
	
	.search-form { width: 100%; margin: 0 10px 10px 0; }
	.search-form div.input.text   { width: 70%; float: left; margin: 0; }
	.search-form div.input.submit { width: 30%; float: left; margin: 0; }
	.search-form input.text,
	.search-form input.button { min-height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; /* font-size: 16px; */ margin: 0; width: 100%; }
	
	.main-nav { margin: 0 -10px; }
	.main-nav .nav_1 { padding-right: 100px; float: none; }
	.main-nav .nav_1 > li { width: 14%; }
	.main-nav .nav_1 > li > a { width: auto; max-width: none; padding: 5px 10px; }
	
	/* do not display side-nav heading when moved from sidebar to main-nav */
	.main-nav #side_nav h2 { display: none; }
	.main-nav #side_nav { position: absolute; top: 100%; }
	
	.sidebar { width: 230px; /* z-index: 1000;  overlaps mobile .side-nav */ padding: 10px; }
	.main {  }
	
	/* 	coupon code input */
	.discount-block td {
		display:block;
		width: 100%;
	}
	
	/* 	blockqutes */
	.main > blockquote { padding: 15px 10%; }
	.main > blockquote::before,
	.main > blockquote::after { /* font-size: 100px; */ } 
	.main > blockquote::before { left: -10px; }
	.main > blockquote::after { right: -10px; }
	.main > blockquote p { /* font-size: 13px; */ }
	.main > blockquote .button { min-width: 200px; }
	
	.shortcut-columns h2 { height: 3.5em; padding-bottom: 0.5em; display: table-cell; vertical-align: bottom; }

	/* 	Blog */
	.comment { margin-right: 0; }
	
	/* Catalog */
	.catalog > li .image-link { width: 100%; max-width: 100%; max-height: 100%; }
	
	/* hide mini cart */
	#cart { display: none; }
	
	.single-product { margin-right: 0; }
	.tabs-nav li a { padding: 5px; }
	
}



/* ### Middle [Tablet] ### */
@media only screen and (max-width: 768px) {
	body { position: relative; z-index: 768; background-image: none; font-size: 13px;}
	
	.desktop { display: none !important; }
	.tablet { display: block !important; }
	
	table img { width: 100%; }
	
/* 	.main p, .main ul, .main ol, .main td, .main dl, .sidebar p, .sidebar ul, .sidebar ol, .sidebar dl { font-size: 1.3em; } */
	h2 { /* font-size: 2em; */ line-height: 1.2; letter-spacing: 0.02em; }
	
	
	
	#wrapper { box-shadow: none; position: relative; min-height: auto; display: block; }
	#wrapper:before { position: fixed; left: 0; width: 100%; height: 200px; content: ''; display: block;  background: url(../../img/logo.svg) center 60px no-repeat transparent; background-size: 70% auto; background-attachment: fixed; z-index: -1; opacity: .1; }
	#wrapper:after  { position: fixed; left: 0; width: 100%; height: 10px; top: 30px; content: ''; display: block;  background: transparent; box-shadow: 0 3px 3px rgba(0,0,0,.4); z-index: 1; }
	.signup #wrapper::after { content: none; }
	
	#content { /* margin-top: 70px; */ }
	.site-header {  padding: 0; margin-top: 40px; min-height: 0; box-shadow: 0 1px 5px rgba(0,0,0,.5); background: none; }
	.signup .site-header { margin: 0; box-shadow: none; padding-top: 40px; background: #fff; }
	.home .site-header { box-shadow: none;  } /* for better accomodating logo on Home page */
	.home .breadcrumbs { display: none; }
	
	.mobile-nav { background: #498564; }
	.js .mobile-nav { position: fixed; left: 0; right: 0; top: 0; min-height: 40px;  z-index: 1001; font-size: 0; /* to prevent spacing btw inline-block positioned elements */ }
	.js .signup .mobile-nav { display: block; }
	
	.home .site-header.no-specials{ padding-top: 1px; }
	.site-header.no-specials {      padding-top: 0px; }
	
	.specials-link { margin: 0; border-top: 1px solid #fff; }
	.sites-nav { display: none; }
	
	
	.site-logo img { width: 240px; height: auto; max-width: 240px; margin: 1.5rem 0; }
	
	.search-form { margin: 0; }
	.search-form input.text   { font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding: 4px; }
	.search-form input.button { font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding: 6px; }
	
	.no-js .search-form { padding: 0 10px; }
	
	
	
	.site-logo { float: none; display: none; }
	.home .site-logo { display: block; margin: 10px; }
	.home .site-logo a { display: inline; }
	.site-logo img { width: 100%; height: auto; }
	
	.signup .site-logo { display: none; margin: 10px 10px 0 15px; }
	.signup .site-logo img { width: 240px; height: auto; }
	.signup .site-logo .moto { margin-right: 15px; }
	
	.search-form { max-width: none; margin-bottom: 15px; }
	.js            .search-form { max-height: 0; overflow: hidden; position: absolute; top: 40px; left: 0; right: 0; padding: 0 10px; background: #eee; box-shadow: 0 3px 3px rgba(0,0,0,.3); z-index: 10; width: auto; transition: all .2s ease-in; }
	.js .search-on .search-form { max-height: 555px; padding: 10px; }
	
	
	.top-nav { position: relative; top: auto; left: auto; right: auto; float: none; margin: 10px 0 20px; }
	.top-nav > li,
	.top-nav > li:last-child,
	.top-nav > .blog-link { position: static; display: block; float: none; border: none; border-bottom: 1px solid #ddd; text-align: left; padding: .25em .5em; }
	.top-nav > .blog-link a { display: block; width: auto; height: auto; background: none; text-indent: 0; border: inherit; overflow: auto; z-index: auto; }
	.top-nav > .blog-link a:hover { transform: none; }
	.top-nav > .cart-link { margin-left: 0; max-height: none; }
	.top-nav > li:last-child  { margin-right: 0; border-bottom: 0; }
	.top-nav > li > a,
	.top-nav > .blog-link > a { display: block; border: none; padding: 10px 5px; text-decoration: none; font-size: 14px; }
	.top-nav > li:empty { display: none; }
	
	/* hide items from "top-nav" that are already present in "footer nav" */
	.top-nav > .cart-link { display: none; }
	
	.js             .top-nav { max-height: 0; overflow: hidden; position: absolute; top: 40px; left: 0; right: 0; padding: 0 10px; margin: 0; background: #eee; box-shadow: 0 3px 3px rgba(0,0,0,.3); z-index: 10; width: auto; transition: all .2s ease-in; }
	.js .top-nav-on .top-nav { max-height: 555px; padding: 10px; }
	

	/* !Mobile top row buttons */
	.js .m-button { display: inline-block; border: 0; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid #fff; background: #498564; color: #fff; appearance: none; vertical-align: top; width: 54px; height: 40px; padding: 7px; /* overflow: hidden; */ z-index: 100; transition: all .2s ease-in;  -webkit-tap-highlight-color:rgba(0,0,0,0); }
	.js .m-button > span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.js .m-button > svg { width: 100%; height: 100%; }
	.js .m-button > svg.menu { margin-top: 5px; }
	
	/* m-button "at" states */
	.js .nav-on     .m-button.nav-toggle,
	.js .top-nav-on .m-button.top-nav-toggle,
	.js .search-on  .m-button.search-toggle { background-color: #eee; color: #99c221; border-left-color: transparent; }
	
	.js .m-button.tel-button { width: auto; line-height: 26px; font-size: 14px; font-weight: bold; }
	
	.js .m-button.nav-toggle  {  }
	.js .t-checkout .m-button.nav-toggle { display: none; /* Hide on Checkout template as there is no catalog navigation on that page. */ }
	.js .m-button.cart-button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; background: #498564 url(../../img/icons/icon-cart.svg) center center no-repeat; background-size: 60% auto; text-indent: -5555px; }
	.js .m-button.cart-button .cart-qty { display: block; left: 5%; top: 5%; text-indent: 0; line-height: 1; font-size: 10px; }
	
	
	
	/* 	Side Nav => MOBILE nav */
	.js .blog   .side-nav,
	.js         .side-nav { display: block; position: absolute; left: -100%; top: 0px; width: 100%; height: auto; max-height: 100vh; border-top:1px solid #fff; padding: 0px 0 0 0; margin: 0; overflow: hidden;  -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; background: #eee;/*  z-index: 1000; */ }
	.js .nav-on .side-nav { /* position: fixed; */  max-height: none; -webkit-transform: translateX(100%); transform: translateX(100%); /* for scrolling nav, but not content: */ top: 0px; /* bottom: 0; height: 100vh; */ /* overflow-y: scroll; */ /* -webkit-overflow-scrolling: touch; */  }
	.js .nav-on .side-nav ul { /* overflow: auto;  */ }
	.js .nav-on .site-logo,
	.js .nav-on .specials-link { display: none; opacity: 0; }
/* 	.js .nav-on #wrapper, */
	.js .nav-on #content,
	.js .nav-on #footer { overflow: hidden !important; max-height: 100vh; display: none; }
	
	/* Side Nav toggles: */
	.side-nav .category_1        > li { position: relative; border-bottom: 1px solid rgba(255,255,255,.4); }
	.side-nav .category_1        > li > a { padding: 12px 20px 11px; }
	.side-nav .category_1        > .toggle-off > .category_2,
	.side-nav .category_1.has-at > .toggle-off > .category_2 { display: none; }
	.side-nav li[class*="toggle-"]:after { content: '▼'; position: absolute; right: 0.75em; top: 12px; color: #fff; font-size: 14px; line-height: 1; transition: transform 0.2s ease 0s; }
	.side-nav li[class*="toggle-on"]:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
	.side-nav li[class*="toggle-on"]  > a       { background: #99c221; -webkit-tap-highlight-color: #99c221; }
	.side-nav li[class*="toggle-off"] > a:hover { background: #498564; -webkit-tap-highlight-color: #498564; } /* reset hover state */
	
	/* 	fallbacks */
	.no-js .side-nav { position: relative; left: 0; margin-top: 30px; }
	.no-csstransforms .nav-on .side-nav { left: 0; }
	
	.js .side-nav .category_1 > li > a::after { display: none; }
	.side-nav a { font-size: 14px; }
	
	.side-nav .category_2 { margin-left: 1em; margin-right: 1em; }
	.side-nav .category_3 { margin-left: 1em; /* margin-right: 1em; */ }
	.side-nav .category_4 { margin-left: 1em; /* margin-right: 1em; */ }
	
	.side-nav .category_2 > li > a { padding: .5em 1em; font-weight: 700; }
	.side-nav .category_3 > li > a { padding: .5em 1em; }
	.side-nav .category_4 > li > a { padding: .3em 0em; }
	.side-nav .category_2 > li > a:hover { background-color: transparent; color: #498564; }
	.side-nav .category_3 > li > a:hover { background-color: transparent; color: #498564; }
	.side-nav .category_4 > li > a:hover { background-color: transparent; color: #498564; }
	.side-nav .category_3 > li.at > a:hover { background-color: transparent; color: inherit; }
	.side-nav .category_4 > li.at > a:hover { background-color: transparent; color: inherit; }
	
	
	
		/* 	reset hiden sections: */
		.side-nav .category_1.has-at > li    			{ display: block; }
		.side-nav .category_1.has-at > li.at 			{ display: block; }
		.side-nav .no-at .category_3 					{ display: block; }
		.side-nav .category_1.has-at .sibling > a + ul 	{ display: block; }
	
	
	
	
	.main-nav { display: none; }
	.main-nav .nav_1 {  padding: 30px 10px 10px; height: auto; }
	.main-nav .nav_1 > li { display: block; margin: 0; width: auto; float: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
	.main-nav .nav_1 > li:last-child { border-bottom: none; }
	.main-nav .nav_1 > li a { display: block; color: #ccc; font: normal 15px/1.5 sans-serif; text-align: left; text-transform: none; border: none; min-height: 0; padding: 6px 5px 5px; }
	.main-nav .nav_1 > li.at > a { box-shadow: none;  background: none; }
	
	.main-nav #side_nav { position: static; top: auto; background: #6d6d67; border: none; box-shadow: none; padding: 0; }
	.main-nav #side_nav > ul { list-style: none; padding-left: 0; }
	.main-nav #side_nav > ul > li { border-top: 1px solid rgba(255,255,255,0.1); }
	.main-nav #side_nav > ul > li > a { padding-left: 20px; }
	
	.main-nav li.on > a { color: #99c221; }
	.main-nav li:hover > a { background: #99c221; color: #fff; text-decoration: none; }
	
	
	#content { padding: 10px 10px 20px;}
	.flexbox #content,
	.flexbox .home .main  { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
	.sidebar { float: none; width: auto; padding: 0; }
	.flexbox .sidebar { -webkit-order: 1;  order: 1; }
	
	/* Home Page */
	.flexbox .home .main .banners.slider   { -webkit-order: -1;  order: -1; }
	.flexbox .home .main .shortcut-columns { -webkit-order: -1;  order: -1; }
	
	
	.main { margin-left: 0; padding: 0; overflow: visible; }
	
	.blog .sidebar { float: none; width: auto; }
	.blog .main    { float: none; width: auto; margin-bottom: 2em; padding: 10px; }
	
	.blog-blurb { display: none; }
	
	.blog-banners a { float: left; width: 48%; margin: 10px 2%; }
	.blog-banners a:nth-child(even) { margin-left: 0; clear: left; }
	.blog-banners a:nth-child(odd) { margin-right: 0; }
	
	.blog.index .entry.list { padding-left: 42%; min-height: 40vw; }
	.blog.index .thumbnail { width: 40%; }
	
	
	ul.breadcrumbs { max-width: none; }
	
	
	/* !Social Networks */
	.social { margin: 2em 0; }
	.social > li    > a { width: 48px; height: 48px; padding: 3px; }
	.social > li.ig > a { padding: 4px; }
	
	.signup-popup { top: 10px; padding-top: 4em; min-height: 0; max-width: 96%; max-height: 96vh; }
	.signup-popup .panel { padding: 1em; overflow-y: auto; }
	.signup-popup h2 { font-size: 20px; }
	.signup-popup div.input.text { width: 100%; margin-right: 0; float: none; }
	
	.signup-block input.text   { font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
	.signup-block input.submit { font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding: 8px; }
	
	.signup form label { max-width: 80%; }
	
/* 	.recently-viewed { max-width: 320px; } */
	.recently-viewed > .note { margin: .5em 0; }
	.recently-viewed .slick-prev,
	.recently-viewed .slick-next { font-size: 20px; border: 1px solid #ccc; padding: 2px 6px; }
	.recently-viewed .slick-prev { right: 40px; }
	
	/* !Category View (Catalog Index) */
	.catalog > li.first { clear: none; margin-left: 1.5%; }
	.catalog > li { width: 48.5%; margin: 10px 1.5%; }
	.catalog > li:nth-child(odd)  { margin-left: 0; clear: left; }
	.catalog > li:nth-child(even) { margin-right: 0; }
	
	.catalog.related li { padding: 0 1.5%; width: 33%; margin: 0; }
	.catalog.related li.first { margin-left: 0; }
	.catalog.related li:last-child { margin-right: 0; }
	.catalog.related li:nth-child(odd)  { clear: none; }
	.catalog.related li:nth-child(even) { clear: none; }
	.catalog.related li a span.title { margin-left: 4px; }
	
	.catalog.related.cross-sell li { padding: 0 1.5%; width: 33%; margin: 0; border-left: 1px dotted #498564;  }

	
	/* !Single product */
	.single-product .description,
	.single-product .options { float: none; width: auto; max-width: none; margin: 0 0 1em 0; padding: 0; }
	.single-product .options {  }
	.single-product .share-block { position: static; top: auto; margin-bottom: 2em; }
	.single-product .share-this { margin-top: .5em; }
					.share-this > li > a { width: 48px; height: 48px; padding: 3px; }
	.product-heading { float: none; width: auto; max-width: 370px; overflow: hidden; }
	
	#non-purchasable { font-size: 150%; }
	
	
	.swatch > li img,
	.swatch > li span.swatch-colour { width: 36px; height: 36px; }
	.swatch > li .more { line-height: 37px; }
	
	
	/* Checkout */
	.panel-left,
	.panel-right { width: 100%; padding: 20px 0; float: none; }
	
	.flex-cols { flex-direction: column; }
	.flex-cols > div,
	.flex-cols .payment-block { max-width: none; width: 100%; padding: 20px 0 0; border-top: 0; order: 1; /* make is last block */ }
	.flex-cols > div + div { border-left: none; border-top: 1px solid #666; }
	
	.payment-block { display: flex; flex-direction: column; }
	.accepted-cards { order: 1; }
	.payment-set .payment-set-po ~ .accepted-cards { display: none; } /* Hide Cards when PO method is chosen */
	
	.shipping.options label,
	.payment_method label { max-width: 70%; }
	
	.controls-group.tablet.mobile { order: 1; }
	
	
	/* Contact */
	.staticmap { float: none; margin: 0 0 1em 0; max-width: 300px; }
	
	/* Home */
	.shortcut-columns h2 { height: 3em; }
	
	
	#footer { padding: 10px; }
	#testimonial { position: static; left: auto; top: auto; width: 90%; clear: both; margin: 0 auto; padding-bottom: 25px; background-size: 100px 25px; }
	#testimonial blockquote { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}



/* ### Mobile ### */
@media only screen and (max-width: 480px) {
	body { position: relative; z-index: 480; }
	
	table { /* display: block; */ max-width: 100%; overflow-x: scroll; }
	
	.desktop { display: none !important; }
	.mobile { display: block !important; }
	
	input.text,
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=number],
	textarea,
	select,
	textarea  { font-size: 16px; padding: 5px 6px; }
	
	input[type="checkbox"],
	input[type="radio"] { font-size: 16px;}
	
	input.text,
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=number],
	textarea { border-radius: 2px; -webkit-appearance: none; }
	
	fieldset { padding: 5px; }
	
/* 	.button { border-radius: 2px; } */
	
	.main .panel { border: none; box-shadow: none; padding: 10px; margin: 0 -10px; }
	.main .panel.standard { padding: 5px; }
	
	ul.breadcrumbs { display: none; }
	
	/* !Signup popup */
	.signup-popup { padding: 1em; top: 10px; }
	.signup-popup p { font-size: 16px; }
	.signup-popup label { font-size: 14px;/*  padding-top: .75em; */ }
	.signup-popup .input.checkbox input { margin-top: .25em; margin-bottom: .25em; }
	.signup-popup input.text {  }
	.signup-popup input.submit { width: 30%; }
	
	.signup-popup .close { border-radius: 100%; padding: .25em 0.35em 0.5em 0.35em;  font-size: 30px; background-color: #fff; color: #99c221; }
	
	/* !Banners */
	.banners { display: none; }
	.signup .banners { display: block; }
	
	/* !Home */
	.shortcut-columns h2 { height: auto; }
	.shortcut-columns .column { width: auto; max-width: none; float: none; margin: 0 0 2em 0; }
	.shortcut-columns ul li { font-size: 16px; margin: .25em 0; }
	.shortcut-columns ul li a { display: block; padding: .25em 0; }
	
		
	.home .main > blockquote { display: none; }
	
	
	/* Signup template */
	.signup .site-logo { display: none; }
	.signup .site-logo #logo { float: none; margin: 0 auto; }
	.signup .site-logo .moto { float: none; width: 80%; margin: 1em auto 0; }
	.signup .site-logo img { margin: 0 auto; width: 100%; }
	
	.main .tilt { float: none; width: 100%; height: auto; -webkit-transform: rotate(0);  -moz-transform: rotate(0); transform: rotate(0); }
	
	
	/* !Single product */
	.single-product {}
	
	.single-product .product-img { pointer-events: none; }
	.single-product .product-img .zoom { display: none; }
	
	.gallery-thumbnails .swatch > li img,
	.gallery-thumbnails .swatch > li span.swatch-colour { width: 36px; height: 36px; }
						.swatch > li { margin-right: 5px; }
	
	.single-product .tabs-nav { /* visuallyhidden: */ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;  }
					.tabs-content { border: none; padding: 0; margin-bottom: 0; }
					.tabs-content > .tab.active,
					.tabs-content > .tab.off,
					.add-form 		.tab.off,
					.product-notes  .tab.off,
									.tab.off  { display: none; }
					.mobile-heading { display: block; padding: .5em; margin-bottom: .5em; border: 2px solid #498564; border-radius: 2px; color: #498564; cursor: pointer; font-size: 16px; }
					.mobile-heading.on { border-bottom: transparent; }
					.mobile-heading.on + .tab.active { display: block; }
	.single-product .mobile-heading + .tab,
	.single-product .mobile-heading + .tab:last-child { border: 2px solid #498564; border-top: transparent; padding: 10px; margin-top: -10px; margin-bottom: 10px; }
					
					/* arrows: */
					.mobile-heading:after { content: "▼"; position: absolute; right: .75em; top: 50%; line-height: 1; margin-top: -.4em; transition: transform .2s; font-size: 14px; transform: translate(-90deg) }
					.mobile-heading.on:after { transform: rotate(0deg); }
	
	.single-product .options fieldset.favor label,
	.single-product .options fieldset.radio label.radio { line-height: 1.3; padding-top: .8em; width: 80%; font-size: 12px; }
	.single-product .options fieldset.radio input.radio { border-radius: 50%; padding: 1em; }
	
	.recently-viewed { display: none; /* Hidden for mobile only by Jenna`s request on May 2018 */ }
	
	/* !Category View (Catalog Index) */
	.catalog > li,
	.catalog > li.first,
	.catalog > li:nth-child(odd),
	.catalog > li:nth-child(even) { width: 90%; margin: 10px 5% 20px; clear: left; font-size: 14px; }
	
	.catalog.related li { padding: 0 1.5%; width: 33%; margin: 0; }
	.catalog.related li.first { margin-left: 0; }
	.catalog.related li:last-child { margin-right: 0; }
	.catalog.related li:nth-child(odd)  { clear: none; }
	.catalog.related li:nth-child(even) { clear: none; }
	.catalog.related li a span.title { margin-left: 4px; }
	
	
	.mfp-wrap label { width: auto; }
	.mfp-wrap input.text,
	.mfp-wrap select,
	.mfp-wrap textarea { width: 100%; font-size: 16px; }
	.mfp-wrap input.button { appearance: none; padding: .5em 1em; font-size: 16px; }
	
	/* !Custom Colour  */
	.custom-palette.panel { padding: 3em .5em .5em; }
	.custom-palette fieldset { padding: .5em; }
	.custom-palette .palette-block,
	.custom-palette .options-block { float: none; width: auto; padding: 0; margin-bottom: .5em; }
	.custom-palette .palette-colour label { width: 41px; height: 41px; }
	.custom-palette .custom-colour .faux-label { display: block; width: auto; margin-right: 0; }
	.custom-palette .custom-colour input[type="text"] { display: block; width: 100%; }
	.custom-palette .custom-colour input[type="color"] { display: none; }
	
	/* !Ask the Expert */
	form[action="/ask-the-expert"] .input { width: auto; max-width: none; clear: both; }
	form[action="/ask-the-expert"] .input.description { float: none; width: auto; margin-left: 0; }
	form[action="/ask-the-expert"] .input.description:before { width: 50%; padding-top: calc(50% - 20px); margin: 0 0 1em 1em; float: right; }
	form[action="/ask-the-expert"] .input.description label { max-width: 30%; }
	
	
	/* !Blog */
	.flexbox .blog .blog-categories { order: 0; }
	.flexbox .blog .blog-archive    { order: 1; }
	.flexbox .blog .blog-banners    { order: 2; }
	.flexbox .blog .social          { order: 3; }
	.flexbox .blog .signup-block    { order: 4; }
	.flexbox .blog .recently-viewed { order: 5; }
	
	.js .blog-categories .categories-heading.mobile-heading { padding: .5em; }
	.js .blog-categories .categories-heading.on { margin-bottom: -1px; }
	.js .blog-categories .categories-list.tab { border: 2px solid #498564; border-top: 0; }
	    .blog-categories .categories-list.tab > li > a { display: block; padding: .5em .5em; margin-bottom: .25em; font-size: 16px; color: #498564; }
	
	.js .archive.categories.off .blog-banners { border-top: 0; }
		
	.blog.index .entry.list { margin-bottom: 2.5em; padding-left: 0;  min-height: 0; }
	.blog.index .thumbnail { width: 100%; max-height: none; float: none; position: static; left: auto; top: auto; }
	.blog.index .main .figure .category { font-size: 10px; padding: .75em 2.5em 1.75em .75em; bottom: 1%; background-size: auto 100%; }
	.comment-form { margin-right: 0; }
	#recaptcha_image { width: auto !important; height: auto !important; }
	.pagination > span a,
	.pagination > span.current { padding: .4em .8em; }
	
	/* !Login */
	form label,
	.main .text input,
	textarea { max-width: none; }
	
	.t-checkout .main { padding-top: 10px;}
	.back-to-browsing { top: 5px; right: 5px; }
	
	.login-options,
	.guest-link { display: block; font-size: 16px; }
	
	
	/* !Cart */
	.t-checkout .breadcrumbs + h1 { margin-right: 0; }
	
	.main table .group th { text-transform: none; }
/* 	.cart tr.primary { display: block; } */
/* 	.cart tr.primary td { display: block; } */
	.cart.line-items tr.secondary td.description span.option-name,
	.cart.line-items tr.secondary td.description div.option-value { display: block; width: 100%; }
	.cart.line-items tr td.image,
	.cart.line-items tr td:first-child,
	.cart.line-items tr th:first-child { width: 0; padding: 0; }
	.cart.line-items td.image > div { position: relative; margin: auto;  }
	.cart.line-items td.image img  { border-width: 1px; display: none; }
	.cart.line-items td.image .remove { min-width: 50px; min-height: 0; padding: 8px 2px 7px; font-size: 9px; letter-spacing: normal; margin-top: 5px; position: absolute; left: 0; }
	
	.cart td.actions input.update.persistent { position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%; background-color: #99c221; }
	.cart td.actions input.update.persistent:hover {  background-color: #498564; }
	
	 body:not(.checkout) .cart.line-items tr.primary td.description { padding-left: 60px; text-transform: none; }
	 
	.checkout-text { float: none; width: auto; }
	.controls-group.right { text-align: left; }
	.controls-group.right .button + .button { float: right; }
	
	.shipping-quotes { display: block; }
	.shipping-quote  { display: block; width: auto; border: none; }
	
	.panel fieldset.shipping input[type=radio] {  }
	
	.panel fieldset.shipping input,
	.panel fieldset.shipping select { width: 100%; max-width: none; }
	.panel fieldset.shipping .disclaimer { margin-left: 0; }

	/* !Checkout */
	.checkout .text .cc_num { width: 100%; }
	.checkout .text .cc_cvd { max-width: 25%; }
	.checkout .expiry-date select { min-width: 45%; }
	
	/* !Search Results */
	.product-results .search-img-link { width: 70px }
	.product-results .search-desc{ margin-left: 110px; }
	
	/* Locations */
	ul.locations { width: auto; float: none; }
	.google_map_canvas { float: none; width: 100%; max-width: none; margin: 0 0 10px 0; }
	
	/* !Footer */
	#footer .nav_1 { width: 90%; margin: 0 auto 2em; }
	#footer .nav_1 > li,
	#footer .nav_1 > li:first-child  { width: auto; float: none; margin: 0 0 2em; }
	#footer .nav_1 > li > a { display: block; font-size: 1.6em; padding: .15em 0; }
	#footer .nav_2 > li > a { display: block; font-size: 1.4em; padding: .15em 0; }
	#footer .copyright { text-align: center; font-size: 1.1em; margin: .25em 0; }	
}


/* ### Mobile small ( smaller than iPhone 6) ### */
@media only screen and (max-width: 374px) {
	.js .m-button,
	.js .m-button.tel-button,
	.js .m-button.cart-button { width: 16%; width: calc(100vw / 6); }
	
	.js .m-button.tel-button { height: 40px; background: #498564 url(../../img/icons/icon-tel.svg) center center no-repeat; background-size: 60% auto; text-indent: -5555px; }
	.js .m-button.cart-button { background-size: 55% auto; }
}