/* Layout: One Column
	Theme: Basic Gray v.2

Controls fonts, colors and images.
===============================================================*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
	font: 15px/1.5 'Open Sans', Arial, sans-serif;
	color: #222;
}
/* NAVIGATION
===============================================================*/

#nav {
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top,   #ffffff,  #dddddd);
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	}

#nav li a {
	border-right: 1px solid #ddd;
	}


#nav li a:hover {
	background-color: #efefef;
	}

#nav a {
	text-decoration: none;
	color: #000;
	}

#nav a:hover {
	text-decoration: none;
	color: #333;
	}



/* CONTENT / PRODUCT
===============================================================*/

.priceBold {
    font-weight: bold;
    }

.productName {
     /* Product name in product grid */
	font-size: 14px;
	font-weight: bold;
    line-height: 1.2;
	}

.productLarge {
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.productOutOfStockBanner {
    background-color: rgba(211, 211, 211, 0.95);
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.subscriptionPrice {
    font: 16px "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #444;
    padding-left: 7px;
    }



#productGrid a {
	color: #222;
    text-decoration: none;
	}

#productGrid img {
    border: 1px solid #ddd;
    }

#productGrid a:hover {
    text-decoration: underline;
    }

.productOutOfStock {
	border-color: rgb(194, 194, 194);
	border-style: solid;
	border-width: 1px 0 1px 0;
	display: inline-block;

}

/* CART AND CHECKOUT
===============================================================*/

.cartDiscount {
    /* Discount shown in cart */
	color: #d44;
	}

.cartProduct {
	/* Product name in cart */
	font-weight: bold;
    color: #444;
	}

.cartThumb {
    border: 1px solid #ddd;
    }

.removeItem {
    /* Remove item link in cart */
	color: #999;
	}

.discountedPrice {
	/* Slashed price in cart */
    text-decoration:line-through;
    }

.promoField {
    /* Text fields for search and promo code */
	color: #000;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    font-size: 13px;
    color: #777;
	}

.search {
    /* Text fields for search and promo code */
	color: #000;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    font-size: 11px;
    color: #777;
	}

.checkout, .checkoutShort, .checkoutShortest, .checkoutBottom, .checkoutTop, .checkoutTopShort, .signinField, .signinTop, .productQty, .qtyField, .checkoutInput  {
	/* Form fields used in checkout forms */
	border: 1px solid #ddd;
    font-size: 13px;
    color: #777;
	}

.viewCart, .summaryCart, .payPlan, .paymentInfo, .shippingInfo, .billingInfo, .shippingTable, .billingTable, .shippingTable, .paymentMethodTable, .signinTable {
	outline: 1px solid  #ddd;
    border-collapse: collapse;
	}


.promoCode th {
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
	}

.viewCart th, .viewCartShort th, .payPlan th, .summaryCart th, .shippingInfo th, .billingInfo th, .billingTable th, .shippingTable th, .paymentInfo th, .signinTable th, .paymentMethodTable th {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top,   #ffffff,  #dddddd);
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');

    }

.viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td {
	border-top: 1px solid #ddd;
	}

.subtotal {
	background-color: #f0f0f0;
	font-weight: bold;
	}

.financeCharge {
    font-size: 12px;
    color: #777;
    }



/* UPSELLS
===============================================================*/

#upsellContainer {
  	overflow: hidden;
	}

.upsell {
	background-color: #fcfbe9;
	border: 1px solid #f1edb4;
	}

.upsellRegPrice {
	font-style: italic;
	}

.upsellPrice {
	color: #d44;
	}

.upsell img {
	border: 1px solid #ddd;
	}



/* TYPOGRAPHY
===============================================================*/

h1 {
    /* Used for product and page headers */
	font-size: 32px;
    color: #444;
    font-weight: normal;
	}

#contentWide h1 {
    /* Headings on checkout pages */
    font-size: 24px;
    text-transform: uppercase;
    }

#upsellContainer h2 {
    /* Used for product description header */
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #444;
    border: none; !important
    }

h2 {
    /* Used for product description header */
    font-size: 18px;
    color: #444;
    border-bottom: 4px double #ddd;;
    }

h3 {
    /* Used for product grid headline */
    font-size: 18px;
    color: #444;
    border-bottom: 4px double #ddd;
	}

.tableHeader {
    /* Used for billing address and shipping options header on summary page */
    font-weight: bold;
    }



/* LINKS AND BUTTONS
===============================================================*/

a {
	color: #1675a2;
	}

a:hover {
	color: #1675a2;
	}

.newsButton, .formButton {
	background-color: #555;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0 1px 0 #ebfeff;
	}

.buttonRight a:hover, .buttonLeft a:hover {
	color: #fff;
	}

.cartButton, .codeButton, .continueButton  {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #666;
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
	background: -moz-linear-gradient(top,  #777777,  #444444);
    background: linear-gradient(to bottom, #777777, #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
    }

.searchButton:hover, .cartButton:hover, .codeButton:hover, .continueButton:hover, .upsellButton:hover {
	color: #fff;
    background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#555555));
	background: -moz-linear-gradient(top,  #888888,  #555555);
    background: linear-gradient(to bottom, #888888, #555555);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
	text-decoration: none;
	}

.searchButton:active, .cartButton:active, .codeButton:active, .continueButton:active, .upsellButton:active {
	position: relative;
	top: 1px;
    }

.searchButton, .upsellButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #666;
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
	background: -moz-linear-gradient(top,  #777777,  #444444);
    background: linear-gradient(to bottom, #777777, #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
    }



/* FOOTER
===============================================================*/

#footer {
	color: #777;
    font-size: 13px;
    font-weight: 400;
    border-top: 4px double #ddd;
  padding-bottom: 25px;
	}



/* MISC
===============================================================*/

.errorMessage {
	color: #dd4949
	}


/*** Custom CSS ***/
*{box-sizing:border-box;margin:0;padding:0;}
.spiffy-storefront #wrapper, #wrapper #topNav, #wrapper #nav, #wrapper #header, #wrapper #content, #wrapper #customHomeProductGridTop, #wrapper #contentProductDetail{max-width:none;width:100%;}
.container{max-width: 1280px;margin: 0 auto;width: 95%;}
    /* Layout: One Column
	Theme: Basic Gray v.2

Controls fonts, colors and images.
===============================================================*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
	font: 15px/1.5 'Open Sans', Arial, sans-serif;
	color: #222;
    }




/* NAVIGATION
===============================================================*/

#nav {
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top,   #ffffff,  #dddddd);
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	}

#nav li a {
	border-right: 1px solid #ddd;
	}


#nav li a:hover {
	background-color: #efefef;
	}

#nav a {
	text-decoration: none;
	color: #000;
	}

#nav a:hover {
	text-decoration: none;
	color: #333;
	}



/* CONTENT / PRODUCT
===============================================================*/

.priceBold {
    font-weight: bold;
    }

.productName {
     /* Product name in product grid */
	font-size: 14px;
	font-weight: bold;
    line-height: 1.2;
	}

.productLarge {
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.productOutOfStockBanner {
    background-color: rgba(211, 211, 211, 0.95);
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.subscriptionPrice {
    font: 16px "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #444;
    padding-left: 7px;
    }



#productGrid a {
	color: #222;
    text-decoration: none;
	}

#productGrid img {
    border: 1px solid #ddd;
    }

#productGrid a:hover {
    text-decoration: underline;
    }

.productOutOfStock {
	border-color: rgb(194, 194, 194);
	border-style: solid;
	border-width: 1px 0 1px 0;
	display: inline-block;

}

/* CART AND CHECKOUT
===============================================================*/

.cartDiscount {
    /* Discount shown in cart */
	color: #d44;
	}

.cartProduct {
	/* Product name in cart */
	font-weight: bold;
    color: #444;
	}

.cartThumb {
    border: 1px solid #ddd;
    }

.removeItem {
    /* Remove item link in cart */
	color: #999;
	}

.discountedPrice {
	/* Slashed price in cart */
    text-decoration:line-through;
    }

.promoField {
    /* Text fields for search and promo code */
	color: #000;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    font-size: 13px;
    color: #777;
	}

.search {
    /* Text fields for search and promo code */
	color: #000;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    font-size: 11px;
    color: #777;
	}

.checkout, .checkoutShort, .checkoutShortest, .checkoutBottom, .checkoutTop, .checkoutTopShort, .signinField, .signinTop, .productQty, .qtyField, .checkoutInput  {
	/* Form fields used in checkout forms */
	border: 1px solid #ddd;
    font-size: 13px;
    color: #777;
	}

.viewCart, .summaryCart, .payPlan, .paymentInfo, .shippingInfo, .billingInfo, .shippingTable, .billingTable, .shippingTable, .paymentMethodTable, .signinTable {
	outline: 1px solid  #ddd;
    border-collapse: collapse;
	}


.promoCode th {
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
	}

.viewCart th, .viewCartShort th, .payPlan th, .summaryCart th, .shippingInfo th, .billingInfo th, .billingTable th, .shippingTable th, .paymentInfo th, .signinTable th, .paymentMethodTable th {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top,   #ffffff,  #dddddd);
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');

    }

.viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td {
	border-top: 1px solid #ddd;
	}

.subtotal {
	background-color: #f0f0f0;
	font-weight: bold;
	}

.financeCharge {
    font-size: 12px;
    color: #777;
    }



/* UPSELLS
===============================================================*/

#upsellContainer {
  	overflow: hidden;
	}

.upsell {
	background-color: #fcfbe9;
	border: 1px solid #f1edb4;
	}

.upsellRegPrice {
	font-style: italic;
	}

.upsellPrice {
	color: #d44;
	}

.upsell img {
	border: 1px solid #ddd;
	}



/* TYPOGRAPHY
===============================================================*/

h1 {
    /* Used for product and page headers */
	font-size: 32px;
    color: #444;
    font-weight: normal;
	}

#contentWide h1 {
    /* Headings on checkout pages */
    font-size: 24px;
    text-transform: uppercase;
    }

#upsellContainer h2 {
    /* Used for product description header */
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #444;
    border: none; !important
    }

h2 {
    /* Used for product description header */
    font-size: 18px;
    color: #444;
    border-bottom: 4px double #ddd;;
    }

h3 {
    /* Used for product grid headline */
    font-size: 18px;
    color: #444;
    border-bottom: 4px double #ddd;
	}

.tableHeader {
    /* Used for billing address and shipping options header on summary page */
    font-weight: bold;
    }



/* LINKS AND BUTTONS
===============================================================*/

a {
	color: #1675a2;
	}

a:hover {
	color: #1675a2;
	}

.newsButton, .formButton {
	background-color: #555;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0 1px 0 #ebfeff;
	}

.buttonRight a:hover, .buttonLeft a:hover {
	color: #fff;
	}

.cartButton, .codeButton, .continueButton  {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #666;
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
	background: -moz-linear-gradient(top,  #777777,  #444444);
    background: linear-gradient(to bottom, #777777, #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
    }

.searchButton:hover, .cartButton:hover, .codeButton:hover, .continueButton:hover, .upsellButton:hover {
	color: #fff;
    background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#555555));
	background: -moz-linear-gradient(top,  #888888,  #555555);
    background: linear-gradient(to bottom, #888888, #555555);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
	text-decoration: none;
	}

.searchButton:active, .cartButton:active, .codeButton:active, .continueButton:active, .upsellButton:active {
	position: relative;
	top: 1px;
    }

.searchButton, .upsellButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #666;
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
	background: -moz-linear-gradient(top,  #777777,  #444444);
    background: linear-gradient(to bottom, #777777, #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
    }



/* FOOTER
===============================================================*/

#footer {
	color: #777;
    font-size: 13px;
    font-weight: 400;
    border-top: 4px double #ddd;
  padding-bottom: 25px;
	}



/* MISC
===============================================================*/

.errorMessage {
	color: #dd4949
	}


/*** Custom CSS ***/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');


*{box-sizing:border-box;margin:0;padding:0;}
.spiffy-storefront #wrapper, #wrapper #topNav, #wrapper #nav, , #wrapper #content, #wrapper #customHomeProductGridTop, #wrapper #contentProductDetail{max-width:none;width:100%;}
.container{max-width: 1280px;margin: 0 auto;width: 95%;}

.spiffy-storefront #wrapper{padding:0;}
#wrapper #header{position:relative;background-image:url(https://www.hearandplay.com/images/2020/about-banner.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;min-height:250px;padding-top:0;}
#wrapper #header:after{content:''; position:absolute;background-color:rgb(10,13,23,0.7);top:0;left:0;right: 0;width:100%;height:100%;}
#wrapper .container{position:relative;z-index:1;}

#header .top-header{padding:15px 0;position:fixed;top:0;width:100%;z-index:2;}
#header .top-header.sticky-on{background: rgba(0,0,0,0.8);}
#wrapper #header .bottom-header{padding:60px 0 0;}

#topNav{display:none;}
#header #IMAGE, #header #NAVIGATION{display:inline-block;vertical-align:middle;}
#header #IMAGE{width:240px;}
#header #NAVIGATION{width:calc(100% - 260px);text-align: right;}
#header #NAVIGATION #nav{margin:0;border:none;padding:0;width:calc(100% - 200px);}
#header #NAVIGATION #nav li{margin:0 25px;}
#header #NAVIGATION #nav li a{font-size:18px;color:#fff;line-height:1.3;padding:20px 0;border-top:2px solid transparent;font-family:'Oswald', sans-serif;text-transform:uppercase;border-radius:0;display:block;}

#header #NAVIGATION #nav li:hover a{border-top: 2px solid #ff383f;}
#header #NAVIGATION #nav li a:before{display:none;}
#header #NAVIGATION > div{display:inline-block;}
#header #NAVIGATION #nav li {
    margin: 0 14px;
}
#header #NAVIGATION #nav {
    width: calc(100% - 227px);
}
#header #NAVIGATION #nav li a,
#header #CART_COUNT ul li a {font-size:14px;}

#CART_COUNT ul{list-style:none;}
#CART_COUNT ul li{list-style:none;}
#CART_COUNT ul li a{font-family:'Oswald', sans-serif;text-transform:uppercase;font-size:18px;display:inline-block;margin:0;padding:10px 20px;border: none;color: #fff;background-image: linear-gradient(to right, #fe373e, #d8030b);}
#CART_COUNT ul li a:hover{text-decoration:none;background-image: linear-gradient(to left, #fe373e, #d8030b);}

#header #breadcrumbs{padding:20px 0 100px;margin:0;text-align:center;}
#header #breadcrumbs li a, #breadcrumbs li{font-family:'Oswald', sans-serif;color:#FD363D;font-size:16px;}
#header #breadcrumbs li{color:#fff;}

#wrapper #content{margin:0;padding:50px 0;}
#content #productGrid{padding:30px 50px 0px;}
#content #featured h3{display:none;}
h2.header-title{font-size:45px;font-family:'Oswald', sans-serif;font-weight:500;font-style:normal;line-height: 1.3;position:relative;margin-bottom:40px;text-align:center;text-transform:uppercase;color:#fff;border:none;padding-top:100px;}
h2.header-title:after {bottom:-25px;width:100px;left:50%;right:50%;transform:translate(-50%, -50%);    content:'';position:absolute;height:2px;background:#ff383f;}

#productGrid .productGridOneCol{border:none;box-shadow:0 5px 20px rgba(0,0,0,0.1);position:static;margin:15px 0;vertical-align:top;}
#productGrid .priceBold{background:#FF383F;}
#productGrid .productName{font-family:'Oswald', sans-serif;font-weight:500;}
#productGrid .productDescriptionFront{width:70%;}
#productGrid .productGridOneCol img{margin:0;width: auto;}

#wrapper #footer{height:auto;padding:50px 0;background:#000;margin:0;font-size:14px;color:#fff;}

.spiffy-storefront #productDetails .cartButton, #productDetails .cartButton{background:#FF383F;border-color:#FF383F;}
#contentProductDetail p{font-size:18px;line-height:28px;}
#contentProductDetail .productImgContainer img{margin:0;}
.spiffy-storefront #productDetails .cartButton:hover, #productDetails .cartButton:hover{background:#D50005;}
#productDetails table.productTable{margin: 10px 0;background:#eee;border-radius:4px;padding:0;}
#productDetails .productQty{margin:0;height:auto;width:30px;text-align:center;padding:5px;}
#productDetails h1, #productDescription h2{font-family:'Oswald', sans-serif;font-weight:500;text-transform:uppercase;color:#000000;    margin: 0 0 10px;}
#productDetails .subscriptionPrice{font-family:'Oswald', sans-serif;padding:0;font-size:22px;}
#productDescription{overflow:hidden;}
#productDescription iframe{float:left;margin:0 30px 20px 0;display:block;box-shadow:0 5px 20px rgba(0,0,0,0.1);width: 50%;}

.spiffy-storefront #contentProductDetail a.spiffyCheckout{color: #FF383F;}
.productGridOneCol a:first-child{height:150px;overflow: hidden;}

#header #NAVIGATION > div.mobile-bar{display:none;}
.mobile-bar{position:absolute;right:0;top:10px;}
.mobile-bar label{width:36px;height:36px;text-align:center;cursor:pointer;-webkit-transition: -webkit-transform 500ms ease;transition: -webkit-transform 500ms ease;transition: transform 500ms ease;transition: transform 500ms ease, -webkit-transform 500ms ease; overflow: hidden;display: inline-flex;justify-content: center;align-items: center;    vertical-align: middle;}
.mobile-bar label:after {content: "\2630";font-size:20px;color: #fe363d;line-height:34px;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 500ms ease;transition: 500ms ease;background: #fff;border-radius: 49px;width: 100%;height: 100%;display: block;vertical-align: middle;}

@media(max-width:1300px){
	#productGrid .productName{font-size:18px;}
}

@media(max-width:1300px){
  #header #IMAGE{margin:0 auto;}
  #header #NAVIGATION #nav li a{padding:12px 0;}
  #header #IMAGE, #header #NAVIGATION{display: block;}
  #header #NAVIGATION{text-align:center;margin: 0 auto;width: 100%;}
  #header #breadcrumbs{padding:50px 0;}  
  #productGrid .productDescriptionFront{width:100%;}
  #productGrid .productDescriptionFront{font-size:14px;height:85px;overflow:hidden;}
}

@media(max-width:1023px){
  #header #NAVIGATION > div.mobile-bar{display:block;}
  #header #NAVIGATION #nav{width:100%;}
  #header #NAVIGATION > div{display:block;}
  #header #NAVIGATION > div#CART_COUNT{margin:0;background:#000;padding:10px 0 30px;}
  #header #breadcrumbs{padding:20px 0 50px;} 
  #header #NAVIGATION{position:absolute;top:0;z-index: 2;}
  #header #NAVIGATION #nav, #header #NAVIGATION #CART_COUNT{display:none;}
  #header #NAVIGATION #nav{background:#000;margin:60px 0 0;padding:15px 0 0;}
  #header #NAVIGATION #nav ul{margin-bottom:0;}
  #header #NAVIGATION #nav li{display:block;}
  #header #NAVIGATION #nav li a{padding:10px 0;}
  h2.header-title{padding-top:50px;} 
  
  .productGridOneCol a:first-child{height:120px;}
  #productGrid .productName{font-size:18px;}
  
}

@media(max-width:767px){  
  #content #featured h3{font-size:40px;}
  
}

@media(max-width:759px){
  	#contentProductDetail .productImgContainer img{margin:0 auto;}
  	#PRODUCT_DETAIL #productDetails{text-align:center;}
 	#productDetails table.productTable{display:block;margin:20px auto;max-width:120px;}
  	#PRODUCT_DETAIL #productDescription{text-align:center;}
 	#productDescription iframe{width:100%;margin:0 0 25px;} 
 
 	#productGrid .productDescriptionFront{width:70%;height:auto;}
  	.productGridOneCol a:first-child {height:180px;}
}	



@media(max-width:480px){
  #header #IMAGE{width:180px;}
  #productGrid .productGridOneCol a:first-child{padding:0;width:100%;text-align:center;}
  #productGrid .productGridOneCol img{margin:0 auto;}
  #productGrid .productGridOneCol a{width:100%;text-align:center;}
  #productGrid .productDescriptionFront{text-align:center;width:100%;}
  #content #productGrid{padding:0 20px;}
  .productGridOneCol a:first-child{ height: auto;}
  .mobile-bar{top:5px;}
}