/* 1024px */
@media screen and (max-width: 1024px) {
/* Hide */
.productOptionPreviewDisplay, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
	display: none !important;
}
/* Show */

    /* Layout */

#home .ProductList li, .productPage .ProductList li {
	width: 20%;
}
.AddBillingAddress dd, .AddShippingAddress dd {
	margin-left: 180px;
	float: none;
}
.PurchaseGiftCertificate .FormContainer dt {
	text-align: left;
	width: auto;
	clear: both;
	float: none;
	padding: 0 0 10px 0;
}
.PurchaseGiftCertificate .FormContainer dd {
	padding: 0;
	margin: 0 0 20px 0;
}
/* Cart Styling */

.ExpressCheckoutContent {
	padding: 0;
	margin-bottom: 20px;
}
.ExpressCheckoutContent > div {
	margin-bottom: 20px;
}
}

/* 1000px */
@media screen and (max-width: 1000px) {
/* Hide */

    /* Show */

    /* Layout */

#home .ProductList li, .productPage .ProductList li {
	width: 25%;
}
.ProductList li {
	width: 33.333333%;
}
}

/* 768px */
@media screen and (max-width: 768px) {
/* Hide */

#HomeSlideShow, #ProductBreadcrumb, .productlist-page .Left {
	display: none;
}
.Left {
	float: none;
	width: auto;
	padding: 0;
}
.CartContents > thead, .CartContents .CartThumb, .CartContents .CartItemIndividualPrice {
	display: none !important;
}
#ModalContainer .fastCartThumb, #ModalContainer .fastCartItemBox div, #ModalContainer .Quantity, #ModalContainer .fastCartBottom {
	display: none !important;
}
.SubCategoryList {
	display: none;
}
/* Show */

.SubCategoryList.mobile {
	display: block;
}
/* Layout */

#home .ProductList li, .productPage .ProductList li {
	width: 33.333333%;
}
#ProductDetails .left-content {
	float: none;
	width: auto;
}
.PrimaryProductDetails .ProductMain {
	float: none;
	padding: 0 0 20px 0;
	width: 100%;
}
.footer-columns .grid__item {
	text-align: center;
	width: 33.333333%;
}
.footer-columns .grid__item:last-child {
	text-align: center;
	width: 100%;
}
.footer-main .SocialConnect ul {
	margin: 0;
	padding: 20px 0;
	text-align: center;
}
.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 .one-half {
	width: 100%;
}
.login-form .CreateAccount {
	margin-bottom: 20px;
}
.header-logo {
	margin-bottom: 20px;
}
.header-secondary {
	clear: both;
	float: none;
}
.header-secondary #SearchForm {
	width: 100%;
}
.header-secondary .QuickSearch {
	border-top-width: 0 !important;
}
.TopMenu ul {
	text-align: center;
}
/* 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;
}
}

/* 600px */
@media screen and (max-width: 600px) {
/* Hide */

#shareDescription {
	display: none;
}
/* Show */

    /* Layout */

.ProductList li, #home .ProductList li, .productPage .ProductList li {
	width: 50%;
}
.CartCode .CouponCode, .CartCode .GiftCertificate {
	float: none;
	width: auto;
}
.ProceedToCheckout, .KeepShopping {
	text-align: center;
}
/* Adjusting the size of the swatches for smaller screens */

.productOptionViewRectangle .option label {
	padding: 0 !important;
	line-height: 60px;
	height: 60px;
	width: 60px;
}
.productOptionPickListSwatch .textureContainer, .productOptionPickListSwatch .swatchColours {
	display: block !important;
}
.productOptionPickListSwatch .thumbnail, .productOptionPickListSwatch .swatchColour {
	display: block !important;
	height: 60px !important;
	width: 60px !important;
}
.productOptionPickListSwatch li {
	display: inline-block !important;
}
#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 {
	width: 100% !important;
	text-align: center;
}
.newsletter-subscription input {
	margin-bottom: 20px;
}
.newsletter-subscription h4 {
	padding: .5em 0;
	font-size: 1.5em;
	text-align: center;
}
.newsletter-subscription .inner {
	padding: 0;
}
}

/* 480px */
@media screen and (max-width: 480px) {
/* Hide */

.TopMenu, .PageMenu, .QuickViewBtn, .ProductList .ProductActionAdd, .sf-menu li > ul, .productlist-page .Left, .js-faceted-search-column, .ProductCompareButton, .CompareButton, .footer-columns .BrandList, .footer-columns .CategoryList {
	display: none !important;
}
/* Show */
    
.header-secondary, #home .PageMenu {
	display: block !important;
}
#ToggleMenu, #cart-amount {
	display: table-cell;
}
/* Layout */
    
    /* 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, .btn.alt, textarea, input[type="email"], input[type="text"], input[type="password"], input.Textbox {
	display: block;
	height: 35px;
	line-height: 60px;
	width: 100%;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login-form input[type="email"], .login-form input[type="password"] {
	width: 100%;
}
select, div.selector /* For uniform */ {
	margin-bottom: 20px;
}
.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: 90%;
}
.header {
	border: none;
	padding-top: 115px;
}
#Header {
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #fff;
	width: 100%;
	border-bottom: 1px solid #efefef;
}
#Header > .inner {
	width: 100%;
	display: table;
	padding-top: 50px;
}
.header-secondary {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff
}
.header-secondary .currency-converter {
	display: none;
}
.header-secondary #SearchForm {
	float: none;
	margin: 5px 10px;
	padding-left: 10px;
	width: auto;
}
.header-secondary #SearchForm input.Textbox {
	border: 0;
	background: none;
	color: #d6d6d6;
	height: 50px;
}
.header-secondary #SearchForm input.Button {
	background-color: transparent;
	position: absolute;
	border: 0;
	height: 100%;
}
.header-logo img {
	max-height: 60px;
	display: block;
	margin: 0 auto;
}
.header-logo {
	display: table-cell;
	float: none;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
.header-logo h1 {
	padding: 0;
}
.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 {
	padding: 0;
	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%;
}
/* Form Styling */
.form dt, .FormContainer dt {
	text-align: left;
	width: auto;
	clear: both;
	float: none;
	padding: 0;
}
.form dd, .FormContainer dd {
	padding: 0;
	margin: 0;
}
#fancy_outer {
	z-index: 110 !important;
}
#fancy_overlay {
	z-index: 105 !important;
}
.footer-links {
	text-align: center;
}
.footer .powered-by {
	float: none;
	display: block;
	margin-top: 10px;
}
.LittleNotePassword {
	padding: 0;
	margin-bottom: 20px;
}
.addto .BulkDiscount, .addto #SideProductAddToWishList {
	display: block;
	margin-bottom: 20px;
}
.footer .footer-columns ul {
	margin: 0;
}
/* 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%;
}
.ExpressCheckoutContent .CreateAccount, .ExpressCheckoutContent .AccountLogin {
	float: none;
	width: auto;
}
.prodAccordionContent .tabs .tabNavigation {
	background: none repeat scroll 0 0 #e6e6e6;
	float: left;
	margin: 0 0 0px;
	max-width: 1174px;
	padding: 4px 0;
	position: relative;
	width: 100%;
	z-index: 100;
}
.prodAccordionContent .tabs .tabNavigation li {
	border-right: medium none;
	color: #ffffff;
	display: inline;
	float: left;
	font-family: "Economica", Arial, sans-serif;
	font-size: 26px;
	font-weight: 700;
	margin: 0 2px 0 0;
	min-height: 55px;
	padding: 0;
}
.main {
	padding: 0 20px;
}
#cssmenu {
	width: auto;
}
#cssmenu.align-center ul {
	text-align: left;
}
#cssmenu.align-right > ul > li {
	float: none;
}
#cssmenu ul {
	width: auto;
}
#cssmenu .submenuArrow, #cssmenu #indicatorContainer {
	display: none;
}
#cssmenu > ul {
	height: auto;
	display: block;
}
#cssmenu > ul > li {
	float: none;
}
#cssmenu li, #cssmenu > ul > li {
	display: block;
}
#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul > li:hover > ul, #cssmenu ul ul > li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul > li:hover > ul, #cssmenu.align-right ul ul > li:hover > ul {
	position: relative;
	left: auto;
	top: auto;
	opacity: 1;
	padding-left: 0;
	padding-right: 0;
	right: auto;
}
#cssmenu ul .has-sub::after {
	display: none;
}
#cssmenu ul li a {
	padding: 12px 20px;
}
#cssmenu ul ul li a {
	border: 0;
	background: none;
	width: auto;
	padding: 8px 35px;
}
#cssmenu.align-right ul ul li a {
	text-align: left;
}
#cssmenu ul ul li:hover > a {
	background: none;
	color: #8c9195;
}
#cssmenu ul ul ul a {
	padding: 8px 50px;
}
#cssmenu ul ul ul ul a {
	padding: 8px 65px;
}
#cssmenu ul ul ul ul ul a {
	padding: 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
	padding: 8px 95px;
}
#cssmenu > ul > #menu-button {
	display: block;
	cursor: pointer;
}
#cssmenu #menu-button > a {
	padding: 14px 20px;
}
#cssmenu ul.open li, #cssmenu > ul.open > li {
	display: block;
}
#cssmenu > ul.open > li#menu-button > a {
	color: #fff;
	border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#cssmenu ul ul::after {
	display: none;
}
#cssmenu #menu-button::after {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 22px;
	border-top: 2px solid #7a8189;
	border-bottom: 2px solid #7a8189;
	right: 20px;
	top: 15px;
}
#cssmenu #menu-button::before {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 22px;
	border-top: 2px solid #7a8189;
	right: 20px;
	top: 25px;
}
#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before {
	border-color: #fff;
}
#cssmenu ul ul li a {
	color: #fff;
	font-family: Arial, sans-serif;
}
}
 @media screen and (max-width: 979px) {
#cart-amount {
	padding-top: 7px;
	position: absolute;
	right: -7px;
	top: 0;
	vertical-align: middle;
	width: 60px;
}
#cart-amount .Cart {
	font-weight: bold;
	padding: 1em 0px;
	display: block;
	text-align: center;
	width: 60px;
	position: relative;
	font-size: 14px;
}
#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;
	background: #333333;
	color: #ffffff;
}
#cart-amount .Cart .bag-handle {
	border: 2px solid #333333;
	border-bottom: 0;
	position: absolute;
	top: 8px;
	left: 24px;
	height: 4px;
	width: 8px;
	border-radius: 7px 7px 0px 0px;
}
}