/*------------------ Custom Responsive Layout ------------------*/
@media only screen and (min-width: 1300px) {
    .jcarousel-wrapper { width: 1200px; }
    .jcarousel-control-prev { top: 130px; left: -10px; }
    .jcarousel-control-next { top: 130px; right: -10px; }
    .NewArrivalItemStyle { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }

    .CommonProductItemStyle { width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; }
    .NewArrivalCategoryList .CommonProductItemStyle { width: calc(33.33% - 20px); margin-left: 10px; margin-right: 10px; }
    .ProductColumn2DataList .CommonProductItemStyle { width: calc(33.33% - 20px); margin-left: 10px; margin-right: 10px; }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList { width: 100%; padding-left: 30px; padding-right: 30px; }
    .PromotionGroupList { width: 100%; padding-left: 30px; padding-right: 30px; }
    .NewArrivalCategoryList, .ProductColumn2DataList { position: relative; width: calc(100% + 20px); left: -10px; }
    .AdvancedSearchResultPanel .ProductColumn2DataList { position: relative; width: calc(100% + 20px);  left: -10px; } 
        .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(20% - 20px); }
            .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle .CommonProductNameLink { font-size: 26px; }
            .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle .OurPriceValue { font-size: 22px; }

    .RelatedProductDataList { position: relative; width: calc(100% + 20px); left: -10px; }
        .RelatedProductDataList .CommonProductItemStyle { width: calc(20% - 20px); }
            .RelatedProductDataList .CommonProductItemStyle .CommonProductNameLink { font-size: 26px; }
            .RelatedProductDataList .CommonProductItemStyle .OurPriceValue { font-size: 22px; }

             
    .NewsEventImage { height: 250px; }
    .NewsTopicLink { font-size: 28px; }
    .NewsDescription { font-size: 21px; }
    .NewsDate { font-size: 21px; }

    #easy_zoom { left: 46% !important; top: 200px !important; }
    .headerMenuResponsive { display: none; }

    .HeaderMenuPanel .HeaderMenu ul li a.HyperLink { font-size: 24px; padding: 10px 0; margin: 0 20px; }
    .HeaderMenuPanel .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { font-size: 24px !important; padding: 10px 20px; }
    .HeaderMenu .DynamicMenuFirstLevel { top: 50px !important; }

    .CommonCategoryImagePanel { width: 100%; text-align: center; }
    .CommonCategoryNameLink { font-size: 22px; }

    .ShippingDetailsBody { padding: 20px; }

    .ProductDetailsRelatedProducts .RelatedProducts { padding-left: 10px; padding-right: 10px; }

    .ProductDetailsResponsiveDescriptionLongLabel iframe { width: 100% !important; height: 610px }
    .ShoppingCartCouponPanel { width: 32%; padding: 10px 40px 0; }
    .ShoppingCartItemPanel { width: 66%; margin-right: 2%; padding: 0 20px; }
    .ShoppingCartSummaryDiv { width: 32%; padding: 20px 40px; }
    .ShippingDetails { float: left; width: 72%; margin-top: 22px; margin-left: 10%; }

    .ProductDetailsResponsiveImageThumbnail { width: calc(100% + 10px); position: relative; left: -5px; }
        .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(16.667% - 10px); margin: 5px; }

    .FeaturedMerchants.Items1 iframe { height: 720px; }
    .FeaturedMerchants.Items2 .FeaturedMerchant1.YoutubePanel { height: 350px; }
    .FeaturedMerchants.Items2 .FeaturedMerchant2.YoutubePanel { height: 350px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant1.YoutubePanel { height: 600px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant2.YoutubePanel { height: 290px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant3.YoutubePanel { height: 290px; }

    .FeaturedMerchants.Items2 .MerchantsPanelLeft { float: left; width: calc(50% - 10px); margin-right: 10px }
    .FeaturedMerchants.Items2 .MerchantsPanelRight { float: right; position: relative; width: calc(50% - 10px); }
    .FeaturedMerchants.Items3 .MerchantsPanelLeft { width: calc(50% - 10px); margin-right: 10px }
    .FeaturedMerchants.Items3 .MerchantsPanelRight { width: calc(50% - 10px); margin-left: 10px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant2 { height: calc(50% - 10px); }
    .FeaturedMerchants.Items3 .FeaturedMerchant3 { height: calc(50% - 10px); }

    .CategoryRelatedBrands { width: calc(100% + 14px); position: relative; left: -7px; }
        .CategoryRelatedBrands .ProductItem { width: calc(12.5% - 14px); margin: 7px; }
        .CategoryRelatedBrands a { display: block; border: solid 2px #C9C9C9; }
            .CategoryRelatedBrands a:hover { border-color: #a8894e; }
    .NewsEventItemStyle { padding-left: 10px; padding-right: 10px; }

    .CenterBlockTopTitle { font-size: 64px; line-height: 1.2; padding-left: 25px; padding-right: 25px; }
    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .OrderCompletedTextTopLine1, .SocialOrderHeaderText1, .ProductDetailsRelatedProducts .RelatedProductsTitleRight, .CouponCollectHeaderText { font-size: 40px; line-height: 1.2; padding-left: 25px; padding-right: 25px; }
    .CatalogName, .AllBrandsTitle, .AllDepartmentsTitle { font-size: 40px; line-height: 1.3; }

    .CouponShopNameText { font-size: 46px; }

    .BlogListModernizePageControlPanel { top: -60px; right: 0; position: absolute; }

    .SearchSection { margin-right: 15%; }
    .Search.ForDesktop { width: 450px }
    .QuickSearchCategoryDropDownDiv input[type="text"].QuickSearchText { height: 48px; font-size: 16px; }
    .QuickSearchSelectedCategoryDropDownDiv input[type="text"].QuickSearchText { line-height: 48px; height: 48px; font-size: 16px; }
    .QuickSearchDiv input[type="text"].QuickSearchText { padding: 0 10px; line-height: 48px; height: 48px; font-size: 16px; }
    .QuickSearchDropDown { font-size: 16px; height: 48px; }
        .QuickSearchDropDown option { font-size: 14px; }
    .QuickSearchLinkButtonDiv { height: 48px; }
    .QuickSearchLinkButton { height: 48px; }
    .QuickSearchLinkButtonDiv .icon-search { font-size: 30px; padding: 9px 0; }

    .footer-columns-common { width: 26%; }
    .footer-columns-newsletter { width: 22%; }
    .IntroductionMessage { margin: 20px 0; font-size: 48px; }
        .IntroductionMessage p { font-size: 48px; }
        .IntroductionMessage H1 { font-size: 72px; }
        .IntroductionMessage H2 { font-size: 64px; }
        .IntroductionMessage H3 { font-size: 54px; }
        .IntroductionMessage hr { width: 1150px; height: 5px; margin: 15px auto 25px; }

    .CustomerReviewStarList .RatingRadio input { float: left; margin: 5px 5px 0 0; width: 14px; height: 14px; }
    .CustomerReviewStarList .RatingRadio label { float: left; margin: 4px 5px 4px 0; width: calc(20% - 24px); }
}

@media only screen and (max-width: 1299.99px) {
    .ProductDetailsResponsive > .row { padding: 0 10px; }
    .ProductDetailsRelatedProducts > .row { padding: 0 10px; }
    .ProductDetailsResponsiveOurPrice { clear: left; }

    #easy_zoom { left: 46.5% !important; top: 220px !important; }
    /* New Arrival for category Begin */

    .NewArrivalCategoryItem { position: relative; }


    /*Advanced Search Begin*/
    .SearchDropByCategory { width: 80%; }

    .AdvancedSearchInCategoryDrop, .AdvancedSearchInDepartmentDrop, .AdvancedSearchinmanufacturerDrop { width: 100%; }

    .SearchDropByDepartment { width: 70%; }

    .SearchDropByManufacturer { width: 80%; }


    /* ShippingAddress Detail */


    .AccountMainDiv .AccountDetailsCheckBoxDiv { margin-left: 40%; width: 90%; }

    /* AccountDetails */
    .AccountDetailsButtonDiv { margin-right: 4%; }

    .CheckoutSaleTaxExemptPanel .CheckoutAddressLong .CheckoutAddressLeftData { margin-bottom: 10px; }

    .Checkout .CustomerRegisterShippingInfoPanel { }

        .Checkout .CustomerRegisterShippingInfoPanel .CommonFormData { clear: left; width: 50%; }

            .Checkout .CustomerRegisterShippingInfoPanel .CommonFormData .CustomerRegisterCheckBox { margin-left: 37%; width: 65%; }

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel { margin-right: 0; width: 48%; clear: left; }

            .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormLabel { clear: left; color: #000000; float: left; font-size: 13px; line-height: 25px; margin-left: 2.8%; margin-right: 2%; padding: 2px 0; width: 35%; }

            .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormData { float: left; padding-bottom: 2px; padding-top: 2px; width: 60%; clear: none; }

                .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormData .CheckoutTextBox { width: 90% !important; }

            .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel { margin-right: 0; width: 100%; clear: left; }

                .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 54%; clear: none; }

                .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 40%; width: 54%; }

                .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: left; float: left; width: 54%; margin-left: 40%; }


    /* Social Order */


    /* Social Order End */
    .SubCategoryList ul li { height: 172px; margin: 0 0.5% 6px; }

    /*OrderSummary*/
    .OrderSummaryCustomerInfoDiv { margin: 0 8%; width: 84%; }

    .OrderSummaryCustomeNoteDiv { margin: 0 8% 40px; width: 84%; }

    .OrderSummaryOrderProduct { width: 84%; margin: 0 8%; padding: 20px 50px; }

    .ShoppingCartCouponPanel { padding: 10px 15px 0; }

    .ShoppingCartSummaryDiv { padding-left: 15px; padding-right: 15px; }

    .ShoppingCartGridView .ImageItemDiv { width: 20%; }

    .ShoppingCartGridView .InfoItemDiv { width: 76%; }

    .ManufacturerItemListModernize { width: 29%; margin: 10px 1.5%; }

    .DepartmentListItemImageDiv { height: 172px; }
    .TableViewTellFriendPanel, .TableViewAddtoWishListPanel, .TableViewAddtoCompareListPanel { width: 100%; margin-left: 0; }
    .DimensionText { margin-right: 5px; }


    .CustomerReviewStarList .RatingRadio input { float: left; margin: 5px 5px 0 0; width: 14px; height: 14px; }
    .CustomerReviewStarList .RatingRadio label { float: left; margin: 4px 5px 4px 0; width: calc(33.33% - 24px); }
}

@media only screen and (min-width: 980px) and (max-width: 1299.99px) {

    .jcarousel-wrapper { width: 900px; }
    .jcarousel-control-prev { top: 130px; left: -10px; }
    .jcarousel-control-next { top: 130px; right: -10px; }

    .NewArrivalItemStyle { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }
    .CommonProductItemStyle { width: calc(33.33% - 20px); margin-left: 10px; margin-right: 10px; }

    .NewArrivalCategoryList .CommonProductItemStyle { width: calc(33.33% - 14px); margin-left: 7px; margin-right: 7px; }
    .ProductColumn2DataList .CommonProductItemStyle { width: calc(33.33% - 14px); margin-left: 7px; margin-right: 7px; }
    .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(25% - 14px); }

    .NewArrivalCategoryList .CommonProductItemStyle .CommonProductNameLink { font-size: 26px; }
    .NewArrivalCategoryList .CommonProductItemStyle .OurPriceValue { font-size: 22px; }
    .ProductColumn2DataList .CommonProductItemStyle .CommonProductNameLink { font-size: 26px; }
    .ProductColumn2DataList .CommonProductItemStyle .OurPriceValue { font-size: 22px; }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist , .PromotionGroupDataList { width: 100%; padding-left: 25px; padding-right: 25px; }
    .PromotionGroupList { width: 100%; padding-left: 25px; padding-right: 25px; }
    .NewArrivalCategoryList, .ProductColumn2DataList { position: relative; width: calc(100% + 14px);  left: -7px; }
    .AdvancedSearchResultPanel .ProductColumn2DataList { position: relative; width: calc(100% + 14px);  left: -7px; }

        .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(25% - 14px); margin-left: 7px; margin-right: 7px; }
            .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle .CommonProductNameLink { font-size: 26px; }
            .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle .OurPriceValue { font-size: 22px; }

    .RelatedProductDataList { position: relative; width: calc(100% + 14px); left: -7px; }
        .RelatedProductDataList .CommonProductItemStyle { width: calc(25% - 14px); margin-left: 7px; margin-right: 7px; }
            .RelatedProductDataList .CommonProductItemStyle .CommonProductNameLink { font-size: 26px; }
            .RelatedProductDataList .CommonProductItemStyle .OurPriceValue { font-size: 22px; }



    .gallery .item { width: calc(25% - 16px); margin: 8px; }

    .ShippingDetailsBody { padding: 0 0 80px 20px; }

    .MyCouponDiv .CouponDiv { width: calc(50% - 20px); margin: 20px 10px; }
    .CouponShopNameText { font-size: 42px; }

    .ShoppingCartCouponPanel { width: 34%; padding: 10px 20px 0; }
    .ShoppingCartItemPanel { width: 64%; margin-right: 2%; padding: 0 20px; }
    .ShoppingCartSummaryDiv { width: 34%; padding: 20px; }

    .ShippingDetails { float: left; width: 90%; margin-top: 20px; }

    .ProductDetailsResponsiveDescriptionLongLabel iframe { width: 100% !important; height: 515px }


    .NewsEventItemStyle { padding-left: 10px; padding-right: 10px; }
    .NewsEventImage { height: 200px; }
    .NewsTopicLink { font-size: 28px; }
    .NewsDescription { font-size: 20px; }
    .NewsDate { font-size: 20px; }

    .CommonCategoryNameLink { font-size: 20px; }
    .ProductDetailsResponsiveImageThumbnail { width: calc(100% + 8px); position: relative; left: -4px; }
        .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(20% - 8px); margin: 4px; height: 80px; }
        .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 76px; }

    .FeaturedMerchants.Items1 iframe { height: 535px; }
    .FeaturedMerchants.Items2 .FeaturedMerchant1.YoutubePanel { height: 265px; }
    .FeaturedMerchants.Items2 .FeaturedMerchant2.YoutubePanel { height: 265px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant1.YoutubePanel { height: 530px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant2.YoutubePanel { height: 260px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant3.YoutubePanel { height: 260px; }

    .FeaturedMerchants.Items2 .MerchantsPanelLeft { float: left; width: calc(50% - 7px); margin-right: 7px }
    .FeaturedMerchants.Items2 .MerchantsPanelRight { float: right; position: relative; width: calc(50% - 7px); }
    .FeaturedMerchants.Items3 .MerchantsPanelLeft { width: calc(50% - 7px); margin-right: 7px }
    .FeaturedMerchants.Items3 .MerchantsPanelRight { width: calc(50% - 7px); margin-left: 7px; }
    .FeaturedMerchants.Items3 .FeaturedMerchant2 { height: calc(50% - 7px); }
    .FeaturedMerchants.Items3 .FeaturedMerchant3 { height: calc(50% - 7px); }

    .CategoryRelatedBrands { width: calc(100% + 14px); position: relative; left: -7px; }
        .CategoryRelatedBrands .ProductItem { width: calc(16.667% - 14px); margin: 7px; }
    .CenterBlockTopTitle { font-size: 40px; line-height: 1.2; padding-left: 20px; padding-right: 20px; }
    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .OrderCompletedTextTopLine1, .SocialOrderHeaderText1, .ProductDetailsRelatedProducts .RelatedProductsTitleRight, .CouponCollectHeaderText { font-size: 38px; line-height: 1.2; padding-left: 20px; padding-right: 20px; }
    .CatalogName, .AllBrandsTitle, .AllDepartmentsTitle { font-size: 38px; line-height: 1.3; }

    .BlogListModernizePageControlPanel { top: -55px; right: 0; position: absolute; }

    .SearchSection { margin-right: 6%; }
    .Search.ForDesktop { width: 360px }
    .QuickSearchCategoryDropDownDiv input[type="text"].QuickSearchText { height: 40px; font-size: 14px; }
    .QuickSearchSelectedCategoryDropDownDiv input[type="text"].QuickSearchText { line-height: 40px; height: 40px; font-size: 14px; }
    .QuickSearchDiv input[type="text"].QuickSearchText { padding: 0 10px; line-height: 40px; height: 40px; font-size: 14px; }
    .QuickSearchDropDown { font-size: 14px; height: 40px; }
        .QuickSearchDropDown option { font-size: 13px; }
    .QuickSearchLinkButtonDiv { height: 40px; }
    .QuickSearchLinkButton { height: 40px; }
    .QuickSearchLinkButtonDiv .icon-search { font-size: 26px; padding: 7px 0; }
    .SwitchLanguageRight .LanguageSwitch select { font-size: 13px; height: 26px; }
    .CurrencySwitch select { font-size: 13px; height: 26px; }
    .SwitchLanguageMenuPanel { line-height: 26px; }

    .footer-columns-common { width: 24%; }
    .footer-columns-newsletter { width: 28%; }

    .IntroductionMessage { margin: 20px 0; font-size: 42px; }
        .IntroductionMessage p { font-size: 42px; }
        .IntroductionMessage H1 { font-size: 64px; }
        .IntroductionMessage H2 { font-size: 54px; }
        .IntroductionMessage H3 { font-size: 48px; }
        .IntroductionMessage hr { width: 850px; height: 4px; margin: 15px auto 25px; }

    .SocialText, .FooterLocationText { font-size: 28px; }
}

@media only screen and (min-width: 980px) {

    .CommonCategoryDataList { width: calc(100% + 10px); left: -5px; }
    .CommonCategoryItemStyle { width: calc(33.33% - 10px); margin-left: 5px; margin-right: 5px; }
    .CouponDiv { width: calc(33.33% - 20px); margin: 0 10px 30px; }
    .CouponWelcomeText { font-size: 34px; }
    .CouponCollectHereText { font-size: 34px; }

    .CouponCollectBannerDiv { min-height: 400px; }

    .ProductDetailsResponsive .ProductQuickInfoName { font-size: 32px; }

    .NewsEventList { width: calc(100% + 20px); position: relative; left: -10px; }

    .ShoppingCartGridView .ImageItemDiv { height: 114px; }

    .ShowAdvancedSearchLinkButton { bottom: 15px; }
    .HideAdvancedSearchLinkButton { bottom: 15px; }

    .BlogList { padding-left: 10px; padding-right: 10px; }
    .BlogNoData { margin: 10px; }
    .CommonBrandItemStyle { width: calc(25% - 10px); margin: 5px; padding: 1px; }


    .CommonBrandItemStyle { width: calc(25% - 10px); margin: 5px; padding: 1px; }

    .ProductDetailsResponsiveDescriptionLongDiv { font-size: 21px; line-height: 28px; }
        .ProductDetailsResponsiveDescriptionLongDiv p { font-size: 21px; line-height: 28px; }

            .BlogDetailsDefaultBlogContentDiv { font-size: 21px; line-height: 28px; }
        .BlogDetailsDefaultBlogContentDiv p { font-size: 21px; line-height: 28px; }

    .PromotionItem .DiscriptionLabel { font-size: 21px; line-height: 28px; }
        .PromotionItem .DiscriptionLabel p { font-size: 21px; line-height: 28px; }

    .ContentLayoutRight { font-size: 21px; line-height: 28px; }
        .ContentLayoutRight p { font-size: 21px; line-height: 28px; }


    .CategoryDescriptionLeaf { display: block; padding: 10px 0; font-size: 21px; line-height: 1.1; }

    .gallery-div > img { float: left; width: calc(33.33% - 20px); margin: 10px; }
    .gallery-div > a { float: left; width: calc(33.33% - 20px); margin: 10px; }

    .header-container1 { padding: 10px 0; letter-spacing: 0.5px; line-height: 28px; display: none; }
    .header-container1-left { width: 38%; }
    .header-container1-right { max-width: 62%; }
    .header-container2 { padding-top: 35px; padding-bottom: 20px; }
    .header-container2-left { width: 20%; }
    .header-container2-right { width: 80%; }
    .header-container2-left .HeaderLogo { margin-left: 0 }
    .hc-row { clear: right; }
    .LoginCartSection { float: right; padding-left: 10px; position: relative; }
    .LoginSection { position: relative; }
    .HeaderMenuToggle { display: none; }
    .HeaderLogin { margin-right: 10px; color: #fff; line-height: 28px; }
    .HeaderLoginWishlist { line-height: 28px; }

    .LanguageSection { /*position: absolute;*/ /*right: 10px;*/ /*top: 45px;*/ }
    .SwitchLanguage { margin-left: 10px; }
    .CurrencyControl { margin-left: 10px; }

    .HeaderLogo img { max-height: 80px; }
    .footer-logo .HeaderLogo img { max-height: 120px; }

    .HeaderMenu ul li:after { top: 17px; }
    .HeaderMenu ul li a.HyperLink { padding: 10px 0; font-size: 22px; margin: 0 15px; }
    .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 10px 15px; font-size: 22px !important; }
    .HeaderMenu .DynamicMenuFirstLevel { top: 50px !important; }

    .HeaderLoginAccount a { font-size: 22px; line-height: 28px; }
    .HeaderLoginAccount .icon-user { font-size: 28px; }

    .HeaderShoppingCartQuantity .QuantityValueDiv { width: 30px; height: 30px; line-height: 30px; font-size: 15px; }
    .HeaderShoppingCartIcon .icon-cart { font-size: 30px; }
    .HeaderShoppingCartQuantity .MiniShoppingCartPanel { top: 30px; }

    .sticky-menu .header-container2 { padding-top: 10px; padding-bottom: 10px; }
    .sticky-menu .HeaderLogo img { max-height: 70px; }
    .sticky-menu .HeaderMenu ul li:after { top: 12px; }
    .sticky-menu .HeaderMenu ul li a.HyperLink { padding-top: 5px; padding-bottom: 5px; }
    .sticky-menu .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding-top: 5px; padding-bottom: 5px; }
    .sticky-menu .HeaderMenu .DynamicMenuFirstLevel { top: 40px !important; }
    .sticky-menu .Container2TopSection { margin-bottom: 0; margin-top: 0; }
    .sticky-menu .header-container1 .LanguageSection { display: none; }
    .sticky-menu .Search.ForDesktop { width: 360px }
    .sticky-menu .QuickSearchCategoryDropDownDiv input[type="text"].QuickSearchText { height: 40px; font-size: 14px; }
    .sticky-menu .QuickSearchSelectedCategoryDropDownDiv input[type="text"].QuickSearchText { line-height: 40px; height: 40px; font-size: 14px; }
    .sticky-menu .QuickSearchDiv input[type="text"].QuickSearchText { padding: 0 10px; line-height: 40px; height: 40px; font-size: 14px; }
    .sticky-menu .QuickSearchDropDown { font-size: 14px; height: 40px; }
        .sticky-menu .QuickSearchDropDown option { font-size: 13px; }
    .sticky-menu .QuickSearchLinkButtonDiv { height: 40px; }
    .sticky-menu .QuickSearchLinkButton { height: 40px; }
    .sticky-menu .QuickSearchLinkButtonDiv .icon-search { font-size: 26px; padding: 7px 0; }
    .sticky-menu .SwitchLanguageRight .LanguageSwitch select { font-size: 13px; height: 26px; }
    .sticky-menu .CurrencySwitch select { font-size: 13px; height: 26px; }

    .SideMenuRow { display: none; }

    .FeaturedMerchants { margin-top: 70px; margin-bottom: 30px; }
    .footer-logo .HeaderLogo { padding: 0 50px; }
    .menutitle-footer { font-size: 26px; line-height: 30px; margin-bottom: 10px; }
    .content-footer { font-size: 23px; line-height: 30px; }
    .content-footer a { line-height: 30px; }
    .Newsletter .SidebarTopTitle { font-size: 26px; line-height: 30px; margin-bottom: 10px; }
    .NewsletterLabel { font-size: 23px; line-height: 30px; }

    .dc-message-div .row { min-height: 365px; padding: 40px 0 20px; max-width: 1080px; }
    .dc-message { /*font-size: 42px;*/ width: 60%; }
        .dc-message .ImageLogoLink img { max-height: 90px; }
    .dc-message-head { width: 40%; }
    .ms-image { /*margin-bottom: 20px*/ }
    .ms-link { margin-bottom: 10px }
    .ms-link-icon { width: 60px; height: 42px; }
        .ms-link-icon:after { width: 10px; height: 42px; font-size: 30px; }


    .CommonProductNameLink { font-size: 32px; }
    .OurPriceValue { font-size: 24px; }
    .jcarousel-control-prev, .jcarousel-control-next { font-size: 45px; width: 35px; height: 45px; }
    .BrandsCarouselDiv .swiper-button-prev { width: 35px; height: 45px; text-align: left; left: -10px }
    .BrandsCarouselDiv .swiper-button-next { width: 35px; height: 45px; text-align: right; }
        .BrandsCarouselDiv .swiper-button-prev::after, .BrandsCarouselDiv .swiper-button-next::after { font-size: 45px; }
    .BrandsCarouselList { padding: 0 40px; position: relative; margin-top: 20px; margin-bottom: 20px; }
}

@media only screen and (max-width: 979.99px) {

    .ContactUsCompanyInfo, .ContactUsContact, .ContactUsBlock { width: 100%; }

    .ContactUsLabel { width: 30%; }

    .ContactUsData { width: 70%; }

    .LayoutFooterSocialMedia .SocialMediaIconDiv .SocialLink a { margin: 5px 0; }

    .FooterLocationText, .SocialText { font-size: 24px; }

    .LayoutFooterSocialMedia .SocialPanal { margin-right: 0; padding: 0; }

    .footer-columns-followus { padding: 10px 0; }

    .jcarousel-control-prev { background-color: rgba(0, 0, 0, 0.4); color: #fff; }
    .jcarousel-control-next { background-color: rgba(0, 0, 0, 0.4); color: #fff; }
        .jcarousel-control-next:hover, .jcarousel-control-prev:hover { color: #fff; background-color: #162c5a }

    .BrandsCarouselDiv { padding: 0; }
        .BrandsCarouselDiv .swiper-button-prev { background-color: rgba(0, 0, 0, 0.4); color: #fff; }
        .BrandsCarouselDiv .swiper-button-next { background-color: rgba(0, 0, 0, 0.4); color: #fff; }
            .BrandsCarouselDiv .swiper-button-next:hover, .BrandsCarouselDiv .swiper-button-prev:hover { color: #fff; background-color: #162c5a }

    /* --- Product List --- */
    .ProductListAll { width: 14%; border-right: 0; }

    .ProductListFilter { padding: 0; width: 58%; }

        .ProductListFilter .FeaturedButton, .ProductListFilter .NewArrivalButton { padding: 0; }

        .ProductListFilter .FeaturedButton { border-right: 0; }

        .ProductListFilter .NewArrivalButton { border-left: solid 1px #d8d8db; border-right: solid 1px #d8d8db; }

    .ProductListGridListSortUpDown select { float: right; }

    .ProductListGridListItemPerPage { margin-right: 5px; }
    .ProductListGridListSortUpDown { width: 28%; }
        .ProductListGridListSortUpDown .OptionControlTitle { display: none; }
        .ProductListGridListSortUpDown select { -webkit-appearance: none; -moz-appearance: none; background-color: initial; margin: 0; width: 100%; font-size: 12px; border: none; height: 30px; text-align: center; text-align-last: center; }
        .ProductListGridListSortUpDown option { color: #000; }
    .AdvancedSearchResult .ProductListGridListSortUpDown { width: auto; }
        .AdvancedSearchResult .ProductListGridListSortUpDown .OptionControlTitle { display: block; }
        .AdvancedSearchResult .ProductListGridListSortUpDown select { width: auto; float: left; }


    .AdvancedSearchResultPanel .ProductListGridListSortUpDown { width: 45%; }
        .AdvancedSearchResultPanel .ProductListGridListSortUpDown .OptionControlTitle { display: block; line-height: 30px; }
        .AdvancedSearchResultPanel .ProductListGridListSortUpDown select { width: auto; float: left; }

    /* Product Detail */

    .ProductDetailsResponsiveOurPrice { clear: left; }

    .ProductDetailsResponsive .QuantityDiscountPanel { text-transform: none; margin-right: 10px; }

    .OptionRadioItemRadioButtonList tr { float: none; display: inherit; }

    .ProductDetailsResponsive .ButtonDiv { line-height: 30px; }
    /* ----- ProductDetailsResponsive : Image management ----- */
    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { min-height: 330px; }
    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { height: 330px; }
    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { max-height: 330px; width: auto !important; }
    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 330px; }
    #easy_zoom, #easy_zoom1 { left: 48% !important; top: 160px !important; }


    /*WishListGridView Begin*/
    .WishListGridView .ImageHeader { width: 18%; }

    .WishListGridView .DeleteHeader { width: 8%; }

    .WishListGridView .PriceHeader { width: 20%; }

    .WishListGridView .AddToCartHeader { width: 21%; }

    .WishListGridView .AddToCartItem a { display: table; margin: auto; float: none; width: 100%; }

    /*ShippingAddressBook Begin*/

    .ShippingAliasNameTitle { width: 100%; }

    .ShippingAddress { clear: left; float: left; width: 100%; }

    .ShippingAddressLinkPanel { width: 100%; }

        .ShippingAddressLinkPanel .BtnStyle2 { width: 47%; }
    /* Advanced Search*/
    .SearchTextByKeyword input[type="text"] { width: 30%; }

    .SearchByCategoryField { width: 50%; }

    .AdvancedSearchDrop { width: 35%; }

    .SearchTextByKeyword { width: 35%; margin-left: 10%; }

    .AdvancedSearchTypeCheckList { width: 90%; }

    .SearchByCategory .AdvancedSearchDrop { width: 80%; }

    .AdvancedSearchDrop select { width: 100% !important; }

    .AdvancedSearchManufacturerLabel, .AdvancedSearchDepartmentLabel { width: 25%; }

    .SearchByManufacturer .AdvancedSearchDrop, .SearchByDepartment .AdvancedSearchDrop { width: 75%; }

    .AdvancedSearchResult .FreeShippingLabel { margin-left: 18%; }

    /* UserLogin */
    .CommonUserLoginControl { width: 100%; }

    .CommonUserLoginLoginPanel { padding: 0 30px 20px 10px; }

    .CommonUserLoginRegisterPanel { padding: 0 35px; }

    .CheckoutMaster .CommonErrorMessageDiv { width: 100%; }

    /* CheckoutIndicator Begin */

    .CheckoutAddressRight { clear: left; }

    /* Checkout */

    .checkout-right-col { width: 35%; }

    /*Checkout - Payment Begin*/
    .PaymentValidatorText1 { width: 100%; }

    .PaymentFrame .CountryAndStateList .CountryAndStateListDropDown { clear: both; }

    .PaymentFrame .CommonFormData { width: auto; }


    /*CustomerReview*/
    .CustomerReviewContent { float: right; width: 60%; padding-top: 10px; margin-left: 2%; }

    .CustomerReviewProductDetail { float: left; width: 35%; padding: 10px; }

        .CustomerReviewProductDetail .ProductImage { width: 100%; clear: left; display: inline-block; margin-bottom: 15px; }

            .CustomerReviewProductDetail .ProductImage img { max-height: 150px; height: auto !important; width: auto !important; }

        .CustomerReviewProductDetail .ProductInfo { width: 100%; clear: left; }


    /* UserLogin */
    .UserLogin .CommonLoginPageRight { width: 100%; }

    /* Promotion Product Item List */

    .PromotionProductItem .ProductImage { left: 12%; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { width: 28px; }

        .PromotionProductGroupDataList .ProductGroupCombineItem div { width: 28px; }
    .PromotionProductGroupDataList .ProductGroupProductItemStyle { width: 135px; }
    .PromotionProductGroupDataList .PromotionProductItem { min-height: 180px; }

    /* Contact Us */
    .ContactUsCaptcha { width: 75%; }

    /* Tell a friend */
    .TellFriendFormData { width: 70%; }


    /* GiftCertificate */
    .GiftCertificateTextBox { width: 40% !important; }

    .MaintenanceDiv { background-position: center; background-size: auto 40%; }

    .MaintenanceInnerDiv { background-color: rgba(255, 255, 255, 0.65); }

    .MaintenanceTitle { color: #3e3a3a; }


    /* SocialOrder */
    .SocialOrderConfirmation .OrderSummaryFinishImageButton { width: 100%; }


    .ShippingDetailsBody { padding: 0 20px 40px; }

    .ShippingDetailRow .ShippingDetailTextBox input, .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListDropDown, .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListStateTextBox, .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListCountryTextBox { width: 100%; }

    .ShippingDetailTextBox, .ShippingDetailRow .ClientCityStatePanel { width: 70%; }

    .ProductItemSubTotalPriceColumn { float: left; width: auto; }

    .OrderProductItemSubTotalPrice { padding: 0; }

    .OrderProductItemSubTotalPriceValue { height: auto; padding-top: 4px; }

    .OrderProductItemUnitPrice, .OrderProductItemQuantity { padding: 8px 0 8px; }

    .OrderProductItemName { display: none; }

    .OrderSlipBody { padding: 0 10px; }

    .ProductItemDetails { width: 77.5%; padding-left: 2%; }

    .ProductItemNameColumn { width: 100%; }

        .ProductItemNameColumn .OrderProductItemNameValue { padding: 0; }

    .ProductItemUnitPriceColumn { padding-left: 0; width: 30%; }

    .OrderProductItemUnitPriceValue { height: auto; padding: 0; overflow: unset; }

    .ProductItemQuantityColumn { width: 9%; }

    .OrderProductItemQuantityValue { padding: 0 10px; }

    .TrackingNumberDiv { width: 60%; }

    .SocialOrderCompleted .ShippingDetail { width: 60%; clear: left; padding: 35px 25px 10px; }

    .PaymentmethodDesktopViewDiv { width: 40%; }


    .OrderSummaryBody .ProductItemUnitPriceColumn { width: 25%; padding-left: 2%; }

    .OrderSummaryBody .ProductItemSubTotalPriceColumn { width: 21%; float: right; }

    .OrderSummaryBody .OrderProductItemName { display: block; }

    .OrderSummaryBody .ProductItemNameColumn { width: 45%; }


    .OrderSummary .OrderSummaryPriceInfoLeftDiv, .OrderSummary .OrderSummaryTotalPriceLeftDiv { width: 74%; }

    .OrderSummary .OrderSummaryPriceInfoLeftDiv { padding-left: 20px; }

    .OrderSummary .OrderSummaryPriceInfoRightDiv, .OrderSummary .OrderSummaryTotalPriceRightDiv { width: 26%; }

    .OrderSummary .OrderSummaryPriceInfoRightDiv, .OrderSummary .OrderSummaryTotalPriceRightDiv { padding-right: 20px; }

    .SocialOrderCompleted .OrderInfoDetail { padding: 20px 20px 30px; }


    .OrderNumberDiv, .OrderDateDiv { width: 16%; }

    .OrderPaymentMethodDiv { width: 18%; }

    .OrderSummaryBody .OrderProductItemUnitPriceValue { font-family: DB Helvethaica X-Med; }

    .ShippingOptionText label { width: 85%; }

    .ShippingDetailRow .ShippingDetailTextBox .CommonValidateDiv { width: 100%; }

    .ShippingDetailLabel { text-align: left; width: calc(30% - 10px); margin-right: 10px; }

    /* Social Order End*/

    .SubCategoryList ul li { width: 48.5%; height: 188px; margin: 0 0.75% 8px; }

    .AffiliateDetailsAgreementPanel { margin: 20px 0; width: 100%; }

    .PaymentDiv { width: 100%; }

    .PaymentAgreeDiv { margin: 20px 10% 0; width: 80%; }

    .OnePageCheckout .PaymentAgreeDiv { margin: 20px 0 0; width: 100%; }

    /*OrderSummary*/
    .OrderSummaryCustomerInfoDiv { margin: 0; width: 100%; }

    .OrderSummaryCustomeNoteDiv { margin: 0 0 10px; width: 100%; }

    .OrderSummaryOrderProduct { width: 100%; margin: 0; padding: 20px 30px; }

    /*Shopping cart*/
    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { width: 100%; text-align: center; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { width: 100%; text-align: center; }

    .ShoppingCartTableTaxIncludeColumn { text-align: center; }

        .ShoppingCartTableTaxIncludeColumn .showcallout { text-align: center; }

    .ShoppingCartShippingEstimatorInput, .ShoppingCartShippingEstimator select { clear: left; width: 100%; margin: 0 0 5px; }

        .ShoppingCartShippingEstimatorInput input { width: 100%; }

    .ShoppingCartShippingEstimatorLabel { width: auto; }

    .ShoppingCartShippingEstimatorButton { clear: left; width: 100%; }

    .ShoppingCartShippingEstimator .CountryAndStateList .CountryAndStateListStateTextBox, .ShoppingCartShippingEstimator .CountryAndStateList .CountryAndStateListCountryTextBox { clear: left; width: 100%; margin: 5px 0; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 span { float: none; }

    .ShoppingCartGridView .ImageItemDiv { width: 20%; }

    .ShoppingCartGridView .InfoItemDiv { width: 74%; }

    .ShoppingCartGridView .DeleteItem { width: 6%; }

    .ShoppingCartGridView .QuantityItem { width: 20%; }

    .ShoppingCartGridView .UnitPriceItem { width: 38%; }

    .ShoppingCartGridView .SubtotalItem { width: auto; }

    .DepartmentListItemImageDiv { height: 188px; }
    .DepartmentListItemModernize { width: 48.5%; margin: 0 0.333% 20px; }

    .PromotionListDefault .ProductListDefaultDataListItemStyle { width: 100%; }
    .PromotionGroupListItemImageColumn { width: 30%; }
    .PromotionGroupListItemDetailsColumn { padding: 10px 20px; vertical-align: top; width: 68%; }
    .PromotionGroupListItemPriceDiv { width: 100%; }
    .PromotionGroupListItemButtonDiv { width: auto; clear: left; float: left; margin-top: 10px; }

    /*Header */
    .header-container1 .row { padding-left: 10px; padding-right: 10px; }
    .header-container2 .row { padding-left: 10px; padding-right: 10px; }
    .header-container1-right { width: 100%; text-align: center; }

    .HeaderMenuPanel { display: none; }
    .sticky-menu .HeaderMenuPanel { display: none; }
    .sticky-menu .Container2TopSection { margin-bottom: 0; margin-top: 0; }
    .HeaderLoginAccount a { font-size: 18px; line-height: 30px; }
    .HeaderLoginAccount .icon-user { font-size: 32px; }

    .header-container1 .HeaderLogin, .header-container1 .SocialMediaIconDiv, .header-container1 .LanguageSection, .header-container1-left, .header-container3 { display: none; height: 0; width: 0; line-height: 0; visibility: hidden }

    .SideMenu.Active { width: 320px; z-index: 16000003; }
    .HeaderLoginAccount { display: none; height: 0; width: 0; line-height: 0; visibility: hidden }
    .LanguageSection { clear: none; width:unset; }
    .HeaderLogin .icon-login { display: none; }

    .HeaderLogin { margin: 0 20px; padding: 5px 0; width: 280px; line-height: 30px; color: #fff; border-bottom: solid 1px #DEE0DE; }
        .HeaderLogin .icon-user { display: none; height: 0; width: 0; font-size: 0; visibility: hidden; }
        .HeaderLogin a.LoginName:hover, .HeaderLogin a:hover { text-decoration: none; color: #fff; background-color: #6496e2; }
        .HeaderLogin a.LoginName { padding: 5px 0; color: #fff; background-color: #1e1e1e; margin-right: 4%; line-height: 26px; width: 48%; text-align: center; }
        .HeaderLogin .NameLabel { color: #000; }
            .HeaderLogin .NameLabel:hover { color: #162c5a; }
    .HeaderLoginLoginPipe { color: #b8b8b8; }
    .LoggedInLabel { color: #636363; }
    .LoggedInDiv { display: flex; margin: 0 auto 5px; float: none; width: 100%; justify-content: center; }
    .LoginLabel { padding: 5px 0; color: #fff; background-color: #162c5a; width: 48%; text-align: center; line-height: 26px; }
    .LoggedOutLabel { padding: 3px 20px; width: auto; display: table; margin: 0 auto; float: none; }
    .HeaderLoginLoginPipe { display: none; }
    .LoginLabelWelcome { float: left; }
    .HeaderLogin .LoggedInLabel:hover { background: none; }
    .WishlistLink { padding: 5px 0; text-align: center; width: 100%; display: flex; justify-content: center; color: #fff; background-color: #1e1e1e; }
        .WishlistLink:hover { color: #fff; background-color: #505050; }
    .SwitchLanguageRight .LanguageSwitch select { font-size: 13px; height: 26px; border-color: #b0b0b0 }
    .CurrencySwitch select { font-size: 13px; height: 26px; border-color: #b0b0b0 }
    .SwitchLanguageMenuPanel { line-height: 26px; }

    .ProductMaster .CatalogBreadcrumbDiv { margin-bottom: 0; }
    .AffiliateCommissionSearchContentDiv { width: 100%; }
    .AffiliateCommissionSearchButtonDiv { width: 100%; }

    .CommonTopDynamicDropdownListStaticMenuItem td a { font-size: 16px !important; }

    .CommonAddtoCartPanel .CommonProductButton { width: 100%; margin: 0; }
    .RelatedProductsItemTable { margin: 0; height: auto; min-height: 100px; }
    .ShoppingCartGiftCouponInputCenter input.ShoppingCartGiftCouponInputCodeTextBox { width: 63% !important; height: 30px; }
    .ShoppingCartGiftCouponButton { width: 37%; }
        .ShoppingCartGiftCouponButton a { padding: 3px 0; line-height: 30px; }
    .AdvancedSearchResultPanel .ProductListGridListSortUpDown { width: 22%; }

    /*ContactUs Begin*/
    .ContactUsContact { clear: left; float: left; width: 50%; }
    .ContactUsForm { float: right; width: 47%; }
    .ContactUsFormTable { width: 95%; float: left; }
    .ContactUsTextBox { width: 100% !important; }
    /*ContactUs End*/
    .GiftCouponDiv h3 { margin-bottom: 0; }
    /*ContentBreadcrumb End*/
    .SocialOrderConfirmation .SocialOrderState { left: 0; }

    .MyCouponDiv .CouponDiv { width: calc(100% - 20px); margin: 10px; }
    .CommonCategoryDataList { width: calc(100% + 10px); left: -5px; }
    .CommonCategoryItemStyle { width: calc(50% - 10px); margin-left: 5px; margin-right: 5px; }

    .SideMenuRow { line-height: 30px; text-align: left; width: 280px }
        .SideMenuRow .SocialLink { display: flex; margin: 0; }
            .SideMenuRow .SocialLink a { width: 100%; margin: 0; text-decoration: none; text-align: center; border: 0; font-size: 24px; height: 40px; line-height: 40px; padding-top: 8px; background-color: #ececec; color: #333; border-radius: 0; }
                .SideMenuRow .SocialLink a:hover { color: #fff; }
                .SideMenuRow .SocialLink a:last-child { border: 0; }

    .LanguageMenu { padding: 10px 0; }
    .SocialMenu { padding: 0; }
    .MainMenu { padding: 0; }

    .HeaderMenu ul li:after { top: 13px; }
    .HeaderMenu ul li a.HyperLink { padding: 5px 10px; font-size: 20px; }
    .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 5px 10px; font-size: 20px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 979.99px) {

    /* Product list & Category list */
    .CommonCategoryNameLink { font-size: 20px; }
    table.CommonCategoryImage { height: 163px; }
    .CommonCategoryImage img { max-height: 163px; }

    .CommonBrandItemStyle { width: calc(33.33% - 10px); margin: 5px; padding: 1px; }
    table.CommonBrandImage { height: 158px; }
    .CommonBrandImage img { max-height: 158px; }

    .ProductDetailsResponsive .ProductQuickInfoName { font-size: 30px; }


    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .RelatedProductDataList, .PromotionGroupDataList { width: calc(100% + 14px); position: relative; left: -7px; }

    .PromotionGroupList { position: relative; width: calc(100% + 14px); position: relative; left: -7px; }
    .CommonProductItemStyle { width: calc(33.33% - 14px); margin-left: 7px; margin-right: 7px; }
    .CommonProductNameLink { font-size: 26px; }
    .OurPriceValue { font-size: 22px; }



    .jcarousel-wrapper { width: 753px; }
    .NewArrivalItemStyle { width: calc(100% - 14px); margin-right: 14px; }

    .NewArrivalCategoryList { width: calc(100% + 20px); position: relative; left: -10px; }
        .NewArrivalCategoryList .CommonProductItemStyle { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; }
    .ProductColumn2DataList { width: calc(100% + 20px); position: relative; left: -10px; }
        .ProductColumn2DataList .CommonProductItemStyle { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; }
    .ProductItemControlPanel .CommonProductItemStyle { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; }

    .AdvancedSearchResultPanel .ProductColumn2DataList { width: calc(100% + 14px); position: relative; left: -7px; }
        .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(33.33% - 14px); margin-left: 7px; margin-right: 7px; }

    .CenterBlockTopTitle { font-size: 36px; line-height: 1.2; padding-left: 10px; padding-right: 10px; }

    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .OrderCompletedTextTopLine1, .SocialOrderHeaderText1, .ProductDetailsRelatedProducts .RelatedProductsTitleRight, .CouponCollectHeaderText { font-size: 36px; line-height: 1.2; padding-left: 10px; padding-right: 10px; }
    .CatalogName, .AllBrandsTitle, .AllDepartmentsTitle { font-size: 36px; line-height: 1.2; }

    .CouponCollectBannerDiv { min-height: 350px; }
    .CouponDiv { width: calc(50% - 20px); margin: 0 10px 25px; }
    .CouponBannerImage { background-size: cover !important; }
    .CouponShopNameText { font-size: 35px; }
    .CouponWelcomeText { font-size: 30px; }
    .CouponCollectHereText { font-size: 30px; }

    .SocialSummaryLeft { width: 60%; float: left; padding-right: 10px; }
    .SocialSummaryRight { width: 40%; float: left; }
    .SocialOrderConfirmation .OrderSummaryButtonDiv { width: 40%; }

    .CategoryRelatedBrands { width: calc(100% + 10px); position: relative; left: -5px; }
        .CategoryRelatedBrands .ProductItem { width: calc(20% - 10px); margin: 5px; }

    .NewsEventList { width: calc(100% + 10px); position: relative; left: -5px; }
    .NewsEventItemStyle { padding-left: 5px; padding-right: 5px; }
    .NewsEventImage { height: 160px; }
    .NewsTopicLink { font-size: 24px; }

    .HeaderLogo img { max-height: 75px; }
    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(25% - 6px); margin: 3px; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 78px; }

    .ShoppingCartItemPanel { margin-left: 0; width: 64%; }
    .ShoppingCartSummaryDiv { margin-right: 0; width: 34%; padding: 15px; }
    .ShoppingCartCouponPanel { padding-top: 5px; margin-right: 0; width: 34%; }

    .SocialOrderCompletedTextTop::before { top: 22px; }

    .ShoppingCartGridView .ImageItemDiv { height: 82px; }
    .ProductDetailsResponsiveDescriptionLongLabel iframe { width: 100% !important; height: 380px }

    .header-container1 { padding: 5px 0; display: none; }
    .header-container2 { padding-top: 12px; padding-bottom: 12px; }
    .header-container2-left { width: 85%; }
    .header-container2-right { width: 10%; }
    .HeaderMenuToggle { display: block; width: 5%; }

    .HeaderLogo img { max-height: 70px; }
    .footer-logo .HeaderLogo img { max-height: 100px; }

    .SearchSection { margin-right: auto; }
    .Search.ForDesktop { width: 320px; }
    .QuickSearchCategoryDropDownDiv input[type="text"].QuickSearchText { height: 36px; font-size: 14px; }
    .QuickSearchSelectedCategoryDropDownDiv input[type="text"].QuickSearchText { line-height: 36px; height: 36px; font-size: 14px; }
    .QuickSearchDiv input[type="text"].QuickSearchText { padding: 0 10px; line-height: 36px; height: 36px; font-size: 14px; }
    .QuickSearchDropDown { font-size: 14px; height: 36px; }
        .QuickSearchDropDown option { font-size: 13px; }
    .QuickSearchLinkButtonDiv { height: 36px; }
    .QuickSearchLinkButton { height: 36px; }
    .QuickSearchLinkButtonDiv .icon-search { font-size: 26px; padding: 5px 0; }
    .tel-div { float: none; margin-left: 0; }
    .HeaderShoppingCartIcon .icon-cart { font-size: 30px; }
    .HeaderShoppingCartQuantity .QuantityValueDiv { width: 30px; height: 30px; line-height: 30px; font-size: 15px; }
    .HeaderShoppingCartQuantity .MiniShoppingCartPanel { top: 30px; }
    .SearchTop { font-size: 30px; color: #501b6b }
        .SearchTop:hover, .SearchTop.Active { color: #29a69d; }

    .QuickSearchDiv { border-radius: 50px 0 0 50px; background-color: #fff; }
    .QuickSearchLinkButtonDiv { background-color: #fff; border-radius: 0 50px 50px 0; }
    .header-container2 .HeaderLogo { margin-left: 0; display: block; justify-items: center; }

    .menutitle-footer { font-size: 23px; line-height: 30px; margin-bottom: 5px; }
    .content-footer { font-size: 21px; line-height: 26px; }
    .Newsletter .SidebarTopTitle { font-size: 23px; line-height: 30px; margin-bottom: 5px; }
    .NewsletterLabel { font-size: 21px; line-height: 26px; }


    .ShowAdvancedSearchLinkButton { bottom: 5px; }
    .HideAdvancedSearchLinkButton { bottom: 5px; }

    .IntroductionMessage { margin: 20px 0; font-size: 34px; }
        .IntroductionMessage p { font-size: 34px; }
        .IntroductionMessage H1 { font-size: 54px; }
        .IntroductionMessage H2 { font-size: 48px; }
        .IntroductionMessage H3 { font-size: 40px; }
        .IntroductionMessage hr { width: 640px; height: 4px; margin: 10px auto 20px; }

    .FeaturedMerchants { margin-top: 60px; margin-bottom: 20px; }
        .FeaturedMerchants.Items2 .MerchantsPanelLeft { float: left; width: calc(50% - 5px); margin-right: 5px }
        .FeaturedMerchants.Items2 .MerchantsPanelRight { float: right; position: relative; width: calc(50% - 5px); }
        .FeaturedMerchants.Items3 .MerchantsPanelLeft { width: calc(50% - 5px); margin-right: 5px }
        .FeaturedMerchants.Items3 .MerchantsPanelRight { width: calc(50% - 5px); margin-left: 5px; }
        .FeaturedMerchants.Items3 .FeaturedMerchant2 { height: calc(50% - 5px); }
        .FeaturedMerchants.Items3 .FeaturedMerchant3 { height: calc(50% - 5px); }

        .FeaturedMerchants.Items1 iframe { height: 420px; }
        .FeaturedMerchants.Items2 .FeaturedMerchant1.YoutubePanel { height: 220px; }
        .FeaturedMerchants.Items2 .FeaturedMerchant2.YoutubePanel { height: 220px; }
        .FeaturedMerchants.Items3 .FeaturedMerchant1.YoutubePanel { height: 430px; }
        .FeaturedMerchants.Items3 .FeaturedMerchant2.YoutubePanel { height: 210px; }
        .FeaturedMerchants.Items3 .FeaturedMerchant3.YoutubePanel { height: 210px; }

    .footer-columns-common { width: 23.333%; }
    .footer-columns-newsletter { width: 30%; }
    .footer-logo .HeaderLogo { padding: 0 40px; }


    .ProductDetailsResponsiveDescriptionLongDiv { font-size: 20px; line-height: 26px; }
        .ProductDetailsResponsiveDescriptionLongDiv p { font-size: 20px; line-height: 26px; }

    .BlogDetailsDefaultBlogContentDiv { font-size: 20px; line-height: 26px; }
        .BlogDetailsDefaultBlogContentDiv p { font-size: 20px; line-height: 26px; }

    .PromotionItem .DiscriptionLabel { font-size: 20px; line-height: 26px; }
        .PromotionItem .DiscriptionLabel p { font-size: 20px; line-height: 26px; }

    .ContentLayoutRight { font-size: 20px; line-height: 26px; }
        .ContentLayoutRight p { font-size: 20px; line-height: 26px; }

    .CategoryDescriptionLeaf { display: block; padding: 10px 0; font-size: 20px; line-height: 26px; } 

    .BlogListModernizePageControlPanel { top: -50px; right: 0; position: absolute; }

    .gallery-div > img { float: left; width: calc(33.33% - 10px); margin: 5px; }
    .gallery-div > a { float: left; width: calc(33.33% - 10px); margin: 5px; }

    .dc-message-div { background-size: auto 300px; background-position: 45% top; }
        .dc-message-div .row { min-height: 300px; padding: 70px 0 20px; max-width: unset; }
    .dc-message { font-size: 38px; /*width: 65%;*/ }
        .dc-message .ImageLogoLink img { max-height: 80px; }
    .ms-image { margin-bottom: 10px }
    .ms-link { margin-bottom: 10px }
    .ms-link-icon { width: 56px; height: 38px; background-size: auto 38px; }
        .ms-link-icon:after { width: 10px; height: 38px; font-size: 28px; }

    .jcarousel-control-prev { top: 100px; left: -10px; font-size: 30px; width: 40px; height: 40px; }
    .jcarousel-control-next { top: 100px; right: -10px; font-size: 30px; width: 40px; height: 40px; }

    .BrandsCarouselDiv .swiper-button-prev { width: 40px; height: 40px; text-align: left; }
    .BrandsCarouselDiv .swiper-button-next { width: 40px; height: 40px; text-align: right; }
        .BrandsCarouselDiv .swiper-button-prev::after, .BrandsCarouselDiv .swiper-button-next::after { font-size: 30px; }
    .BrandsCarouselList { padding: 0 40px; position: relative; margin-top: 20px; margin-bottom: 20px; }
}

@media only screen and (min-width: 768px) {
    .dc-message { width: 60%; justify-content: center; }
    .dc-message-head { width: 40%; }

    .BrandsCarousel .swiper-slide img { /*max-height: 200px;*/ }

    .info-contact { line-height: 30px; font-family: DB Helvethaica X-Med; float: left; }

    h1 { font-size: 36px; }
    h2 { font-size: 32px; }
    h3 { font-size: 30px; }
    h4 { font-size: 28px; }
    h5 { font-size: 26px; }
    h6 { font-size: 24px; }

    /* StoreBanner Begin*/
    .StoreBanner { width: 100%; clear: left; float: left; padding-bottom: 0; position: relative; }

        .StoreBanner .camera_wrap { margin-bottom: 0 !important; }
        .StoreBanner .camera_caption { text-align: center; bottom: 0; }
            .StoreBanner .camera_caption > div { background: rgba(0, 0, 0, 0.6); }
                .StoreBanner .camera_caption > div > span { font-size: 22px; }
        .StoreBanner .camera_wrap .camera_fakehover .camera_pag { top: calc(90% + 30px); }
            .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul { text-align: center; }
                .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li { background-color: transparent; border-radius: 30px; margin: 0 3px; left: 0; top: 0; width: 20px; height: 20px; border: #162c5a solid 3px; }

                    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent { background-color: #162c5a; border-radius: 30px; width: 20px; height: 20px; }

                    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li > span { left: 0; top: 0; width: 0; height: 0; }

                    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent > span { left: 0; top: 0; width: 0; height: 0; }

    .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li:hover, .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li:hover.cameracurrent { border-radius: 30px; background-color: #fff !important; left: 0; top: 0; width: 20px; height: 20px; }
    .banner-div { position: relative; width: 100%; text-align: center; }
    .banner-caption { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.6); font-size: 22px; padding: 10px; width: 100%; text-align: center; color: #fff; font-family: DB Helvethaica X-Med; }

    .StoreBanner .camera_prev, .StoreBanner .camera_next { background: none; width: 53px; height: 53px; display: none; }
        .StoreBanner .camera_prev > span { background: url(Images/Icon/prev-banner.png) no-repeat left top; width: 53px; height: 53px; }
        .StoreBanner .camera_next > span { background: url(Images/Icon/next-banner.png) no-repeat left top; width: 53px; height: 53px; }
            .StoreBanner .camera_prev > span:hover, .StoreBanner .camera_next > span:hover { background-position: left 100%; }
    .StoreBanner .camera_prev { left: 3%; }
    .StoreBanner .camera_next { right: 3%; }
    .StoreBanner .camera_wrap img { height: 100% !important; }


    .CouponBannerImage { background: url(../../Images/Banner/DiscountBag.png) no-repeat right bottom; position: absolute; width: 50%; height: 100%; left: 0; }
    .CouponBannerText { width: 50%; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; line-height: 1.4; padding-right: 10px; }
    .CouponDetailsLeft { width: 58%; }
    .CouponDetailsRight { width: 42%; }
    .CouponDetailsDiscountType { font-size: 20px; }
    .CouponDetailsDiscountValue { font-size: 24px; }
    .OrderSummaryFormInfo.PaymentMethod { width: 25%; float: right; }
    .OrderSummaryFormInfo.TaxInvoiceMethod { width: 33%; }
    .OrderSummaryFormInfo.TaxInvoicePaymentMethod { float: none; display: table; margin: auto; width: 33%; }

    .BlogDetailMaster .row .common-center-col.columns { padding-left: 10px; }
    .ProductDetailsRelatedProducts .RelatedProducts { padding-top: 30px; padding-bottom: 30px; }


    .NewsEventItemStyle { width: 33.33%; }
    .AddToWishListButtonLinkButton, .AddToCompareListButtonLinkButton, .TellFriendLinkButton { font-size: 16px; }
    .ShoppingCartTableTotalAmountRow { font-size: 22px; }
        .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { font-size: 28px }
    .ShoppingCart .CommonPageTop { margin-bottom: 0; }

    .discount-label { height: 18px; font-size: 22px; line-height: 18px }
    .discount-value { height: 20px; line-height: 20px; font-size: 28px; }
    .RetailPricePanel { height: 20px; line-height: 20px; }
    .RetailPriceValue { font-size: 18px; }
    .OurPricePanel { height: 24px; line-height: 24px; }
    .CallForPricePanel { font-size: 20px; line-height: 24px; }
    .CommonProductDescription { font-size: 20px; }
    .CommonProductPriceDetails { line-height: 22px; }
    .CommonProductButtonLink { padding: 5px 20px 2px; line-height: 22px; font-size: 18px; }

    .NewArrivalLabel { width: 50px; height: 50px; left: 10px; top: 10px; padding: 10px 0; font-size: 22px; line-height: 30px; }
    .CommonProductDiscountPanel { height: 50px; width: 50px; left: 10px; top: 10px; padding: 10px 0; }
        .CommonProductDiscountPanel .PercentLabel { font-size: 17px; line-height: 13px; text-transform: uppercase; font-family: DB Helvethaica X; }
        .CommonProductDiscountPanel .PercentValue { font-size: 24px; line-height: 18px; font-family: DB Helvethaica X-Med; }


    .DefaultProductList { padding-top: 60px; padding-bottom: 60px; }
    .NewsletterPageTableTD { width: 500px; }



    .IntroductionMessagePanel { padding-top: 30px; padding-bottom: 30px; }

    .FeaturedMerchants .row { display: flex; }
    .FeaturedMerchants.Items1 .MerchantsPanelLeft { float: left; width: 100%; text-align: center; }
    .FeaturedMerchants.Items2 .FeaturedMerchant1 { height: 100%; text-align: right; }
    .FeaturedMerchants.Items2 .FeaturedMerchant2 { height: 100%; text-align: right; }

    .FeaturedMerchants.Items3 .MerchantsPanelLeft { float: left; }
    .FeaturedMerchants.Items3 .MerchantsPanelRight { float: right; position: relative; }
    .FeaturedMerchants.Items3 .FeaturedMerchant2 { position: absolute; top: 0; left: 0; text-align: right; }
    .FeaturedMerchants.Items3 .FeaturedMerchant3 { position: absolute; bottom: 0; left: 0; text-align: right; }

    .tel-div { font-size: 24px; }
    .SearchTop { font-size: 30px; color: #212139 }
        .SearchTop:hover, .SearchTop.Active { color: #0db9ae; }
    .Search.ForDesktop { border-radius: 50px; background-color: #212139; padding: 3px; }
    .Search.ForMobile { display: none; }
    .QuickSearchDiv { border-radius: 50px 0 0 50px; background-color: #fff; }
    .QuickSearchLinkButtonDiv { background-color: #fff; border-radius: 0 50px 50px 0; }

    input[type="text"].NewsletterTextBox { padding: 4px 5px 4px 15px; width: 65%; height: 36px; line-height: 30px; }
    .NewsletterSubmit.BtnStyle1 { line-height: 26px; width: 35%; font-size: 18px; }
    .footer-menu { padding: 25px 0; }
    .dc-message-div { background-image: url(Images/Background/bg-contact-desktop.png); }
}

@media only screen and (max-width: 767.99px) /*Screen width 480-767 px -------------- For step 2 ------------ */
{
    .LayoutFooterLicense .row { flex-direction: column; }

    .ShowAdvancedSearchLinkButton { bottom: 5px; }
    .HideAdvancedSearchLinkButton { bottom: 5px; }

    .CountryAndStateListDropDown { width: 60%; }

    .MainDivLeft { display: none; }

    .ShoppingCartShippingEstimatorInput, .ShoppingCartShippingEstimator select { width: 65%; clear: right; }

    .ContentMainDiv .common-center-col { float: none; }

    .DiscountDiv { display: none; }
    /*Register */
    .MainDiv .CustomerRegister { width: 100%; }

    table.CommonCategoryImage { height: 145px; }
    .CommonCategoryImage img { max-height: 145px; }

    .CommonCategoryNameLink { font-size: 18px; }

    /* --- Myaccount Link ---*/
    .HeaderLoginWishlist, .HeaderLoginAccount { float: left; margin: 10px 10px 0 0; }

        .HeaderLoginWishlist a, .HeaderLoginAccount a { margin: 0; }

    .info-div, .account-div { clear: both; display: table; float: none; margin: 0 auto; }


    /*--- Category & Product Item ---*/
    .ContentMenuNavMenuListDynamicMenuStyle { display: none !important; }

    .QuickViewButtonBorder, a.QuickViewButton { display: none !important; }

    .CategoryDescription { font-size: 11px; padding: 0 10px; }

    /* ----- ProductDetailsResponsive ----- */
    .zoom_len, #easy_zoom, #easy_zoom1 { display: none !important; }

    /* ----- ProductDetailsResponsive : Image management ----- */
    .ajax__tab_body { padding: 20px; }
    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { border: 0; }
    .ProductDetailsResponsiveImageThumbnail { max-width: 100%; }
    .ProductDetailsResponsive .StarRatingSummaryTable { position: relative; }

    .ProductDetailsResponsive .pdetail-sec-four .StarRatingSummaryButtonColumn { right: 0; position: absolute; top: 1px; }

    .ProductDetailsResponsive .ProductDetailsResponsiveQuantitySpan { margin-top: 25px; }

    .ProductDetailsResponsive .ProductDetailsResponsiveOptionDiv { margin-top: 10px; float: left; width: 100%; }

    .ProductDetailsResponsive .QuantityDiscountFreeShippingDiv { margin: 15px 0 0; }

    .RelatedProductsDatalist tr { width: 48%; border-bottom: 0px; display: inline-block; margin: 0 0.5%; }

    .ProductDetailsResponsive .RelatedProducts { padding: 0; }

        .ProductDetailsResponsive .RelatedProducts .CommonProductItemStyle { width: 47%; margin: 10px 1%; }
    .RelatedProductsItemTable { background: none; }
        .RelatedProductsItemTable tr { width: 100%; }
    .RelatedProductsImageColumn a img { max-height: 80px; }
    .ProductDetailsResponsive .ProductDetailsResponsiveQuantitySpan { margin-top: 0; }

    .ProductQuickInfoPrice { float: left; width: 100%; }


    .ProductDetailsResponsive .ProductQuickInfoName { margin-top: 10px; font-size: 26px; }

    .ProductDetailsResponsive .ProductQuickInfoVendor { margin-top: 20px; }

    .ProductQuickInfoQuantityDiscount .DiscountLabel { width: 300px; }

    .ProductQuickInfoQuantityDiscount .QuantityDiscountShowLink, .ProductQuickInfoQuantityDiscount .QuantityDiscountHideLink { width: 300px; }
    .ProductDetailsResponsive .QuantityDiscountGridView { width: 300px; }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList tr { display: table-row; float: none; }

    .ProductDetailsResponsive .ButtonDiv { line-height: 40px; }

    .ProductDetailsResponsive .AddToCartDiv { clear: both; }

    .ProductDetailsResponsiveAddToCart .BtnStyle1 { width: 100%; }

    .ProductDetailsResponsive .ProductDetailsResponsiveQuantityDiv { margin-left: 0; }

    .ProductDetailsResponsiveSocialButtonDiv .SocialButton { margin-top: 20px; }
    .ajax__tab_header .ajax__tab_outer { padding: 0 20px; }

    /* Breadcrumb Begin */
    .catalog-center-col .CatalogBreadcrumb, .pdetail-row .CatalogBreadcrumb { position: relative; margin-left: 0; display: table; min-height: 30px; width: 100%; }

    .NewsMainDiv .CatalogBreadcrumb { position: relative; margin-left: 0px; top: 0; }


    /* MyAccount Menu list */
    .account-left-col { border: 0; }

    .MyAccountMenuTableList { border-top: solid 1px #d8d8db; border-left: solid 1px #d8d8db; }

        .MyAccountMenuTableList tr { display: inline-block; width: 50%; border-bottom: solid 1px #d8d8db; border-right: solid 1px #d8d8db; float: left; }

        .MyAccountMenuTableList td { width: 100%; border: 0; display: block; }

    .MyAccountInfoPanel .MyAccountInfoSubmitButton { }

    /*CompareList Begin*/
    .CompareListGridView .ImageHeader { width: 18%; }

    .CompareListGridView .DeleteHeader { width: 6%; }

    .CompareListGridView .PriceHeader { width: 18%; }

    .CompareListGridView .AddToCartHeader { width: 20%; }

    .CompareListGridView .AddToCartItem a { display: table; margin: auto; float: none; width: 100%; }

    /*WishListGridView Begin*/
    .WishListGridView .ImageHeader { width: 18%; }

    .WishListGridView .DeleteHeader { width: 6%; }

    .WishListGridView .PriceHeader { width: 18%; }

    .WishListGridView .AddToCartHeader { width: 20%; }

    .WishListGridView .QuantityHeader { width: 15%; }

    .WishListGridView .AddToCartItem a { display: table; margin: auto; float: none; width: 100%; }

    /*Advanced Search Begin*/
    .AdvancedSearchLabel { width: 15%; }

    .SearchByKeyword { width: 100%; }

    .AdvancedSearchDrop { width: 38%; }

    .SearchTextByKeyword { width: 43%; margin-left: 3%; }

    .SearchTextByPrice, .SearchTextByPriceTo { width: 37%; }

    .SearchByCategory { width: 100%; float: left; margin-top: 15px; }

    .SearchDropByCategory { width: 40%; }

    .AdvancedSearchTypeCheckList { width: 82%; margin-top: 10px; margin-left: 14%; }

    .SearchByPrice { margin: 20px 0px 0px 0px; margin-left: 30px; }

    .AdvancedSearchPanel { width: 100%; margin-left: 0px; margin-bottom: 0px; float: left; }

    .SearchByCategory .AdvancedSearchDrop { width: 38%; }

    /*ContactUs Begin*/
    .ContactUsContact { clear: left; float: left; width: 100%; }
    .ContactUsForm { float: right; width: 100%; }
    .ContactUsFormTable { width: 95%; float: left; }
    /*ContactUs End*/
    /* track */
    .TrackIFrame { width: 480px; }

    /* checkout */
    .OrderSummaryRightMenu { width: 48%; margin-right: 4%; }

    .GiftCouponDetailRightMenu { width: 48%; clear: none; margin: 0; }

    /*ForgotPassword Begin*/
    .ForgotPasswordPanel { width: 70%; }




    /*CustomerReview*/
    .CustomerReviewContent { float: none; width: 100%; padding-top: 10px; margin: 0; }

    .CustomerReviewProductDetail { float: none; width: 100%; padding: 10px 0; }

        .CustomerReviewProductDetail .ProductInfo { margin: 0; }

    /*News Detail*/
    .NewsDetails .CommonPage { margin-top: 10px; }


    /* Promotion List */
    .PromotionListDefault tr { display: block; width: 100%; }

    .PromotionGroupListItemImageColumn { width: 40%; }

    /* Promotion Product Item List */

    .PromotionProductGroup { padding: 15px 5px; }

    .PromotionProductItem .ProductImage { left: 5%; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { width: 25px; }

        .PromotionProductGroupDataList .ProductGroupCombineItem div { width: 25px; }

    .PromotionProductGroupDataList .PromotionProductItem { width: 90%; margin-left: 5%; margin-right: 5%; }

    .PromotionProductGroupDataList .ProductGroupProductItemStyle { width: 112px; }
    .PromotionListDefault .ProductListDefaultDataListItemStyle { width: 100%; }
    /* Shipping Address */
    .AccountMainDiv .AccountDetailsCheckBoxDiv { margin-left: 24%; width: 60%; }


    /* Checkout */
    .OrderSummaryRightMenu { margin-top: 25px; }

    .GiftCouponDetailRightMenu { margin-top: 25px; }

    /* Category */
    .CategoryDescriptionDiv { padding: 0; }

    .QuickSearch input[type="text"].QuickSearchSelectedText { width: 43%; }


    .SearchLeft { width: 100%; }

    .AddToCartPanel { width: 450px; }

    /*KeyValidateError Begin*/
    .KeyValidateError { -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; padding: 70px 0; font-size: 16px; line-height: 30px; }

        .KeyValidateError h1 { margin: 20px 0; font-size: 24px; }

    .short-bar-white { margin: 40px auto; }
    /*KeyValidateError End*/


    /*  Seller Nav List   */
    .SellerNavPanel { display: none; }

    input[type="text"].TaxPayerIDTextbox { width: 95%; }

    .TaxPayerIDTR .CommonValidatorText { width: 95%; }

    .ProductItemCountItemCount { width: auto; }

    .MaintenanceDiv { background-position: center; background-size: 90% auto; }

    .MaintenanceInnerDiv { background-color: rgba(255, 255, 255, 0.65); width: 450px; }

    .MaintenanceTitle { color: #3e3a3a; }

    .facebookMessengerBox { right: 0; }


    .StoreBanner { display: none; }
    .swiper-container.MobileBanner { display: block !important; }

    /* SocialOrder */

    .SocialOrderConfirmation .GiftAndCoupon { width: 100%; border: solid 1px #d8d8db; margin-bottom: 0; }

    .OrderSummeryItem { width: 100%; margin-top: 0; }

    .OrderPriceSummary { width: 100%; }

    .OrderPriceSummaryDiv { border-top: 0; margin-top: 0; }

    .ShippingDetailRow { text-align: center; }

    .SocialOrderConfirmation .PaymentMethod { width: 100%; margin-top: 10px; border: solid 1px #d8d8db; }

    .SocialOrderConfirmation .OrderSummaryFinishImageButton { width: 100%; margin-bottom: 30px; }

    .SocialOrderOrderSummary { padding: 8px 14px 5px; background-color: #fafafa; }

        .SocialOrderOrderSummary .OrderPriceSummaryLeft, .SocialOrderOrderSummary .OrderPriceSummaryRight { width: 100%; }

            .SocialOrderOrderSummary .OrderPriceSummaryRight .OrderSummaryBoldText { display: table; margin: auto; }


    .OrderSummaryBoldText .TotalPrice { text-align: center; }

    .OrderSummaryBoldText .ToPay { display: none; }

    .socialordertotalprice { line-height: 34px; color: #000 }

    .socialordersymbol { line-height: 34px; color: #000 }
    .TotalSummaryPriceLabel { font-size: 30px; }
        .TotalSummaryPriceLabel .socialordersymbol { color: #162c5a }

    .OrderSummaryOrderTotalLabel .socialordersymbol { color: #162c5a }
    .OrderSummaryOrderTotalLabel .socialordertotalprice { color: #162c5a }
    .PaymentMethod .CommonPageInnerTitle { text-align: center; }

    .SocialOrderConfirmation .PaymentDataList { display: none; }
    .SocialOrderConfirmation .PaymentMethod { width: 100%; margin-top: 10px; border: solid 1px #d8d8db; display: none; }
    .SocialOrderConfirmation .PaymentDiv { width: 80%; }
    .PaymentDropListPanel { display: block; width: 100% }
    .PaymentMethodDropDiv { width: 100% }
    .PaymentMethodDrop { width: 100% }
    .PaymentDropDiv { display: block !important; }

    .TotalSummaryPriceDiv { display: block; background-color: #fff9f4; border: solid 1px #d3c2b5; }
    .TotalSummaryPriceLabelDiv { margin-top: 0; }
    .OrderSummaryRepeaterDiv { padding: 0 10px; }

    .OrderSummaryBody .ProductItemNameColumn { width: 100%; }
    .OrderSummaryBody .ProductItemUnitPriceColumn { width: 40%; padding-left: 0; }
    .OrderSummaryBody .ProductItemSubTotalPriceColumn { float: left; width: auto; }
    .OrderSummaryBody .OrderProductItemSubTotalPrice { float: left; padding: 0; }
    .OrderSummaryBody .OrderProductItemName { display: none; }
    .OrderSummaryBody .OrderProductItemSubTotalPriceValue { clear: left; float: left; }

    .OrderSummaryBody .OrderProductItemUnitPrice, .OrderSummaryBody .OrderProductItemQuantity { padding: 8px 0 0; }

    .OrderInfoHeaderTextDiv { padding: 10px 0; }
    .OrderInfoText { line-height: 20px; }
    .OrderInfoValue { font-family: DB Helvethaica X-Med; line-height: 20px; }
    .OrderNumberDiv .OrderInfoText { display: table; margin: 12px auto; float: none; }

    .OrderNumberDiv .OrderInfoValue { font-size: 24px; display: table; margin: 12px auto; float: none; }

    .OrderNumberDiv { border-bottom: solid 1px #d8d8db; width: 100%; padding-right: 0; }

    .OrderDateDiv { width: 100%; padding: 15px 10px 5px; }

        .OrderDateDiv .OrderInfoText { margin-bottom: 0; }

        .OrderDateDiv .OrderInfoValue { float: right; clear: none; text-align: right; }

    .OrderStatusDiv { width: 100%; padding: 5px 10px 5px; }

        .OrderStatusDiv .OrderInfoText { margin-bottom: 0; }

        .OrderStatusDiv .OrderInfoValue { float: right; clear: none; text-align: right; }

    .OrderPaymentMethodDiv { width: 100%; padding: 5px 10px 5px; }

        .OrderPaymentMethodDiv .OrderInfoText { margin-bottom: 10px; width: 100%; }

        .OrderPaymentMethodDiv .OrderInfoValue { width: 100%; padding-bottom: 5px; }

    .BankTransferPaymentStatus { display: block; }

        .BankTransferPaymentStatus .PaymentBankAccount { width: 100%; padding: 5px 0 0; line-height: 16px; }

    .OrderPaymentInfoDiv { width: 100%; padding: 5px 10px 5px; }

        .OrderPaymentInfoDiv .OrderInfoText { margin-bottom: 0; }

        .OrderPaymentInfoDiv .OrderInfoValue { float: right; clear: none; text-align: right; }

    .OrderShippingMethodDiv { width: 100%; padding: 5px 10px 5px; }

        .OrderShippingMethodDiv .OrderInfoText { margin-bottom: 0; }

        .OrderShippingMethodDiv .OrderInfoValue { float: right; clear: none; text-align: right; }

    .OrderTrackingNumberDiv { width: 100%; padding: 5px 10px 25px; display: block; }

        .OrderTrackingNumberDiv .OrderInfoText { margin-bottom: 0; }

        .OrderTrackingNumberDiv .OrderInfoValue { float: right; clear: none; text-align: right; }

    .OrderSummary .OrderSummaryPriceInfoLeftDiv { padding-left: 10px; width: 65%; border-right: 0; border-bottom: 0; }

    .OrderSummary .OrderSummaryPriceInfoRightDiv { padding-right: 10px; width: 35%; float: right; border-bottom: 0; }

    .OrderSummary .OrderSummaryPriceInfoDiv { border-bottom: solid 1px #d8d8db; }

    .OrderSummary .OrderSummaryPriceInfoLabelBold { text-align: left; }

    .OrderSummary .OrderSummaryPriceInfoLabel { text-align: left; font-family: DB Helvethaica X; }
    .OrderSummary .OrderSummaryPriceInfoValue { font-family: DB Helvethaica X; }
    .OrderSummaryTotalPriceDiv { background-color: #fafafa; }
    .OrderSummary .OrderSummaryTotalPriceLeftDiv { width: 100%; padding-right: 0; display: table; margin: auto; border-bottom: 0; height: auto; }

        .OrderSummary .OrderSummaryTotalPriceLeftDiv .ToPay { clear: none; float: left; text-align: unset; }

        .OrderSummary .OrderSummaryTotalPriceLeftDiv .TotalPrice { float: left; text-align: unset; }

    .OrderSummary .OrderSummaryTotalPriceRightDiv { width: 100%; height: auto; padding: 0 0 10px; border-left: solid 1px #d8d8db; }

    .TotalPriceToPayText { display: table; margin: auto; }
    .OrderSummaryOrderTotalLabel { display: table; margin: auto; }

    .OrderSummaryTotalPriceRightDiv .socialordersymbol { font-size: 24px; }

    .OrderSummaryRepeaterDiv { padding: 0; }

    .OrderSummaryHeader span { display: table; margin: auto; }

    .OrderSummaryBody { padding: 0 10px; }

    .TrackingNumberDiv, .PaymentmethodDesktopViewDiv { display: none; }

    .SocialOrderCompleted .ShippingDetail { clear: left; float: left; width: 100%; margin: 10px auto; padding: 0; border: solid 1px #d8d8db; background-color: #fff; }
    .OrderInfoBottom { margin-bottom: 10px; border: 0; background-color: transparent; }
    .ShippingDetailTitleDiv { width: 100%; padding: 10px 0; border-bottom: solid 1px #d8d8db; background-color: #fafafa; }

        .ShippingDetailTitleDiv span { display: table; margin: auto; }

    .SocialOrderCompleted .AddressCompleteDetail { padding: 10px; width: 100%; background-color: #fff; margin-top: 0; padding-top: 20px; }

    .SocialOrderConfirmation .ShippingDetail { width: 100%; margin-bottom: 0; }

    .SocialOrderCompleted .OrderInfoDetail { padding: 0 0 10px; }

    .SocialOrderConfirmation .OrderSummaryButtonDiv { width: 100%; }

    .ProductItemUnitPriceColumn { width: 40%; }

    .OrderSummaryBody .OrderProductItemUnitPriceValue { font-family: DB Helvethaica X-Med; }
    .PaymentBankAccount .AccountNameType { margin-top: 2px; }

    .SocialOrderConfirmation { float: none; margin-bottom: 0; }

    .ShippingDetails { width: 100%; text-align: left; }

    .ShippingCompleteDetailLabel, .ShippingCompleteDetailValue { }

    /* Social Order End*/

    .CommonAddtoWishListPanel { display: none; }

    .SubCategoryList { display: none; }

    .SubCategoryItemList { display: block; }

    .SubCategoryListResponsive { display: block; }

    /* New Arrival for category Begin */
    .NewArrivalCategory { }

        .NewArrivalCategory .SidebarLeft .SidebarRight { padding: 0 0 20px; }

    .CategoryNewArrivalTitle { margin-top: 20px; }

    .CategoryNewArrival table.CommonProductImage { height: 160px; }

    .CategoryNewArrival div.CommonProductImage { max-height: 160px; }

    .CategoryNewArrival .CommonProductImage img { max-height: 175px; }

    .ProductMaster .sticky-menu .HeaderMenuToggle, .ProductMaster .sticky-menu .header-container2-left, .ProductMaster .sticky-menu .header-container2-right { transition: all 0.2s linear; }

    .ShoppingCartBackHomeLinkDiv { padding: 50px 0 80px; }

    .ShoppingCartEmpty { padding-bottom: 15px; }

    /* UserLogin */
    .CommonUserLoginLoginPanel { padding: 0 50px 30px; margin-bottom: 30px; border-right: 0; border-bottom: solid 1px #d3d3d3; width: 100%; }

    .CommonUserLoginRegisterPanel { padding: 0 50px; width: 100%; }

    .CommonUserLoginRegisterLink, .CommonSkiploginLink { margin: 5px 5% 10px; width: 90%; }

    /* CheckoutIndicator Begin */
    .CheckoutIndicatorTable td { width: 20%; }

    .CheckoutIndicatorTable a { height: 60px; padding-top: 55px; background-size: 100% auto !important; font-size: 17px; line-height: 20px; }

    /*checkout - shipping */

    .CheckoutSpecialRequestPanel, .CheckoutShippingInfoPanel, .CheckoutSaleTaxExemptPanel, .CheckoutButtonDiv, .CheckoutBillingInfoPanel { width: 100%; }

    .OnePageCheckout .CommonPageRight { clear: left; margin: 0 auto; width: 100%; display: table; float: none; padding: 0; }

    .Checkout .CommonPageRight { clear: left; margin: 0 auto; width: 100%; display: table; float: none; padding: 0; }


    .AffiliateRegister .CommonPageRight { clear: left; margin: 0 auto; width: 100%; display: table; float: none; padding: 0; }

    .DropshipRegister .CommonPageRight { clear: left; margin: 0 auto; width: 100%; display: table; float: none; padding: 0; }

    .ShippingDiv { width: 100%; }

    .PaymentDiv { width: 100%; }

    .PaymentDataList { width: 100%; }

    .PaymentAgreeDiv { width: 100%; margin: 20px 0 0; }

    .PaymentAgreeBox { padding: 5px; }

        .PaymentAgreeBox p { font-size: 13px; }

    /*OrderSummary*/
    .OrderSummaryCustomerInfoDiv { margin: 0; width: 100%; }

    .OrderSummaryCustomeNoteDiv { width: 100%; }

    .OrderSummaryOrderProduct { width: 100%; margin: 0; padding: 15px; }

    .OrderSummaryFormInfo { margin: 0 0 20px; width: 50%; padding-right: 5px; }

        .OrderSummaryFormInfo.PaymentMethod { margin: 0 0 20px; width: 100%; }

    .OrderSummaryOrderProductDiv { padding: 10px 0; }

    .OrderSummary .GiftCouponDetailRightMenu { width: 60%; margin: 20px 20%; }
    /*Shopping Cart*/
    .ShoppingCart .CommonPageRight { padding-top: 0; }
    .ShoppingCartPanel { padding: 0; }

    .ShoppingCartCouponPanel { float: right; width: 100%; margin-right: 0; padding: 10px; border: solid 1px #d8d8db; }

    .ShoppingCartItemPanel { float: left; width: 100%; margin: 10px 0 0; border: solid 1px #d8d8db; border-bottom: 0; padding: 0 10px; }

    .ShoppingCartSummaryDiv { float: left; width: 100%; margin: 0; border: solid 1px #d8d8db; border-top: 0; padding: 0 10px; }

    .ShoppingCartOrderTotal { border-top: solid 1px #d8d8db; padding: 10px 0; }

    .ShoppingCartSubtotal { display: none; }
    .ShoppingCartTotalMobile { display: block; background-color: #fff9f4; border: solid 1px #d3c2b5; margin-bottom: 10px; }
    .ShoppingCartCouponDiv { padding-bottom: 0; border: 0; }

    .ShoppingCartGiftCouponTable { width: 70%; margin: 5px 15%; }

    .ShoppingCartGridViewButtonDiv { margin: 10px 0; }

    .ShoppingCartShippingEstimatorInput, .ShoppingCartShippingEstimator select { margin: 5px 0; width: 65%; float: right; clear: none; }

    .ShoppingCartShippingEstimatorButton { width: 65%; }

    .ShoppingCartShippingEstimator .CountryAndStateList .CountryAndStateListStateTextBox, .ShoppingCartShippingEstimator .CountryAndStateList .CountryAndStateListCountryTextBox { clear: none; width: 65%; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { width: auto; text-align: left; font-size: 22px; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { width: auto; text-align: right; font-size: 26px; }

    .ShoppingCartTableTaxIncludeColumn { text-align: left; }

        .ShoppingCartTableTaxIncludeColumn .showcallout { text-align: left; }

    .ShoppingCartGridView .ImageItemDiv { width: 22%; }

    .ShoppingCartGridView .InfoItemDiv { width: 72%; }

    .ShoppingCartItemTitle { font-size: 24px; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 span { float: right; }
    .PromotionGroupListItemDescription { max-height: 66px; overflow: hidden; line-height: 22px; }

    .PromotionGroupListItemPriceDiv { width: 100%; }
    .PromotionGroupListItemButtonDiv { width: 60%; clear: left; float: left; }

    .ForgotPasswordDiv { width: 95%; }

    .PasswordDetails { width: 95%; }

    .Catalog .CommonPage { margin-top: 0; }
    .Catalog .CatalogBannerImage { margin-top: 0; }

    .StoreSiteMapProductDataListItemStyle, .StoreSiteMapDepartmentDataListItemStyle { display: block; width: 100%; }

    .ProductListGridListSortUpDown { width: 37%; }
    .ProductListGridListItemPerPage { margin-right: 20px; }
    .ProductListDefaultSortString .OptionControlTitle { margin-right: 10px; }
    .CatalogBreadcrumbDiv .row, .ContentMenuSitemapDiv .row { padding: 0 10px; width: 100%; max-width: 100%; }
    .DimensionText { display: inline-block; margin-right: 10px; }
    .SocialOrderConfirmation .SocialOrderState { left: 0; }
    .AdvancedSearchResultPanel .ProductListGridListSortUpDown { width: auto; }
    .PromotionControlPanel .ProductItemPaging { margin: 0 auto; float: none; text-align: center; }

    /*Header*/
    .header-container1 .row { max-width: 100%; }

    .ProductListGridListSortUpDown .OptionControlTitle { display: none; }
    .ProductListGridListSortUpDown, .AdvancedSearchResult .ProductListGridListSortUpDown { width: auto; }

    .ProductDetailsResponsive .RelatedProductsTitleLeft { margin: 20px 0; background-position: center bottom; text-align: center; }

    .NewArrivalCategoryList { width: 100%; }

    .jcarousel-wrapper { width: calc(100% + 10px); }
    .NewArrivalItemStyle { width: calc(100% - 10px); margin-right: 10px; }

    .CommonProductItemStyle { width: calc(50% - 10px); margin-left: 5px; margin-right: 5px; }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .RelatedProductDataList, .PromotionGroupDataList { position: relative; width: calc(100% + 10px); left: -5px; }
    .PromotionGroupList { position: relative; width: calc(100% + 10px); left: -5px; }
    .AdvancedSearchResultPanel .ProductColumn2DataList { position: relative; width: calc(100% + 10px); left: -5px; }
    .NewArrivalCategoryList, .ProductColumn2DataList { position: relative; width: calc(100% + 10px); left: -5px; }

    /*Layout->Footer End*/
    .CheckoutIndicatorTable { height: 160px; margin-bottom: 0; }

    .ImageRowItem { width: 47%; padding: 5px; margin: 0; }
    .PromotionItem .PriceLabel { clear: left; width: 100%; margin: 5px 0; }

    .ProductListDefaultPagingControl { text-align: center; }
    .PromotionItem.SocialButton { left: 0; top: 80px; }

    .CommonPageInnerTitle { font-size: 18px; }

    .OrderCompletedTextTopLine2 { font-size: 22px; }
    .OrderCompletedTextTopLine3 { font-size: 22px; }

    .OrderHistoryGridviewDiv { width: 100%; margin: 0; overflow: auto; }
        .OrderHistoryGridviewDiv .OrderHistoryGridView { width: 600px; }
    .CommonGridView { line-height: 20px; }

    .ProductDetailsResponsiveDescriptionLongDiv, .RatingTabDIV { padding: 10px 0; }

    .AddToWishListButtonLinkButton, .AddToCompareListButtonLinkButton, .TellFriendLinkButton { font-size: 15px; }
    .ProductDetailsRelatedProducts .RelatedProducts .AddToWishListButtonLinkButton { font-size: 15px; }
    .ProductListItemColumn2OutOfStockPanel { font-size: 17px; }

    .BrandsCarousel .swiper-slide img { max-height: 125px; }
    h1 { font-size: 30px; }
    h2 { font-size: 28px; }
    h3 { font-size: 26px; }
    h4 { font-size: 24px; }
    h5 { font-size: 23px; }
    h6 { font-size: 22px; }

    .CheckoutCompletePaymentConfirmationBox { width: 80%; }
    .SocialOrderPaymentConfirmationBox { width: 100%; }
    .SocialOrderPaymentConfirmationInfo { padding: 0; }
    .SocialOrderPaymentConfirmationItemRow { padding: 20px; }
    .SocialOrderPaymentConfirmationHeader { padding: 10px 0; text-align: center; background-color: #fafafa; font-size: 22px; }

    .CommonBrandItemStyle { width: calc(33.33% - 10px); margin: 5px; padding: 2px; }
    table.CommonBrandImage { height: 138px; }
    .CommonBrandImage img { max-height: 138px; }

    .CouponCollectBannerDiv { min-height: 240px; }
    .CouponBannerImage { background: url(../../Images/Banner/mobile/DiscountBag-Mobile.png) no-repeat 0 bottom; background-size: contain; position: absolute; width: 50%; height: 100%; right: 0; left: auto; }
    .CouponBannerText { width: 60%; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; line-height: 1.2 }

    .CouponDiv { width: calc(100% - 20px); margin: 10px; }

    .CouponDetailsLeft { width: 55%; }
    .CouponDetailsRight { width: 45%; }

    .SocialSummaryLeft { width: 100%; float: left; padding-right: 0; }
    .SocialSummaryRight { width: 100%; float: left; }
    .SocialOrderConfirmation .OrderSummaryButtonDiv { width: 100%; }


    .row.default-store-banner { max-width: 100%; width: 100% }
    .gallery .item { width: calc(50% - 10px); margin: 5px; }


    .CategoryRelatedBrands { width: calc(100% + 10px); position: relative; left: -5px; }
        .CategoryRelatedBrands .ProductItem { width: calc(20% - 10px); margin: 5px; }


    .ShoppingCartGridView .InfoItemDiv .Title { }
    .ShoppingCartGridView .NameItem { font-size: 20px; }
    .LayoutFooter { background-size: cover; }
    .ShoppingCartTableTotalAmountRow { font-size: 22px; }
        .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { font-size: 26px }
    .SocialOrderCompletedTextTop::before { top: 15px; }


    .CatalogBreadcrumbDiv, .ContentMenuSitemapDiv { font-size: 16px; }
    .NewsDescription { display: none; height: 0; width: 0; font-size: 0; visibility: hidden; }

    .NewsEventViewAll { margin-top: 15px; margin-bottom: 15px; }

    .jcarousel-control-prev, .jcarousel-control-next { font-size: 25px; width: 34px; height: 34px; }

    .BrandsCarouselDiv .swiper-button-prev { width: 34px; height: 34px; text-align: left; }
    .BrandsCarouselDiv .swiper-button-next { width: 34px; height: 34px; text-align: right; }
        .BrandsCarouselDiv .swiper-button-prev::after, .BrandsCarouselDiv .swiper-button-next::after { font-size: 22px; }
    .BrandsCarouselList { padding: 0 35px; position: relative; margin-top: 20px; margin-bottom: 20px; }

    .CommonCategoryNameLink { line-height: 20px; }

    .DefaultProductList { padding-top: 20px; padding-bottom: 20px; }

    .NewsletterPageTable { width: 100%; }
    .NewsletterPageTableTD { width: 100%; }

    .IntroductionMessagePanel { padding-top: 20px; padding-bottom: 30px; }

    .FeaturedMerchants { padding-top: 20px; padding-bottom: 20px; }
    .FeaturedMerchantsAd { margin-top: 10px; text-align: center; }

    .discount-label { height: 18px; font-size: 22px; line-height: 18px }
    .discount-value { height: 20px; line-height: 20px; font-size: 28px; }
    .RetailPricePanel { height: 18px; line-height: 18px; }
    .RetailPriceValue { font-size: 17px; }
    .OurPricePanel { height: 20px; line-height: 20px; }
    .CallForPricePanel { font-size: 19px; margin-top: 8px; line-height: 22px; }
    .CommonProductDescription { font-size: 17px; }
    .CommonProductButtonLink { padding: 4px 15px 2px; line-height: 20px; font-size: 18px; }

    .NewArrivalLabel { width: 45px; height: 45px; left: 5px; top: 5px; padding: 10px 0; font-size: 22px; line-height: 22px; }
    .CommonProductDiscountPanel { height: 45px; width: 45px; left: 5px; top: 5px; padding: 8px 0 5px; }
        .CommonProductDiscountPanel .PercentLabel { font-size: 15px; line-height: 14px; text-transform: uppercase; font-family: DB Helvethaica X; }
        .CommonProductDiscountPanel .PercentValue { font-size: 22px; line-height: 15px; font-family: DB Helvethaica X-Med; }


    .ProductQuickInfoShortDescription { font-size: 21px; }

    .IntroductionMessage { margin: 20px 0; font-size: 26px; }
        .IntroductionMessage p { font-size: 26px; }
        .IntroductionMessage H1 { font-size: 46px; }
        .IntroductionMessage H2 { font-size: 40px; }
        .IntroductionMessage H3 { font-size: 34px; }
        .IntroductionMessage hr { width: 80vw; height: 3px; margin: 10px auto 20px; }

    span.sitemap-seperator, .CatalogBreadcrumbPathSeparatorStyle span.sitemap-seperator, .CatalogBreadcrumbPathSeparatorStyle { color: #b5b5b5; }

    .gallery-div > img { float: left; width: calc(50% - 10px); margin: 5px; }
    .gallery-div > a { float: left; width: calc(50% - 10px); margin: 5px; }

    .header-container1 { display: none; height: 0; width: 0; line-height: 0; visibility: hidden }
    .header-container2 { padding-top: 10px; padding-bottom: 10px; }
        .header-container2 .row { max-width: 100%; }
    .Container2TopSection { display: inline-block; float: right; }
    .HeaderLogo img { max-height: 60px; }
    .header-container2-left { width: 50%; }
    .header-container2-right { width: 25%; justify-content: flex-end; }
    .HeaderMenuToggle { display: block; width: 25%; }
    .HeaderShoppingCartIcon .icon-cart { font-size: 25px; }
    .HeaderShoppingCartQuantity .QuantityValueDiv { width: 26px; height: 26px; line-height: 24px; font-size: 14px; }
    .HeaderShoppingCartQuantity .MiniShoppingCartPanel { top: 30px; }
    .Search.ForDesktop { display: none; }
    .Search.ForMobile { display: block; }
    .SearchTop { font-size: 24px; }
        .SearchTop:hover, .SearchTop.Active { color: #162c5a; }
    .SearchSection { float: left; }
    .QuickSearchDiv { border: solid 1px #9e9e9e; width: 100%; }
    .QuickSearchCategoryDropDownDiv input[type="text"].QuickSearchText { height: 30px; font-size: 13px; }
    .QuickSearchSelectedCategoryDropDownDiv input[type="text"].QuickSearchText { line-height: 30px; height: 30px; font-size: 13px; }
    .QuickSearchDiv input[type="text"].QuickSearchText { padding: 0 10px; line-height: 30px; height: 30px; font-size: 13px; }
    .QuickSearchDropDown { font-size: 13px; height: 30px; }
    .QuickSearchLinkButtonDiv { display: none; }

    .footer-license { width: 100%; text-align: center; line-height: 24px; }
    .footer-license-logo { width: 100%; justify-content: center; }

    .menutitle-footer { font-size: 22px; }
    .footer-columns-common .menutitle-footer { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; padding-left: 15px; line-height: 35px; position: relative; cursor: pointer; }
        .footer-columns-common .menutitle-footer:hover { color: #162c5a; }
    .footer-columns-common { width: 100%; border-bottom: solid 1px #d8d8db; padding-right: 0; }
        .footer-columns-common.contact { border-bottom: 0; padding-top: 0; }
    .footer-columns-newsletter { width: 100%; clear: both; padding: 15px 15px 0; float: left !important; }
    .footer-columns-contact { border-bottom: solid 1px #d8d8db; }
    .footer-columns-partner { border-bottom: solid 1px #d8d8db; }
    .content-footer { padding-left: 15px; padding-right: 15px; display: none; font-size: 19px; margin-top: 5px; }
        .content-footer li { display: inline-block; }
            .content-footer li a { padding: 2px 7px; border: solid 1px #b0b0b0; margin-bottom: 5px; display: block; transition: background 0.2s linear; }
                .content-footer li a:hover { color: #fff; background-color: #1e1e1e; text-decoration: none; }

    .footer-menu { padding: 10px 0 15px; }
    .footer-logo .HeaderLogo { padding: 0 20px; }
        .footer-logo .HeaderLogo img { max-height: 70px; }
    .menu-toggle::after { cursor: pointer; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90f"; font-size: 22px; color: #000000; right: 10px; position: absolute; height: 100%; top: 0; vertical-align: middle; display: flex; align-items: center; }
    .menu-toggle.menu-toggle-hide:after { content: "\e90e"; color: #676767; }
    .menu-toggle:hover:after { color: #162c5a; }
    .menu-toggle.menu-toggle-hide { color: #000000; }

    .Newsletter .SidebarTop { margin-bottom: 10px; padding-bottom: 0; }
    .Newsletter .SidebarTopTitle { font-size: 22px; }
    .NewsletterLabel { font-size: 19px; line-height: 26px; }
    input[type="text"].NewsletterTextBox { padding: 4px 5px 4px 15px; width: 65%; height: 36px; line-height: 30px; }
    .NewsletterSubmit.BtnStyle1 { line-height: 26px; width: 35%; font-size: 18px; }

    .dc-message-div { background-image: url(Images/Background/bg-contact-desktop.png); /*background-position: center;*/ /*background-repeat: unset;*/ }
        .dc-message-div .row { /*padding: 40px 0;*/ }
    .dc-message { /*width: 100%;*/ }
        .dc-message .ImageLogoLink img { max-height: 80px; }
    .ms-link { margin-bottom: 10px }

    .menu-toggle + .content-footer { transition: all 0.2s linear; opacity: 0; height: 0; overflow: hidden; display: block; margin:0 }
    .menu-toggle-hide + .content-footer { opacity: 1; height: auto; margin: 5px 0 15px }

    .ms-body .SocialMediaIconDiv:first-child { display: none; }

    .ms-body { width: 50%; justify-content: center; }

    .SocialPanal { padding: 0; }
}

@media only screen and (min-width: 480px) and (max-width: 767.99px) {

    .NewsEventList { width: calc(100% + 10px); position: relative; left: -5px; }
    .NewsEventItemStyle { width: calc(50% - 10px); margin: 10px 5px; }
    .NewsEventImage { height: 148px; margin-bottom: 5px; }
    .NewsTopicLink { font-size: 22px; }

    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(20% - 8px); margin: 4px; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 78px; }

    .ShoppingCartGridView .ImageItemDiv { height: 92px; }
    .ProductDetailsResponsiveDescriptionLongLabel iframe { width: 100% !important; height: 215px }

    .CouponWelcomeText { font-size: 22px; }
    .CouponShopNameText { font-size: 28px; }
    .CouponCollectHereText { font-size: 22px; }
    .CouponDetailsDiscountType { font-size: 18px; }
    .CouponDetailsDiscountValue { font-size: 22px; }
    .CouponCollectHeaderText { font-size: 28px; }

    .FeaturedMerchantsAd iframe { height: 255px; width: 100%; }
    .jcarousel-control-prev { top: 100px; left: -15px; }
    .jcarousel-control-next { top: 100px; right: -15px; }


    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .OrderCompletedTextTopLine1, .SocialOrderHeaderText1, .ProductDetailsRelatedProducts .RelatedProductsTitleRight { font-size: 32px; padding-left: 10px; padding-right: 10px; line-height: 1.2; }
    .CenterBlockTopTitle { font-size: 32px; padding-left: 10px; padding-right: 10px; line-height: 1.2; }

    .CatalogName, .AllBrandsTitle, .AllDepartmentsTitle { font-size: 32px; }

    .SideMenu.Active { width: 320px; z-index: 16000003; }
    .SideMenuRow { width: 280px; }
    .HeaderLogin { width: 280px; }
     
    .ProductDetailsResponsiveDescriptionLongDiv { font-size: 20px; line-height: 26px; }
        .ProductDetailsResponsiveDescriptionLongDiv p { font-size: 20px; line-height: 26px; }

    .BlogDetailsDefaultBlogContentDiv { font-size: 20px; line-height: 26px; }
        .BlogDetailsDefaultBlogContentDiv p { font-size: 20px; line-height: 26px; }

    .PromotionItem .DiscriptionLabel { font-size: 20px; line-height: 26px; }
        .PromotionItem .DiscriptionLabel p { font-size: 20px; line-height: 26px; }

    .ContentLayoutRight { font-size: 20px; line-height: 26px; }
        .ContentLayoutRight p { font-size: 20px; line-height: 26px; }

    .CategoryDescriptionLeaf { display: block; padding: 10px 0; font-size: 20px; line-height: 26px; } 

    .CommonProductNameLink { font-size: 24px; }
    .OurPriceValue { font-size: 22px; }

    .Newsletter { width: 320px; }
    .dc-message { font-size: 32px; /*width: 100%;*/ }
        .dc-message .ImageLogoLink img { max-height: 80px; }
    .ms-image { margin-bottom: 10px }
    .ms-link { margin-bottom: 10px }
    .ms-link-icon { width: 50px; height: 32px; background-size: auto 32px; }
        .ms-link-icon:after { width: 10px; height: 32px; font-size: 25px; }
}

@media only screen and (max-width: 479.99px) /*Screen width lower than 480 px -------------- For step 1 ------------ */
{
    .ms-image { /*margin-bottom: 10px;*/ margin-left: 10px; width: 50%; }

    .ms-body { width: 50%; justify-content: center; }

    .dc-message-head { padding-bottom: 20px; }

    .ms-body .SocialMediaIconDiv:first-child { display: none; }

    .SocialPanal { margin-right: 0; padding: 0; }

    .footer-columns-followus .SocialMediaIconDiv { flex-direction: column; margin: unset; width: 100%; align-items: center; }

    .GiftRegistryDetailDiv input[type="text"] { width: 90%; }
    /* Header */

    /* seller carousel style */
    .SellerRotatingList .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 80%; margin-left: auto; margin-right: auto; }
    .SellerRotatingList .jcarousel-skin-tango .jcarousel-item { width: 220px; margin: 0 8px; }

    /* Product list & Category list */
    .product-productlist-col.columns { padding: 0 !important; }
    .ProductListDefaultSortString { display: none; }
    .CommonProductItemStyle { width: calc(50% - 8px); margin-left: 4px; margin-right: 4px; }
    div.CommonProductImage { max-height: calc(50vw - 15px); }
    table.CommonProductImage { height: calc(50vw - 15px); }
    .CommonProductImagePanel { height: calc(50vw - 15px); }
    .CommonProductImage img { max-height: calc(50vw - 15px); }


    .PromotionGroupDataList .OurPriceLabel { line-height: 20px; }
    .PromotionGroupDataList .OurPriceValue { line-height: 20px; }

    .ViewButtonPanel { display: none !important; }

    .ProductItemCountItemCount { display: none; }
    .ProductLinkToTopDiv { display: none; }
    .ProductListGridListItemPerPage { margin-right: 0; float: left; }
    .ProductItemPaging { display: table; margin: 0 auto; float: none; }
    .CategoryListDefaultItemPerPageDiv, .DepartmentListDefaultItemPerPageDiv, .ManufacturerListDefaultItemPerPageDiv { display: none; }

    /* ----- ProductDetailsResponsive : Image management ----- */

    .Product .CommonPageLeft { display: block; }
    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { width: 100%; min-height: 280px; }

    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { height: 280px; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { max-height: 280px; max-width: 100%; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 280px; }
    .ProductDetailsResponsive .StarRatingSummaryTable { position: relative; }
    .ProductDetailsResponsiveAddToCart { width: 100%; }
    .ProductQuickInfoPrice { width: 100%; }

        .ProductQuickInfoPrice .DiscountPercent .PercentLabel, .ProductQuickInfoPrice .DiscountPercent .PercentValue { height: 20px; line-height: 20px; }

    .RelatedProductsDatalistItemStyle { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; width: 100%; }

    .RelatedProductsDatalist tr, .RelatedProductsItemTable { display: table; display: table; margin: 0 auto; width: 100%; }

    .RelatedProductsDatalist tr { float: none; }

    .RelatedProductsDetailsColumn { padding-top: 0; width: 70%; }
    .RelatedProductsImageColumn { padding: 0; width: 30%; }


    .ProductDetailsResponsive .pdetail-sec-four .StarRatingSummaryButtonColumn { float: left; }


    .CustomerReviewsItemDateColumn { max-width: 230px !important; }

    .StarRatingSummaryButtonColumn { display: none; }

    .ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { display: block; color: #333333; }

    .ProductDetailsResponsive .ProductDetailsButtom { margin-top: 20px; margin-bottom: 0; }

    .ProductDetailsResponsive .ProductDetailsDefaulSpecificationDetailsDiv { margin-bottom: 10px; }

    .ProductQuickInfoSku, .ProductQuickInfoStock { margin: 0; } 

    .ProductDetailsResponsive .ProductDetailsResponsiveQuantityDiv { width: 100%; }
    .ProductDetailsResponsiveValidatorTextOutOfStock { top: 36px; left: 31%; }
    .ProductQuickInfoRmaPanel { margin: 15px 0; width: 90%; font-size: 13px; }

    .ProductDetailsResponsive .ProductDetailsResponsiveOptionDiv { clear: left; float: left; margin-top: 10px; width: 100%; }

    /* MyAccount Menu list */
    .MyAccountMenuList { width: 100%; float: none; margin: auto; }

    .MyAccountMenuTableList { border-top: solid 1px #d8d8db; border-left: 0; margin-bottom: 20px; }

        .MyAccountMenuTableList tr { display: table-row; width: 100%; float: none; border: 0; }

        .MyAccountMenuTableList td { border-bottom: solid 1px #d8d8db; border-right: 0; }

    .MyAccountMenuList .SidebarTop { margin: 0 10%; width: 80%; }

    .MyAccountInfoPanel .MyAccountInfoSubmitButton a.BtnStyle4 { width: 100%; text-align: right; }
    .MyAccountMenuTableList a { padding-left: 35px; width: 64%; margin: 0 18%; }
    /*CustomerRegister Address Begin*/
    .CustomerRegister { width: 100%; }
    /*Checkout - CustomerRegister Address Begin*/
    .Checkout .ClientCityStatePanel .CountryAndStateListValidationPanel { margin-left: 5px; }

    /* Account Detail */
    .AccountDetailsButtonDiv { margin: 10px 0; width: 100%; }

    .AccountDetailsPanel .ClientCityStatePanel .CommonAsterisk { margin-left: 5px; }

    .AccountMainDiv .AccountDetailsCheckBoxDiv { margin-left: 0; width: 90%; }

    /*CompareList Begin*/
    .CompareListGridView .ImageHeader { display: none; }

    .CompareListGridView .NameHeader { }

    .CompareListGridView .DeleteHeader { width: 10%; }

    .CompareListGridView .PriceHeader { width: 25%; }

    .CompareListGridView .AddToCartHeader { width: 30%; }

    .CompareListGridView .AddToCartItem a { display: table; margin: 5px auto; float: none; width: 100%; }

    .CompareListGridView .ImageItem { display: none; }

    /*WishListGridView Begin*/
    .WishListGridView .ImageHeader { display: none; }

    .WishListGridView .NameHeader { }

    .WishListGridView .DeleteHeader { width: 10%; }

    .WishListGridView .PriceHeader { width: 25%; }

    .WishListGridView .AddToCartItem a { display: table; margin: 5px auto; float: none; width: 100%; }

    .WishListGridView .ImageItem { display: none; }

    /*OrderHistory Begin*/
    .OrderHistory .CommonGridViewItemsPerPageDiv { display: none; }

    .OrderHistory .CommonGridViewPagingDiv, .OrderHistory .SearchFilter { float: none; display: table; margin: auto; }

    .OrderHistoryGridRmaHeaderStyle { display: none; }

    /*PasswordDetails Begin*/
    .PasswordDetailsLabelColumn { width: 40%; }

    .PasswordDetailsInputColumn { width: 55%; }

    .PasswordDetailsButtonDiv { margin: 10px 0; width: 100%; }

    /*ShippingAddressBook Begin*/
    .ShippingAddressBookList tr { display: table-row; width: 100%; float: none; padding-right: 0; }

    .ShippingAddressData { font-size: 13px; }

    /*Advanced Search Begin*/

    .AdvancedSearchLabel { width: 25%; }

    .AdvancedSearchDrop { width: 75%; }

    .SearchTextByKeyword { width: 75%; margin: 15px 0 15px 25%; }

    .SearchByCategory { margin-top: 0; }

        .SearchByCategory .AdvancedSearchDrop { width: 75%; }

    .AdvancedSearchTypeCheckList { width: 100%; margin: 10px 0 0; }

    .SearchByPrice .AdvancedSearchLabel { width: 15%; }

    .SearchTextByPrice { width: 37.5%; }

    .AdvancedSearchManufacturerLabel, .AdvancedSearchDepartmentLabel { width: 35%; }

    .SearchByManufacturer .AdvancedSearchDrop, .SearchByDepartment .AdvancedSearchDrop { width: 65%; }

    /* checkout right menu*/
    .OrderSummaryRightMenu { width: 100%; margin: 10px 0; }

    .GiftCouponDetailRightMenu { width: 100%; clear: left; margin: 10px 0; }

    /*Checkout - Payment Begin*/
    .PaymentItemNameDiv { width: 100%; margin: 0; }

    .PaymentItemImageDiv { display: none; }

    .PaymentFrame { width: 100%; }

    .PaymentButtonDiv { width: 30%; }

    .checkout-center-col .PaymentDiv .SidebarTop .CheckoutAddressTitle { width: 70%; margin-left: 0; }

    .PaymentValidatorText { width: 100%; margin: 0; }


    /*ForgotPassword Begin*/
    .ForgotPasswordPanel { width: 100%; margin-bottom: 10px; }

    .ForgotPasswordLoginImageButton { clear: left; width: 50%; }

    /*Customer Review */
    .CustomerReviewContent .InfoTitleLabel { clear: left; width: 100%; margin: 10px 0; }

    .CustomerReviewMessageTextBox { width: 100% !important; margin: 0; float: none; }

    .CustomerReviewValidatorText { float: none; width: 100%; }
    /* Promotion List */
    .PromotionListDefault .ProductListDefaultDataListItemStyle { width: 50%; padding: 0 4px; }
    .PromotionGroupListItemImageColumn { width: 100%; float: left; clear: left; padding: 0; }
    .PromotionGroupListItemDetailsColumn { width: 100%; float: left; clear: left; padding: 10px 0 0; }

    .PromotionGroupListItemImageDiv { padding: 0; height: 46vw; overflow: hidden; }

        .PromotionGroupListItemImageDiv img { max-height: 46vw; }
    .PromotionGroupListItemNameDiv { margin-bottom: 10px; }
    .PromotionGroupListItemNameLink { font-size: 20px; }
    .PromotionGroupListItemDescription { margin: 0; font-size: 17px; line-height: 16px; height: 32px; }
        .PromotionGroupListItemDescription p { font-size: 17px; line-height: 16px; }
    .PromotionGroupListItemDetailsPriceDiv { width: 100%; float: left; clear: left; }
    .PromotionGroupListItemButtonDiv { width: 90%; }
    /* Promotion Product Item List */

    .PromotionProductGroup { padding: 15px 5px; }

    .PromotionProductItem .ProductImage { left: 0%; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { width: 25px; }

        .PromotionProductGroupDataList .ProductGroupCombineItem div { width: 25px; }


    .PromotionItem .PromotionDetailsDefaultImageAddtoCart .BtnStyle1, .PromotionItem .PromotionDetailsDefaultImageTellFriendImage a.BtnStyle4 { width: 100%; padding: 5px 0; }

    .PromotionProductGroupDataList .PromotionProductItem { width: 90%; margin-left: 5%; margin-right: 5%; }

    .PromotionProductGroupDataList .ProductGroupProductItemStyle { width: 112px; }

    /* Tell a friend */
    .TellFriendFormLabel { width: 90%; margin-left: 0; }

    .TellFriendFormData { width: 100%; clear: left; }

    .TellFriendFormTextEditorDiv { width: 100%; margin-left: 0; }

    .TellFriendCapchaDiv { width: 90%; margin-left: 0; }

    /* StoreSitemap */
    .StoreSiteMapProductDataListItemStyle, .StoreSiteMapDepartmentDataListItemStyle { font-size: 13px; }

    /*Affiliate*/
    .AffiliateCommissionSearchLabel { width: 100%; padding: 0; line-height: 25px; }

    .AffiliateCommissionSearchData { width: 100%; padding: 0; margin-bottom: 5px; }

        .AffiliateCommissionSearchData .CommonTextBox { width: 100%; }

    .AffiliateCommissionSearchValidateDiv .CommonTextBox { width: 110px !important; }

    .MyAccountRecentOrderDiv .SubmitButton { width: 100%; }

    .AffiliateDashboard .ShoppingCartUpdateQuantity { margin: 10px 26%; }


    /* GiftCertificate */

    .CategoryNavMenuListDynamicMenuStyle, .DepartmentNavMenuListDynamicMenuStyle { display: none !important; }
    .AddToCartPanel { width: 90%; }

    .AddToCartImage { width: 22%; }
        .AddToCartImage img { max-width: 100%; }
    .AddToCartPrice { float: right; width: 74%; clear: right; margin-top: 10px; }

    .AddToCartPanel .PiceValue { line-height: 24px; }

    .AddToCartName { float: right; width: 74%; padding-left: 0; padding-right: 0; }

    .AddToCartPanel .CommonValue { margin-bottom: 0; line-height: 24px; }

    .AddToCartPanel .CommonLabel { margin-bottom: 0; line-height: 26px; }

    .AddToCartNameLink .OptionName { line-height: 20px; }

    .KeyValidateError h1 { font-size: 20px; }

    .KeyValidateError { font-size: 14px; }


    .MaintenanceDiv { background-position: center; background-size: 90% auto; }

    .MaintenanceInnerDiv { background-color: rgba(255, 255, 255, 0.65); width: 300px; }

    .MaintenanceTitle { font-size: 28px; color: #3e3a3a; }

    .StoreBannerContainer .columns { padding: 0; }

    .BrandsCarouselDiv .swiper-container { width: 100%; }

    /* Social Order */

    .SocialOrderConfirmation .GiftAndCoupon .data-row { padding: 0; }

    .OrderSlipHeader { padding: 10px 0; }


    .ProductItemNameColumn { width: 100%; }

    .ProductItemUnitPriceColumn { width: 70%; }

    .ProductItemQuantityColumn { width: 30%; }

    .OrderProductItemName, .OrderProductItemUnitPrice { }

    .OrderProductItemUnitPriceValue { height: 30px; }

    .OrderProductItemQuantityValue { }

    .OrderPriceSummaryDiv { padding: 18px 10px; }
    .ShippingDetailsBody { padding: 0 20px 20px; }
    .ShippingOptionText label { font-size: 95%; }

    .ShippingOptionText { width: 73%; }

    .ShippingOptionPriceValue { width: 27%; font-size: 95%; }

    .ShippingDetailLabel { width: 100%; text-align: left; }

    .ShippingDetailTextBox, .ShippingDetailRow .ClientCityStatePanel { width: 100%; }

    .ShippingDetailRow .ClientCityStatePanel { margin-top: -34px; }

    .ShippingDetailRow { margin: 0; }

    .SocialOrderConfirmation .SocialOrderCountry { line-height: 34px; }

    .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListDropDown { margin: 34px 0 0; }

    .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListCountryTextBox { margin: 34px 0 0; }

    .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListStateTextBox { margin: 34px 0 0; }

    .SocialOrderConfirmation .SocialOrderState { bottom: 35px; left: 0; }

    .SocialOrderConfirmation .PaymentMethod { padding: 0 30px 20px; }
    .PaymentMethodDropDiv, .PaymentDropListPanel { width: 100%; }
    .PaymentMethodDrop, .PaymentDropPaymentCustomDescription span { width: 100% !important; }

    .PaymentDropPOPanel .PaymentItemTextboxDiv { margin-left: 10px; }

    .ShippingCompleteZip { clear: left; margin-top: 8px; }

    .ShippingCompleteZipValue { margin-top: 8px; }


    .OrderSummaryBody .ProductItemUnitPriceColumn { width: 70%; }

    .OrderSummaryBody .ProductItemQuantityColumn { width: 30%; }

    .OrderSummaryBody .ProductItemNameColumn { width: 100%; }

    .OrderSummaryBody .OrderProductItemNameValue { width: 100%; }

    .OrderSummaryBody .OrderProductItemUnitPriceValue { height: 30px; }

    .OrderShippingMethodDiv .OrderInfoValue { width: 60%; }

    .ProductItemDetails { width: 65%; }


    .OrderSummary .OrderSummaryPriceInfoLabel { line-height: 16px; }

    .AddressCompleteDetail .ShippingCompleteDetailValue { line-height: 18px; }

    .ShippingCompleteDetailLabel { line-height: 18px; }

    .SocialOrderConfirmation .CommonValidatorText.CustomerRegisterPanelCountryValidatorText { margin-top: -14px; }
    /* Social Order End */
    .SubCategoryListResponsive { margin-top: 0; }
        .SubCategoryListResponsive .CategoryName { padding-bottom: 0; margin-top: 15px; }
        .SubCategoryListResponsive .ViewAllDiv { width: 47%; margin: 10px 1%; }

            .SubCategoryListResponsive .ViewAllDiv a { padding: 73px 0; }
    .SubCategoryItemList a { padding: 10px 0; }
    .sticky-contact .call { padding-left: 40px; }
    .sticky-contact .chat { padding-left: 35px; }


    .ShoppingCart .CommonPageRight { padding: 0; }

    .ShoppingCartBackHomeLinkDiv { padding: 0 0 80px; }

    .ShoppingCartEmpty { line-height: 32px; }

    .ShoppingCartEmptyTitle1 { font-size: 19px; }

    .ShoppingCartEmptyTitle2 { font-size: 22px; }

    .CommonPage, .CommonLoginPage, .ContentLayout { margin-top: 0; margin-bottom: 0; }


    /* UserLogin */
    .CommonUserLoginLoginPanel { padding: 0 10px 30px; }

    .CommonUserLoginRegisterPanel { padding: 0 10px; }
    .CommonUserLoginForgotPasswordDiv { margin-left: 27%; width: 73%; clear: left; float: left; top: auto; height: auto; }

    .CommonUserLoginRegisterLink, .CommonSkiploginLink { margin: 5px 0 10px; width: 100%; }
    .CommonFacebookLoginPanel .CommonUserLoginPanelButton { text-align: center; }
    .BtnLineLink { background-size: auto 100px; height: 50px; }
    .BtnFacebookLink { background-size: auto 100px; height: 50px; width: 270px; margin: 0 auto; display: inline-block; float: none; }

    /* CheckoutIndicator */
    .CheckoutIndicatorTable a { height: 34px; padding-top: 55px; background-size: auto 55px !important; line-height: 20px; }

    /* CustomerRegister Address */
    .CustomerRegisterLeftLabel, .CustomerRegisterRightLabel, .CheckoutAddressLeftLabel, .CheckoutAddressRightLabel, .CustomerRegisterLabel, .CheckoutAddressLabel { width: 100%; line-height: 30px; text-align: left; margin: 0; }

    .CustomerRegisterLeftData, .CustomerRegisterRightData, .CheckoutAddressLeftData, .CheckoutAddressRightData { clear: left; float: left; width: 100%; margin: 0 0 10px; }

    .CustomerRegisterLeft .CustomerRegisterTextBox, .CustomerRegisterRight .CustomerRegisterTextBox, .CheckoutAddressLeft .CheckoutAddressTextBox, .CheckoutAddressRight .CheckoutAddressTextBox { float: left; width: 95% !important; }

    .AccountDetailsDiv .CountryAndStateListDropDown, .CustomerRegisterCityStatePanel .CountryAndStateListDropDown, .ClientCityStatePanel .CountryAndStateListDropDown { width: 95%; margin: 0 0 10px; float: left; }

    .AccountDetailsDiv .CountryAndStateListCountryTextBox, .AccountDetailsDiv .CountryAndStateListStateTextBox, .CustomerRegisterCityStatePanel .CountryAndStateListStateTextBox, .ClientCityStatePanel .CountryAndStateListCountryTextBox, .ClientCityStatePanel .CountryAndStateListStateTextBox, .CustomerRegisterShippingInfoPanel .CountryAndStateListCountryTextBox, ustomerRegisterShippingInfoPanel .CountryAndStateListStateTextBox { width: 95%; float: left; margin: 0 0 10px; }

    .Checkout .CommonValidatorText, .Register .CommonValidatorText, .OnePageCheckout .CommonValidatorText, .AccountDetails .CommonValidatorText { left: 0; }
        .Register .CommonValidatorText.CustomerRegisterPanelCountryValidatorText,
        .AccountDetails .CommonValidatorText.CustomerRegisterPanelCountryValidatorText { width: 100%; margin-left: 0; }

        .Checkout .CommonValidatorText.CustomerRegisterPanelCountryValidatorText,
        .OnePageCheckout .CommonValidatorText.CustomerRegisterPanelCountryValidatorText { margin-left: 0; margin-top: -10px; }

    .CountryAndStateListValidationPanel { float: right; left: auto; line-height: 34px; margin: 0; position: relative; width: 5%; margin: 0; }

    .Checkout span.CommonAsterisk, .Register span.CommonAsterisk, .OnePageCheckout span.CommonAsterisk, .AccountDetails span.CommonAsterisk, .AffiliateDetails span.CommonAsterisk { width: 5%; }

    .Checkout .ClientCityStatePanel .CountryAndStateListValidationPanel { margin: 0; }

    .CustomerRegisterLeftLabel2 { width: 0; }

    .UseBillingCheckbox { margin-left: 0; width: 100%; }

    .CommonMultiLineTextBox.CustomerRegisterTextBox { height: 90px; }

    .CustomerRegisterLinkButtonDiv { width: 100%; margin: 10px 0; }

    .CheckoutAddressLeftDataCheckbox { margin-left: 0; width: 100%; }

    .GiftCouponDetailSpecialRequestTextBox { width: 100%; }

    .BtnCheckoutNext { width: 100%; font-size: 20px; }

    .CheckoutButtonDiv a.BtnCheckoutNext { margin-right: 0; width: 100%; }

    .PaymentButtonDiv { width: 100%; }

    .ShippingButtonDiv { width: 100%; }

    .AffiliateDetailsButtonDiv { width: 100%; }

    .CommonFormDataSample { float: left; }

    .AffiliateDetailsAgreementContent { font-size: 13px; padding: 5px; height: 200px; }

        .AffiliateDetailsAgreementContent p { font-size: 13px; }

    .CheckoutCompleteText.Title { font-size: 20px; }

    /*OrderSummary*/
    .OrderSummaryCustomerInfoDiv { margin: 0; width: 100%; }
    .OrderSummaryFormInfo { width: 100%; padding-right: 0; }

    .OrderSummary .ProductImageItemDiv { margin-right: 0; }

    .OrderSummary .ProductInfoItemDiv { position: relative; padding-left: 20px; line-height: 22px; font-size: 20px; }
        .OrderSummary .ProductInfoItemDiv .PriceItem { width: 100%; }
            .OrderSummary .ProductInfoItemDiv .PriceItem .Title { text-align: left; }
            .OrderSummary .ProductInfoItemDiv .PriceItem .Value { text-align: left; }

        .OrderSummary .ProductInfoItemDiv .Title { margin: 0; line-height: 18px; }

        .OrderSummary .ProductInfoItemDiv .UnitPriceItem { width: 65%; }

        .OrderSummary .ProductInfoItemDiv .QuantityItem { width: 35%; }

            .OrderSummary .ProductInfoItemDiv .QuantityItem .Title { text-align: center; }
    .OrderSummaryOrderProductDiv.SummaryPrice .OrderSummaryTextCommonDiv { margin-top: 2px; margin-bottom: 2px; font-size: 20px; }
    .OrderSummary .GiftCouponDetailRightMenu { width: 100%; margin: 10px 0; }

    .OrderSummaryRewardPointDiv { clear: left; float: left; text-align: left; }

    .OrderSummaryPointEarnedDiv { line-height: 20px; }

    .GiftCouponDetailBox .SidebarTopTitle { font-size: 20px; }

    .PaymentPOPanel { width: 100%; }

    /*Shopping Cart*/

    .ShoppingCartTableTotalAmountRow { padding: 20px 0 10px; }

        .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { line-height: 20px; }

        .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { line-height: 12px; margin-top: 5px; }

    .ShoppingCartTableTaxIncludeColumn { line-height: 20px; margin-bottom: 15px; }

    .ShoppingCartUpdateQuantity { padding: 5px 0; text-align: center; margin: 10px 0 10px 1%; width: 49%; }

    .ShoppingCartContinueShopping { padding: 5px 0; text-align: center; margin: 10px 1% 10px 0; width: 49%; }

    .ShoppingCartGridViewButtonDiv .ShoppingCartButton { width: 100%; }

    .ShoppingCartClearCart { display: table; margin: 10px auto; float: none; }

    .ShoppingCartGridViewItemStyle { position: relative; }

    .ShoppingCartGridView .ImageItemDiv { width: 100px; height: 100px; margin-right: 15px; }

    .ShoppingCartGridView .InfoItemDiv { width: calc(100% - 135px); padding-left: 0; position: relative; }
    .ShoppingCartGridView .DeleteItem { width: 20px; position: absolute; right: 0; }

    .ShoppingCartGridView .NameItem { margin-top: 48px; line-height: 18px; }

    .ShoppingCartGridView .UnitPriceItem { width: 60%; }

    .ShoppingCartGridView .QuantityItem { width: 40%; }

    .ShoppingCartGridView .SubtotalItem { clear: left; float: left; width: 100%; position: absolute; top: 0; left: 0; line-height: 18px; }

    .ShoppingCartGiftCouponTable { width: 100%; margin: 5px 0; }

    .ShoppingCartShippingEstimatorButton { width: 100%; }

    .ManufacturerItemListModernize { width: 47%; margin: 10px 1%; }
    .ManufacturerListItemImageDiv { height: 80px; }
        .ManufacturerListItemImageDiv img { max-height: 75px; }

    .DepartmentListItemImageDiv { height: 120px; }

    .HideOnMobile { display: none; }
    .ProductListDefaultPageControlPanel .row { padding: 0 !important; }
    .ProductListAll a { font-size: 12px; padding-bottom: 0; padding-left: 20px; }
    .ProductListFilter .FeaturedButton, .ProductListFilter .NewArrivalButton { padding: 0; font-size: 12px; }
    .ProductListGridListItemPerPage { margin-right: 0; }
    .ProductListGridListSortUpDown .OptionControlTitle { display: none; }
    .ProductListGridListSortUpDown select { font-size: 11px; }


    .PaymentConfirmationDiv .OptionUploadRequireItemFileUploadDiv { margin: 0; }
    .PaymentConfirmationDiv .ContactUsCommentBox { float: left; width: 95% !important; }
    .PaymentConfirmationDiv span.CommonAsterisk { width: auto; float: right; }
    .PaymentConfirmationDiv .CustomerRegisterLeftLabel, .PaymentConfirmationDiv .CustomerRegisterRightLabel, .PaymentConfirmationDiv .CustomerRegisterLeftData, .PaymentConfirmationDiv .CustomerRegisterRightData { clear: none; float: left; }
    .PaymentConfirmationDiv .CustomerRegisterRight span, .PaymentConfirmationDiv .CustomerRegisterRight a, .PaymentConfirmationDiv .CustomerRegisterLeft span, .PaymentConfirmationDiv .CustomerRegisterLeft a { margin-left: 0; }
    .PaymentConfirmationDiv span.CommonAsterisk { margin-left: 0; }

    .SearchFilterValueRangeImageButton, .SearchFilterDateRangeImageButton, .SearchFilterTextImageButton { clear: left; float: left; margin-left: 40%; margin-top: 5px; }
    .SearchFilterValueRangePanel, .SearchFilterDateRangePanel, .SearchFilterTextPanel, .SearchFilterBooleanPanel { width: 100%; }
    .SearchFilterLabel { width: 40%; margin: 3px 0; clear: left; }

    .ValueRangeValidateDiv { width: 60%; margin: 3px 0; }
    .SearchFilterTextBox { width: 120px !important; }
    .SearchFilterTextBox, .SearchFilterBooleanDropDown { float: left; margin-right: 8px; border: solid 1px #E1E1E1; }


    .DimensionText { margin-right: 20px; }
    .ProductDetailsResponsive .RelatedProductsTitleRight { padding: 20px 0 0; }
    .CheckoutIndicatorTable .LoginOn a, .CheckoutIndicatorTable .LoginPassed a { padding-left: 0; }
    .OrderHistoryGridviewDiv .OrderHistoryGridView { width: 540px; }
    .GiftCertificateVerifyImageButton { padding: 0px 15px; }
    .GiftCertificateResultDiv { width: 100%; }
    .AdvancedSearchResetButton { float: left; clear: left; margin-left: 0; width: 48%; }
        .AdvancedSearchResetButton a.BtnStyle2 { width: 100%; }
    .AdvancedSearchButton { width: 48%; }
        .AdvancedSearchButton .BtnStyle1 { width: 100%; }


    .CatalogControlPanel .row { padding: 0; }
    .Catalog .row { padding: 0 5px; }
        .Catalog .row .columns { padding: 0; }
        .Catalog .row .row { padding: 0; }
    .PromotionItem .ProductDetailsDefaultLikeButtonDiv .gplus-button { clear: left; padding: 0; }


    .PaymentLogo { float: none; margin-left: 0; }
    .footer-columns-payment .SideBannerRight { text-align: center; }

    .ProductDetailsResponsiveQuantityDiv .CommonTextBox { width: 50% !important; margin-right: 0; }
    .CheckoutShippingInfoPanel .SidebarTop > div { margin-left: 5px; }
    .CheckoutAddressLeftDataSelectAddress select { max-width: 300px; }
    .CheckoutIndicatorItemRow { height: 110px; }

    .ProductDetailsResponsiveDescriptionLongDiv, .RatingTabDIV { padding-top: 20px; }

    .TellFriendImageButtonDiv { margin-left: 0; }

    table.CommonCategoryImage { height: calc((50vw - 15px) * 0.667); }
    .CommonCategoryImage img { max-height: calc((50vw - 15px) * 0.667); }
    .CommonCategoryName { min-height: 50px; }

    .default-container .row { max-width: 100%; }

    .PromotionItem .NameLabel { font-size: 24px; }
    .StoreSiteMapInformationPanel, .StoreSiteMapProductPanel, .StoreSiteMapDepartmentPanel { padding: 0; }

    .NewsEventList { margin-bottom: 0; display: block; }
    .NewsEventItemStyle { width: 100%; margin-bottom: 25px; }
    .NewsTopic { margin-top: 0; margin-bottom: 5px; }
    .NewsEventImage { width: 100%; height: calc((100vw - 20px) * 0.5625); }
    .NewsTopicLink { font-size: 24px; }
    .NewsDate { font-size: 20px; }

    .OrderSummaryButtonDiv, .OrderSummaryFinishButtonDiv, .OrderSummaryFinishImageButton.BtnStyle2 { width: 100%; }
    .MyAccountInfoPanel .Title { font-size: 20px; }

    .TrackingNumberLabelDiv, .ShippingDetailTitleDiv, .PaymentmethodDesktopHeaderTextDiv { font-size: 22px; }
    .OrderSummaryHeader, .OrderInfoHeaderTextDiv { font-size: 22px; }
    .SidebarTopTitle, .BlogSidebarTopTitle { font-size: 22px; }

    .ProductHotDealDetails .ProductHotDealCountdown { width: 25%; line-height: 15px; height: 42px; }
    .ProductHotDealDetails .CommonProductDiscountPanel { top: 0px; background: linear-gradient(to bottom, #162c5a 0%,#162c5a 100%); }
    .AddToWishListButtonLinkButton:before, .AddToCompareListButtonLinkButton:before, .TellFriendLinkButton:before { font-size: 15px; }

    table.CommonBrandImage { height: calc(31vw - 10px); }
    .CommonBrandImage img { max-height: calc(31vw - 10px); }

    .CouponCollectBannerDiv { min-height: 160px; }
    .CouponBannerText { left: 10px; }
    .CouponWelcomeText { font-size: 18px; }
    .CouponShopNameText { font-size: 24px; }
    .CouponCollectHereText { font-size: 20px; }
    .CouponCollectHeaderText { font-size: 24px; }
    .CouponCollectHeaderTextDev { padding-top: 15px; padding-bottom: 15px; }
    .product-productlist-col.columns { padding: 0; }
    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(20% - 5px); margin: 2.5px; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 16vw; }

    .ShoppingCartSection { margin-left: 5px; }


    .CommonWishListPanel .AddToWishListButtonLinkButton::before { font-size: 12px; }

    .Newsletter { width: 100%; }
    .NewsletterForm { clear: left; float: none; width: 100%; overflow: hidden; display: table; margin: auto; }
    .CommonValidatorTextNewsLetter { width: 290px; left: 50%; transform: translateX(-50%); }
    .OrderProductItemNameValue, .OrderProductItemUnitPriceValue, .OrderProductItemSubTotalPriceValue { font-size: 19px; }
    .OrderSummary .OrderSummaryPriceInfoDiv { font-size: 19px; }


    .ProductDetailsResponsiveDescriptionLongLabel iframe { width: 100% !important; height: calc(90vw * 0.5625) }

    .NewsletterLoginImageButton { padding-left: 0; padding-right: 0; }

    .FeaturedMerchantsAd iframe { height: calc( 100vw * 0.5625); }

    .LayoutFooterLicense { font-size: 11px; padding-top: 8px; padding-bottom: 8px; }
    .jcarousel-control-prev { top: 22vw; left: -8px; }
    .jcarousel-control-next { top: 22vw; right: -8px; }

    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .OrderCompletedTextTopLine1, .SocialOrderHeaderText1, .ProductDetailsRelatedProducts .RelatedProductsTitleRight { font-size: 30px; padding-left: 10px; padding-right: 10px; line-height: 1.2; padding-top: 3px; }
    .CenterBlockTopTitle { font-size: 30px; padding-left: 10px; padding-right: 10px; line-height: 1.2; padding-top: 3px; }

    .CatalogName, .AllBrandsTitle, .AllDepartmentsTitle { font-size: 30px; }

    .SideMenu.Active { width: 100%; z-index: 16000003; }
    .SideMenuRow { width: calc(100% - 40px); }
    .HeaderLogin { width: calc(100% - 40px); } 

    .ProductDetailsResponsiveDescriptionLongDiv { font-size: 20px; line-height: 26px; }
        .ProductDetailsResponsiveDescriptionLongDiv p { font-size: 20px; line-height: 26px; }

    .BlogDetailsDefaultBlogContentDiv { font-size: 20px; line-height: 26px; }
        .BlogDetailsDefaultBlogContentDiv p { font-size: 20px; line-height: 26px; }

    .PromotionItem .DiscriptionLabel { font-size: 20px; line-height: 26px; }
        .PromotionItem .DiscriptionLabel p { font-size: 20px; line-height: 26px; }

    .ContentLayoutRight { font-size: 20px; line-height: 26px; }
        .ContentLayoutRight p { font-size: 20px; line-height: 26px; }

    .CategoryDescriptionLeaf { display: block; padding: 10px 0; font-size: 20px; line-height: 26px; }  

    body { font-size: 19px; }
    .CommonProductNameLink { font-size: 22px; }
    .OurPriceValue { font-size: 20px; }

    .HeaderShoppingCartIcon { margin-left: 0; margin-right: 5px; }
    .HeaderShoppingCartQuantity .QuantityValueDiv { width: 21px; height: 21px; line-height: 18px; font-size: 11px; position: absolute; top: -7px; right: -10px; }
    .HeaderShoppingCartQuantity { margin-left: 5px; }

    .dc-message { font-size: 28px; width: 100%; }
        .dc-message .ImageLogoLink img { max-height: 80px; }
    .ms-image { /*margin-bottom: 10px*/ }
    .ms-link { margin-bottom: 10px }
    .ms-link-icon { width: 45px; height: 28px; background-size: auto 28px; }
        .ms-link-icon:after { width: 10px; height: 28px; font-size: 22px; }
    .footer-menu { padding-top: 0; }
        .footer-menu .row { padding: 0; }
}

@media only screen and (orientation: portrait) {
}