/* 1024px */
.responsive_tagline
{	display:none;
} 
@media screen and (max-width: 1024px) {
	/* Hide */
	#Header .header_mid
	{	display:none;
	}
	.responsive_tagline 
	{	display:block; width:100%; float:left; 
	}
	#Header .responsive_tagline .header_mid
	{	display:block;       
	}
	.productOptionPreviewDisplay, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { display: none !important; }
	/* Show */
	/* Layout */
	.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {width:93.8%; margin:0 25px;}
	#home .ProductList li, .productPage .ProductList li { width: 32.4%; }
	.AddBillingAddress dd, .AddShippingAddress dd { float: none; }
	.header-logo {width:100%; text-align:center; margin-top:0px;}
	.header_mid {float:none; clear:both; width:auto; display:block; text-align:center; padding:10px 0px;}
	.header-secondary {float:left; width:100%; text-align:center;}
	#SearchForm {float:none; display:inline-block; margin-top:0px;}
	.PageMenu li {margin:0 13px;}
	.header-logo img
	{	float:none;
	}
	.slide-show .slide-overlay {width:70%;}
	.slide-show h2 {font-size:20px;}
	.slide-show .slide-text {font-size:15px;}
	.flex-direction-nav .flex-prev {left:5px;}
	.flex-direction-nav .flex-next {right:5px;}
	
	/* Cart Styling */
	.ExpressCheckoutContent { padding: 0; margin-bottom: 20px; }
	.ExpressCheckoutContent > div { margin-bottom: 20px; }
	.newsletter-subscription .Textbox { width:100%; }
	.ind_save_row {font-size:16px;}
	.header-logo h1 a {font-size:40px;}
	.ProductList li {width:32.3%;}
	#ProductDetails {width:70%;}
	.recommended_right {width:28%;}
	.product_details_page .left-content {width:100%;}
	.ProductList .ProductImage, .brand-img, #ProductDetails .ProductThumbImage {width:95%;}
	.product_details_page .ProductMain {width:100%;}
	.product_detail ul li {width:24.8%;}
	.BlockContent img {height:62px;}
	.PinterestButtonContainer img { height:auto !important;} 
	.TopMenu li {padding: 0 5px;}
	.ProductList .ProductImage img, #ProductDetails .ProductThumbImage img {height:auto;}
	.ProductMain .DetailRow .Value span img {height:auto;}
	.recommended_right .BlockContent .ProductList li {width:90%; margin:0 0 10px 0;}
	.recommended_right .BlockContent .ProductList li .ProductPriceRating .Rating img {height:auto;}
	.ProductList .ProductPriceRating .Rating img {height:auto;}
	div.selector {width:64%;}
	.Block.SocialConnect.Moveable.Panel {width: 200px;}
	.BlockContent img.__mce_add_custom__ {height:auto;}
	#SimilarMultiProductsByCustomerViews .ProductList li
	{	width: 24.3%;
	}
}

/* 768px */
@media screen and (max-width: 768px) {
	.SlideShow-mobile {display:block;}  
	.toggle-menu {float:right; padding:0; margin-right:10px !important; width:20px; display:block;}
	.toggle-menu span {background-color:rgba(255, 255, 255, 0.5); width:100%; height:2px; float:left; margin:2px 0px; border-radius:20px;}
	.TopMenu .inner ul {display:none; position:absolute; z-index:2; top:27px; left:0px; max-width:94%; min-width:94%; width:94%; background-color:#393939; padding:0 3% !important;}
	.TopMenu li {padding:0 1%; width:98%; line-height:28px;}
	.brand-img, #ProductDetails .ProductThumbImage { padding:0px;}
	
	/* Hide */
	#LayoutColumn1 #HomeSlideShow {display:none;}
	#ProductBreadcrumb,  .productlist-page .Left { display: none; }
	.Left { float: none; width: auto; margin-right:0px; clear:both; }
	.CartContents > thead,  .CartContents .CartThumb,  .CartContents .CartItemIndividualPrice { display: none !important; }
	#ModalContainer .fastCartThumb,  #ModalContainer .fastCartItemBox div,  #ModalContainer .Quantity,  #ModalContainer .fastCartBottom { display: none !important; }
	.SubCategoryList { display: none; }
	#home .search_filter {width:auto;}
	#home .search_filter h3 {width:auto;}
	#home .search_filter .search_txt {width:94%; margin-bottom:5px; margin-left:13px;}
	
	
	/* Show */
	.js-mobile-sub-category-menu { display: block; }
	
	/* Layout */
	#Header {margin-bottom:10px;}
	#home .ProductList li,  .productPage .ProductList li {width:48%; margin-right:2%;}
	.ProductList li.Even {margin-right:0 !important;}
	.header-logo {width:100%; margin-top:0px;}
	.header-logo h1 {padding:0; text-align:center;}
	.header_mid {text-align:center; padding:10px 0px; display:block; clear:both; float:none;}	
	.ProductList li {width:32.5%;}
	#ProductDetails .left-content { float: none; width: auto; }
	.PrimaryProductDetails .ProductMain { float: none; padding: 0 0 20px 0; width: auto; }
	.footer-columns .grid__item { text-align: left; width: 33.333333%; }
	.footer-columns .grid__item:last-child { text-align: left; width: 100%; }
	.footer-main .SocialConnect ul { margin: 0; padding: 20px 0; text-align: left; }
	.footer-main .inner { padding: 20px 0 0 0; }
	#AjaxLoading { background-color: rgba(0, 0, 0, .7); top: 0; right: 0; bottom: 0; left: 0; }
	#AjaxLoading .ajax-loader { position: absolute; margin-top: -16px; top: 50%; right: 0; left: 0; }
	#ModalOverlay { background-color: #000; opacity: 0.7 !important; }
	.productlist-page .CategoryContent { padding: 0; }
	.fastCartThumb,  .fastCartItemBox,  .fastCartSummaryBox { float: none; width: 100%; }
	#ModalContainer { background-color: #fff; top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; width: auto !important; margin-left: 0 !important; }
	#ModalContainer .fastCartTop { padding: 0; }
	#ModalContainer .fastCartItemBox { padding: 0; text-align: center; }
	#ModalContainer .fastCartSummaryBox { margin: 0 auto; float: none; overflow: hidden; }
	.login-form .CreateAccount { margin-bottom: 20px; }
	.header-secondary { clear: both; float: none; text-align:center; }
	.header-secondary #SearchForm { width: 208px; float:none; display:inline-block; margin:0px; }
	.header-secondary .QuickSearch { border-top-width: 0 !important; }
	
	/* Multipage Cart Styling */
	.TabNav { border-bottom: 0; margin: 0; padding: 0; font-size: 0; }
	.TabNav li { width: 100%; text-align: center; }
	.TabNav li a { box-sizing: border-box; margin: 0; }
	.productlist-page .FloatRight.SortBox {float:right; padding:5px 0 0 0;}
	.ProductList .ProductActionAdd {clear:both;}
	.CartCode .CouponCode, .CartCode .GiftCertificate {width:100%; margin-bottom:10px;}
	.CouponCode h3, .GiftCertificate h3 {width:auto;}
	#ProductDetails {width:65%;}
	.recommended_right {width:32%;}
	.product_detail ul li {width:24.7%;}
	.BlockContent img {height:50px;}
	.PinterestButtonContainer img { height:auto !important;}
	.tab-box a {width:32%;}
	.FormContainer .box {width:100%;}
	div.selector {width:43%;}
	.header {margin-bottom:20px;}
	.Block.SocialConnect.Moveable.Panel {width: auto;}	
	#SimilarMultiProductsByCustomerViews .ProductList li a img
	{	height:auto;
	}
}

/* 600px */
@media screen and (max-width: 600px) {
	/* Hide */
	#shareDescription { display: none; }
	.Block.SocialConnect.Moveable.Panel {width: auto;}
	/* Show */
	
	/* Layout */
	.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {width:91.6%;}
	.ProductList li,  #home .ProductList li,  .productPage .ProductList li { width: 48%; }
	.addto .BulkDiscount,  .addto #SideProductAddToWishList { display: block; clear:none; float:left; }
	.CartCode .CouponCode,  .CartCode .GiftCertificate { float: none; width: auto; clear:both; }
	.ProceedToCheckout,  .KeepShopping { text-align: center; width:100%;}
	.KeepShopping {margin-top:20px;}
	.PageMenu ul {margin:0px;}
	.PageMenu li {margin:0 15px;}
	#SideNewsletterBox .grid .grid {margin:0 0 20px 0px !important;}
	#SideNewsletterBox .grid__item {padding:0px !important;}
	.ProductList .ProductImage, .brand-img, #ProductDetails .ProductThumbImage {width:90%;}     
	
	/* Adjusting the size of the swatches for smaller screens */
	.productOptionViewRectangle .option label { padding: 0 !important; line-height: 30px; height: 30px; width: 30px; }
	.productOptionPickListSwatch .textureContainer,  .productOptionPickListSwatch .swatchColours { display: block !important; }
	.productOptionPickListSwatch .thumbnail,  .productOptionPickListSwatch .swatchColour { display: block !important; height: 30px !important; width: 30px !important; }
	/* Selector was .productOptionPickListSwatch li but had to make more spesific to overwrite __Master*/
	html.javascript div.productOptionPickListSwatch li { display: inline-block; }
	#tabcontent .photo { float: none; margin: 0; width: auto; }
	.BillingDetails,  .ShippingDetails { width: 100%; float: none; margin-right: 0; padding-top: 15px; }
	.ShippingAddressList li { width: 50%; }
	.CartContents tfoot .CheckoutRedeemCoupon { text-align: left; }
	.CartContents tfoot .CheckoutRedeemCoupon td { padding: 0; }
	.newsletter-subscription .grid > .grid__item { text-align:left; width: 100% !important; }
	.newsletter-subscription input { margin-bottom: 10px; }
	.newsletter-subscription input.btn {width:auto !important;}
	.newsletter-subscription h4 { padding: .5em 0; font-size: 1.5em; text-align: left; }
	.newsletter-subscription h4 span {float:left; width:100%;}
	.newsletter-subscription .inner { padding: 0; }
	#ProductDetails {width:100%;}
	.addto #SideProductAddToWishList input {margin:4px 0 3px;}
	.CompareRowMn {margin:5px 0 0 0; float:left;}
	.BlockContent img {height: 66px;}
	.recommended_right {width:auto;}
	.ProductList .ProductImage img, #ProductDetails .ProductThumbImage img {height:300px;}
	.footer-links p {text-align:left;}
	.PageMenu {margin:0px;}
	.login-form .one-half { width: 100%;}
	.Field200, #login_email, #login_pass {width:100%;}
	div.selector {width:100% !important;}
	.Field45 {width:100% !important;}
	.FormContainer dl dd input {width:100% !important;}
	.FormContainer dl dd textarea {width:100%;}
	#multiAddressForm div.selector {width:40% !important;}
	#multiAddressForm table tbody tr td, #multiAddressForm table.General tbody tr td, #multiAddressForm table.CartContents tbody tr td {float:left; width:100%; padding:10px 0px !important; margin:0px !important;}	
	.slide-show .slide-overlay {top:13%; left:20px; width:60%;}
	.flex-direction-nav .flex-prev {left:0px;}
	.flex-direction-nav .flex-next {right:0px;}
	#SimilarMultiProductsByCustomerViews .ProductList li
	{	width:32%;
	}
}

/* 600px */
@media screen and (max-width: 568px) {
	.ProductList li, #home .ProductList li, .productPage .ProductList li {width:47.833%;}
	.footer-columns .grid__item {width:100%; margin-bottom:20px;}
	.brand-img, #ProductDetails .ProductThumbImage { padding:20px;}
	div#fancy_outer, 
	#fancy_overlay
	{	display:none !important;
	}
	.footer .TopMenu
	{	position:static;
	}
	
	 
}

/* 480px */
@media screen and (max-width: 480px) {
	/* Hide */
	
	.header {position:fixed; width:100%; z-index:999; top:0px; left:0px; }
	.SlideShow-mobile {margin:0px 0 0 0;}
	.TopMenu .CartLink a span {display:none;}
	.header_mid {display:none;}
	.on-screen .inner .CategoryList .search_filter {display:none !important;}
	.Left #SideCategoryList h3 {display:none;}
	.Left #SideCategoryList .BlockContent {display:none;}
	#SideShopByBrand {display:none;}
	.PageMenu {display:none;}
	.TopMenu .inner .js-drawermenu-store-phone-container {display:none;}
	.toggle-menu {display:none;}
	.Block.SocialConnect.Moveable.Panel {width: auto;}
	.footer {float:left; width:100%;}
	
	/* Show */
	.on-screen .inner #SideShopByBrand {display:block;}
	#home .search_filter h3 {display:block;}
	.TopMenu .inner ul {padding:0 4% !important; width:92%; max-width:92%; min-width:92%;}
	.header-secondary { display: block !important; }
	#ToggleMenu,  #cart-amount { display: table-cell; }
	.TopMenu {margin:0; position:relative; z-index:9999;}
	
	
	/* Layout */
	.main { float:left; width:100%;}
	#ToggleMenu {top:-32px; position:absolute; width:50px; height:30px; z-index:9999999;}
	#ToggleMenu:after {box-shadow:0 8px 0 2px #fff, 0 16px 0 2px #fff, 0 24px 0 2px #fff; top:0px;}
	.TopMenu .inner {padding:0px;}
	.TopMenu .CartLink {margin:0px;}
	#home .search_filter .search_txt {height:40px; padding:0 10px; margin:0 3% 5px !important; width:94% !important;}
	.ProductList li,  #home .ProductList li,  .productPage .ProductList li { width: 100%; }
	.TopMenu > .inner,  #Header > .inner,  .PageMenu > .inner,  .main > .inner,  .footer-main > .inner,  .footer-links > .inner,  .newsletter-subscription > .inner { width: 84%; margin:0px auto; }
	#Header { position: relative; top: 0; z-index: 9999; background-color: #fff; width: 100%; border-bottom: 1px solid #efefef; }
	#Header > .inner { width: 90%; display: table; padding: 10px 0; }
.header-secondary {
float: none;
position: absolute;
top: -42px;

left: 0;

width: 52%;
text-align: center;
}
	.header-secondary .currency-converter { display: none; }
.header-secondary #SearchForm {
float: none;
width: 115%;
margin-left: 33%; border:2px solid #c1c1c1;
 background: url("../images/search_bg1.png") no-repeat right center #FFF; margin-top:11px;
}
#DrawerMenu.on-screen
{	top:125px;
}
	.header-secondary #SearchForm input.Textbox { border: 0; background: none; color: #d6d6d6; height:24px; line-height:24px; padding:0px 10px; text-indent:0px; margin-top:0px; }
.header-secondary #SearchForm input.Button {
background-color: rgba(0, 0, 0, 0);
position: absolute;
border: 0;
height: 100%;
margin-left: -29px;
}
	.header-logo { display: table-cell; width:auto; float: none; vertical-align: middle; text-align: center; overflow: hidden; }
	.header-logo h1 { padding: 0; }
	#cart-amount { vertical-align: middle; width: 60px; }
	#cart-amount .Cart { font-weight: bold; padding: 1em 0px; display: block; text-align: center; width: 60px; position: relative; }
	#cart-amount .Cart .total { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 5px; margin: 0 auto; min-width: 25px; height: 25px; }
	#cart-amount .Cart .bag-handle { border-bottom: 0; position: absolute; top: 8px; left: 24px; height: 4px; width: 8px; border-radius: 7px 7px 0px 0px; }
	.PageMenu .inner { background: #fff; padding: 0; }
	.PageMenu ul { display: block; }
	.PageMenu .CategoryList { padding: 0; }
	.PageMenu .pages-menu { display: none; }
	.PageMenu li { display: block; margin: 0; padding: 0; border-bottom: 1px solid #efefef; }
	.PageMenu a { padding: 1em; font-size: 1.2em; }
	.SubCategoryList { margin-bottom: 0; }
	.SubCategoryList li { padding: 0.9em; background: none; border-bottom: 1px solid #efefef; }
	#fastCartContainer { max-height: none; }
	.footer-columns .grid__item,  .CartCode .grid__item { width: 100%; }
	#fancy_outer { z-index: 9999 !important; }
	#fancy_overlay { z-index: 9999 !important; }
	.footer-links { text-align: center; }
	.footer .powered-by { float: none; display: block; margin-top: 10px; }
	.LittleNotePassword { padding: 0; margin-bottom: 20px; }
	/* Cart Styling */
	table.CartContents tbody tr td { padding: 10px 8px; }
	.CartCode .grid__item { width: 100%; }
	.CartCode .GiftCertificate input,  .CartCode .CouponCode input { margin-bottom: 20px; }
	#CartContent .FloatRight,  #CartContent .FloatLeft,  .ExpressCheckoutContent .FloatLeft,  .ExpressCheckoutContent .FloatRight  #ConfirmOrder .FloatLeft,  #ConfirmOrder .FloatRight { float: none; }
	.PayPalExpressCheckout { text-align: center; padding: 1em 0; }
	.AddBillingAddress dd, .AddShippingAddress dd { padding: 0 !important; float: none; width: auto; }
	.ShippingAddressList li { width: 100%; }
	.ind_save_row {line-height:30px; padding:20px 10px;}
	#SideNewsletterBox .grid .grid {margin-left:0;}
	#SideNewsletterBox .grid__item {padding-left:0px;}
	.newsletter-subscription .Textbox {height:35px; margin:0 0 10px 0px;}
	.newsletter-subscription .Textbox {width:auto;}
	.ProductList .ProductActionAdd {margin:0px; float:left; width:100%;}
	.BlockContent img {height:50px;}
	.BlockContent img.__mce_add_custom__ {height:auto;}
	.PinterestButtonContainer img { height:auto !important;}
	.ProductList .ProductImage {width:100%;}
	.brand-img, #ProductDetails .ProductThumbImage {width:auto; padding:0px; }
	.CartCode .CouponCode form .CouponCode input {width:83% !important; float:left; margin-right:20px;}
	.CartCode .CouponCode form .CouponCode input.btn {width:40px !important; margin:0px;}
	.CartCode .GiftCertificate form .GiftCertificateCode input {width:83% !important; float:left; margin-right:20px;}
	.CartCode .GiftCertificate form .GiftCertificateCode input.btn {width:40px !important; margin:0px;}
	.ProceedToCheckout .CheckoutButton {width:100%; margin-left:0px;}
	.ProceedToCheckout .AlternativeCheckout {width:100%;}
	.ExpressCheckoutContent .CreateAccount {width:100%;}
	.ExpressCheckoutContent .AccountLogin {width:100%;}
	.ProceedToCheckout,  .KeepShopping { text-align: center; float:left; width:100%;}
	.slide-show .slide-overlay {width:70%; top:8%;}
	.slide-show h2 {font-size:22px;}
	.slide-show .slide-text {font-size:14px;}
	.slide-show .btn {width:auto !important; float:left;}
	.productlist-page .FloatRight.SortBox {width:100%; float:left;}
	.SortBox div.selector, .SearchSorting div.selector {float:left; width:99% !important;}
	.productlist-page .CompareButton .btn.alt {float:right; width:auto !important;}
	.ProductList .ProductImage img 
	{	width:auto; height:auto;
	}
	#ProductDetails .ProductThumbImage img {height:auto; width:100%;}
	#ProductDetails .ProductThumbImage img.product_zoom_icon
	{	 display: none;
    position: absolute;
    z-index: 99;
    width: auto;
    height: auto;
    bottom: 10px;
    right: 10px;
	}
	#Header
	{	border-bottom:0px;
	}
	.header
	{	background:#FFF; height:124px;
	}
	.ProductZoomImageBox
	{	height:150px !important;
	}
	.ProductZoomImageBox.center-container img
	{	min-height:150px;   
	}
	#SimilarMultiProductsByCustomerViews .ProductList li {
    width: 48%;
}
}


/*----------------------------------------------------------------------------------------------------------
#############################################  BASE FORM STYLES - RESPONSIVE - (Move to base-forms.css)
----------------------------------------------------------------------------------------------------------*/

/* 480px */
@media screen and (max-width: 480px) {
	/* increasing input font sizes to avoid some zoom by webkit browsers */
	input[type="date"],  input[type="email"],  input[type="number"],  input[type="password"],  input[type="search"],  input[type="tel"],  input[type="text"],  input[type="url"],  textarea,  select { font-size: 16px !important; }
	.btn,  textarea,  input[type="email"],  input[type="text"],  input[type="password"],  input.Textbox { display: block; height: 40px; line-height: 40px; width: 100% !important; /* inline widths :( */ margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	select,  div.selector /* For uniform */ { margin-bottom: 20px; }
	/* Form Styling */
	.form dt,  .FormContainer dt { text-align: left; width: auto; clear: both; float: none; }
	.form dd,  .FormContainer dd { padding: 0; margin: 0; }
	#Header.off-screen {transform: translateY(0px);}
	.main {margin-top:125px;}
		.header-logo img
		{	height:70px;
		}
.responsive_tagline 
{	display:none;
}
#Header
{	height:92px; 
}
	
}

/* 320px */
@media screen and (max-width: 384px) {
	.addto .BulkDiscount, .addto #SideProductAddToWishList {clear:both;}
	.product_detail ul li {width:49.6%;}
	.BlockContent img {height:77px;}
	.PinterestButtonContainer img { height:auto !important;}
	.tab-box a {width:31.4%;}
	#ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {top:35%;}
	table tbody tr td, table.General tbody tr td, table, table.General, table.CartContents {font-size:13px;}
	.CartItemQuantity .selector, .DetailRow.qty .selector {width:55px !important;}
	.CartContents tfoot .SubTotal td {text-align:left;}
	.CartCode .CouponCode form .CouponCode input {width:77% !important;}
	.CartCode .GiftCertificate form .GiftCertificateCode input {width:77% !important;}
	#recaptcha_area td {float:left; width:97% !important;}
	.recaptchatable a, .recaptchatable a:hover {display:inline-block !important; width:auto;}
	.recaptchatable a img {height:auto;}
	.recaptchatable td img {height:auto;}
	.slide-show h2 {font-size:16px; line-height:20px;}
	.slide-show .slide-text {font-size:13px; line-height:20px;}
	.slide-show .btn {height:35px; line-height:35px; font-size:13px;}
	.Block.SocialConnect.Moveable.Panel {width: auto;}
	.main {margin-top:125px;}	 
	#Header
	{	height:92px;
	}
	.header-logo
	{	height:70px;
	}
	.ind_save_row
	{	margin-top:10px;
	}
	#DrawerMenu.on-screen { top:74px; position:fixed;} 
}

/* 320px */
@media screen and (max-width: 360px) {
	.header-logo img { width:auto; height:70px;}	
	#DrawerMenu.on-screen {	margin:32px 0 0 0;}
	.header-logo h1 a {font-size:30px;}
	.BlockContent img {height:auto;}
	.slide-show .slide-overlay {display:none;}
	.PinterestButtonContainer img { height:auto !important;}
	.Block.SocialConnect.Moveable.Panel {width: auto;} 
	.TopMenu .CartLink {margin:0 0px 0 0;}
	#ToggleMenu {left:0px; top:-33px;}
	#Header > .inner {width:84%;}
	.brand-img, #ProductDetails .ProductThumbImage {width:auto; padding:0px;}
	.SortBox div.selector, .SearchSorting div.selector {width:98.6% !important;}

	.SlideShow-mobile {display:none;}
		.ProductList .ProductImage img
		{	width:auto; height:auto; 
		}
		#ProductDetails .ProductThumbImage img {height:auto; width:100%;}
		#DrawerMenu.on-screen {
    top: 93px;
}

.main {
    margin-top: 136px;
}
 #SimilarMultiProductsByCustomerViews .ProductList li {
    width: auto;
}
}

@media screen and (max-width: 340px) {
#DrawerMenu.on-screen { top:74px;}              
 #DrawerMenu.on-screen {	margin:53px 0 0 0;}      
}