﻿/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- #Theme Colours - Do Not Delete
- #Main Responsive Grid Layout 
- #Universal Styles
- #Responsive Images 
- #Typography
- #Header 
- #USP Bar
- #Push Drawer
- #Navigation
- #Search, Login and Cart 
- #Search Box 
- #Login Form 
- #Minicart 
- #Product List Layout
- #Home Page 
- #Category Header 
- #Category Page
- #Category Filters 
- #Product Page
- #Product Data & Reviews 
- #Pagination
- #Footer
- #EKM Styles Overrides
- #Browser Clearfix
- #Quick View Feature
- #Product Urgency Feature
*/



/* #Theme Colours - Do Not Delete
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
#e8824c


#444444


#181818


#e8824c


#ec8181


#e8824c


#4688c5

#FFFFFF

#013800

#bffdbf

#6d4100

#fddebf

#6d0a00

#fdbfbf

#ffffff

#000000



*/

:root {
    --ekm-success-colour-text: #013800;
    --ekm-success-colour-background: #bffdbf;
    --ekm-caution-colour-text: #6d4100;
    --ekm-caution-colour-background: #fddebf;
    --ekm-warning-colour-text: #6d0a00;
    --ekm-warning-colour-background: #fdbfbf;
    --ekm-inverse-colour-text: #ffffff;
    --ekm-inverse-colour-background: #000000;
    
    --ekm-atc-background-colour:#4688c5;
    --ekm-atc-text-colour:#FFFFFF;
    
}

/* #Main Responsive Grid Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	margin: 0 auto;
	position: relative;
	width: 100%;
}
   
.column:first-child, .columns:first-child {margin-left: 0;}

.offset-margin-left {margin-left: 1.4%;}

.offset-margin-right {margin-right: 1.4%;}



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Inline Block Layout Styles */ 
.ib-column {
    display: inline-block;
    vertical-align: top;
}



/* #Universal Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {box-sizing: border-box; font-size: 62.5%;}
    
*, *:before, *:after {box-sizing: inherit;}
    
body {
    background: #fff;
    color: #333;
    font-family: "Lato", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0;
}
    
a, img {
    border: none;
    color: #e8824c;
    text-decoration: none;
}
    
a:hover {opacity: 0.7;}
    
select, input {color: #555;}
    
.bold {font-weight: 700;}
    
::-webkit-input-placeholder {color: #999;} /* WebKit, Blink, Edge */
    
:-ms-input-placeholder {color: #999;} /* Internet Explorer 10-11 */
    
.ul-reset {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}
    
input {
	border-radius: 0; /* Removes rounded corners from iOS devices */
	-webkit-appearance: none; /* Webkit fallback */
}
    
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin: 0; /* Number Input Field Spinner Removal Styles */
    -webkit-appearance: none; /* Webkit fallback */
}

main {display:block;}/*IE11 Fix :( */

input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="datetime-local"], input[type="month"],
input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"],
input[type="url"], textarea
    { font-size: 16px; }

/* #Responsive Images
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Prevent images from breaking outside of their containers */
img {
    font-style: italic;
    max-width: 100%;
    height: auto!important;
    vertical-align: middle;
}

/* Fix issue caused by above styles on Product Promo Stickers */
.ekm-product-image-badge-wrapper img {
    max-width: inherit;
    vertical-align: baseline;
}



/* #Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 0.8;
    margin-top: 0;
}



/* #Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top-bar,
.usp-bar {font-family: 'Montserrat', sans-serif;}

.header-col, .logo-col {
	display: inline-block;
	font-size: 1.3rem;
	margin-left: 2%;
	vertical-align: middle;
}

.header-col:first-child {margin-left: 0;}
    
.logo-col {text-align: center;}

.ekm-injected-logo, .logo {
    display: inline-block;
    font-size: 6rem;
    line-height: 1;
    margin-bottom: 1.8rem;
    margin-top: 1.8rem;
}

.logo img, .logo svg {
	max-height: 6rem;
	width: auto;/* EKM Override */
	vertical-align: middle;
}

.ekm-injected-logo a, .logo a {
	color: #333;
	position: relative;
}
    
.ekmps-search-field {
	border: none;
    border-right: 0;
    box-sizing: content-box;
    font-size: 1.2rem;
    height: 3.8rem;
    padding: 0 0 0 1rem; /* iOS and Tablet fix and general spacing */
    vertical-align: bottom;
    width: 24.8rem;
}
    
.ekmps-search-button {
    background: #fff;
    border: none;
    height: 3.8rem;
    color: #3c3c3c;
    font-family: FontAwesome;
    font-size: 1.9rem;
    transition: 0.3s;
}
    
    
    
 /* #USP Bar 
–––––––––––––––––––––––––––––––––––––––––––––––––– */   
.usp-bar {
	background: #444444;
	font-weight: 300;
	padding-bottom: 0.8rem;
	padding-top: 0.8rem;
	text-align: center;
}

.usp-bar span {display: inline-block;}
    
/* Sticky Header */
.header-section {
    position: fixed;
    top: 0;
    transition: transform .5s;
    width: 100%;
    z-index: 3;
}
    
.sticky-area {
    position: fixed;
    transition: transform 0.5s;
    z-index: 1;
    width: 100%;
}

.top-bar {
	background: #181818!important;
	border-bottom: 0.1rem solid #ddd;
	font-size: 0;
}    

.top-bar svg {
	float: left;
	display: block;
}



/* #Push Drawer 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.drawer-body {overflow-x: hidden;}

.drawer {
	background: #444;
  	height: 100%;
  	position: fixed;
	top: 0;
	z-index: 99;
}

.drawer-push-right {
	overflow-x: hidden;
	position: relative;
	right: 0;
}

.drawer-push-left {
	overflow-x: hidden;
	position: relative;
	left:0;
}

.drawer, .drawer-push-right, .drawer-push-left {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cart-btn {display: inline-block;}

.nav-btn {
	float: left;
	position: relative;
}

.close-nav-btn, .close-cart-btn {
	cursor: pointer;
	position: absolute;
	top: 1.5rem;
}

.close-nav-btn {left: 1.5rem;}

.close-cart-btn {right: 1.5rem;}

.cart-active, .nav-active, .login-active {fill: #ec8181;}

.cart-active {color: #ec8181;}

.cart-active:before, .nav-active:before, .login-active:before {
    background: #ec8181;
    border-radius: 50%;
    content: "";
    height: 0.5rem;
    position: absolute;
    top: 2.3rem;
    width: 0.5rem;
}

.login-active:before {left: 0.65rem;}

.cart-active:before {left: 0.68rem;}
    
.nav-active:before {left: 0.8rem;}

.close-icon {fill: #e54e4e;}



/* #Navigation 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav {color: #fff;}

.nav-list {
    margin-top: 2.6rem;
    max-height: 90vh;
    overflow-y: auto;
}

nav > ul > li {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 1.6rem;
    padding-right: 1rem;
    position: relative;
}

nav > ul > li > a {
	color: #fff;
  	display: inline-block;
  	position: relative;
}

nav > ul > li:hover > a {color: #e8824c;}

nav > ul > li:hover > a {opacity: 1;}
    
    
    
/* #Search, Login and Cart
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-buttons {float: right;}

.button {cursor: pointer;}

.button:hover {opacity: 0.7;}

.search-section, .login-section, .cart-btn {
	float: left;
	position: relative;
}
    
.cart-btn-item-count {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    background:  #444444;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 1.7rem;
    position: absolute;
    right: -1rem;
	top: -0.5rem;
	width: 1.7rem;
}

/* Sliding Dropdown */
.slide-dd {
  	background-color: #181818;
	color: #fff;
	display:none;
	height:100%;
	left: 0;
	min-width: 98rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.content-dd {	
	left: 50%;
	position: absolute;
	text-align: center;
	top: 45%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.slide-dd h1 {
	font-size: 4rem;
	font-weight: 400;
}

.close-btn {
	position: absolute;
	right: 2rem;
	top: 2rem;	
}

.full-screen {overflow-y: hidden;}



/* #Search Box 
–––––––––––––––––––––––––––––––––––––––––––––––––– */    
.search-form {width: 100%;}

.search-form > form {border: 0.2rem solid #fff;}

.search-section input {
    background: none;
    border: none;
    color: #fff;
    font-size: 2.0rem;
    height: 7.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    width: calc(100% - 8.8rem);
}

.search-section button {
    background: none;
    border: none;
    cursor: pointer;
    float: right;
    height: 7.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    width: 6rem;
}

.search-section button {fill: #fff;}

.search-section button:hover {fill: #ec8181;}
    
    
    
/* #Login Form 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.input {
   	display: block;
   	overflow: hidden;
	position: relative;
}

.input-field {
	background: transparent;
	border: none;
	color: #fff;
   	margin-top: 1.4rem;
	padding: 2rem 0;
	width: 100%;
}

.input-field:focus {outline: none;}

.input-label {
	bottom: 0;
	color: #ccc;
	font-weight: 400;
	font-size: 1.2rem;
	height: calc(100% - 1rem);
	left: 0;
	pointer-events: none;
   	position: absolute;
	text-align: left;
	width: 100%;
}

.input-label-content {
	display: block;
	position: relative;
	width: 100%;
}

.input-label:before, .input-label:after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: calc(100% - 1rem);
	border-bottom: 0.1rem solid #B9C1CA;
}

.input-label:after {
	border-bottom: 0.4rem solid transparent;
	margin-top: 0.2rem;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
	transition: transform 0.3s;
}

.input-label-color::after {border-color: #70a7f9;}

.input-field:focus + .input-label::after, .input-filled .input-label::after {transform: translate3d(0, 0, 0);}

.input-field:focus + .input-label .input-label-content, 
.input-filled .input-label-content {margin-top: -2rem;/*IE Fix*/}

.input-field[required] {box-shadow: none;}

.slide-dd input[type="submit"] {
    background: #7dc44e;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    height: 4rem;
    margin-top: 3rem;
    width: 100%;
}

.slide-dd input[type="submit"]:hover {opacity: 0.7;}

/* Logged-in Styles */
.logged-in-welcome {font-size: 2rem;}		

.logged-in-btn svg {fill: #ec8181;}



/* #Minicart 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.minicart-wrapper {color: #fff;}

.minicart {font-family: "Lato", sans-serif;}

.minicart-item-wrapper {
    max-height: 74vh;
    overflow-y: auto;
}

.minicart-items {position: relative;}

.minicart-item-list {border-bottom: 0.1rem solid #666;}

.minicart-details {padding-top: 0.2rem;}

.minicart-name {
	color: #e8824c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.minicart-image {
	background: #fff;
    height: 5rem;
    text-align: center;
}

.minicart-image img {
    padding: 0.2rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.minicart-qty {
	padding-top: 0.6rem;
	text-align: center;
}

.minicart-qty-title {font-size: 0.9rem;}

.minicart-qty-value {font-size: 1.1rem;}

.minicart-total-price {text-align: right;}

.minicart-btn {
	font-size: 1.4rem;
    text-align: center;
    width: 100%;
}

.checkout-btn {
	background: #4688c5;
	color: #fff;
}

.view-cart-btn {
    border: 0.2rem solid #999;
    color: #999;
}

.cart-emoticon {
    font-size: 2rem;
    line-height: 1;
    margin-left: 0.5rem;
    position: absolute;
    top: 0.4rem;
}
    
    
    
/* #Product List Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product-list {
	font-size: 0;
	padding: 6rem 0;
	text-align: center;
}

.product-list h1 {letter-spacing: 0.2rem;}

.section-title-border {text-align: center;}

.section-title-border span {
	display: inline-block;
	position: relative;  
}

.section-title-border span:before, .section-title-border span:after {
	border-bottom: 0.3rem solid #ddd;
	content: "";
	position: absolute;
	top: calc(50% - 0.2rem);
}

.section-title-border span:before {right: 100%;}

.section-title-border span:after {left: 100%;}

.c-welcome {
	text-align: center;
	margin-bottom: 6rem;
	margin-top: 6rem;
}
    
.c-welcome__title {text-transform: uppercase;}

.c-welcome__title span {
	display: inline-block;
	position: relative;  
}

.c-welcome__title span:before, .c-welcome__title span:after {
	border-bottom: 0.3rem solid #ddd;
	content: "";
	position: absolute;
	top: calc(50% - 0.2rem);
}

.c-welcome__title span:before {right: 100%;}

.c-welcome__title span:after {left: 100%;}


.product-image, .ekm-search-page-item__image {
	font-size: 0;
	height: 0;
    position:relative;
    padding-bottom:100%;
}

.product-image a img, .ekm-search-page-item__image a img {
	left: 50%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: auto;
}

.product-name {font-size: 1.6rem;}

.product-name a {color: #333;}

.product-shortdesc {
    color: #666;
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 1.6rem;
    padding-left: 5%;
    padding-right: 5%;
}

.product-stars {margin-bottom: 2rem;}

.product-review-stars {
	color: #ddd;
	font-size: 0;
	line-height: 1;
}

.product-review-stars-1 .fa:nth-child(1),
.product-review-stars-2 .fa:nth-child(-n+2),
.product-review-stars-3 .fa:nth-child(-n+3),
.product-review-stars-4 .fa:nth-child(-n+4),
.product-review-stars-5 .fa:nth-child(-n+5) {
	color: #e8824c;
}

.fa-star {
    font-size: 1.2rem;
    width: 1.2rem;
}

.product-item-count {
    color: #666;
    font-size: 1rem;
    margin-left: 0.2rem;
}

.price-wrapper {
	font-weight: 300;
	line-height: 0.8;
	display: inline-block;
}

.product-rrp, .product-vat, .shopui-product-variant-preview {margin-top: .7rem;}

.product-price {font-size: 1.6rem;}

.product-rrp {
    color: #ccc;
    font-size: 1.2rem;
    text-decoration: line-through;
}

.product-vat {
	font-size: 1.4rem;
	opacity: .75;
	line-height: 1.2;
}

/*.ekm-product-image-badge-wrapper img {width: 6rem;}*/

/* Recently Viewed Products */
.rvp-list {border-top: 0.1rem solid #ddd;}
    
    
     
/* #Home Page 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-banner, .promo-hero, .about-hero {text-align: center;}
    
.promo-images-wrapper {
	font-size: 0;
	text-align: center;
}



/* #Category Header 
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
.category-header {text-align: center;}

.category-header h1 {margin-bottom: 0;}

.breadcrumb {
    color: #999;
    font-size: 1.2rem;
}

.breadcrumb a {color: #999;}

.breadcrumb a.current,
.breadcrumb-product {
	color: #333;
	display: inline-block;
	pointer-events: none;
}


    
/* #Category Page 
–––––––––––––––––––––––––––––––––––––––––––––––––– */      
.category-container {padding-bottom: 5.6rem;}

.sortby {line-height: 0.8;}

.sortby-right {
    font-size: 1.2rem;
    margin-top: 0.1rem;
    text-align: right;
}

.sortby-left {
    font-size: 1.4rem;
    text-align: left;
}

.ekm-sortby > label {margin-right: 0.6rem;}

.category-content {
	border-top: 0.1rem solid #ddd;
	padding-top: 3rem;
}

.category-row {margin-top: 6rem;}

.category-row:first-child {margin-top: 0;}

.category-list {
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.category-desc {
    font-size: 1.4rem;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 5.6rem;
}

/* Sub-Category Styles */
.sub-categories-list {
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	margin-left: -1.6rem;
	margin-top: -4rem;
	text-align: center;
}

.sub-category-item {
	font-size: 1.4rem;
	padding-top: 4rem;
	padding-left: 1.6rem;
}

.sub-category-image,
.sub-category-no-image {
	height: 0;
    position: relative;
    padding-bottom: 100%;
}

.sub-category-no-image {background: #e0e0e0;}

.sub-category-image img {
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: auto;
}

.sub-category-no-image img {
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    padding-bottom: 100%;
}
    

    
/* #Category Filters 
–––––––––––––––––––––––––––––––––––––––––––––––––– */  
.filter-content {
	border-bottom: 0.1rem solid #ddd;
	margin-bottom: 1.8rem;
}
    
.filter-content:last-child {border-bottom: none;}
    
.filter-content h3 {
    font-family: 'Lato', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 1rem;
}

.filter-item-list {display: none;}
    
.filter-item {margin-bottom: 0.6rem;}
    
.filter-item:last-child {margin-bottom: 0;}
    
.ekm-filter-count {color: #999;}
    
.filter-item-check {
	font-size: 1.4rem;
	line-height: 1.3;
	padding-bottom: 1.2rem;
}

.filter-cotent-attribute-item-value:hover {color: #e8824c;}
    
.filter-item-check:last-child {padding-bottom: 2rem;}

.filter-item-check input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    z-index: 1;
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    cursor: pointer;
    padding-left: 3rem;
    padding-top: 0.3rem;
    position: relative;
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    border: 0.1rem solid #e1e1e1;
    content: "";
    height: 1.8rem;
    left: 0;
    position: absolute;
    top: 0.3rem;
    width: 1.8rem;
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
	background: #e8824c;
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 0.8rem;
    height: 1.2rem;
    left: 0.3rem;
    line-height: 1.2rem;
    position: absolute;
    text-align: center;
    top: 0.6rem;
    width: 1.2rem;
}
    
form[name="product-filter"] .ui-slider-horizontal {
    height: 0.6rem;
    margin-bottom: 0.8rem;
    margin-left: 0.4rem;
    width: 97%;
}
    
.filter-item-heading {
    position: relative;
    cursor: pointer;
}
    
.filter-item-heading.minus:before, .filter-item-heading.plus:before {
    font-family: FontAwesome;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 0.3rem;
}
    
.filter-item-heading.minus:before {content: "\f068";}
    
.filter-item-heading.plus:before {content: "\f067";}
    
    
    
/* #Product Page 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product-page {
    border-top: 0.1rem solid #ddd;
    font-size: 0;
    padding-top: 4rem;
    text-align: center;
}

.small-image, .large-image {text-align: center;}

.product-info {
    font-size: 1.3rem;
    padding-left: 1.4%;
    text-align: left;
}

.product-info h1 {
	font-family: Lato, sans-serif;
	font-size: 3rem;
	line-height: 1;
	word-break: normal;
}

.product-title-stars {display: inline-block;}

.main-price-wrapper {
	color: #777;
	font-weight: 300;
	line-height: 0.8;
}

.main-price {font-size: 2.4rem;}

.main-rrp {
	font-size: 1.4rem;
	text-decoration: line-through;
	margin-left: .5rem;
}

.main-vat {
	margin-left: .5rem;
	font-size: 1.6rem;
}

.main-product-stock {line-height: 0.8;}

.in-stock {color: #83c458;}

.in-stock::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 1.2rem;
    margin-right: 0.2rem;
}

.oo-stock {color: #e04747;}

.oo-stock:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 1.2rem;
    margin-right: 0.2rem;
}

.main-product-options select {
	appearance: none;
	background: #fff;
    border: 0.1rem solid #ddd;
    border-radius: 0;
    cursor: pointer;
    height: 5.5rem;
    padding-left: 0.6rem;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.options-label {
    display: block;
    position: relative;
}


.has-dropdown > .select-label::after {
    color: #444;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.6rem;
    pointer-events: none;
    position: absolute;
    right: 1.4rem;
    top: 3.5rem;
}


.product-info textarea, .ekm-productoptions-input-text {
    border: 0.1rem solid #ddd;
    min-height: 5.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}

.product-info textarea {
	min-height: 12rem;
	padding-bottom: 1rem;
	padding-top: 1rem;
}

#_EKM_PRODUCTQTY {
	border: 0.1rem solid #ddd;
	float: left;
	height: 7rem;
	padding: 0 3.5rem 0 0;
	text-align: center;
	width: 9rem;
}

.qty-nav {
	float: left;
	height: 7rem;
	position: relative;
	width: 0;
}

.qty-up-btn,
.qty-down-btn {
	cursor: pointer;
	border-left: 0.1rem solid #ddd;
	width: 3.5rem;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}

.qty-up-btn {
	border-bottom: 0.1rem solid #ddd;
	font-size: 0;
	height: 50%;
}

.qty-down-btn {
	height: 50%;
	position: absolute;
}

.qty-up-btn:after,
.qty-down-btn:after {
    font-family: FontAwesome;
    font-size: 1rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.qty-down-btn:after {content: "\f078";}

.qty-up-btn:after {content: "\f077";}

input[type=number] {-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

.ekmps-product-add-to-cart {
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: "Lato",sans-serif;
	font-size: 2.6rem;
	height: 7rem;
	margin-left: 2rem;
	width: calc(100% - 11rem);
}

.ekmps-product-add-to-cart:hover {opacity: 0.7;}

.loyalty-points {line-height: 0.8;}

.product-email-when-instock .fa-envelope-o {margin-right: 0.5rem;}

#ekm-backinstock-email {
    border: 0.1rem solid #ddd;
    border-right: none;
    float: left;
    height: 4rem;
    padding: 0 0 0 0.4rem;
    width: 80%;
}

#ekm-backinstock-button {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    height: 4rem;
    padding: 0;
    width: 20%;
}

#ekm-backinstock-button:hover {opacity: 0.7;}

.product-info br {display: none;}

/* Wishlist Button Styles */
.wishlist-wrapper svg path { 
	transition: fill 0.2s ease-in-out; 
		-webkit-transition: fill 0.2s ease-in-out;
}

.wishlist-wrapper button:hover { opacity: 1; }

.wishlist-btn {
    align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;        
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
    font-size: 1.4rem;
    padding: 0;
}

.wishlist-text { margin-left: 0.6rem; }

.wishlist-btn:hover .wishlist-text { opacity: 0.7; }

.wishlist-heart {
    border-radius: 50%;
    height: 3.4rem;
    position: relative;
    width: 3.4rem;
}

.wishlist-heart svg {
    height: 2rem;
    left: 50%;
    margin-top: 0.1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    width: 2rem;
}

.wishlist-heart-inner-color { fill: #333; }

.wishlist-heart-outer-color,
.wishlist-btn:hover .wishlist-heart-inner-color,
.wishlist-heart-icon-added { fill: #fff; }
		
.wishlist-heart { background: #333; }

#ekm-backinstock-text{
	font-size: 1.4rem;
	margin-bottom: 10px;
	font-weight: 600;

}
#ekm-backinstock-div{
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	font-size: 1.4rem;
}
#ekm-backinstock-div > span{
	display: flex;
}
#ekm-backinstock-div input[type="email"]{
	padding: 0.5em;
	font-size: 1.4rem;
	border-radius: 3px;
	background-color: #EEE;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	width: 80%;
}
#ekm-backinstock-div input[type="button"]{
	padding: 0.5em;
	font-size: 1.4rem;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 20%;
	font-weight: 600;
	cursor: pointer;
}


    
/* Product Page Table Overrides */
.ekm-bulk-discount {margin-bottom: 3rem;}

.ekm-bulk-discount tbody {border: 0.1rem solid #333;}

.ekm-bulk-discount th, .ekm-bulk-discount td {padding: 1.6rem!important;}

.ekm-bulk-discount tr {background: #fff!important;}

.ekm-bulk-discount td.ekm-bulk-discount-unit-price {color: #333!important;}

    
    
/* #Product Data & Reviews 
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
.product-description, .product-review {background: #f0f0f0;}

.product-data {font-size: 1.5rem;}

.product-data h2 {font-size: 2.2rem;}

.product-specs li {border-bottom: 0.1rem solid #ddd;}

/*.product-specs li:first-child {padding-top: 0;}*/

.product-specs span:first-child li {padding-top: 0;}

.product-specs ul > li {padding-top: 0;}

.product-average-stars {
    color: #bbb;
    font-size: 0;
    line-height: 1;
}

.reviewer-stars {
    display: inline-block;
    margin-left: 0.4rem;
}

.product-average-count {
    color: #333;
    font-size: 1.2rem;
    margin-left: 1rem;
}

.review-block {
	margin-bottom: 4rem;
    position: relative;
}

.review-block:last-child {margin-bottom: 0;}

.review {background: #fff;}

.review::after {
    border-bottom: 1rem solid #fff;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    content: "";
    left: 8rem;
    position: absolute;
    top: 2.6rem;
}
    

    
/* #Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-section {
	border-top: 0.1rem solid #ddd;
	color: #777;
}

.footer-wrapper {
	font-size: 0;
	text-align: center;
}

.footer-column {text-align: left;}

.footer-section h2 {
    border-bottom: 0.1rem solid #ddd;
    color: #333;
    font-size: 1.6rem;
}

.social-icons, .card-logos, .copyright {text-align: center;}

.copyright {font-size: 1.2rem;}

.ekmps-vat-number-company-number {
    font-size: 1rem;
    margin-top: 1rem;
}

.social-icons > div, .ekm-card-logos-image {padding: 0 0.3rem!important;}
    
/*Newsletter Sign Up Box */
.signup-form {margin-top: 1.6rem;}

.ekmResponseEmailAddress {
	border: 0.1rem solid #ddd;
	border-right: none;
	height: 4rem;
	padding: 0 1rem;
	width: calc(100% - 4rem);
}
	
.ekmResponseSignupButton {
    float: right;
    height: 4rem;
    padding: 1rem;
    width: 4rem;
}

.ekmResponseSignupButton:hover {opacity: 0.7;}

/* Webpages */
.webpages-content {
	border-bottom: 0.1rem solid #ddd;
	border-top: 0.1rem solid #ddd;
	font-size: 0;
	text-align: center;
}

.webpages-content ul li {
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 2rem;
}

.webpages-content ul li:first-child {margin-left: 0;}

.webpages-content a {color: #555;}

/*Currency Dropdown */
.currency {line-height: 1;}

.currency table {margin: auto;}



/* #Pagination
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pagination {text-align: center;}

.pagination a {display: inline-block;}

.pagination-link {
	border: 0.1rem solid #ddd;
    font-weight: 600;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding: 1rem 1.7rem;
}

.pagination-link:hover {
	background: #e8824c;
    border: 0.1rem solid transparent;
    color: #fff;
}

.pagination-current-page, .pagination-current-page:hover {
	background: #ddd;
	color: #666;
}
    
 
 
/* #EKM Styles Overrides
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-webpage article, .page-general article {padding-bottom: 2rem;}

/* Softcart Styles */
.ekm-softcart-screen {background: rgba(0, 0, 0, 0.8)!important;}

.ekm-softcart {border-radius: 0!important;}

.ekm-softcart-inner {border-top: none!important;}

div.ekm-softcart-totals,
div.ekm-softcart-item {
	margin-left: 0!important;
	margin-right: 0!important;
}

div.ekm-softcart-totals {padding: 2rem!important;}

a.ekm-softcart-close {top: 15px!important;}

a.ekm-softcart-item-img {height: 5.8rem;}

.ekm-softcart-item-img > img {
	padding: 0.2rem;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.ekm-softcart-totals {background: #f6f6f6!important;}

.ekm-softcart-links {padding: 1rem!important;}

.ekm-softcart-items {background: #fff!important;}

.ekm-softcart-continue, .ekm-softcart-gotocheckout {
	border-radius: 0!important;
	filter: none!important;
}

.ekm-softcart-gotocheckout {padding: 0.6rem 2rem!important;}

.ekm-softcart-continue {
    background: #fff!important;
    border: 0.2rem solid #ddd!important;
    padding: 0.8rem 2rem!important;
}

.ekm-softcart-continue:hover {
	background: #ddd!important; 
	color: #666!important;
}

.ekm-softcart-gotocheckout {
    border: 0.2rem solid transparent!important;
    color: #fff!important;
} 

span.ekm-softcart-item-cost {padding-right: 0!important;}

.ekm-softcart-item {
    padding-left: 20px!important;
    padding-right: 20px!important;
}


/* Leave A Review Form */
.ekmps-write-your-own-review {
    margin: auto;
    width: 35%!important;
}

.ekmps-write-your-own-review .text-field {
	background: #fff!important;
	border: 0.1rem solid #ddd!important;
	box-shadow: none!important;
	padding: 1.2rem 0.6rem!important;
	width: 100%!important;
}

.ekmps-write-your-own-review select {
    border: 0.1rem solid #ddd;
    border-radius: 0;
    padding: 1.4rem 0.6rem;
    width: 100%;
}

.send-message .send-button {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    height: 6rem;
    width: 100%;
}

.send-message .send-button:hover {opacity: 0.7;}

/* Contact Form */
.contact-form-row > input, .contact-form-row > textarea {
    background: #fff!important;
    border: 0.1rem solid #ddd!important;
    box-shadow: none!important;
    padding: 1.2rem 0.6rem!important;
}

#contact-form-submit > input {
    border: none!important;
    border-radius: 0!important;
    font-size: 1.4rem;
    font-weight: 400!important;
    height: 5rem;
    text-transform: inherit!important;
    width: 22rem!important;
}

/* EKM Search Page Styles */
.ekm-search-page {
    margin-bottom: 4rem;
    margin-top: 3rem;
}

.ekm-search-page-search-box__label {line-height: 0.8;}

.ekm-search-page-search-box {
    background: #f9f9f9;
    border: 0.1rem solid #ddd;
    padding: 4rem!important;
}

.ekm-search-page-search-box__field, .ekm-search-page-search-box__button {
  line-height: 1.5!important;
  height: 5.6rem;
}

.ekmps-search-button {
    color: #fff;
    cursor: pointer;
}

.ekmps-search-button:hover {
	color: #fff;
	opacity: 0.7;
}

.ekm-search-page-item__wrapper {padding: 2rem!important;}

.ekm-search-page-item__name a {color: #333;}

.ekm-search-page-item__image.ekm-search-page-item__image--empty {padding-top: 0!important;}

.ekm-search-page-item__price {font-weight: 300!important;}

/* Fixes to show image view breaking first-child */
.promo-images-wrapper .ekm-edit-element-wrapper {margin-left: 1.4%;}

.promo-images-wrapper .ekm-edit-element-wrapper:first-child {margin-left: 0;}

/* EKM Colours */
.ekmps-product-add-to-cart {background: #4688c5;}

#ekm-backinstock-button {background: #e8824c;}

.ekm-bulk-discount th {background: #444444!important;}

.ekmResponseSignupButton {background: #e8824c;}

.ekm-softcart-header {background: #444444!important;}

.ekm-softcart-gotocheckout {background: #e8824c!important;}

.send-message .send-button {background: #e8824c;}

#contact-form-submit > input {background: #e8824c!important;}

.ekmps-search-button {background: #e8824c;}

.ekmpscart-cart-items-column-header {background-color: #444444!important;}

.ekmpscart-checkout-button.ekmpscart-checkout-button-continue a {background: #e8824c;}

.ekmpscart-checkout-button.ekmpscart-checkout-button-checkout {background: #4688c5!important;}

.ekmpscart-checkout-button a {color: #e8824c;}

.ekm-injected-logo a:hover, .logo a:hover {color: #e8824c;}

.ekmps-search-button:hover {color: #ec8181;}


/* #Newsletter-modal
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
/* Exit Modal Overlay */
.shopui-exit-modal__overlay {
	background-color: #fff;
}

/* Exit Modal Main Window */
.shopui-exit-modal__window {
	background-color: #fff;
	border-radius: 2px; 
	box-shadow: none; 
	
}

/* Exit Modal Title */
/* Exit Modal Message */





		body .shopui-exit-modal__title {
			font-family: "Hind", sans-serif;

		}

		body .shopui-exit-modal__message {
			font-family: "Lato", sans-serif;
		}
	


	/* Exit Modal Email Field */
	.shopui-exit-modal__window .shopui-text-field {
		border: 2px solid #999;
		font-size: 18px;
		border-radius: 2px;
	}

	/* Exit Modal Button */
	.shopui-exit-modal__window .shopui-button--primary,
	.shopui-exit-modal__window a.shopui-button--primary {
		border-color: #ec8181;
		background-color: #ec8181;
	}

		.shopui-exit-modal__window .shopui-button--primary:hover,
		.shopui-exit-modal__window a.shopui-button--primary:hover {
			border-color: #ec8181;
    		background-color: #ec8181;
    		opacity: 0.5;
		}



/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/** For IE 6/7 only - Include this rule to trigger hasLayout and contain floats. **/
.cf {
    *zoom: 1;
}






@media (min-width: 980px) {
    
    /* #Main Responsive Grid Layout 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .column, .columns {
        float: left;
        margin-left: 1.4%;
    }	
    .container {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    /* Main Grid Widths */
    .one                    		{width: 7.05%;}
    .two        		           	{width: 15.5%;}
    .three              		    {width: 23.95%;}
    .four		                  	{width: 32.4%;}
    .five       		            {width: 40.85%;}
    .six                		    {width: 49.3%;}
    .seven	                 		{width: 57.75%;}
    .eight  	                	{width: 66.2%;}
    .nine       		            {width: 74.65%;}
    .ten                	    	{width: 83.1%;}
    .eleven 			            {width: 91.55%;}
    .twelve             		    {width: 100%; margin-left: 0;}
    .one-third              		{width: 32.4%;}
    .two-thirds             		{width: 66.2%;}
    .one-half               		{width: 49.3%;}

    .ib-column 						{font-size: 1.4rem;}

    .ib-left-margin 				{margin-left: 1.4%;}
    .ib-left-margin:first-child 	{margin-left: 0;}

    .ib-right-margin 				{margin-right: 1.4%;}
    .ib-right-margin:last-child 	{margin-right: 0;}

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns          {margin-left: 8.45%;}
    .offset-by-two.column,
    .offset-by-two.columns          {margin-left: 16.9%;}
    .offset-by-three.column,
    .offset-by-three.columns        {margin-left: 25.35%;}
    .offset-by-four.column,
    .offset-by-four.columns         {margin-left: 33.8%;}
    .offset-by-five.column,
    .offset-by-five.columns         {margin-left: 42.25%;}
    .offset-by-six.column,
    .offset-by-six.columns          {margin-left: 50.7%;}
    .offset-by-seven.column,
    .offset-by-seven.columns        {margin-left: 59.15%;}
    .offset-by-eight.column,
    .offset-by-eight.columns        {margin-left: 67.6%;}
    .offset-by-nine.column,
    .offset-by-nine.columns         {margin-left: 76.05%;}
    .offset-by-ten.column,
    .offset-by-ten.columns          {margin-left: 84.5%;}
    .offset-by-eleven.column,
    .offset-by-eleven.columns       {margin-left: 92.95%;}

    .offset-by-one-third.column,
    .offset-by-one-third.columns    {margin-left: 33.8%;}
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns   {margin-left: 67.6%;}

    .offset-by-one-half.column,
    .offset-by-one-half.columns     {margin-left: 50.7%;}



    /* #Utilities Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* Margin Top Utilities */
    .s-margin-top 					{margin-top: 1.2rem;}
    .m-margin-top 					{margin-top: 2rem;}
    .l-margin-top 					{margin-top: 3rem;}
    .xl-margin-top 				    {margin-top: 6rem;}

    /* Margin Right Utilities */
    .s-margin-right 				{margin-right: 1.2rem;}
    .m-margin-right 	 		 	{margin-right: 2rem;}
    .l-margin-right 				{margin-right: 3rem;}
    .xl-margin-right 				{margin-right: 6rem;}

    /* Margin Bottom Utilities */
    .s-margin-bottom 				{margin-bottom: 1.2rem;}
    .m-margin-bottom 				{margin-bottom: 2rem;}
    .l-margin-bottom 				{margin-bottom: 3rem;}
    .xl-margin-bottom				{margin-bottom: 6rem;}

    /* Margin Left Utilities */
    .s-margin-left 					{margin-left: 1.2rem;}
    .m-margin-left 					{margin-left: 2rem;}
    .l-margin-left 					{margin-left: 3rem;}
    .xl-margin-left 				{margin-left: 6rem;}

    /* Padding Top Utilities */
    .s-padding-top 					{padding-top: 1.2rem;}
    .m-padding-top 					{padding-top: 2rem;}
    .l-padding-top 					{padding-top: 3rem;}
    .xl-padding-top 				{padding-top: 6rem;}

    /* Padding Right Utilities */
    .s-padding-right 				{padding-right: 1.2rem;}
    .m-padding-right 				{padding-right: 2rem;}
    .l-padding-right 				{padding-right: 3rem;}
    .xl-padding-right 				{padding-right: 6rem;}

    /* Padding Bottom Utilities */
    .s-padding-bottom 				{padding-bottom: 1.2rem;}
    .m-padding-bottom 				{padding-bottom: 2rem;}
    .l-padding-bottom 				{padding-bottom: 3rem;}
    .xl-padding-bottom				{padding-bottom: 6rem;}

    /* Padding Left Utilities */
    .s-padding-left 				{padding-left: 1.2rem;}
    .m-padding-left 				{padding-left: 2rem;}
    .l-padding-left 				{padding-left: 3rem;}
    .xl-padding-left 				{padding-left: 6rem;}

    /* Padding Full Utilities */
    .s-padding-full 				{padding: 1.2rem;}
    .m-padding-full 				{padding: 2rem;}
    .l-padding-full 				{padding: 3rem;}
    .xl-padding-full 				{padding: 6rem;}



    /* #Typography 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    h1, .h2-title {font-size: 2.6rem;}
    h2 {font-size: 2.4rem;}
    h3 {font-size: 2.2rem;}
    h4 {font-size: 2.0rem;}
    h5 {font-size: 1.8rem;}
    h6 {font-size: 1.6rem;}



    /* #Header
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .header-col {width: 22%;}

    .logo-col {width: 52%;}



    /* #USP Bar 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .usp-bar {font-size: 1.2rem;}  



    /* #Push Drawer 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .drawer-right {
        width: 36rem;
        right: -36rem;
    }

    .drawer-open-right {right: 0;}

    .drawer-pushtoleft {
        left: auto;
        right: 36rem;
    }

    .drawer-left {
        left: -32rem;
        width: 32rem;
    }

    .drawer-open-left{left: 0;}

    .drawer-pushtoright {
        left: 32rem; 
        right: auto;
    }



    /* #Product List Layout 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .section-title-border {line-height: 0.7;}

    .section-title-border span:before {margin-right: 2.5rem;}

    .section-title-border span:after {margin-left: 2.5rem;}

    .section-title-border span:before, .section-title-border span:after {width: 6.4rem;}

    .rvp-list .product-name {font-size: 1.2rem;}
    
    .product-item:nth-child(n+5),
    .related-product-item:nth-child(n+5) {margin-top: 4rem;}
    
    .product-item:nth-child(4n+1),
    .related-product-item:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }
    
    .c-welcome__title {line-height: 0.7;}

    .c-welcome__title span:before {margin-right: 2.5rem;}

    .c-welcome__title span:after {margin-left: 2.5rem;}

    .c-welcome__title span:before, .c-welcome__title span:after {width: 6.4rem;}
    
    


    /* #Category Page 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .category-container {display: table;}

    .category-list {display: table-cell;}

    .category-product-item {margin-top: 4rem;}

    .category-product-item:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }
    
    .sub-category-item {
		flex-basis: 16.66%;
		max-width: 16.66%;
			-ms-flex-preferred-size: 16.66%;
	}



    /* #Category Filters 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-section {display: table-cell;}

    .filters {
        display: block;
        margin-right: 4rem;
        width: 28.5rem;
    }

    .filter-section {width: 28.5rem;}



    /* #Mobile Specific Styles/Fixes
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .mobile-filter-btn {display: none;}

    .mobile-search {display: none;}

    .mobile-product-name {display: none;}

}






@media only screen and (min-width : 980px) and (max-width: 1280px) {

    /* #Product List Layout
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .rvp-item {width: 23.95%;}



    /* #Category Page 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .category-products-wrapper .product-name {font-size: 1.2rem;}

    .category-products-wrapper .product-shortdesc {font-size: 1.1rem;}



    /* #Category Filters 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filters, .filter-section {width: 18rem;}

}






@media only screen and (min-width : 660px) and (max-width: 979px) {
    
    /* #Main Responsive Grid Layout
    –––––––––––––––––––––––––––––––––––––––––––––––––– */  
    .column, .columns {
        float: left;
        margin-left: 4.2%;
    }

    .container {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    /* Main Grid Widths */
    .one                    		{width: 4.483%;}
    .two        		           	{width: 13.16%;}
    .three              		    {width: 21.85%;}
    .four		                  	{width: 30.53%;}
    .five       		            {width: 39.21%;}
    .six                		    {width: 47.9%;}
    .seven	                 		{width: 56.58%;}
    .eight  	                	{width: 65.26%;}
    .nine       		            {width: 73.95%;}
    .ten                	    	{width: 82.63%;}
    .eleven 			            {width: 91.31%;}
    .twelve             		    {width: 100%; margin-left: 0;}

    .one-third              		{width: 30.53%;}
    .two-thirds             		{width: 65.26%;}

    .one-half               		{width: 47.9%;}

    .ib-column 						{font-size: 1.4rem;}

    .ib-left-margin 				{margin-left: 4.2%;}
    .ib-left-margin:first-child 	{margin-left: 0;}

    .ib-right-margin 				{margin-right: 4.2%;}
    .ib-right-margin:last-child 	{margin-right: 0;}

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns          {margin-left: 8.683%;}
    .offset-by-two.column,
    .offset-by-two.columns          {margin-left: 17.36%;}
    .offset-by-three.column,
    .offset-by-three.columns        {margin-left: 26.05%;}
    .offset-by-four.column,
    .offset-by-four.columns         {margin-left: 34.73%;}
    .offset-by-five.column,
    .offset-by-five.columns         {margin-left: 43.41%;}
    .offset-by-six.column,
    .offset-by-six.columns          {margin-left: 52.1%;}
    .offset-by-seven.column,
    .offset-by-seven.columns        {margin-left: 60.78%;}
    .offset-by-eight.column,
    .offset-by-eight.columns        {margin-left: 69.46%;}
    .offset-by-nine.column,
    .offset-by-nine.columns         {margin-left: 78.15%;}
    .offset-by-ten.column,
    .offset-by-ten.columns          {margin-left: 86.83%;}
    .offset-by-eleven.column,
    .offset-by-eleven.columns       {margin-left: 95.51%;}

    .offset-by-one-third.column,
    .offset-by-one-third.columns    {margin-left: 34.73%;}
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns   {margin-left: 69.46%;}

    .offset-by-one-half.column,
    .offset-by-one-half.columns     {margin-left: 52.1%;}



    /* #Utilities Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* Margin Top Utilities */
    .s-margin-top 					{margin-top: 1.2rem;}
    .m-margin-top 					{margin-top: 2rem;}
    .l-margin-top 					{margin-top: 3rem;}
    .xl-margin-top 				    {margin-top: 6rem;}

    /* Margin Right Utilities */
    .s-margin-right 				{margin-right: 1.2rem;}
    .m-margin-right 	 		 	{margin-right: 2rem;}
    .l-margin-right 				{margin-right: 3rem;}
    .xl-margin-right 				{margin-right: 6rem;}

    /* Margin Bottom Utilities */
    .s-margin-bottom 				{margin-bottom: 1.2rem;}
    .m-margin-bottom 				{margin-bottom: 2rem;}
    .l-margin-bottom 				{margin-bottom: 3rem;}
    .xl-margin-bottom				{margin-bottom: 6rem;}

    /* Margin Left Utilities */
    .s-margin-left 					{margin-left: 1.2rem;}
    .m-margin-left 					{margin-left: 2rem;}
    .l-margin-left 					{margin-left: 3rem;}
    .xl-margin-left 				{margin-left: 6rem;}

    /* Padding Top Utilities */
    .s-padding-top 					{padding-top: 1.2rem;}
    .m-padding-top 					{padding-top: 2rem;}
    .l-padding-top 					{padding-top: 3rem;}
    .xl-padding-top 				{padding-top: 6rem;}

    /* Padding Right Utilities */
    .s-padding-right 				{padding-right: 1.2rem;}
    .m-padding-right 				{padding-right: 2rem;}
    .l-padding-right 				{padding-right: 3rem;}
    .xl-padding-right 				{padding-right: 6rem;}

    /* Padding Bottom Utilities */
    .s-padding-bottom 				{padding-bottom: 1.2rem;}
    .m-padding-bottom 				{padding-bottom: 2rem;}
    .l-padding-bottom 				{padding-bottom: 3rem;}
    .xl-padding-bottom				{padding-bottom: 6rem;}

    /* Padding Left Utilities */
    .s-padding-left 				{padding-left: 1.2rem;}
    .m-padding-left 				{padding-left: 2rem;}
    .l-padding-left 				{padding-left: 3rem;}
    .xl-padding-left 				{padding-left: 6rem;}

    /* Padding Full Utilities */
    .s-padding-full 				{padding: 1.2rem;}
    .m-padding-full 				{padding: 2rem;}
    .l-padding-full 				{padding: 3rem;}
    .xl-padding-full 				{padding: 6rem;}



    /* #Typography
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    h1, .h2-title {font-size: 2.0rem;}
    h2 {font-size: 1.8rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.8rem;}
    h5 {font-size: 1.6rem;}
    h6 {font-size: 1.4rem;}



    /* #Header
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .header-col {width: 25%;}

    .logo-col {width: 46%;}



    /* #USP Bar
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .usp-bar {font-size: 1.2rem;} 



    /* #Push Drawer
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .drawer-right {
        width: 36rem;
        right: -36rem;
    }

    .drawer-open-right {right: 0;}

    .drawer-pushtoleft {
        left: auto;
        right: 36rem;
    }

    .drawer-left {
        left: -32rem;
        width: 32rem;
    }

    .drawer-open-left{left: 0;}

    .drawer-pushtoright {
        left: 32rem; 
        right: auto;
    }   



    /* #Product List Layout
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-item {width: 47.9%;}

    .product-item:nth-child(odd) {margin-left: 0;}

    .product-item:nth-child(n+3) {margin-top: 4rem;}

    .rvp-list .offset-by-two.eight {
        margin-left: 8.683%;
        width: calc(100% - 17.36%);
    }

    .rvp-item,
    .related-product-item {width: 21.85%;}

    .rvp-item .product-name,
    .related-products .product-name {font-size: 1.2rem;}

    .rvp-item .product-price,
    .related-products .product-price {font-size: 1.4rem;}

    .rvp-item .product-rrp,
    .related-products .product-rrp {font-size: 1rem;}

    .related-products .product-shortdesc {display: none;}

    .section-title-border span:before {margin-right: 2.5rem;}

    .section-title-border span:after {margin-left: 2.5rem;}

    .section-title-border span:before, .section-title-border span:after {width: 6.4rem;}
    
    .c-welcome__title span:before {margin-right: 2.5rem;}

    .c-welcome__title span:after {margin-left: 2.5rem;}

    .c-welcome__title span:before, .c-welcome__title span:after {width: 6.4rem;}



    /* #Category Page 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
    .category-product-item {
        margin-top: 4rem;
        width: 30.53%;
    }

    .category-product-item:nth-child(3n+1) {
        clear: both;
        margin-left: 0;
    }
    
    .sub-category-item {
		flex-basis: 25%;
		max-width: 25%;
			-ms-flex-preferred-size: 25%;
	}



    /* #Category Filters 
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
  
    
    .filters {
        background: #444;
        color: #fff;
        display: none;
        line-height: 1;
        margin-bottom: 4rem;
        position: relative;
        padding: 2rem;
    }

    .filters:before {
        border-bottom: 1rem solid #444;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        content: "";
        left: 50%;
        position: absolute;
        top: -1rem;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
    	-moz-transform: translate(-50%);
    	-ms-transform: translate(-50%);
    	-o-transform: translate(-50%);
    }

    .filter-content {
    	border-bottom: none;
        display: inline-block;
        font-size: 0;
        margin-bottom: 0;
        vertical-align: top;
        width: 46%;
    }    
        
    .filter-content:nth-child(n+3) {margin-top: 2rem;}

    .filter-content:nth-child(even) {margin-left: 6%;}

    .filter-content h3 {
        line-height: 1.2;
        margin-bottom: 0;
        padding-bottom: 0;
    }    
        
    .mobile-filters {display: block;}

    .mobile-filter-btn {
	    border: 2px solid #ec8181;
	    color: #ec8181;
	    cursor: pointer;
	    margin: 0 auto 3rem;
	    padding: 1rem;
	    text-align: center;
	    transition: all 0.2s ease-in 0s;
	    width: 12rem;
	}
	
    .filter-btn-active {
	    background: #ec8181;
	    color: #fff;
	}

    .mobile-filter-btn:hover {opacity: 0.7;}

    .mobile-filter-btn .fa-sliders {
        position: relative;
        top: -0.1rem;
    }
    
    .mobile-filter-btn .fa-sliders {
        font-size: 1.5rem;
        margin-right: 0.4rem;
    }

    .filter-chevron-up:after,
    .filter-chevron-down:after {
        font-family: FontAwesome;
        font-size: 1rem;
        position: relative;
        top: -0.2rem;	
    }    
        
    .filter-chevron-up:after {content: "\f077";}
    
    .filter-chevron-down:after {content: "\f078";}

    .filter-item-list {margin-top: 2rem;}

    .filter-item-check:last-child {padding-bottom: 0;}

    form[name="product-filter"] .ui-slider-horizontal .ui-slider-handle {background: #bbb!important;}

    form[name="product-filter"] .ui-slider-horizontal {width: 97%;}

    .price-labels {margin-bottom: 2rem;}

    .ekm_clear_filters_btn{
	    border: 2px solid #fff !important;
	    margin-left: 20px;
	}
	.ekm-filterby-clear-button svg{
	    fill: #fff !important;
	} 

    /* #Product Data & Reviews
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .review-block {text-align: center;}

    .review::after {
        left: 50%;
        position: absolute;
        top: 2.4rem;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
    	-moz-transform: translate(-50%);
    	-ms-transform: translate(-50%);
    	-o-transform: translate(-50%);
    }
    
    .product-average-count {
        display: block;
        margin-left: 0;
    }
    
    .product-data h2 {
        font-size: 1.4rem;
        line-height: 1.2;
    }
    
    .product-data {font-size: 1.2rem;}



    /* #Mobile Specific Styles/Fixes
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .desktop-search {display: none;}

    .mobile-product-name {display: none;}
    
}





@media only screen and (min-width : 660px) and (max-width: 868px) {
    
    /* #Product Page
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .small-image-container {width: 13.16%;}

    .large-image-container {
        margin-right: 0;
        width: 82.64%
    }
    
    .ekm-bulk-discount {
        margin-left: auto;
        margin-right: auto;
    }



    /* #Product Data & Reviews
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-info {
        margin-top: 4rem;
        padding-left: 0;
        text-align: center;
        width: 100%;
    }



    /* #Mobile Specific Styles/Fixes
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .mobile-product-name {
        display: block;
        margin-left: 8.683%;
        padding-left: 0;
        text-align: center;
        width: 82.63%;
    }
    
    .desktop-product-name {display: none;}
}




@media only screen and (min-width : 320px) and (max-width: 480px) {
	
	/* #Category Filters
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
	.filter-item-check {
	    font-size: 1.2rem;
	    line-height: 1.2;
	}
	
}

@media only screen and (min-width : 0px) and (max-width: 660px) {
    
    /* #Main Responsive Grid Layout
    –––––––––––––––––––––––––––––––––––––––––––––––––– */  
    .column, .columns {
        float: left;
        margin-left: 1.4%;
    }

    /* Main Grid Widths */
    .one,
    .two,
    .three,
    .four,
    .five,
    .six,
    .seven,
    .eight,
    .nine,
    .ten,
    .eleven,
    .twelve,
    .one-third,
    .two-thirds,
    .one-half {
        width: 100%;
    }

    /* Offsets */
    .offset-by-one.column, .offset-by-one.columns,
    .offset-by-two.column, .offset-by-two.columns,
    .offset-by-three.column, .offset-by-three.columns,
    .offset-by-four.column, .offset-by-four.columns,
    .offset-by-five.column, .offset-by-five.columns,
    .offset-by-six.column, .offset-by-six.columns,
    .offset-by-seven.column, .offset-by-seven.columns,
    .offset-by-eight.column, .offset-by-eight.columns,
    .offset-by-nine.column, .offset-by-nine.columns,
    .offset-by-ten.column, .offset-by-ten.columns,
    .offset-by-eleven.column, .offset-by-eleven.columns,
    .offset-by-one-third.column, .offset-by-one-third.columns,
    .offset-by-two-thirds.column, .offset-by-two-thirds.columns,
    .offset-by-one-half.column, .offset-by-one-half.columns {
        margin-left: 0;
    }

    .ib-left-margin, .ib-left-margin:first-child {margin-left: 0;}

    .ib-right-margin, .ib-right-margin:last-child {margin-right: 0;}

    .ib-column {font-size: 1.15rem;}

    .offset-margin-left {margin-left: 0;}

    .offset-margin-right {margin-right: 0;}

    .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }



    /* #Utilities Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* Margin Top Utilities */
    .s-margin-top 					{margin-top: 0.75rem;}
    .m-margin-top 					{margin-top: 1rem;}
    .l-margin-top 					{margin-top: 2rem;}
    .xl-margin-top 				    {margin-top: 2.5rem;}

    /* Margin Right Utilities */
    .s-margin-right 				{margin-right: 0.75rem;}
    .m-margin-right 	 		 	{margin-right: 1rem;}
    .l-margin-right 				{margin-right: 2rem;}
    .xl-margin-right 				{margin-right: 2.5rem;}

    /* Margin Bottom Utilities */
    .s-margin-bottom 				{margin-bottom: 0.75rem;}
    .m-margin-bottom 				{margin-bottom: 1rem;}
    .l-margin-bottom 				{margin-bottom: 2rem;}
    .xl-margin-bottom				{margin-bottom: 2.5rem;}

    /* Margin Left Utilities */
    .s-margin-left 					{margin-left: 0.75rem;}
    .m-margin-left 					{margin-left: 1rem;}
    .l-margin-left 					{margin-left: 2rem;}
    .xl-margin-left 				{margin-left: 2.5rem;}

    /* Padding Top Utilities */
    .s-padding-top 					{padding-top: 0.75rem;}
    .m-padding-top 					{padding-top: 1rem;}
    .l-padding-top 					{padding-top: 2rem;}
    .xl-padding-top 				{padding-top: 2.5rem;}

    /* Padding Right Utilities */
    .s-padding-right 				{padding-right: 0.75rem;}
    .m-padding-right 				{padding-right: 1rem;}
    .l-padding-right 				{padding-right: 2rem;}
    .xl-padding-right 				{padding-right: 2.5rem;}

    /* Padding Bottom Utilities */
    .s-padding-bottom 				{padding-bottom: 0.75rem;}
    .m-padding-bottom 				{padding-bottom: 1rem;}
    .l-padding-bottom 				{padding-bottom: 2rem;}
    .xl-padding-bottom				{padding-bottom: 2.5rem;}

    /* Padding Left Utilities */
    .s-padding-left 				{padding-left: 0.75rem;}
    .m-padding-left 				{padding-left: 1rem;}
    .l-padding-left 				{padding-left: 2rem;}
    .xl-padding-left 				{padding-left: 2.5rem;}

    /* Padding Full Utilities */
    .s-padding-full 				{padding: 0.75rem;}
    .m-padding-full 				{padding: 1rem;}
    .l-padding-full 				{padding: 2rem;}
    .xl-padding-full 				{padding: 2.5rem;}



    /* #Typography
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    h1 {font-size: 1.8rem;}
    h2 {font-size: 1.6rem;}
    h3 {font-size: 1.4rem;}
    h4 {font-size: 1.2rem;}
    h5 {font-size: 1rem;}
    h6 {font-size: 0.8rem;}



    /* #Header
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .logo img, .logo svg {
        margin: auto;
        max-width: 100%;
    }

    .ekm-injected-logo, .logo {width: 90%}

    .header-col {width: 32%;}

    .logo-col {width: 32%;}



    /* #USP Bar
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .usp-bar {font-size: 1rem;}

    .usp-bar svg {width: 1.8rem;} 



    /* #Push Drawer
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .drawer-right {
        width: 100vw;
        right: -100vw;
    }

    .drawer-open-right {right: 0;}

    .drawer-pushtoleft {
        left: auto;
        right: 100vw;
    }

    .drawer-left {
        left: -100vw;
        width: 100vw;
    }

    .drawer-open-left {left: 0;}

    .drawer-pushtoright {
        left: 100vw; 
        right: auto;
    }



    /* #Navigation
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .nav-list {margin-top: 4rem;}



    /* #Search, Login and Cart
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .login-section {margin-left: 0;}

    .logged-in-welcome {
        display: block;
        margin-right: 0;
    }

    .logged-in-links {display: block;}

    .slide-dd {min-width: 100%;}

    .content-dd {padding: 4%;}



    /* #Minicart
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .minicart-item-list {font-size: 0;}

    .minicart-image {width: 5rem;}

    .minicart-details {
        font-size: 1.2rem;
        margin-left: 0;
        width: calc(94% - 5rem);
    }

    .minicart-qty {
        margin-left: 0;
        width: 6%;
    }

    .minicart-btn {margin-left: 0;}

    .minicart-items, .minicart-total-price {width: calc(50% - 0.7%);}



    /* #Product List Layout
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .rvp-item,
    .related-product-item {width: 47%;}

    .rvp-item:nth-child(even),
    .related-product-item:nth-child(even) {margin-left: 6%;}

    .rvp-item:nth-child(n+3),
    .related-product-item:nth-child(n+3) {margin-top: 4rem;}

    .related-products .product-shortdesc {display: none;}

    .rvp-item .product-name,
    .related-products .product-name,
    .product-vat {font-size: 1.2rem;}

    .rvp-item .product-price,
    .related-products .product-price {font-size: 1.4rem;}

    .rvp-item .product-rrp,
    .related-products .product-rrp {font-size: 1rem;}  

    .product-item, .footer-column {margin-top: 4rem;}

    .product-item:first-child, .footer-column:first-child {margin-top: 0;}

    .section-title-border {
        line-height: 1;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    .section-title-border span:before {margin-right: 1rem;}

    .section-title-border span:after {margin-left: 1rem;}

    .section-title-border span:before, .section-title-border span:after {width: 2.4rem;}
    
    .c-welcome__title span:before {margin-right: 1rem;}

    .c-welcome__title span:after {margin-left: 1rem;}

    .c-welcome__title span:before, .c-welcome__title span:after {width: 2.4rem;}
    
    



    /* #Category Page
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .sortby-left {text-align: center;}

    .sortby-right {
        margin-left: 0;
        margin-top: 2rem;
        text-align: center;
    }

    .category-product-item {
        margin-left: 0;
        margin-top: 4rem;
    }
    
    .sub-category-item {
		flex-basis: 50%;
		max-width: 50%;
			-ms-flex-preferred-size: 50%;
	}



    /* #Category Filters
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-content {
        border-bottom: none;
        display: inline-block;
        font-size: 0;
        margin-bottom: 0;
        vertical-align: top;
        width: 46%;
    }

    .filter-content:nth-child(n+3) {margin-top: 2rem;}

    .filter-content:nth-child(even) {margin-left: 6%;}

    .filter-content h3 {
        line-height: 1.2;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .filters {
        background: #444;
        color: #fff;
        display: none;
        line-height: 1;
        margin-bottom: 4rem;
        position: relative;
        padding: 2rem;
    }

    .filters:before {
        border-bottom: 1rem solid #444;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        content: "";
        left: 50%;
        position: absolute;
        top: -1rem;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
    	-moz-transform: translate(-50%);
    	-ms-transform: translate(-50%);
    	-o-transform: translate(-50%);
    }
 

    .mobile-filters {display: block;}
    
    .mobile-filter-btn {
	    border: 2px solid #ec8181;
	    color: #ec8181;
	    cursor: pointer;
	    margin: 0 auto 3rem;
	    padding: 1rem;
	    text-align: center;
	    transition: all 0.2s ease-in 0s;
	    width: 12rem;
    }

    .mobile-filter-btn:hover {opacity: 0.7;}
    
    .filter-btn-active {
	    background: #ec8181;
	    color: #fff;
    }
    
    .mobile-filter-btn .fa-sliders {
        position: relative;
        top: -0.1rem;
    }

    .mobile-filter-btn .fa-sliders {
        font-size: 1.5rem;
        margin-right: 0.4rem;
    }

    .filter-chevron-up:after,
    .filter-chevron-down:after {
        font-family: FontAwesome;
        font-size: 1rem;
        position: relative;
        top: -0.2rem;	
    }
    
    .filter-chevron-up:after {content: "\f077";}
    
    .filter-chevron-down:after {content: "\f078";}

    .filter-item-list {margin-top: 2rem;}
    
    .filter-item-check:last-child {padding-bottom: 0;}

    form[name="product-filter"] .ui-slider-horizontal .ui-slider-handle {background: #bbb!important;}
    form[name="product-filter"] .ui-slider-horizontal {width: 94%;}

    .price-labels {margin-bottom: 2rem;}



    /* #Product Page
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-info h1 {font-size: 2rem;}

    .small-image-container {
        margin-right: 2rem;
        width: 12%;
    }    
        
    .large-image-container {width: calc(88% - 2rem);}

    .ekm-bulk-discount {
        margin-left: auto;
        margin-right: auto;
    }

    .product-info {
        margin-top: 2rem;
        padding-left: 0;
        text-align: center;
    }

    #_EKM_PRODUCTQTY {
        height: 6rem;
        width: 8rem;
    }
    
    .qty-nav {height: 6rem;}

    .ekmps-product-add-to-cart {
        font-size: 1.8rem;
        height: 6rem;
        width: calc(100% - 10rem);
    }
    
    .wishlist-btn {
		justify-content: center;
			-webkit-box-pack: center;
	        -ms-flex-pack: center;
		width: 100%;
	}



    /* #Product Data & Reviews
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-data {
        font-size: 1.2rem;
    }

    .product-attributes {
        margin-right: 4%;
        width: 46%;
    }

    .write-review {margin-bottom: 2rem;}

    .review:after {
        border-bottom: 0.6rem solid #fff;
        border-left: 0.6rem solid transparent;
        border-right: 0.6rem solid transparent;
        left: 50%;
        top: 2rem;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
    	-moz-transform: translate(-50%);
    	-ms-transform: translate(-50%);
    	-o-transform: translate(-50%);
    } 



    /* #Footer
    –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
    .footer-section h2 {border-bottom: none;}

    .footer-column {text-align: center;}  

    .webpages-content ul li {
        text-align: center;
        width: calc(50% - 2rem);
    }

    .webpages-content ul li:nth-child(2n+1) {margin-left: 0;}

    .webpages-wrapper, .copyright-section {margin-top: 3rem;}



    /* #EKM Styles Overrides
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .ekmps-write-your-own-review {width: 100%!important;}
    
    .ekmpscart-title {margin-bottom: 2rem!important;}



    /* #Mobile Specific Styles/Fixes
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .desktop-search {display: none;}

    .desktop-product-name {display: none;}

}

/* Product page flex styles - T1101 */

.product-image-wrapper {
    display: inline-flex;
}

@media screen and (min-width: 868px) {
	.product-image-wrapper{
		width: 50%;
	}
}

.small-image-container-flex {
	display: flex;
	flex-direction: column;
}

.small-image-flex {
    margin-bottom: 55%;
}

.small-image-flex:last-child {
    margin-bottom: 0;
}

.small-image-flex > a > img {
    padding-left: 1rem;
    padding-right: 1rem;
}

.large-image-flex {
    flex-basis: calc(85% - 2rem);
}

.small-image-container-flex {
    width: unset;
    margin: 0;
}

@media screen and (min-width: 0) and (max-width: 660px){
	.product-page .small-image-container-flex {
		width: unset;
	    margin: 0;
	}
}


/* ==========================================================================
    #QUICK VIEW FEATURE V1 CUSTOM MODE
========================================================================= */ 

.quickview-parent {
	position: relative;
}

.quickview-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: none;
}

@media screen and (min-width: 36.25em) {
    .quickview-parent:hover .quickview-wrapper {display: flex;justify-content: space-evenly;align-items: center;flex-direction: column;}
}

.quickview-wrapper a, .quickview-wrapper span {
    border: 0.675rem solid #fff;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    padding: 1rem 2rem;
    color: #ffffff;
    font-size: 1.8rem;
    transition: 0.2s linear all;
    text-decoration: none;
}

.quickview-wrapper a:hover, .quickview-wrapper span:hover {
    opacity: 1;
    background: #ffffff;
    color: #000000;
    transition: 0.2s linear all;
}

.quickview-icon {
    display: block;
    width: 100%;
    margin-top: 1.2rem;
    cursor: pointer;
    padding: 1rem 0;
    background: #4688c5;
    color: #ffffff;
    text-align: center;
}

.quickview-icon a {
    color: #ffffff;
}

.quickview-icon:hover {
    opacity: 0.8;
}

.quickview-icon span.quickview-label {
    display: inline-block;
    margin: 0 0 0 0.5rem;
}

.quickview-icon svg {
    height: 22px;
    width: 22px;
    display: inline-block;
    fill: #ffffff;
    vertical-align: text-top;
}

.quickview-wrapper .ekm-edit-button-wrapper.ekm-design.ekm-design-html a:first-child {
    display: none;
}


/* ==========================================================================
    #PRODUCT URGENCY FEATURE
========================================================================= */    

.product-urgency.gibt-tactic span.js-ekm-pugibt-cd.shopui-timer-time {
    color: var(--ekm-success-colour-text);
    display: block;
}

.product-urgency.lsb-tactic {margin: 2rem 0;}

.product-urgency.lsb-tactic .shopui-low-stock-bar .shopui-low-stock-bar-container {
    margin-left: 0;
}


.product-urgency.ct-tactic .shopui-countdown {
    padding: 1rem 0;
}

.product-urgency.gibt-tactic {
    margin: 2rem 0;
}

.product-urgency.gibt-tactic .shopui-timer {
    text-align: left;
}

.product-urgency.gibt-tactic .shopui-timer .shopui-timer-text .shopui-timer-arrival {
    color: var(--ekm-warning-colour-text);
}

.product-urgency.fd-tactic {
    margin: 2rem 0;
    text-align: left;
}




