/* 1200px */
@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .priceWrap { width: 100%; float: none; }
    .shipping-img { display: none; }
    .ProductAddToCart { padding-top: 0; }
.ProductPage.landing-page .widget-header .widget-header-left{ float: none; padding: 1px 0 0 0 !important; min-height: initial !important; }
.widget-header-right{ position: static !important; padding-bottom: 10px !important; }

}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .ProductPage.landing-page .widgets-group-right{ float: none; display: table; margin: 0 auto; }
  .ProductPage.landing-page .widgets-group-right{ padding-left: 0; }
}

/* 1024px */
@media screen and (max-width: 1024px) {
    /* Hide */
    .productOptionPreviewDisplay,
    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {display: none !important; }
    /* Show */
    /* Layout */
    #home .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; }
    .ProductMain,
    #ProductDetails .left-content { width: 100% !important; margin: 20px 0 !important; }
    #ProductDetails{ margin-top: 0 !important; }

.getnewpasswordpage .NewProducts .ProductList li,
.ProductPage .ProductList li,
.ProductPage #fastCartSuggestive.ProductList li { width: 48% !important; }
.getnewpasswordpage .NewProducts .ProductList li:nth-child(3n),
.ProductPage .ProductList li:nth-child(3n){ clear: left; }
.landing-page #ProductDetails h1{ padding: 15px 0 0 0 !important; margin-bottom: 0 !important; top: 0; }
.widgets-group-right{ position: relative; }
.ProductPage.landing-page .widgets-group .widget-scoreboard .widget-free-shipping{ position: absolute; top: 0; right: 0; }
#ProductDetails h1{ top: 0 !important; }
.widget-header{ display: none; }
.landing-page .productHeaderMobile{ display: block !important; margin-top: 20px; }
.landing-page .productHeaderMobile .gglogo{ display: block !important; }
}
/* 1000px */

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

    #home .ProductList li {
        width: 25%;
    }
    .ProductList li {
        width: 33.333333%;
    }
    
   .quick-view-product-details-container .addToCart .btn{ width: 100%; float: none; margin: 10px 0 0 !important; }
   .fastCartSummaryBox .actionLink .btn .mobileHide{ display: none; }

}

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

    #HomeSlideShow,
    #ProductBreadcrumb,
    .productlist-page .Left {
        display: none;
    }
    .Left {
        float: none;
        width: auto;
    }
    .CartContents > thead,
    .CartContents .CartThumb,
    .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 .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;
    }
    .ProductAddToCart { padding-top: 0; }
    .widgets-group-bottom{ display: table; margin: 0 auto; text-align: center; width: 350px; }
    .widgets-group-right{ position: relative; padding: 0 115px !important; }
    #prodAccordion .subtitle{ text-align: left; }
    .DetailRow.qty{ float: none !important; margin-right: 0 !important; }
    .ProductAddToCart .addto .BulkDiscount,
    .ProductAddToCart .DetailRow.qty .Label{ margin-right: 0 !important; }
    .js-faceted-search-container{ display: none }
    .DetailRow.qty .AddCartButton{ display: table; margin: 0 auto; }
    .ProductAddToCart .quantityInput{ margin-bottom: 0; }
}

@media screen and (max-width: 767px) {
  .login-form .one-half { width: 100%; }
  .quick-view-image-container,
  .quick-view-product-details-container{
    width: 100% !important;
    padding: 0;
    margin: 0;
  }
}

@media screen and (max-width: 650px) {
.ProductPage.landing-page .widget-header .widget-header-left{ padding-right: 0 !important; min-height: initial !important; }
.widget-header-right{ position: static !important; padding-bottom: 10px !important; }
.ProductPage.landing-page .widgets-group{ padding-bottom: 0; }
}

/* 600px */

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

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

    .ProductList li,
    #home .ProductList li {
        width: 50%;
    }
    .addto .BulkDiscount,
    .addto #SideProductAddToWishList {
        display: block;
    }
    .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;
    }
    /* 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;
    }

    .priceWrap { width: 100%; float: none; }
    .shipping-img { display: none; }
.widgets-group-right{ display: table; margin: 0 auto; padding: 0 !important; }
.ProductPage.landing-page .widgets-group .widget-scoreboard .widget-free-shipping{ position: static; }

}
/* 480px */

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

    .continuation-label,
    .cart-detail-metadata,
    .PageMenu,
    .QuickViewBtn,
    .ProductList .ProductActionAdd,
    .sf-menu li > ul,
    .productlist-page .Left,
    .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 */

    .ProductList li,
    #home .ProductList li {
        width: 100%;
    }
    .TopMenu > .inner,
    #Header > .inner,
    .PageMenu > .inner,
    .main > .inner,
    .footer-main > .inner,
    .footer-links > .inner,
    .newsletter-subscription > .inner {
        width: 90%;
    }
    .header {
        padding-top: 115px;
    }
    #Header {
/*      position: fixed;
        width: 100%;
        top: 0;  */
        z-index: 100;
        background-color: #fff;
        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: #111
    }
    .header-secondary .currency-converter {
        display: none;
    }
    .header-secondary #SearchForm {
        float: none;
    }
    .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 {
        display: table-cell;
        float: none;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
    }
    .header-logo img {
        max-height: 60px;
    }
    .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: 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%;
    }
    .CartCode .GiftCertificate input,
    .CartCode .CouponCode input {
        margin-bottom: 20px;
    }
    #CartContent .FloatRight,
    #CartContent .FloatLeft,
    .ExpressCheckoutContent .FloatLeft,
    .ExpressCheckoutContent .FloatRight #ConfirmOrder .FloatLeft,
    #ConfirmOrder .FloatRight {
        float: none;
    }
    .AddBillingAddress dd,
    .AddShippingAddress dd {
        padding: 0 !important;
        float: none;
        width: auto;
    }
    .ShippingAddressList li {
        width: 100%;
    }
.yotpo .yotpo-verified-user .yotpo-user-title{ display: none; }
div.uploader{ width: 220px; }
}
/*----------------------------------------------------------------------------------------------------------
#############################################  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;
    }
    .btns {
        position: initial;
        float: none;
        text-align: center;
    }
    .btns form {
        width: 50%;
    }
    .btn,
    textarea,
    input[type="email"],
    input[type="text"],
    input[type="password"],
    input.Textbox {
        display: block;
/*      height: 60px;
        line-height: 60px; */
        margin-bottom: 20px;
        -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;
    }
    /* Form Styling */

    .form dt,
    .FormContainer dt {
        text-align: left;
        width: auto;
        clear: both;
        float: none;
    }
    .form dd,
    .FormContainer dd {
        padding: 0;
        margin: 0;
    }
    .form dt.mobileHide, .FormContainer dt.mobileHide{ display: none }
#ProductDetails h1{ font-size: 25px !important; }
.DetailRow.qty { margin-right: 20px; }
.getnewpasswordpage .NewProducts .ProductList li,
.ProductPage .ProductList li,
.ProductPage #fastCartSuggestive.ProductList li { width: 98% !important; }
.btn.add-to-cart{ margin-bottom: 0; }
}

@media screen and (max-width: 400px) {
 .btn.add-to-cart{ width: 150px; }
}

@media screen and (max-width: 373px) {
.FacebookLikeButtonContainer{ width: 85px; }
.PinterestButtonContainer{ margin-right: 3px; }
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m{ padding: 0 1px !important; }
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m{ margin-right: 3px !important; }
.AddThisButtonBox{ margin-right: 0 !important; }
.widgets-group-bottom{ width: 100%; }
}