/* 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;
    }
    /* 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: 767px) {
    /* Hide */
    .productlist-page .Left {
        display: none;
    }
    .Left {
        float: none;
        width: auto;
    }
    .CartContents > thead,    
    .CartContents .CartItemIndividualPrice {
        display: none !important;
    }
    .ExpressCheckoutContent>.CreateAccount,
    .ExpressCheckoutContent>.AccountLogin {
        display: block;
        width: 100%;
    }
    #ModalContainer .fastCartThumb,
    #ModalContainer .fastCartItemBox div,
    #ModalContainer .Quantity,
    #ModalContainer .fastCartBottom {
        display: none !important;
    }
    .SubCategoryList {
        display: none;
    }
    /* Show */
    .js-mobile-sub-category-menu {
        display: block;
    }
    /* Layout */
    #home .ProductList li,
    .productPage .ProductList li {
        width: 33.333333%;
    }
    .ProductList li {}
    #ProductDetails .left-content {
        float: none;
        width: auto;
    }
    .PrimaryProductDetails .ProductMain {
        float: none;
        padding: 0 0 20px 0;
        width: auto;
    }
    .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-secondary {
        clear: both;
        float: none;
    }
    .header-secondary #SearchForm {
        width: 100%;
    }
    .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;
    }
}

/* 600px */

@media screen and (max-width: 600px) {
    .CartCode .CouponCode,
    .CartCode .GiftCertificate {
        float: none !important;
        width: auto !important;
    }
}
@media screen and (max-width: 600px) {
    /* Hide */
    #shareDescription {
        display: none;
    }
    /* Show */
    /* Layout */
    .ProductList li,
    #home .ProductList li,
    .productPage .ProductList li {
        width: 50%;
    }
    .addto .BulkDiscount,
    .addto #SideProductAddToWishList {
        display: block;
    }
    .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;
    }
    /* Selector was .productOptionPickListSwatch li but had to make more specific 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 {
        width: 100% !important;
    }
    .newsletter-subscription input {
        margin-bottom: 20px;
    }
    .newsletter-subscription h4 {
        padding: .5em 0;
        font-size: 1.5em;
        text-align: center;
    }
    .newsletter-subscription .inner {
        padding: 0;
    }
    /* Quick view */
    .quick-view-image-container {
        float: none !important;
        width: auto !important;
        /* Fix: Added important because we can't control the cascade. When we can place responsive.css below product.quickview.css we can remove the importants. */
    }
    #braintree-paypal-button {
        margin: 0 auto;
    }
}

/* 480px */

@media screen and (max-width: 479px) {
    /* Hide */
    .continuation-label,
    .cart-detail-metadata,
    .PageMenu,
    .QuickViewBtn,
    .sf-menu li > ul,
    .productlist-page .Left,
    .ProductCompareButton,
    .CompareButton,
    .footer-columns .BrandList,
    .footer-columns .CategoryList {
        display: none !important;
    }
    /* Show */
    .ProductList li,
    #home .ProductList li,
    .productPage .ProductList li {
        width: 100%;
    }
    .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: 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;
    }
    /* Cart Styling */
    table.CartContents tbody tr td {
        padding: 10px 8px;
    }
    .CartCode .grid__item {
        width: 100%;
    }
    #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%;
    }
}

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


/* 480px */

@media screen and (max-width: 767px) {
    /* 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;
    }
    .btns {
        position: initial;
        float: none;
        text-align: center;
    }
    .btns form {
        width: 50%;
    }
    textarea,
    input[type="email"],
    input[type="text"],
    input[type="password"],
    input.Textbox {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #apply_code.btn.alt {
        margin-bottom: 20px;
    }
    .AccountLogin dl dd input,
    .btn {
        width: auto;
        display: block;
        margin-bottom: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .btns form .btn {
        width: 95%;
        display: inline-block;
    }
    select,
    div.selector/* For uniform */
    {
        margin-bottom: 20px;
        width: 100%;
    }
    /* Form Styling */
    .AddBillingAddress .FloatLeft:not(img) {
        width: 100%;
    }
    .form dt,
    .FormContainer dt,
    .FormContainer dd {
        text-align: left;
        width: auto;
        padding-left: 0 !important;
        clear: both;
        float: none;
    }
    .form dd,
    .FormContainer dd {
        padding: 0;
        margin: 0;
    }
    .ExpressCheckoutContent .HorizontalFormContainer dd,
    .AddBillingAddress dd,
    .AddShippingAddress dd {
        width: 100%;
    }
}

/* Tab landscape */

@media only screen and (max-width: 1199px) {
    .brandSlider_wrap > .inner,
    .TopMenu > .inner,
    #Header > .inner,
    .PageMenu > .inner,
    .main > .inner,
    .footer-main > .inner,
    .footer-links > .inner,
    .newsletter-subscription > .inner,
    .slider_bg > .inner,
    .footer_bg > .inner {
        max-width: 1140px;
        width: 95%;
    }
    .home_box_cols2 {
        padding: 15px 15px 10px 15px;
    }
    .footer_cols1 {
        width: 21%;
    }
    #home .ProductList li,
    .productPage .ProductList li {
        width: 25%;
    }
    .footer_cols2 div p {
        width: 86%;
    }
    .Left {
        width: 27%;
    }
    .Category_page #LayoutColumn1 {
        width: 73%;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .brandSlider_wrap .slick-slider {
        padding: 0 25px;
    }
    .brandSlider_wrap .slick-arrow.slick-prev {
        left: 0px;
    }
    .brandSlider_wrap .slick-arrow.slick-next {
        right: 0px;
    }
    .brandSlider_wrap .slick-slide > a img {
        max-width: 90%;
    }
    #LoginForm .HorizontalFormContainer dt,
    #LoginForm .HorizontalFormContainer dd {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-align: left;
        width: auto;
    }
    .AccountLogin dl dd input#LoginButton {
        width: auto;
    }
    .aboutUsWrapper .authurName,
    .aboutUsWrapper .lowerHeadings.standardHeading {
        clear: both;
        display: block;
    }
        #HomeSlideShow .flex-direction-nav {display: none !important;}
}

/* End of max 1199px */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .Category_page #LayoutColumn1 .ProductList li {
        width: 50%;
    }
}

/* End of max 1199px */


/* Tab portrait */

@media only screen and (max-width: 991px) {
    #ToggleMenu {
        display: inline-block;
        float: left;
        margin-top: 27px;
        width: 40px;
    }
    #Header .header_right {
        display: none;
    }
    .home_box_cols {
        width: 65.66%;
    }
    .home_box_cols1 {
        width: 33.9%;
    }
    #home .ProductList li,
    .productPage .ProductList li {
        width: 50%;
    }
    .footer {
        padding-top: 0;
    }
    #SideNewsletterBox {
        margin-bottom: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #DrawerMenu #SideAccountNavigation.AccountNavigationList {
        display: none;
    }
}
@media only screen and (min-width: 480px) and (max-width: 991px) {
    .footer_bg > .inner > .footer_row > div {
        width: 50%;
        margin: auto;
    }
    .footer_bg > .inner > .footer_row > div:nth-of-type(n+3) {
        margin-top: 50px;
    }
    .footer_bg > .inner > .footer_row > div:nth-of-type(2n+1) {
        clear: both;
    }
    body.productPage .ProductList li {
        width: 33.33%;
    }
    .inner .Block.SideRelatedProducts .ProductList li:nth-of-type(n+4) {
        display: none;
    }
    .CouponCode > p,
    .GiftCertificateCode > p {
        min-height: 65px;
    }
    body.productPage #SideProductRelated.SideRelatedProducts {
        margin-bottom: 55px;
    }
	
}

/* End of max 991px */


/* Mobile  landscape */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .CartCode.cf {
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .CartCode > .CouponCode,
    .CartCode > .GiftCertificate {
        box-sizing: border-box;
        float: left;
        padding: 0 15px;
        width: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .TopMenu > .inner > ul {
        display: none;
    }
    .TopMenu > .inner > #SearchForm {
        width: 100%;
    }
    .TopMenu > .inner > .top_right_mn {
        float: none;
    }
    .top_right_mn .CartLink {
        box-sizing: border-box;
        padding: 0 14px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
    }
    .TopMenu > .inner > .top_right_mn #SearchForm {
        width: 100%;
    }
    .TopMenu > .inner > .top_right_mn {
        box-sizing: border-box;
        float: none;
        padding-right: 50px;
        position: relative;
        width: 100%;
        padding-left: 10px;
    }
    .top_right_mn .CartLink a {
        text-indent: -9999px;
        z-index: -9999px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: rgb(0, 0, 0);
        background: transparent;
        background: rgba(0, 0, 0, 0);
        /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#0000000, endColorstr=#0000000);
        /*IE 5.5-7*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#0000000)";
        /*IE8*/
        zoom: 1;
    }
    #home .ProductList li,
    .productPage .ProductList li {
        width: 50%;
    }
    .home_box_cols,
    .home_box_cols1 {
        float: none;
        width: 100%;
    }
    .footer-main #subscribe_form {
        width: auto;
        margin: 0 15px;
    }
    .footer_cols2 div p {
        width: 85%;
    }
    .footer-main .inner {
        overflow: hidden;
    }
    .Left {
        width: 100%;
    }
    .Category_page #LayoutColumn1 {
        width: 100%;
        padding-left: 0px;
    }
    .productPage #ProductDetails.PrimaryProductDetails .ProductMain h1 {
        display: none;
    }
    .productPage #ProductDetails.PrimaryProductDetails > h1,
    s.PrimaryProductDetails > .BlockContent {
        display: block;
    }
    .PageContent .ContactForm form#ContactForm {
        margin-top: 50px;
        width: auto;
    }
    body.productPage .ProductList li {
        width: 50%;
    }
    .inner .Block.SideRelatedProducts .ProductList li:nth-of-type(n+5),
    .inner .Block.SideRelatedProducts .ProductList li:nth-of-type(n+4) {
        display: block;
    }
    .EstimateShippingButtons input {
        margin-bottom: auto;
        margin-left: auto;
        margin-top: 20px;
    }
    .CartCode .GiftCertificate input,
    .CartCode .CouponCode input {
        margin-bottom: 20px;
    }
    #CheckoutStepPaymentDetails input[type="submit"] {
        margin-left: auto;
    }
    .ExpressCheckoutContent .HorizontalFormContainer dd.CVV2Input + dt {
        text-indent: -12px !important;
    }
    .updateCart > input.btn {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .CouponCode > p,
    .GiftCertificateCode > p {
        min-height: 10px;
    }
    #Header {
        text-align: center;
    }
    #Header .header-logo {
        float: none;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    #ToggleMenu {
        left: 4px;
        position: absolute;
        z-index: 99;
    }
    .ProductTinyImageList ul li div > a,
    .ProductTinyImageList ul li div {
        height: auto !important;
        width: auto !important;
    }
    /* product zoom images */
    .cloudzoom-blank {
        display: none !important
    }
    .cloudzoom-zoom-inside {
        display: none !important
    }
    .ExpressCheckoutBlock .ExpressCheckoutTitle {
        font-size: 12px;
        padding: 15px;
    }
	#SearchForm .sear_wrap
	{	right:auto; left:-14px;
	}
	#SearchForm .sear_wrap:after
	{	left:15px; right:auto;
	}


}

/* End of max 767px */


/* Mobile portrait */

@media only screen and (max-width: 479px) {
    .header-logo img {
        width: 100%;
        margin: 21px 0;
    }
    #ToggleMenu:after {
        width: 60%;
        -ms-box-shadow: 0 0px 0 1px #fff, 0 8px 0 1px #fff, 0 16px 0 1px #fff;
        -moz-box-shadow: 0 0px 0 1px #fff, 0 8px 0 1px #fff, 0 16px 0 1px #fff;
        -webkit-box-shadow: 0 0px 0 1px #fff, 0 8px 0 1px #fff, 0 16px 0 1px #fff;
        box-shadow: 0 0px 0 1px #fff, 0 8px 0 1px #fff, 0 16px 0 1px #fff;
    }
    #ToggleMenu {
        height: 30px;
        margin: 25px auto;
    }
    .header-logo {
        margin: 10px auto 10px 5px;
        width: 130px;
    }
    #HomeSlideShow .flex-direction-nav li a {
        background-size: auto 25px;
        height: 26px;
        margin: -13px auto auto;
        width: 20px;
    }
    .flex-control-paging li a {
        height: 8px;
        width: 8px;
    }
    .flex-control-nav li {
        display: inline-block;
        margin: 0 3px;
    }
    .home_box_cols2 {
        width: 100%;

    }
    #home .ProductList li,
    .productPage .ProductList li {
        width: 100%;
    }
    .slider_bg {
        margin-bottom: auto;
    }
    .product_home_mn h2 {
        font-size: 30px;
    }
    .product_home_mn > ul {
        margin-bottom: auto;
    }
    .product_home_mn > ul > li a {
        margin: auto auto -2px;
        padding: 0 8px;
    }
    #SideNewsletterBox #subscribe_form #nl_email {
        font-size: 12px !important;
        height: 36px;
        margin: auto;
        padding: 0 15px;
    }
    #SideNewsletterBox #subscribe_form .btn {
        font-size: 12px;
        height: 36px;
        letter-spacing: 1.5px;
        line-height: 34px;
        padding: 0 10px;
        width: auto;
    }
    .footer-main #SideNewsletterBox {
        margin-bottom: 15px;
    }
    .footer_bg {
        padding: 15px 0;
    }
    .footer_bg > .inner > .footer_row > div {
        clear: both;
        float: left;
        margin: auto auto 50px !important;
        text-align: left;
        width: 100%;
    }
    .footer_bg > .inner > .footer_row > div p {
        margin: auto;
    }
    .footer_bg > .inner > .footer_row > div:last-of-type {
        margin-bottom: auto !important;
    }
    .slick-initialized .slick-slide > a img {
        display: block;
        height: auto;
        margin: auto;
        max-width: 80%;
    }
    .footer-main .inner {
        padding: 20px 0;
    }
    .inner #CategoryPagingTop,
    .inner #CategoryPagingBottom {
        display: inline-block;
        float: none;
    }
    .product-nav {
        text-align: center;
    }
    .productPage .BulkDiscount.DetailRow {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .productPage .BulkDiscount.DetailRow .btn.add-to-cart {
        display: block;
        float: none;
        font-size: 14px;
        height: 36px;
        line-height: 34px;
        margin-left: 0;
        margin-right: auto;
        width: 190px;
    }
    .ProductDetailsGrid.ProductAddToCart .addto > .DetailRow {
        margin-top: 30px;
    }
    /*.ProductTinyImageList ul li img {
        height: 65px;
        width: auto;
    }*/
    body.productPage .ProductList li {
        width: 100%;
    }
    .inner .Block.SideRelatedProducts .ProductList li:nth-of-type(n+4),
    .inner .Block.SideRelatedProducts .ProductList li:nth-of-type(n+5) {
        display: block;
    }
    .SubBrandListGrid ul li {
        width: 50%;
    }
    .SubBrandListGrid ul li:nth-of-type(3n+1) {
        clear: none;
    }
    .SubBrandListGrid ul li:nth-of-type(2n+1) {
        clear: both;
    }
    .SelectBillingAddress > div,
    .AddBillingAddress > div {
        margin-left: auto !important;
    }
    .SelectBillingAddress > img,
    .AddBillingAddress > img {
        display: none;
    }
    .aboutUsWrapper .divWithPhoto > p {
        clear: both;
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        width: auto !important;
    }
    .aboutUsWrapper .divWithPhoto > p img {
        margin-bottom: 15px;
    }
}

/* End of max 479px */