/********* MOBILE Specific *************/


.no-scroll {
	overflow: hidden;
	height: 100%;
}

#mobileNavIcons {
	display: none;
}



#mobileNavArea {
	display: none;
}
#categoryOverlay {
	display: none;
}

#leftMobileNavIcons {
	display: none;
}

#mobileMenu {
	display: none;
}

.mobile-nav-section {
		display: none;
}

.three-bar-icon {
	display: inline-block;
	width: 20px;
	height:20px;
	vertical-align: middle;
	padding: 0px 0px 0px 5px;
	line-height:25px;
}
.three-bar-icon .bar{
	display: block;
	width: 20px;
	height: 3px;
	text-align: center;
	border-top: 3px solid;
}

@media screen and (max-width: 768px) {
	
	/****************** GENERAL *****************/
	
	select,
	textarea,
	input[type=text],
	input[type=email],
	input[type=password],
	input[type=tel] {
		font-size: 16px !important;
	}
	select:focus,
	textarea:focus,
	input:focus {
		background: #eee;
	}
	
	#promoBanner {
		display: none;
	}
	#___plusone_0 {
		display: none !important;
	}
	input[type=submit], input[type=button], input[type=reset] {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    /* -webkit-border-radius:0; */
	    /* border-radius:0;	*/
	}
	input[type=text],
	input[type=email],
	input[type=password], 
	input[type=tel],
	textarea {
		 -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0 !important;
	}
	
	select {
		 border-radius: 0 !important;
	}
	#outerWrapper {
		min-width: 300px;
		width: 100%;
		padding: 0;
	}
	#outerWrapper div#header {
		width: 100% !important;
		height: auto;
	}
	#outerWrapper #header .logo {
		height: 80px;
		float: left;
		display: inline-block;
		padding: 0;
	}
	#header .logo a {
		display: block;
		height: 100%;
		overflow: hidden;
	}
	#header .logo img {
		max-height: 100%;
		max-width: 180px !important;
	}
	#outerWrapper #navWrapper {
		margin: 0;
		width: 100%;
	}

	#outerWrapper #navWrapper #topNavigation {
		width: 100%;
		padding: 0;
	}
	#outerWrapper #contentWrapper {
		width: auto;
		height: auto;
		padding-bottom: 10px;
		padding-top: 0;
	}
		
	#outerWrapper #contentWrapper #content {
		margin-left: 0;
		padding: 0;
		width: auto;
		float: none;
		border-left: 0;
		border-right: 0;
	}
	#content > .contentBox {
		margin-left: 0;
		margin-right: 0;
	}
	#outerWrapper #contentWrapper #widecontent {
		width: auto !important;
		padding-top: 10px;
	}
	
	.Topper {
	    padding-left: 15px;
	    width: auto;
	    flex: 1 1 100%;
	}
	#footerBottom {
		padding: 0;
		max-width: none;
		width: auto;
	}
	
	#footer {
		padding-left: 0;
		text-align: center;
		box-sizing: border-box;
	}
	#footer * {
		box-sizing: border-box;
	}
	
	#footer .container {
		width: auto;
		padding-top: 5px;
	}

	#footer .col {
		padding: 0 10px;
		text-align: left;
		margin: 10px 0;
	}
	#footer .col .split {
		width: 49%;
		vertical-align: top;
		display: inline-block;
		box-sizing: border-box;
	}

	#footer .col.contact-us,
	#footer .col.support,
	#footer .col.follow-us,
	#footer .col.account {
		width: 100%;
	}
	#footer .col.contact-us {
		padding-left: 10px;
	}

	.social-media-icons div {
		width: 37.5px;
		height: 37.5px;
		margin-right: -3px;
	}
	
	#footer .first, #footerBottom .first {
		margin-left: 0;
	}
	
	#footerBottom .copyright {
		padding-right: 10px;
	}

	.trust-area .bbb-a-plus {
		width: 120px;
		margin: 0;
	}

	.trust-area .norton-seal {
		width: 110px;
		padding-top: 10px;
		margin: 0;
	}
	.trust-area .norton-seal > div {
		width: 110px !important;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.trust-area .paypal-verified {
		width: 60px;
	}
	.trust-area .cards {
		width: 100%;
	}
	.trust-area .cards img {
		width: 70px;
	}

	.topmost {
		display: none;
	}
	#outerWrapper #header #midArea {
		margin: 5px 5px 0 0;
		float: right;	
		width: auto;
	}
	#outerWrapper #header .phonenumber {
		margin: 0;
		float: none;	
		width: 125px;
	}
	#outerWrapper #header .phonenumber .phone {
		font-size: 16px;
	}
	#phoneCountdown {
		display: none;
	}
	
	.boxSuccessMsg, .boxErrorMsg {
		width: auto;
		margin: 10px;
	}
	
	.relatedWrapper {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		width: auto;
	}
	.Topper.smaller {
		font-size: 16px;
	}
	
	.blurb.cat {
  		font-size: 14px;
	}
	
	li.product_price, li.standard_price {
		font-size: 1em;
		margin: 0;
	}

	li.standard_price {
		margin-right: 30px;
	}
	
	
	

	/************* MENU  ************/


	h1 {
		font-size: 18px;
		margin: 10px 0 15px 0;
		padding: 0 10px;
	}
	h1.cat {
		font-size: 16px;
		text-align: center;
	}
	#searchBox {
	    display: none;
	}
    
    ul#cssmw_home {
        width: 100%;
    }

	ul#cssmw_home > li > span > a {
	    width: auto;
		text-align: center;
	}
	ul#cssmw_home > li {
	    width: 25%;
	}
	
	ul#cssmw_home li.parent:last-child ul.level-1 {
		left: auto;
		right: 0;
	}
	
	ul#cssmw_home ul.level-1 > li > a {
		width: auto;	
	}
	
	ul#cssmw_home ul.level-1 > li {
		width: auto;	
	}
	#homeMenuItem {
		display: none;
	}
	#mobileNavIcons {
		display: block;
		margin-top:2px;
		border-top: solid 1px rgba(0,0,0,0.1);
		height: 40px;
	}
	#mobileNavIcons > a {
		float: left;
		width: 40px;
		height: 40px;
		position:relative;
		border-left: solid 1px rgba(0,0,0,0.1);
	}

	#mobileNavIcons > a:first-child {
		border-left: none;
	}

	#mobileNavIcons > a:before {
		content: '';
		position: absolute;
	  	left: 50%;
	  	top: 50%;
	 	width: 20px;
	 	height: 20px;
	 	margin: -10px 0 0 -10px;
	 	background-size: auto 100%;
	}
	
	#mobileNavIcons > a.selected {
		background: rgba(0,0,0,0.1);
	}

	#expandCart:before {
		background: url(../Utilities/Image/New/mobile_nav_2.png) -19px 0px no-repeat;	
	}

	#expandUser:before {
		background: url(../Utilities/Image/New/mobile_nav_2.png) -39px 0px no-repeat;
	}

	#expandSearch:before {
		background: url(../Utilities/Image/New/mobile_nav_2.png) 2px 0px no-repeat;
	}
	#expandPhone:before {
		background: url(../Utilities/Image/New/mobile_nav_2.png) -88px 0px no-repeat;
	}
	#expandPhone {
		display: none;
	}
	
	#mobileNavArea {
		clear: right;
	}
	
	
	.mobile-nav-section {
		display: none;
		border-top: 1px solid rgba(0,0,0,0.1);
		padding: 10px;
		-webkit-box-shadow: inset 0 20px 20px -30px rgba(0,0,0,0.8),
							inset 0 -20px 20px -30px rgba(0,0,0,0.8);
		-moz-box-shadow: inset 0 20px 20px -30px rgba(0,0,0,0.8),
						 inset 0 -20px 20px -30px rgba(0,0,0,0.8);
		box-shadow: inset 0 20px 20px -30px rgba(0,0,0,0.8),
					inset 0 -20px 20px -25px rgba(0,0,0,0.8);
		text-align: center;
	}
	
	.mobile-nav-section a,
	.mobile-nav-section p,
	#SearchAdvanced {
		padding:10px;
		border: 1px solid #eee;
		background: #f5f5f5;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		vertical-align:top;
		margin-right:5px;
		height: 40px;
		box-sizing: border-box;
		font-size: 14px;
		margin: 0;
	}
	
	.mobile-nav-section.selected {
		display: block;
	}

	#areaSearch {
		text-align: left;
	}
	#searchBoxMobile {
		display: block;
	}

	#searchBoxMobile * {
		box-sizing: border-box;
	}
	#S_ProductNameMobile {
		width: 68%;
		padding: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		display: inline-block;
		vertical-align: middle;
		height: 40px;
		padding-right: 65px;
	}

	#SearchMobile {
		background: none repeat scroll 0% 0% rgb(76, 158, 217);
		border: medium none !important;
		font-size: 14px;
		line-height: normal;
		padding: 5px;
		font-weight: 500 !important;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
		color: white;
		width: 60px !important;
		height: 30px;
		margin-right: 10px !important;
		margin-left: -68px;
		display:inline-block !important;
		vertical-align: middle !important;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0 !important;
	}
	
	#SearchAdvanced {
		margin-right: 0;
		font-size: 12px;
		line-height: 18px;
		padding: 10px;
		height: 40px;
		width: 30%;
		margin-left: -4px;
		float: right;
	}
	
	.ab-1-1 #outerWrapper div#header {
		box-sizing: border-box;
		position: relative;
	}
	.ab-1-1 #outerWrapper div#header * {
		box-sizing: border-box;
	}
	.ab-1-1 #outerWrapper #header .logo {
		height: 60px;
		margin: 0;
		display: block;
	}
	.ab-1-1 #header .logo img {
		height: 72px;
		margin-top: -7px;
	}
	
	.ab-1-1 #outerWrapper #header .phonenumber {
		display: none;
	}
	.ab-1-1 #outerWrapper #header #midArea {
		margin-top: 10px;
	}
	.ab-1-1 #mobileNavIcons {
		border-top: none;
		margin-top: 0;
	}
	.ab-1-1 #mobileNavIcons > a {
		border: none;
	}
	.ab-1-1 #mobileNavArea {
		clear: both;
	}
	.ab-1-1 #mobileNavIcons > a:before {
		width: 30px;
		height: 30px;
		margin: -15px 0 0 -15px;
		background-size: auto 100%;
	}
	.ab-1-1 #expandUser:before {
		background-position-x: -59px;
	}
	.ab-1-1 #expandCart:before {
		background-position-x: -29px;
	}
	.ab-1-1 #expandPhone::before {
		background-position-x: -88px;
	}
	.ab-1-1 #expandPhone {
		display: block;
	}
	.ab-1-1 #leftMobileNavIcons {
		display: block;
		float: left;
		margin: 5px 0 0 0;
	}

	.ab-1-1 #leftMobileNavIcons .three-bar-icon {
		padding: 15px 10px;
		height: 45px;
		width: 45px;
	}
	.ab-1-1 #leftMobileNavIcons .three-bar-icon.active {
		transform: rotateZ(90deg);
		margin-left: 2px;
	}
	.ab-1-1 #leftMobileNavIcons .three-bar-icon .bar {
		height: 8px;
		width: 25px;
	}
	.ab-1-1 #homeMenuItem {
		display: block;
	}
	.ab-1-1 #productsMenuItem {
		display: none;
	}
	
	/***** redone topArea ****/
	
	#cartPreviewWrapper {
		display: none;
	}
	
	/********** PAGE SPECIFIC ********/
	
	.mobile-reset {
		width: auto !important;
		padding-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.mimicButton {
		margin-bottom: 10px;
	}
	
	/************* Products_Results.php  ************/
	
	.Sort_Form {
		margin-left: 0;
		float: none;
		margin: 0 auto;
		padding: 0;
		margin-bottom: 0;
	}
	
	.Sort_Form form > div {
		padding-bottom: 5px;
	}

	.Sort_Form form > div > h3 {
		font-size: 14px;
		width: 80px;
		text-align: left;
	}
	.Sort_Form form > div > p {
		margin-bottom: 0;
	}
	.Sort_Form input[type=text],
	.Sort_Form select {
		box-sizing: border-box;
		padding: 5px;
		height: 30px;
	}
	.Sort_Form select {
		width: 180px;
	}
	.Sort_Form #ProductNormal_Limit {
		width: 45px !important;
		margin-right: 3px;
	}
	.bottomLinkWrapper {
		width: auto;
		margin: 0;
		padding: 0;
		text-align: center;
		clear:both;
	}

	.bottomLinkWrapper .helperText {
	  font-size: .9em;
	  display: inline-block;
	  width: 120px;
	}
	
	.bottomLinkWrapper .links {
		padding: 10px 0;
	}

	.bottomLinkWrapper .links a {
 		font-size: .9em;
	}
	
	#ProductNormal_form .buttons {
		padding: 0;	
		margin: 10px 0;
	}
	
	.table.Display_Search {
		padding: 0;
		width: 100%;
	}

	.table.Display_Search * {
		box-sizing: border-box;
	}
	
	.table.Display_Search .ribbon {
		display: none;
	}

	.table.Display_Search .row {
		width: 100%;
	}

	.Display_Search div.row > div {
		max-width: none;
		padding: 0;
	}

	.Display_Search div.row > div {
		padding: 5px;
	}
	
	.Display_Search div.row > div:last-child > div {
		width: auto !important;
	}
	.Display_Search #category_scroller {
		width: auto !important;
		height: auto;
		max-height: 400px;
		overflow-y: scroll;
	}
	.Display_Search p {
		min-width: 0;
	}

	.productResultsWrapper {
		padding: 5px;
	}

	.productResultsWrapper .lft {
		width: 100px;
		vertical-align: top;
	}

	.productResultsWrapper .lft .image {
		width: 100%;
		height: auto;
		border: none;
	}

	.productResultsWrapper .lft .image a {
		height: auto;
	}

	.productResultsWrapper .lft .image img {
		width: 100%;
		position: static;
		transform: none;
	}
	
	.productResultsWrapper .rightSide {
		
	}
	
	.productResultsWrapper .middle {
		width: auto;
		display: block;
		padding-left: 5px;
	}
	.productResultsWrapper .middle h2 {
		text-align: left;
		font-size: 1.2em;
	}


	.productResultsWrapper .rght {
		width: auto;
		display: block;
		padding: 5px !important;
	}
	
	.productResultsWrapper .rght h4,
	.productResultsWrapper .rght h3 {
		font-size: 16px;
		display: inline-block;
		padding: 0;
		margin: 5px;
	}
	
	
	/******* GRID VIEW *****/
	
	.grid .productResultsWrapper {
		width: 50%;
	}
	
	.grid .productResultsWrapper .lft img {
		max-width: 100%;
		width: auto;
		max-height: 120px;
	}

	.grid .productResultsWrapper .lft .image {
		height: 120px;
		display: table-row;
	}
	.grid .productResultsWrapper .mimicButton {
		height: 35px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	.grid .productResultsWrapper .mimicButton a {
		width: 100%;
		height: 35px !important;
		line-height: 35px;
	}
	.grid .productResultsWrapper .rightSide .rght {
		padding: 10px 0 0 0 !important;
		height: 115px;
	}
	
	.grid .productResultsWrapper .middle h2 a {
		font-size: 14px;
	}
	.grid .productResultsWrapper .middle h2 {
		font-size: 12px;
		padding: 5px 5px 0;
	}
	
	.grid .productResultsWrapper .rght h4,
	.grid .productResultsWrapper .rght h3 {
		font-size: 14px;
	}
	
	.grid .productResultsWrapper .bulk-discount {
		font-size: 12px;
		padding-top: 2px;
	}
	.productResultsWrapper .bulk-discount {
		position: relative;
	}
	.grid .productResultsWrapper .discount-tooltip {
		vertical-align: middle;
	}
	.view-switch {
		display: none;
	}
	.grid .productResultsWrapper:nth-child(-n+4) {
		border-top: 0;
	}
	.grid .productResultsWrapper:nth-child(-n+3) {
		border-top: 0;
	}
	.grid .productResultsWrapper:nth-child(-n+2) {
		border-top: 1px solid rgba(0,0,0,0.2);
	}
	
	.grid .productResultsWrapper.single .mimicButton {
		display: none;
	}

	.grid .quick-add-to-cart {
		float: none;
		margin: 10px 0;
		/* width: auto; */
	}

	.grid .quick-add-to-cart .qty {
		height: 35px;
		width: 35px;
		margin-right: 0;
	}

	.grid .quick-add-to-cart .add-to-cart {
		width: 60px;
		padding: 0 5px;
		height: 35px;
		line-height: 12px;
		white-space: normal;
	}
	
	/***** New shipping badges *****/

	.ribbon {
		height: 30px;
	}
	.ribbon:before {
	  border-bottom: 8px solid #186C8C;
	  border-left: 8px solid transparent;

	}
	.ribbon:after {
	  border-top: 15px solid transparent;
	  border-bottom: 15px solid transparent;
	  right: -12px;
	  border-left-width: 12px;
	}

	.ribbon-content {
		line-height: 30px;
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	.productDetailWrapper .ribbon {
		margin-top: 3px;
	}
	
	/************* Products_Detail.php   ************/
	
	.outerAdd {
		width: auto !important;
		margin: 0;
		float: none;
		min-height: 0;
	}

	.outerAdd form {
		padding: 0;
	}

	.outerAdd form #Quantity {
		margin-right: 5px;
	}

	.outerAdd form select {
		padding: 2px;
		margin-top: 10px;
	}
	
	.addToCart {
		padding: 0 10px;
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}

	#price_range {
		margin: 5px;
	}

	.addToCart #soldOut {
		padding-left: 0;
		font-size: 1.2em;
	}

	#price_container {
		margin-left: 0;
		margin-right: 0;
		border: none;
	}

	.product_price {
		margin-top: 10px;
	}

	.productDetailWrapper .image-area {
		float: none;
		width: auto;
		padding: 10px;
	}

	.productDetailWrapper .image .imageWrapper {
		border: 1px solid #ccc;
		box-sizing: border-box;
		width: 100%;
	}

	.productDetailWrapper .image .imageWrapper img {
		border: none;
		max-width: 99%;
		max-height: 298px;
	}
	 
	.image .imageWrapper img.hangingImage {
		width: 100px;
		right: -10px;
		top: -15px;
	}
	
	.productDetailWrapper .productShortDesc {
		clear: both;
		width: 100%;
		padding: 0;
	}
	.productDetailWrapper .productShortDesc h2 {
		font-size: 16px;
	}
	
	.productDetailWrapper .productLongDesc img {
		max-width: 100% !important;
		margin: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.productDetailWrapper .productLongDesc table {
		margin-bottom: 10px;
	}
	
	.productLongDesc .link {
		width: auto;
	}
	.productLongDesc div,
	.productLongDesc p {
		width: auto !important;
	}

	.productDetailWrapper .link a {
		width: auto;
	}
	
	.overview {
		width: auto;
		font-size: 14px;
	}
	.overview ul > li {
		font-size: 14px;
	}
	.overview h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 14px;
	}

	.overview blockquote,
	.productLongDesc blockquote {
		margin:0;
	}
	.productLongDesc blockquote {
		padding: 0 10px;
	}
	
	.video {
		width: auto;
		margin: auto;
		overflow: hidden;
		float: none;
		margin: 0 auto;
		display: block;
	}

	.video iframe {
		width: 100%;
		max-width: 430px;
	}
	
	.link {
		margin: 0 auto !important;
	}
	
	.mobile-table-container {
		overflow: auto;
	}

	.mobile-table-container::before {
		content: "(horizontally scrollable)";
		font-weight: normal;
		color: #555;
		font-style: italic;
	}
	
	.tabs-wrap {
		position: relative;
	}
	nav.tabs {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		height: 38px;
		margin-bottom: -2px;
	}
	.tabs-wrap::after {
		position: absolute;
		content: "";
		top: 4px;
		right: 0;
		height: 32px;
		width: 60px;
		z-index: 2;
		pointer-events: none;
		background: -webkit-linear-gradient( right , #fcfcfc, rgba(248, 247, 238, 0));
		background: linear-gradient(to left, #fcfcfc, rgba(248, 247, 238, 0));
	}
	ul.tabs {
		height: 36px;
	}
	ul.tabs > li > a {
		 padding: 8px 10px; 
		 height: 32px;
	}
	ul.tabs > li {
		width: 80px;
	}
	ul.tabs > li > a.active {
		 padding: 12px 10px 8px; 
		 height: 36px;
	}
	
	#productReviews,
	#shippingInfo {
		padding: 0 10px 10px;
	}
	#productReviews .product-review-form {
		padding: 10px;
	}
	
	#productReviews .instr-tooltip {
		width: 230px;
		transform: translateX(-30%);
	}
	#productReviews .instr-tooltip::after {
		 left: 30%;
	}
	
	/*** U-Pick ***/

	.gritrow > * {
		vertical-align: middle;
	}

	input[type="button"].minusone,
	input[type="button"].plusone {
		height: 24px !important;
		line-height: 24px !important;
	}
	
	/******************** cart *******************/

	
	
	.item-left {
		width: 25%;
	}


	.item-right {
		width: 75%;
	}

	.item-image img {
		min-width: 60px;
	}

	.item-right .table-row {
		display: block;
	}

	.item-details {
		width: 100%;
		display: block;
		height: auto;
	}
	.item-title h2 {
		margin-top: 0;
		padding-top: 0;
		margin-right: 25px;
		font-size: 16px;
	}
	.item-title h2 a {
		text-decoration: none;
		font-size: 16px;
	}
	.item-show-more {
		display: block;
		width: auto;
		text-align: left;
		margin-right: 10px;
	}
	.item-qty {
		display: inline-block;
		width: auto;
		margin-top: 10px;
	}
	.item-qty::before {
		display: block;
		text-align: left;
		margin: 0 0 5px;
		font-size: 14px;
		color: #555;
	}
	.item-price {
		display: inline-block;
		width: auto;
		float: right;
		padding-right: 15px;
		margin-top: 10px;

	}

	.item-remove {
		position: absolute;
		right: 0;
		top: 0;
		width: 25px;
		height: 25px;
		text-align: center;
		font-size: 20px;
		color: #555;
		cursor: pointer;
	}
	
	.remove-overlay {
		padding: 0 10px;
	}
	
	#cartShipCalc {
		float: none;
		padding: 10px;
		width: auto;
		min-height: 0;
	}

	.AddressBlock {
		padding: 0 0 5px 0;
	}
	#ShippingResults select {
		width: 70%;
		min-width: 235px;
		margin-bottom: 5px;
	}
	#cartNotes textarea {
		box-sizing: border-box;
		width: 100%;
	}
	.cartSummary {
		float: none;
		border: none;
		width: auto;
	}
	.sales-quote {
		margin: 0;
		padding: 10px;
	}
	.sales-quote input {
		width: auto !important;
	}
	
	.item-special-shipping.default-hidden {
		display: block;
	}
	.grid .item-special-shipping.default-hidden {
		display: none;
	}
	
	.hangingImage {
		display: none;
	}
	
	/*************************** checkout.php ****************************/

	#widecontent h1 {
		margin: 2px auto 5px;
	}

	#widecontent > form {
		width: auto !important;
	}

	/**/
	
	#widecontent .insertForm {
		width: auto;
		padding: 0 10px;
		margin-top: 0;
	}

	.half {
		width: 100%;
	}

	#cartPaymentInfo {
		width: auto;
	}
	
	.AddressBlock {
		width: 220px;
	}
	#QuoteSpot {
		padding: 10px 0;
	}

	.AddressBlock > * {
		padding-left: 5px;
	}

	.AddressBlock > *:first-child {
		margin-top: 5px;
	}
	
	
	.AddressBlock.newAddress > p {
		padding-left: 5px;
	}
	.AddressBlock.newAddress > p > input,
	.AddressBlock.newAddress > p > select {
		width: 90%;
	}
	

	.AddressBlock.newAddress label {
		display: block;
		width: 100%;
		text-align: left;
		padding-bottom:2px;
	}
	
	.checkout-section h2 {
		margin: 10px 0;
	}
	#cartPaymentInfo {
		margin: 25px 10px;
	}

	#cartPaymentInfo > * {
		display: block;
		margin: 20px 0;
	}
	#cardTypeRow {
		display: none;
	}
	#cartPaymentInfo .cards {
		margin: 0 auto;
	}
	
	#cartPaymentInfo .cvv-tooltip {
		position: fixed;
		top: 25%;
		width: 98%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 0;
	}

	#cartPaymentInfo .cvv-tooltip.visa,
	#cartPaymentInfo .cvv-tooltip.discover,
	#cartPaymentInfo .cvv-tooltip.mastercard,
	#cartPaymentInfo .cvv-tooltip.amex {
		background-size: initial;
	}
	#cartPaymentInfo .cvv-tooltip:after {
		display: none;
	}
	
	/*************** confirm.php ***********/

	#confirmWrapper .buttons {
		padding: 0;
		margin-bottom: 20px;
	}

	#confirmWrapper .buttons > input {
		width: 98px;
	}
	.cartSummaryWrapper {
		margin-top: 0;
	}
	.cartSummaryWrapper .title {
		float: none;
		width: auto;
		padding: 10px;
	}

	.cartSummaryWrapper .title h2 {
		margin: 0 auto;
	}

	.cartSummaryWrapper .details {
		margin-left: 0;
		font-size: 14px;
	}
	.cartSummaryWrapper .details table.eC_CartSummary {
		padding-bottom: 0;
	}

	.cartSummaryWrapper .details table.eC_CartSummary th {
		color: #555;
		font-size: 16px;
		width: 40%;
		text-align: left;
		padding: 10px 0 10px 10px;
		vertical-align: middle;
	}
	.cartSummaryWrapper .details table.eC_CartSummary td {
		padding: 10px 10px 10px 0px;
		text-align: right;
		font-size: 14px;
	}
	#CartShippingAreaTD > div > span {
		display: block;
	}
	.separator {
		margin: 0 !important;
	}
	
	
	/*************** users_Profile *******************/

	.insertForm .buttons {
		padding: 5px;
	}
	h4.SubTopper {
		margin-left: 0;
		border-bottom: none;
		margin-top: 10px;
	}
	.profileBox {
		width: auto;
	}
	
	/*************** orders_History *************/

	#pageOrdersHistory .table.Display_Search {
		display: block;
	}

	#pageOrdersHistory .table.Display_Search .row {
		display: block;
	}
	#pageOrdersHistory .Display_Search div.row > div {
		display: block;
		margin: 0;
		border-bottom: 1px solid #fff;
	}
	#pageOrdersHistory .Display_Search div.row > div:first-child {
		padding: 10px 0;
	}
	#pageOrdersHistory .Display_Search div.row > div:first-child h2 {
		margin: 0 10px;
	}
	#pageOrdersHistory .Display_Search div.row > div:first-child > * {
		display: inline-block;
		vertical-align: middle;
	}
	
	/******************** Category nav *****************/


	body.showing-categories ul#cssmw_home li#productsMenuItem:hover > ul {
		display: none;
	}

	ul#cssmw_home > li#productsMenuItem:hover > span > a {
		text-decoration: none;
	}
	
	#categoryOverlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin-top: 122px;
		background: rgba(0,0,0,.2);
		z-index: 50;
	}
	
	#categoryOverlay.active {
		display: block;
	}
	
	#outerWrapper #contentWrapper #leftColumn1 {
		float: none;
		width: auto;
		max-width: 300px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin-top: 122px;
		margin-right: 45px;
		z-index: 99;
		overflow-y: auto;
		transition: transform .5s;
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		transform: translateX(-100%);
	}
	
	#outerWrapper #contentWrapper #leftColumn1.active {
		transform: translateX(0%);
	}

	body.showing-categories.mobile-nav-open #outerWrapper #contentWrapper #leftColumn1 {
		margin-top: 166px;
	}

	body.showing-categories.mobile-nav-open #categoryOverlay {
		margin-top: 166px;
	}

	#sideMenu {
		background: white;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
	#sideArticleArea {
		display: none;
	}

	.side-menu h3 {
		width: auto;
		margin: 0;
	}

	#sideMenu .imagecolumn {
		display: none;
	}

	
	
	html.fixed,
	body.showing-categories,
	body.showing-categories #outerWrapper {
		height: 100%;
		overflow: hidden;
	}

	body.showing-categories #header,
	body.showing-categories #navWrapper {
		position: relative;
		z-index: 100;
	}
	
	body.showing-categories #content,
	body.showing-categories #widecontent,
	body.showing-categories #footer,
	body.showing-categories #breadCrumbs {
		position: relative;
		filter: blur(3px);
		-webkit-filter: blur(3px);
		z-index: 10;
	}
	body.ab-1-1.showing-categories #navWrapper {
		position: relative;
		filter: blur(3px);
		-webkit-filter: blur(3px);
		z-index: 10;
	}
	
	.ab-1-1 #categoryOverlay {
		margin-top: 0;
		z-index: 800;
	}
	
	.ab-1-1 #outerWrapper #contentWrapper #leftColumn1 {
		display: none;
	}
	.ab-1-1 .side-menu {
		margin-bottom: 5px;
		background-color: #eee;
	}

	.ab-1-1 .side-menu-header {
		border: 0;
		padding: 14px 10px;
		font-size: 16px;
	}
	.ab-1-1 .side-menu.foldable {
		transition: max-height .2s ease-out;
		-webkit-transition: max-height .2s ease-out;
		-moz-transition: max-height .2s ease-out;
		max-height: 900px;
		background-color: transparent;
	}
	.ab-1-1 .side-menu.foldable .side-menu-header {
		height: 45px;
		box-sizing: border-box;
		background-color: #eee;
	}
	.ab-1-1 .side-menu.foldable .side-menu-header::after {
		content: '-';
		float: right;
		font-size: 24px;
		line-height: 10px;
	}
	.ab-1-1 .side-menu.foldable.folded .side-menu-header::after {
		content: '+';
		line-height: 14px;
	}
	.ab-1-1 .side-menu.foldable.folded {
		max-height: 45px;
		overflow: hidden !important;
		transition: max-height .2s ease-in;
		-webkit-transition: max-height .2s ease-in;
		-moz-transition: max-height .2s ease-in;
	}
	.ab-1-1 .side-menu h4 {
		margin: 0;
		border-top: 1px solid #ddd;
		background-color: #F6F6F6;
		text-align:left;
		font-weight:normal;
	}
	.ab-1-1 .side-menu h4:last-child {
		border-bottom: 1px solid #ddd;
	}
	.ab-1-1 .side-menu a {
		padding: 10px 0 10px 10px;
		color: #666666;
		display:block;
		font-weight:500;
		text-decoration:none;
		margin: 0px;
		text-transform: none;
		font-stretch:semi-condensed;
		font-size: 14px;
	}
	.ab-1-1 .side-menu > a {
		padding:12px 10px;
	}
	.ab-1-1 .sideMenu h4 a::after {
		display: none;
	}

	.ab-1-1.showing-categories #leftMobileNavIcons {
		position: absolute;
		right: 0;
	}
	.ab-1-1.showing-categories #outerWrapper #midArea {
		display: none;
	}
	body.ab-1-1.showing-categories.mobile-nav-open #outerWrapper #contentWrapper #leftColumn1,
	body.ab-1-1.showing-categories.mobile-nav-open #categoryOverlay {
		margin-top: 0;
	}
	
	.ab-1-1 #mobileMenu {
		display: block;
		width: auto;
		max-width: 300px;
		position: absolute;
		top: 0;
		bottom: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		transition: transform .25s;
		-webkit-transition: transform .25s;
		-moz-transition: transform .25s;
		transform: translateX(-100%);
		box-sizing: border-box;
		margin-top: 0px;
		z-index: 900;
		max-width: none;
		left: 0;
		right: 45px;
		height: 100%;
		margin-right: 0;
		background-color: #fff;
		max-width: 300px;
	}
	.ab-1-1 #mobileMenu.active {
		transform: translateX(0%);
	}
	.ab-1-1 #searchBox #Search {
		padding: 0;
	}
	.breadcrumbs {
		margin: 10px;
	}
	#subCategoryWrapper {
		margin-top: 0;
		padding-top: 0;
	}
	.subcat {
		width: 50%;
		padding: 5px;
	}
	.subcat-image {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	
	.bottom-banner {
		transform: none !important;
		left: 0 !important;
	}

	.bottom-banner .container {
		height: auto !important;
		width: auto !important;
	}
	.bottom-banner span {
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		padding: 8px;
	}
	
	
	.confirm-box.cart-popup {
		left: 0;
		bottom: auto;
		right: 0;
		transform: translate(0, -50%);
		margin: 10px;
		overflow: auto;
	}
	.confirm-box.cart-popup .work-area {
		height: 280px;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.confirm-box.cart-popup .work-area-wrap {
		position: relative;
	}
	.confirm-box.cart-popup .work-area h3 {
		position: absolute;
	}
	.confirm-box.cart-popup .recommended-wrap {
		overflow-x: scroll;
		margin-top: 30px;
		-webkit-overflow-scrolling: touch;
	}
	.confirm-box.cart-popup .cancel-button,
	.confirm-box.cart-popup .confirm-button,
	.confirm-box.cart-popup .confirm-button a {
		width: 150px;
	}
	.contentBox ul {
		padding-left: 20px;
	}
	.contentBox dd {
		margin-left: 0;
	}
	.checkout-section .floating-trust {
		width: 100px;
	}
	.checkout-section .floating-trust * {
		max-width: 100px !important;
		max-height: 70px !important;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.checkout-section .newAddress h3 {
		margin: 5px auto;
	}
	.checkout-section .AddressBlock > span {
		display: inline-block;
		margin: 0 auto 5px auto;
		vertical-align: top;
	}
	.checkout-section .AddressBlock > input {
		margin: 2px 2px 0 0px;
		vertical-align: top;
		display: inline-block;
	} 
	.checkout-section .AddressBlock {
		width: auto;
		padding: 10px;
	}
	.checkout-section .AddressBlock > * {
		padding-left: 0;
	}
	.checkout-section .AddressBlock.newAddress > p {
		padding-left: 0;
	}
	.AddressBlock.newAddress > p > input,
	.AddressBlock.newAddress > p > select {
		width: 100%;
	}
	#widecontent.cart h1 {
		margin: 5px auto 10px;
	}
	#cartPaymentInfo {
		margin: 15px 0;
	}
	.outerAdd .product-rating {
		padding: 0 10px;
	}
	.feat-cat-wrap {
		border: 0;
		background: transparent;
		padding: 10px;
	}
	.feat-cat {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0px;
		border: 0;
		min-height: 0;
	}
	.feat-cat > div {
		background-color: #fff;
		border: 1px solid #eee;
	}
	.feat-cat:nth-child(even) {
		margin-left: 0;
		border: 0;
	}
	.feat-cat-image img {
		max-height: 240px;
	}
	.social-buttons {
		margin-left: 0;
	}
	.back-to-top {
		left: 10px;
		bottom:10px;
	}
	
	.item-total {
		position: relative;
	}
	.discount-tooltip {
		position: static;
	}
	.discount-tooltip .instr-tooltip {
		left: 15px;
		right: 15px;
		transform: none;
	}
	.item-total .discount-tooltip .instr-tooltip {
		margin-bottom: 35px;
	}
	.discount-tooltip .instr-tooltip span {
		white-space: normal;
	}
}

@media screen and (max-width: 374px) {
	#ProductNormal_form .Display_Search div.row > div {
		width: 100%;
		display: block;
		border-bottom: 0;
		margin: 0;
		padding: 0 10px 5px;
	}
	#ProductNormal_form .Display_Search div.row > div:first-child {
		text-align: left !important;
		font-size: 14px;
		margin: 10px 0 0 0;
	}
	.confirm-box.cart-popup {
		padding: 10px;
	}
	.confirm-box.cart-popup .post-cart {
		margin-bottom: 10px;
	}
	.confirm-box.cart-popup .post-cart > h3 {
		margin: 5px 0 10px 0;
	}
	.confirm-box.cart-popup .confirm-close {
		padding: 14px 12px
	}
	.confirm-box.cart-popup .cancel-button,
	.confirm-box.cart-popup .confirm-button,
	.confirm-box.cart-popup .confirm-button a {
		width: 135px;
		margin: 0;
	}
	.contentBox ul {
		padding-left: 15px;
	}
	
	.AddressBlock {
		width: 100% !important;
		min-height: 120px !important;
	}
	.home-banner {
		height: 138px;
	}
	.feat-cat > div {
		min-height: 200px;
	}
	.feat-cat .view-more {
		left: 0;
	}
}

@media screen and (min-width: 550px) and (max-width: 768px) {
	.ab-1-1 #searchBox {
		display: block;
		position: absolute;
		left: 160px;
		margin-top: 0;
		right: 150px;
		width: auto;
		padding: 10px 0;
	}
	.ab-1-1 #searchBox #Advanced {
		display: none;
	}
	.ab-1-1 #searchBox #S_ProductName {
		width: 98%;
		height: 40px;
	}
	.ab-1-1 #searchBox #Search {
		height: 34px;
	}
	.ab-1-1 #expandSearch {
		display: none;
	}
	.grid .productResultsWrapper {
		width: 33.3%;
	}
	ul#cssmw_home > li {
		width: 120px;
	}
	.productDetailWrapper .image-area {
		width: 40%;
		float: left;
		padding-top: 0;
		box-sizing: border-box;
	}
	.productDetailWrapper .image .imageWrapper {
		height: 250px;
	}
	.productDetailWrapper .image .imageWrapper img {
		max-width: 99%;
		max-height: 99%;
	}
	.social-button {
		margin-bottom: 5px;
	}
	.outerAdd {
		float: right;
		width: 60% !important;
	}
	.bottom-banner .container {
		height: 150px !important;
	}
	
}


@media screen and (min-width: 375px) and (max-width: 768px) {
	.grid .quick-add-to-cart .add-to-cart {
		width: 90px;
	}
	.grid .productResultsWrapper .middle h2 {
		padding: 5px 10px 0;
		line-height: 16px;
	}
	.ab-1-1.showing-categories #leftMobileNavIcons {
		position: static;
		
	}
	.ab-1-1.showing-categories #outerWrapper #midArea {
		display: block;
	}
	body.ab-1-1.showing-categories #header {
		position: relative;
		filter: blur(3px);
		-webkit-filter: blur(3px);
		z-index: 10;
	}
	.subcat {
		width: 33.3%;
	}
	#footer .col.contact-us,
	#footer .col.support,
	#footer .col.follow-us,
	#footer .col.account {
		width: 50%;
	}
	#footer .col.account {
		clear: left;
	}
	#footer .col .split {
		width: 100%;
	}
}
@media screen and (min-width: 375px) and (max-width: 415px) {
	.subcat .subcat-image {
		max-height: 110px;
	}
	.home-banner {
		height: 160px;
	}
}
@media screen and (min-width: 416px) and (max-width: 450px) {
	.home-banner {
		height: 180px;
	}
}
@media screen and (min-width: 375px) and (max-width: 450px) {
	.subcat .subcat-image {
		max-height: 110px;
	}
}
@media screen and (min-width: 375px) and (max-width: 485px) {
	.support-index {
		margin-right: 10px;
		width: 135px;
	}
}

@media screen and (min-width: 450px) and (max-width: 550px) {
	.grid .productResultsWrapper .middle {
		height: 70px;
	}
	.home-banner {
		height: 200px;
	}
}

@media screen and (min-width: 550px) and (max-width: 650px) {
	.home-banner {
		height: 240px;
	}
}

@media screen and (min-width: 550px) and (max-width: 768px) {
	#footer .col {
		padding: 0 20px !important;
	}
}
@media screen and (min-width: 651px) and (max-width: 768px) {
	.home-banner {
		height: 280px;
	}
}
@media screen and (min-width: 450px) and (max-width: 768px) {
	nav.tabs {
		height: 44px;
		margin-bottom: -2px;
	}
	.tabs-wrap::after {
		top: 4px;
		height: 38px;
		width: 60px;
	}
	ul.tabs {
		height: 36px;
	}
	ul.tabs > li > a {
		 padding: 8px 10px; 
		 height: 38px;
		 line-height: 22px;
	}
	ul.tabs > li {
		width: 100px;
	}
	ul.tabs > li > a.active {
		 padding: 12px 10px 8px; 
		 height: 42px;
	}
}


@media screen and (min-width: 600px) and (max-width: 768px) {
	.subcat {
		width: 25%;
	}
	.subcat .subcat-image {
		
	}
}

@media screen and (max-width: 400px) {
	.checkout-section .floating-trust {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.AddressBlock.newAddress {
		width: 100% !important;
		min-height: 30px !important;
	}
	.profileBox > p > label {
		text-align: left;
	}
	.item-title h2 {
		font-size: 14px;
	}
	.item-title h2 a {
		font-size: 14px;
	}
}

@media screen and (max-width: 550px) {
	#productReviews .review-entry .left-side {
		display: block;
		width: 100%;
		border-right: 0;
		border-bottom: 1px dashed #ddd;
	}
	#productReviews .review-entry .right-side {
		display: block;
		padding: 10px 0 0;
		margin-left: 0;
		width: auto;
	}
	.product-review-form label {
		width: 100%;
		display: block;
		padding: 5px 0;
	}
	.product-review-form form > div > div {
		width: 100%;
		margin-left: 0;
		display: block;
	}
	.product-review-form .new-product-rating {
		margin-top: 5px;
	}
	.product-review-form .add-to-cart-select-row label {
		text-align: left;
	}
	.product-review-form .add-to-cart-select-row select {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	
	#registrationForm .insertForm {
		margin: 0;
		padding: 0 10px;
	}
	#registrationForm .insertForm label {
		width: 35%;
	}
	#registrationForm .insertForm input[type=text],
	#registrationForm .insertForm input[type=tel],
	#registrationForm .insertForm input[type=email],
	#registrationForm .insertForm input[type=password],
	#registrationForm .insertForm select {
		 width: 65%;
	}
	#registrationForm .insertForm span {
		margin-right: 0;
	}
	#cartPaymentInfo .cards {
		float: none;
	}
	.productDetailWrapper .sub-product {
		margin:10px 25px 25px;
	}
}


@media screen and (max-width: 450px) {
	#registrationForm .insertForm label {
		width: 100%;
		display: block;
		text-align: left;
	}
	#registrationForm .insertForm input[type=text],
	#registrationForm .insertForm input[type=tel],
	#registrationForm .insertForm input[type=email],
	#registrationForm .insertForm input[type=password],
	#registrationForm .insertForm select {
		width: 100%;
		display: block;
		margin-left: 0;
	}
	.desc-shower-kit ul {
		padding-left: 18px;
	}
	.desc-shower-kit .pro-advanced-comp-table-pan {
		padding: 0;
	}
	div.imagetable > div {
		max-width: 125px;
	}
	.desc-shower-kit .video-static .video {
		float: none;
	}
	.desc-shower-kit .size-panel {
		float: none;
	}
}
@media screen and (max-width: 485px) {
	.productDetailWrapper .sub-product img {
		margin-right: 0;
		margin-top: 5px;
		float: none;
	}
	.productDetailWrapper .sub-product > div > a {
		display: block;
		width: 100%;
		text-align: center;
	}
	.productDetailWrapper .sub-product ul {
		margin: 10px 0;
		padding-left: 25px;
	}
	#content > .contentBox {
		padding: 0 10px 10px 10px;
	}
}

@media screen and (max-device-width: 768px) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	}
	.confirm-box.cart-popup {
		margin-top: 0;
	}
	.confirm-box.cart-popup .work-area h3 {
		position: static;
	}
	.confirm-box.cart-popup .work-area {
		max-height: 160px;
		overflow-y: auto;
		padding: 10px;
	}
	.confirm-box.cart-popup .recommended-wrap > div {
		width: 47%;
		margin: 5px;
	}
	.confirm-box.cart-popup .recommended-wrap {
		width: 100% !important;
		margin: 0;
	}
	.confirm-box.cart-popup .recommended-wrap > div .recommended-image {
		display: inline-block;
	}
	.confirm-box.cart-popup .recommended-wrap > div p {
		display: inline-block;
		width: 50%;
		vertical-align: top;
		margin: 0;
		padding-left: 5px;
	}
}