/*------------------ Custom Responsive Layout ------------------*/
@media only screen and (min-width: 980px) /*Screen width larger than 980 px ----------  For step 4 --------- */
{
    .CommonProductItemStyle { width: calc(25% - 10px); margin-left: 5px; margin-right: 5px; }
    div.CommonProductImage { max-height: 225px; }
    table.CommonProductImage { height: 225px; }
    .CommonProductImagePanel { height: 225px; }
    .CommonProductImage img { max-height: 225px; }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList { width: calc(100% + 10px); margin-left: -5px; }

    .NewArrivalCategoryList { width: calc(100% + 10px); margin-left: -5px; }
        .NewArrivalCategoryList .CommonProductItemStyle { width: calc(33.33% - 10px); }
    .ProductColumn2DataList { width: calc(100% + 10px); margin-left: -5px; }
        .ProductColumn2DataList .CommonProductItemStyle { width: calc(33.33% - 10px); }

    .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(25% - 10px); }

    .jcarousel-wrapper { width: 940px; }
    .jcarousel li { padding-right: 10px; }

    .CommonCategoryItemStyle { width: calc(25% - 10px); margin: 5px; }
    .CommonCategoryImagePanel { width: 100%; text-align: center; }
    table.CommonCategoryImage { height: 160px; }
    .CommonCategoryImage img { max-height: 160px; }
    .CommonCategoryName { min-height: 55px; } 

    /* Header Menu */
    .HeaderMenu ul li { float: left; }
    .headerMenuNormal { display: block; }
    .headerMenuResponsive { display: none; }

    /* Product detail */
    .ProductQuickInfoRating { float: left; position: relative; }
    .ProductDetailsResponsiveOurPrice { clear: left; }
    .ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { display: none; }
    #easy_zoom, #easy_zoom1 { left: 45% !important; top: 250px !important; }
    /*--- Option RadioList ---*/
    .ProductDetailsResponsive .OptionRadioItem { float: left; width: 95%; position: relative; bottom: 8px; left: 5px; }
    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }
    .ProductDetailsResponsive .OptionInputListItemDataList { width: 95%; }
    .ProductDetailsResponsive .OptionItemDetailsLeft { width: 100%; }
    .ProductDetailsResponsive .OptionInputListItemDataListItemStyle { width: 50%; }

    /* New Arrival for category Begin */
    .NewArrivalCategory .SidebarRight { padding: 0; }
    /*PasswordDetails Begin*/
    .PasswordDetailsTable tr { display: table-cell; width: 48%; margin-right: 2%; float: left; }

    /*Advanced Search Begin*/
    .SearchDropByCategory { width: 80%; }
    .AdvancedSearchInCategoryDrop, .AdvancedSearchInDepartmentDrop, .AdvancedSearchinmanufacturerDrop { width: 100%; }
    .SearchDropByDepartment { width: 70%; }
    .SearchDropByManufacturer { width: 80%; }

    /*-- Fix style for UserLogin MasterPage --*/
    .UserLogin .CommonUserLoginPanelUserName, .UserLogin .CommonUserLoginPanelPassword { width: 80%; }

        .UserLogin .CommonUserLoginPanelUserName label, .UserLogin .CommonUserLoginPanelPassword label { clear: left; float: left; width: 31%; }

    .UserLogin .CommonUserLoginValidatorText { width: 48%; }

    /* ShippingAddress Detail */
    .MainDiv .CustomerRegister .CustomerRegisterLinkButtonDiv { margin-right: 4%; }

    .AccountMainDiv .CustomerRegister .CustomerRegisterLinkButtonDiv { margin-right: 4%; }

    .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%; }
    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(20% - 8px); margin: 4px; height: 64px; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 80px; }

    .header-container2-left { width: 40%; }
    .header-container2-right { width: 60%; }
    .LanguageSection { float: right; } 
    .sticky-menu .header-container2 .row { padding-top: 8px; padding-bottom: 8px; }
    .sticky-menu .header-container2-left { width: 35%; }
    .sticky-menu .header-container2-right { width: 65%; display: flex; flex-direction: revert; justify-content: end; }
    .sticky-menu .HeaderLogo img { max-height: 55px; }

    .FeaturedMerchantsAd iframe { height: 220px; }
    .HeaderLogo img { max-height: 80px; }

    .NewsEventList { width: calc(100% + 14px); margin-left: -7px; }
    .NewsEventItemStyle { width: calc(33.33% - 14px); margin: 10px 7px 15px; }
    .NewsDate { width: 30%; position: absolute; right: 5px; bottom: 5px; text-align: right; }
    .NewsTopic { width: 65%; }
    .EnterTaxInvoice, .TaxInvoiceSORow { width: calc(100% - 85px); }

    .CouponDiv { width: 40%; margin: 20px 4% 20px 6%; }
    .MyCouponDiv .CouponDiv { width: 49%; margin: 20px 0.5%; }
}

@media only screen and (max-width: 979.99px) /*Screen width 768-980 px ---------- For step 3---------*/
{
    /*--- HeaderMenu ---*/

    .headerMenuNormal { display: block; }

    .headerMenuResponsive { display: none; }

    .HeaderMenu ul li { padding: 0; }
        .HeaderMenu ul li a.HyperLink,
        .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 5px 8px; }
    /*--- group style ---*/
    .nav-container ul { width: 100%; border: 0; }

        .nav-container ul.menu li { width: 100%; background-color: #000; border-right: solid 1px #fff; margin-bottom: 1px; padding: 5px 0; }

    .nav-container .menu li .HeaderMenuNavItemLeft, .nav-container .menu li .HeaderMenuNavItemRight { float: none; }

    .nav-container ul.menu li a.HyperLink { width: 100%; display: block; text-align: left; }

    .nav-container ul.menu > table > tbody > tr > td { width: 25%; float: left; display: inline-block; }


    /* Product Detail */
    .ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { display: none; }

    .ProductDetailsResponsiveOurPrice { clear: left; }

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

    .ProductDetailsResponsive .RelatedProductsTitleRight { margin-top: 40px; }

    .OptionInputListItemDataListItemStyle { width: 100%; margin-bottom: 5px; display: block; }

    .RelatedProductsDatalist tr { display: inline-block; border-bottom: 0px; width: 33%; vertical-align: top; float: none; }

    .RelatedProductsItemTable { margin: 0; background: none; }

        .RelatedProductsItemTable tr { display: table-row; float: none; width: 100%; }


    .OptionRadioItemDiv { margin-top: -5px; margin-left: 10px; }

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

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

    .ProductDetailsResponsive .QuantityDiscountGridView { margin-bottom: 20px; }

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

    .ProductDetailsResponsive .ProductQuickInfoName { margin-bottom: 15px; }

    /* Breadcrumb Begin */
    .catalog-center-col .CatalogBreadcrumb { margin-left: -255px; position: absolute; top: -10px; }

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

    /*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%; }

    /*OrderHistory Begin*/
    .OrderHistoryGridView th, .OrderHistoryGridView td { padding: 3px 1%; }

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

    .PasswordDetailsInputColumn { width: 62%; }

    .PasswordDetailsButtonDiv { margin-right: 6%; }

    /*ShippingAddressBook Begin*/

    .ShippingAliasNameTitle { width: 100%; }

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

    .ShippingAddressLinkPanel { width: 100%; }

        .ShippingAddressLinkPanel .BtnStyle2 { margin: 0 0 5px; }

    .AccountMainDiv .CustomerRegisterLeft, .AccountMainDiv .CustomerRegisterRight { margin-left: 8%; margin-right: 0; width: 90%; clear: left; }

    .AccountMainDiv .CustomerRegisterLeftLabel, .AccountMainDiv .CustomerRegisterRightLabel { width: 25%; margin: 0; }

    .AccountMainDiv .CustomerRegisterLeftData, .AccountMainDiv .CustomerRegisterRightData { width: 70%; margin: 0; }

    .AccountMainDiv .CustomerRegister .CustomerRegisterCityStatePanel { margin-left: 8%; width: 90%; clear: left; }

        .AccountMainDiv .CustomerRegister .CustomerRegisterCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

        .AccountMainDiv .CustomerRegister .CustomerRegisterCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; }

    .AccountMainDiv .CustomerRegister .CustomerRegisterCheckBox { margin-left: 30%; width: 65%; }

    .AccountMainDiv .CustomerRegister .CustomerRegisterCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

    .AccountMainDiv .CustomerRegister .CustomerRegisterCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: left; margin-left: 0; width: 63%; }

    .AccountMainDiv .CustomerRegister .CustomerRegisterLeft .AccountDetailsCheckBoxDiv { width: 100%; margin-left: 0; padding-bottom: 20px; }

    .AccountDetailsPanel .ClientCityStatePanel { margin-left: 8%; width: 90%; clear: left; }

        .AccountDetailsPanel .ClientCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

        .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; clear: none; }

        .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListCountryTextBox,
        .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 12%; width: 63%; }

    .AccountDetailsPanel .CustomerRegisterCheckBox { margin: 0 0 15px 30%; }

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

    /* Customer Info - Billing Address Begin*/
    .AccountDetails .CustomerRegisterLeft, .AccountDetails .CustomerRegisterRight { margin: 0; width: 98%; clear: left; }

    .AccountDetails .CustomerRegisterLeftLabel, .AccountDetails .CustomerRegisterRightLabel { width: 25%; margin: 0; }

    .AccountDetails .CustomerRegisterLeftData, .AccountDetails .CustomerRegisterRightData { width: 70%; margin: 0; }

    .AccountDetails .AccountDetailsPanel .ClientCityStatePanel { margin: 0; width: 98%; clear: left; }

        .AccountDetails .AccountDetailsPanel .ClientCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

        .AccountDetails .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; }

    .AccountDetails .AccountDetailsPanel .CustomerRegisterCheckBox { margin-left: 24%; width: 65%; }

    .AccountDetails .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

    .AccountDetails .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: left; margin-left: 0; margin-right: 0; width: 63%; }

    .CheckoutBillingInfoPanel .CustomerRegisterPanelCountryValidatorText { margin-left: 25%; margin-right: 4px; width: 63%; clear: left; float: left; }

    .CheckoutBillingInfoPanel .CountryAndStateListDropDown { margin: 0 4px 0 0; }
    /* 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 */
    .CommonUserLoginPanelUserName label, .CommonUserLoginPanelPassword label { width: 35%; }

    .CommonUserLoginPanelUserName input, .CommonUserLoginPanelPassword input { width: 50% !important; }

    .CommonUserLoginValidatorText { margin-left: 35%; width: 50%; }

    .CommonUserLoginPanelRemember { margin-left: 34%; }

        .CommonUserLoginPanelRemember label { width: 60%; }
    .CommonUserLoginPanelButton { margin-left: 34%; }

    /* CheckoutIndicator Begin */
    .CheckoutIndicatorTable .LoginOn a, .CheckoutIndicatorTable .LoginPassed a,
    .CheckoutIndicatorTable .SummaryOff a, .CheckoutIndicatorTable .SummaryOn a { background-position: center center; }

    .CheckoutAddressRight { clear: left; }

    /* Checkout */
    .CheckoutLogin .CommonLoginPage { width: 96%; margin: 0 2%; }

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

    /*Checkout - Payment Begin*/
    .PaymentDataList { clear: left; width: 100%; }

    .PaymentAgreeBox { width: 100%; }

    .PaymentValidatorText1 { width: 100%; }

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

    .PaymentFrame .CommonFormData { width: auto; }

    .PaymentButtonDiv { width: 22%; margin-right: 0; }

    /*Checkout - CustomerRegister Address Begin*/
    .MainDiv .CustomerRegister { width: 100%; }

    .Checkout .CustomerRegister { width: 100%; }

    .Checkout .CustomerRegisterLeft, .Checkout .CustomerRegisterRight { margin: 0; width: 98%; clear: left; }

    .Checkout .CustomerRegisterLeftLabel, .Checkout .CustomerRegisterRightLabel { width: 25%; margin: 0; }

    .Checkout .CustomerRegisterLeftData, .Checkout .CustomerRegisterRightData { width: 70%; margin: 0; }

    .Checkout .ClientCityStatePanel { width: 98%; clear: left; margin: 0; }

    .Checkout .CustomerRegisterPanel .ClientCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

    .Checkout .ClientCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0 5px 0 0; }

    .Checkout .CustomerRegisterPanel .CustomerRegisterCheckBox { margin-left: 24%; width: 65%; }

    .Checkout .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

    .Checkout .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: left; margin-left: 0; margin-right: 1%; width: 63%; }

    .Checkout .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel { width: 98%; clear: left; margin: 0; }

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; clear: none; }

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

    .Checkout .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

    .Checkout .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 12%; width: 63%; }
    /*--- TaxExempt ---*/
    .Checkout .CustomerRegisterShippingInfoPanel .CommonFormData { clear: left; width: 100%; }

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

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

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormLabel { width: 25%; margin: 0; }

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormData { clear: none; margin: 0; width: 70%; }

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

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

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 10%; width: 65%; }

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

    .CheckoutAddressLong { margin-left: 24%; width: 70%; }

    .CheckoutSpecialRequestPanel .CheckoutAddressLong { margin-left: 30%; width: 65%; }

    .CheckoutSpecialRequestPanel .GiftCouponDetailSpecialRequestTextBox { width: 100%; margin-top: 20px; }

    .Checkout .CheckoutAddressLeft, .Checkout .CheckoutAddressRight { margin: 0; width: 98%; clear: left; }

    .Checkout .CheckoutAddressLeftLabel, .Checkout .CheckoutAddressRightLabel { width: 25%; margin: 0; }

    .Checkout .CheckoutAddressLeftData, .Checkout .CheckoutAddressRightData { width: 70%; margin: 0; }

    .CheckoutAddressLeftDataCheckbox .CustomerRegisterCheckBox { margin: 0; }

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

    .Checkout .ClientCityStatePanel .CheckoutAddressLabel { width: 25%; margin: 0; }

    /*--- TaxExempt ---*/
    .Checkout .CustomerRegisterShippingInfoPanel .CommonFormData { clear: left; width: 100%; }

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

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

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormLabel { width: 25%; margin: 0; }

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .CommonFormData { clear: none; margin: 0; width: 70%; }

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

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 63%; }

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

        .Checkout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 10%; width: 65%; }

    /* OnePage Checkout */
    .OnePageCheckout .CustomerRegisterShippingInfoPanel .CustomerTaxExemptPanel .ClientCityStatePanel { margin: 0; width: 100%; clear: left; }

    .OnePageCheckout .CheckoutAddressLeft, .OnePageCheckout .CheckoutAddressRight { margin: 0; width: 98%; clear: left; }

    .OnePageCheckout .CheckoutAddressLeftLabel, .OnePageCheckout .CheckoutAddressRightLabel { width: 25%; margin: 0; }

    .OnePageCheckout .CheckoutAddressLeftData, .OnePageCheckout .CheckoutAddressRightData { width: 70%; margin: 0; }

    .OnePageCheckout .ClientCityStatePanel { margin: 0; width: 98%; clear: left; }

        .OnePageCheckout .ClientCityStatePanel .CheckoutAddressLabel { width: 25%; margin: 0; }

        .OnePageCheckout .ClientCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; }

        .OnePageCheckout .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

        .OnePageCheckout .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 12%; width: 63%; }

    /* Order summary */
    .OrderSummaryUnitPriceHeaderStyle { width: 25%; }

    .OrderSummarySubtotalHeaderStyle { width: 20%; }

    .OrderSummarySummaryLabel { width: 80%; }

    .OrderSummarySummaryValue { width: 20%; }

    .OrderSummaryShippingDetailsLabelColumn { width: 30%; }


    /*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; text-align: center; }

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

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


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


    /* Promotion List */
    .PromotionGroupListItemImageDiv { width: 160px; }

        .PromotionGroupListItemImageDiv img { max-height: 160px; height: auto !important; height: 160px; max-width: 160px; width: auto !important; width: 160px; }

    /* 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%; }

    /*Register*/
    .Register .CustomerRegister .CustomerRegisterLinkButtonDiv { margin-right: 4%; }

    /* GiftCertificate */
    .GiftCertificateTextBox { width: 45% !important; }
    /*Shipping Method*/
    .ShippingRadioList tr { display: table-row; width: 100%; clear: left; }


    .MaintenanceTitle { color: #3e3a3a; }

    /* Social Order */

    .SocialOrderConfirmation .GiftAndCoupon, .OrderPriceSummary { width: 40%; }

    .SocialOrderConfirmation .OrderSummaryFinishImageButton { width: 100%; }

    .SocialOrderConfirmation .OrderSummaryButtonDiv { width: 40%; }

    .OrderSummeryItem, .SocialOrderConfirmation .ShippingDetail { width: 59%; }

    .ShippingDetailsBody { padding: 0 30px 35px; }

    .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; font-size: 14px; padding-top: 4px; }

    .OrderProductItemName, .OrderProductItemUnitPrice, .OrderProductItemQuantity, .OrderProductItemSubTotalPrice { font-size: 11px; }

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

    .OrderProductItemName { display: none; }

    .OrderSlipBody { padding: 0 10px; }

    .ProductItemImageColumn { width: 22.5%; }

    .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; font-weight: normal; }

    .ProductItemQuantityColumn { width: 9%; }

    .OrderProductItemQuantityValue { padding: 0 10px; }

    .TrackingNumberDiv { width: 60%; }

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

    .PaymentmethodDesktopViewDiv { width: 40%; }

    .OrderSummaryBody .ProductItemImageColumn { width: 15%; }

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

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

    .OrderSummaryBody .OrderProductItemName { display: block; }

    .OrderSummaryBody .ProductItemNameColumn { width: 45%; }

    .OrderSummaryBody .ProductItemDetails { width: 85%; }

    .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; }

    .OrderSummaryRepeaterDiv { padding: 0 20px; }

    .OrderInfoText { font-size: 13px; }

    .OrderInfoValue { font-size: 14px; }

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

    .OrderPaymentMethodDiv { width: 18%; }

    .OrderSummaryBody .OrderProductItemUnitPriceValue { font-weight: bold; }

    .ShippingOptionText label { width: 85%; }
    /* Social Order End*/

    .UserLogin .CommonLoginPageRight, .AffiliateLogin .CommonLoginPageRight { width: 100%; }

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

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

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

    .OrderSummaryOrderProductDiv { padding: 10px 15px; }

        .OrderSummaryOrderProductDiv .Title { width: 55%; }

    .ShoppingCartCouponPanel { padding-top: 5px; }

    .ShoppingCartTableColumn1 { font-size: 12px; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { font-size: 14px; 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; }

    .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; }

    /*Shopping cart*/
    .ShoppingCartCouponPanel { padding-top: 5px; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { font-size: 16px; width: 100%; text-align: center; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { font-size: 22px; 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; }

    .CategoryRelatedBrands ul li { margin: 2px 0.5%; width: 18.75%; }

    .CategoryRelatedBrands .item img { max-height: 70px; }


    .NewsDate { width: 100%; text-align: left; clear: left; position: relative; bottom: auto; right: auto; font-size: 11px; }

    .NewsTopic { position: relative; bottom: auto; left: auto; width: 100%; height: 40px; overflow: hidden; }

    .CheckoutButtonDiv, .ShippingButtonDiv, .PaymentButtonDiv, .OrderSummaryFinishButtonDiv, .OrderSummaryButtonDiv { width: 240px; }

        .OrderSummaryButtonDiv .OrderSummaryFinishButtonDiv, .OrderSummaryButtonDiv .OrderSummaryFinishButtonDiv .OrderSummaryFinishImageButton { width: 100%; }

    .AffiliateCommissionSearchLabel { width: 26%; }

    .AffiliateCommissionSearchData { width: 74%; }

    .info-div { float: left; width: 100%; margin: 0; }
    .HeaderMenuToggle { display: flex; align-items: center; margin-right: 10px; } 
    .header-container1-right { width: 100%; max-width: 100%; }
    .SideMenu.Active { width: 320px; z-index: 16000003; }

    .HeaderLogo img { max-height: 75px; }
    .account-div { float: right; }
    /*HeaderLogin Begin*/
    .HeaderLogin { margin: 0 25px 6px; padding: 6px 0; width: 270px; line-height: 30px; color: #454545; background: none; border-bottom: solid 1px #d7d7d7; font-size: 14px; font-weight: bold; flex-wrap: wrap; }
        .HeaderLogin a.LoginName:hover, .HeaderLogin a:hover, .HeaderLogin a.LoggedOutLabel:hover, .HeaderLogin a.LoginLabel:hover { text-decoration: none; color: #fff; background-color: #012048; }
        .HeaderLogin a.LoginName { padding: 6px 0; color: #fff; background-color: #606060; margin-right: 5px; line-height: 25px; width: calc(50% - 5px); text-align: center; text-decoration: none; }
        .HeaderLogin .NameLabel:hover { color: #004297; }
        .HeaderLogin .NameLabel { color: #004297; }
    .HeaderLoginLoginPipe { color: #555; }
    .LoggedInLabel { color: #2e2e2e; }
    .LoggedInDiv { display: table; margin: 0 auto 5px; float: none; }
    .HeaderLogin a.LoginLabel { padding: 6px 0; color: #fff; background-color: #012f6a; width: calc(50% - 5px); margin-left: 5px; text-align: center; line-height: 25px; text-decoration: none; }
    .HeaderLogin a.LoggedOutLabel { padding: 6px 20px; width: auto; display: table; margin: 0 auto; float: none; color: #fff; background-color: #606060; text-decoration: none; }
    .HeaderLoginLoginPipe { display: none; }

    .LoginLabelWelcome { float: left; } 
    .HeaderLogin .LoggedInLabel:hover { background: none; }

    .WishlistLink { font-size: 14px; padding: 6px 0; text-align: center; width: 100%; display: flex; font-weight: bold; justify-content: center; margin-bottom: 6px; color: #fff; background-color: #012f6a; }
        .WishlistLink:hover { color: #fff; background-color: #012048; }

    .seperator-label { color: #888; }
    .SwitchLanguage { margin-top: 0; }
    .SwitchLanguageMenuPanel a { color: #000; }
        .SwitchLanguageMenuPanel a:hover { color: #004297; }

    .CurrencyControl { margin-left: 0; margin-top: 0; }

    .header-container1 .HeaderLogin, .header-container1 .HeaderLoginWishlist, .header-container1 .LanguageSection, .header-container2 .HeaderLoginAccount, .header-container3, .account-div { display: none; }

    .sticky-menu .QuantityDiv:after { content: ""; }
    .sticky-menu .DiscountDiv { display: none; }
    .sticky-menu .AmountDiv { display: none; }
    .sticky-menu .HeaderShoppingCartCheckout { display: none; }

    .top-bar ul.title-area { display: none; }
    .FeaturedMerchantsAd iframe { height: 182px; }

    .NewsDate { width: 100%; }
    .NewsTopic { width: 100%; }



    /* UserLogin */
    .CheckoutLogin .CommonUserLoginLoginPanel { width: 100%; background: none; text-align: center; }
    .CheckoutLogin .CommonUserLoginRegisterPanel { width: 100%; margin: 0; text-align: center; }

    .CommonUserLoginPanelUserName input, .CommonUserLoginPanelPassword input { width: 60% !important; }

    .CommonUserLoginValidatorText { width: 60%; }

    .CommonUserLoginPanelRemember label { width: 80%; }

    .CommonUserLoginForgotPasswordDiv { width: 60%; }

    .CommonUserLoginPanelUserName label, .CommonUserLoginPanelPassword label { width: 35%; }

    .CommonUserLoginPanelUserName input, .CommonUserLoginPanelPassword input { width: 50% !important; }

    .CommonUserLoginValidatorText { margin-left: 35%; width: 50%; }

    .CommonUserLoginPanelRemember { margin-left: 34%; }

        .CommonUserLoginPanelRemember label { width: 60%; }
    .CommonUserLoginPanelButton, .CommonUserLoginForgotPasswordDiv { clear: left; margin-left: 35%; margin-bottom: 0; }
    .CheckoutLogin .CommonUserLoginRegisterLink, .CheckoutLogin .CommonSkiploginLink { display: table; width: auto; margin: auto; float: none; }
    .CommonUserLoginPanelTitle, .CommonUserLoginRegisterTitle, .CommonSkipLoginTitle, .CommonAffiliateRegisterTitle { width: 100%; }
    .CommonUserLoginPanelDescription, .CommonUserLoginRegisterDescription, .CommonSkipLoginDescription, .CommonAffiliateRegisterDescription { width: 100%; margin-bottom: 10px; }
        .CommonUserLoginRegisterDescription ul { display: inline-block; text-align: left; }
    .OrderHistoryGridviewDiv { width: 100%; margin: 0; overflow: auto; }
        .OrderHistoryGridviewDiv .OrderHistoryGridView { width: 600px; font-size: 13px; }

    .SocialSummaryLeft { width: 59%; float: left; }

    .EnterTaxInvoice, .TaxInvoiceSORow { width: calc(100% - 30px); }

    .TaxInvoiceDiv .ShippingDetail { width: auto; margin: 0 }

    .CouponDiv { width: calc(50% - 40px); margin: 20px; }
    .MyCouponDiv .CouponDiv { width: 80%; margin: 20px 10%; } 

    .CouponCollectBannerDiv .row { min-height: 280px; }
    .CouponWelcomeText { font-size: 24px; }
    .CouponShopNameText { font-size: 30px; }
    .CouponCollectHereText { font-size: 22px; } 
    .CouponCollectHeaderTextDev { padding: 20px 0; }

    .checkout-center-col .CheckoutShippingInfoPanel .SidebarTop { width: 100%; margin: 10px 0; clear: left; float: left; }
        .checkout-center-col .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressTitle { width: 100%; margin: 0; }
        .checkout-center-col .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressLeftDataSelectAddress { width: 100%; margin: 0; }
}

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

    .CommonProductItemStyle { width: calc(33.33% - 20px); margin-left: 10px; margin-right: 10px; }
    div.CommonProductImage { max-height: 225px; }
    table.CommonProductImage { height: 225px; }
    .CommonProductImagePanel { height: 225px; }
    .CommonProductImage img { max-height: 225px; }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList { width: calc(100% + 20px); margin-left: -10px; }

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

    .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(33.33% - 20px); }

    .jcarousel-wrapper { width: 740px; }
    .jcarousel li { padding-right: 20px; }

    .NewArrivalCategoryList { width: calc(100% + 20px); margin-left: -10px; }
        .NewArrivalCategoryList div.CommonProductImage { max-height: 235px; }
        .NewArrivalCategoryList table.CommonProductImage { height: 235px; }
        .NewArrivalCategoryList .CommonProductImagePanel { height: 235px; }
        .NewArrivalCategoryList .CommonProductImage img { max-height: 235px; }

    .ProductColumn2DataList { width: calc(100% + 20px); margin-left: -10px; }
        .ProductColumn2DataList div.CommonProductImage { max-height: 235px; }
        .ProductColumn2DataList table.CommonProductImage { height: 235px; }
        .ProductColumn2DataList .CommonProductImagePanel { height: 235px; }
        .ProductColumn2DataList .CommonProductImage img { max-height: 235px; }

    .AdvancedSearchResultPanel .ProductColumn2DataList { width: calc(100% + 20px); margin-left: -10px; }
        .AdvancedSearchResultPanel .ProductColumn2DataList .CommonProductItemStyle { width: calc(33.33% - 20px); }

    .CommonCategoryItemStyle { width: calc(33.33% - 10px); margin: 5px; }
    .CommonCategoryImagePanel { width: 100%; text-align: center; }
    table.CommonCategoryImage { height: 142px; }
    .CommonCategoryImage img { max-height: 142px; }
    .CommonCategoryName { min-height: 55px; }
     
    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(25% - 8px); margin: 4px; height: 66px; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 70px; }

    .FrontMasterTop { border-bottom: solid 1px #DEDEDE; }
    .sticky-menu { border-bottom: solid 1px #DEDEDE; } 
    .header-container2-left { width: 40%; }
    .header-container2-right { width: 60%; } 
    .sticky-menu .header-container2-left { width: 32%; }
    .sticky-menu .header-container2-right { width: 68%; display: flex; flex-direction: revert; justify-content: end; }
    .sticky-menu .HeaderLogo img { max-height: 55px; }

    .FeaturedMerchantsAd iframe { height: 180px; }
    .HeaderLogo img { max-height: 60px; }

    .NewsEventList { width: calc(100% + 10px); margin-left: -5px; }
    .NewsEventItemStyle { width: calc(50% - 10px); margin: 10px 5px 15px; }

    .default-left-col { width: 32%; }
    .default-right-col { width: calc(68% - 20px); margin-left: 20px; }

    /* ----- ProductDetailsResponsive : Image management ----- */
    #easy_zoom, #easy_zoom1 { left: 45% !important; top: 190px !important; }
    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { width: 100%; min-height: 300px; }
    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { height: 300px; }
    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 300px; }
}

@media only screen and (min-width: 768px) {
     
    .header-container1 .row { padding: 0 20px; }
    .header-container2 .row { padding: 10px 20px; }  
    .sticky-menu .header-container2 .row { padding-top: 8px; padding-bottom: 8px; }
    .FeaturedMerchants .SidebarRight { width: calc(100% + 10px); margin-left: -5px }
    .FeaturedMerchantsAd { width: calc(33.33% - 10px); margin: 0 5px 10px; }

    .PromotionProductItem .ProductQuantity .ProductQuantitySign { margin-left: 10px; }
}

@media only screen and (max-width: 767px) /*Screen width 480-767 px -------------- For step 2 ------------ */
{
    .StoreBannerRow { margin-bottom: 10px; }
    .StoreBanner { display: none; }

    .MobileBanner { display: block; }
    .swiper-pagination-bullet { background-color: #cccccc !important; width: 12px !important; height: 12px !important; opacity: 1 !important; }
        .swiper-pagination-bullet:hover { background: #004297 !important; }
    .swiper-pagination-bullet-active { background: #004297 !important; }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }

    .CountryAndStateListDropDown { width: 60%; }

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

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

    .CustomerRegisterPanelCountryValidatorText { margin-left: 25%; width: 63%; margin-right: 4px; }

    /* Footer*/
    .four.MenuFooter { width: 31.5%; }

        .four.MenuFooter.CustomerMenu { width: 37%; }

    .LayoutFooter .MenuItemTitleOuter, .LayoutFooter a.MenuItemTitleOuter, .LayoutFooter .MenuItemTitle { width: auto; }

    .LayoutFooterLicense { line-height: 20px; padding: 10px 0; }

        .LayoutFooterLicense .text-left, .LayoutFooterLicense .text-right { text-align: center; }

    .MenuItemTitleInner { padding: 0 20px 5px 0; }

    .MenuItemTitleOuter { background: url(Images/Icon/down.gif) no-repeat right 5px; line-height: 22px; }

    .MenuItemTitleOuterHide { background: url(Images/Icon/up.gif) no-repeat right 5px; }


    /*Common Product Item Style */
    .ProductItemControlPanel .CategoryDescriptionDiv { padding: 0; }

    .SearchSection { display: table-footer-group; width: 100%; float: none; }
    /*--- MiniCart ---*/
    .ShoppingCartSection { width: 100%; margin-left: 0; }
    .HeaderShoppingCart { height: 30px; clear: both; margin: 5px auto; }

        .HeaderShoppingCart .HeaderShoppingCartDiv { float: left; padding: 0 5px; }

        .HeaderShoppingCart .HeaderShoppingCartCheckout { float: right; padding-left: 5px; margin-left: 5px; }
    /*--- Search ---*/
    .Search { clear: both; margin: 5px auto; position: relative; width: 280px; display: table; float: none; }

    /* --- Myaccount Link ---*/
    .info-div { clear: both; display: table; float: none; margin: 0 auto; text-shadow: none; }

    .account-div { display: none; }

    .headerMenuNormal { display: none; }

    .headerMenuResponsive { display: block; }

    /*--- Category & Product Item ---*/
    .ContentMenuNavMenuListDynamicMenuStyle { display: none !important; }
    .CategoryDescription { font-size: 13px; }

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

    .ProductDetailsResponsiveImageThumbnail { max-width: 100%; }

    .ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { display: none; }

    .ProductDetailsResponsive .StarRatingSummaryTable { position: relative; }

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

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

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

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

    .RelatedProductsDatalist tr { width: 50%; }

    .ProductDetailsResponsive .RelatedProductsTitleRight { text-align: center; }

    .RelatedProductsItemTable tr { width: 100%; }

    .ProductDetailsResponsive .CommonTextBox { margin-top: 0; }

    .ProductDetailsResponsive .ProductDetailsResponsiveQuantitySpan { margin-top: 0; }

    .RelatedProductsDetailsColumn, .RelatedProductsImageColumn { padding-bottom: 0; padding-right: 10px; padding-top: 10px; vertical-align: top; }


    .ProductQuickInfoSku, .ProductQuickInfoStock, .ProductQuickInfoRating { width: auto; line-height: 24px; }

        .ProductQuickInfoRating .StarRating { margin-top: 5px; min-width: 62px; }

    .ProductQuickInfoPrice { float: left; width: 100%; margin: 10px 0; }



    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

    .ProductDetailsResponsive .ProductQuickInfoName { margin: 10px 0; }
    .ProductDetailsResponsive .ProductQuickInfoShortDescription { margin: 10px 0; font-size: 13px; }

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

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

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

    .ProductDetailsResponsive .ButtonDiv { line-height: 30px }

    .ProductDetailsResponsive .AddToCartDiv { clear: both; }

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

    .ProductListItem div.CommonProductImage { width: 30%; }
    ul.MenuItem li { font-size: 14px; }

    /* 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; }

    /* Newsletter */
    .Newsletter { margin-top: 0; }

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

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

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

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

    .MyAccountInfoPanel .MyAccountInfoSubmitButton { }

    /*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%; }

    .AdvancedSearchResult .ProductListTableViewItem .BtnStyle1 { padding: 2px 0px; width: 90%; text-align: center; margin-left: 5%; }

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

    /* contact us */
    .ContactUsCaptcha { width: 50%; }

    .ContactUsCommentBox { width: 100%; }

    .ContactUsButtonDiv { margin-right: 10%; }

    .ContactUsCompanyInfo { padding-right: 0; }
    /* track */
    .TrackIFrame { width: 480px; }

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

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

    .CountryAndStateListDropDown { clear: both; }

    /*checkout - shipping */
    .ClientCityStatePanel .CheckoutAddressLabel { width: 28%; }

    .ClientCityStatePanel .CountryAndStateListDropDown { clear: none; }

    /* shipping method */
    .checkout-center-col .Shipping .CommonAsterisk { float: right; margin-right: 15%; }

    /*News List */
    .NewsListImage { display: none; }

    .NewsPagingBox { display: table; margin: auto; width: auto; float: none; }

    .NewsLinkToTopDiv { display: none; }


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

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

        .CustomerReviewProductDetail .ProductInfo { margin: 0; }

    /*AffiliateDetails Begin*/
    .AffiliateDetailsAgreementPanel { margin-left: 11.5%; width: 80%; }

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

    .PromotionGroupListItemImageColumn { width: 40%; }

    .PromotionGroupListItemImageDiv { width: 180px; }

        .PromotionGroupListItemImageDiv img { max-height: 180px; height: auto !important; height: 180px; max-width: 180px; width: auto !important; width: 180px; }

    /* Promotion Product Item List */
    .PromotionItem .ProductDetailsDefaultLikeButtonDiv { width: 50%; }

    .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; }

    /* Register - CustomerRegister Address Begin*/
    .CustomerRegister { width: 100%; }

    .Register .CustomerRegisterLeft, .Register .CustomerRegisterRight { margin: 0; width: 98%; clear: left; }

    .Register .CustomerRegisterLeftLabel, .Register .CustomerRegisterRightLabel { width: 25%; margin: 0; }

    .Register .CustomerRegisterLeftData, .Register .CustomerRegisterRightData { width: 70%; margin: 0; }

    .Register .CustomerRegisterPanel .ClientCityStatePanel { margin: 0; width: 98%; clear: left; }

        .Register .CustomerRegisterPanel .ClientCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

        .Register .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0 4px 0 0; }

    .Register .CustomerRegisterPanel .CustomerRegisterCheckBox { margin-left: 30%; width: 65%; }

    .Register .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

    .Register .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: left; margin-left: 0; margin-right: 4px; width: 63%; }

    .Register .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel { margin: 0; width: 98%; clear: left; }

        .Register .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CustomerRegisterLabel { width: 25%; margin: 0; }

        .Register .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; clear: none; }

    .Register .CustomerRegisterShippingInfoPanel .CustomerRegisterCheckBox { margin-left: 30%; width: 65%; }

    .Register .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 25%; width: 63%; }

    .Register .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 12%; width: 63%; }

    .Register .CustomerRegister .CustomerRegisterLinkButtonDiv { margin-right: 12%; }

    /* Shipping Address */
    .AccountMainDiv .AccountDetailsCheckBoxDiv { margin-left: 24%; width: 60%; }

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

    .PromotionListDefault .ProductListDefaultDataListItemStyle { width: 100%; }

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

    .GiftCouponDetailRightMenu { margin-top: 15px; }

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

    .NewArrival .jcarousel-skin-tango .jcarousel-item { width: 220px; }

    .NewArrival .jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0 13px 10px 0; }

    .ContactUsBlock { width: 90%; }

    .LanguageSection { display: table; margin: auto; float: none; }


    .AddToCartPanel { width: 450px; }

    /*KeyValidateError Begin*/
    .KeyValidateError { 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*/


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

    .TaxPayerIDTR .CommonValidatorText { width: 95%; }

    .ProductItemCountItemCount { width: auto; }

    .ProductListTableViewTopItem .Button, .ProductListTableViewItem .Button { width: 100%; }

    .TableViewTellFriendPanel, .TableViewAddtoWishListPanel, .TableViewAddtoCompareListPanel { width: 100%; }

    .MaintenanceInnerDiv { width: 450px; }

    .MaintenanceTitle { color: #3e3a3a; }

    .facebookMessengerBox { right: 0; }

    /* SocialOrder */

    .SocialOrderConfirmation .GiftAndCoupon { width: 100%; border: 0; border: solid 1px #b7b7b7; }


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

    .OrderPriceSummary { width: 100%; }

    .OrderPriceSummaryDiv { border-top: 0; }

    .ShippingDetailRow { text-align: center; }

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

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

    .SocialOrderOrderSummary { display: none; }

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

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

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

    .OrderSummaryBoldText .ToPay { display: none; }

    .socialordertotalprice { font-size: 24px; line-height: 34px; }

    .socialordersymbol { line-height: 40px; }

    .ShippingDetailsBody { padding: 0 15px 15px; }

    .ShippingDetailsHeader { display: none; }

    .PaymentMethod .CommonPageInnerTitle { font-weight: normal; font-size: 16px; text-align: center; }

    .SocialOrderConfirmation .PaymentDataList { display: none; }

    .PaymentDropListPanel { display: block; width: 100%; }

    .SocialOrderConfirmation .PaymentMethod { padding: 0 90px 40px; display: none; }

    .PaymentDropDiv { display: block !important; }
    .PaymentMethodDropDiv { width: 100%; }
    .PaymentMethodDrop { width: 100%; }
    .TotalSummaryPriceDiv { display: block; border: solid 1px #b6c8de; background-color: #f5f9ff; }

    .OrderProductItemNameValue, .OrderProductItemUnitPriceValue, .OrderProductItemSubTotalPriceValue, .OrderSummaryText, .ShippingOptionPriceValue, .ShippingOptionText label { font-size: 14px; }

    .OrderSummaryRepeaterDiv { padding: 0 10px; }

    .OrderSummaryBody .ProductItemImageColumn { width: 22.5%; }

    .OrderSummaryBody .ProductItemNameColumn { width: 100%; }

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

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

    .OrderInfoHeaderTextDiv { padding: 10px 0; }

    .OrderNumberDiv .OrderInfoText { font-size: 18px; font-weight: bold; display: table; margin: 12px auto; float: none; }

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

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

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

        .OrderDateDiv .OrderInfoText { margin-bottom: 0; font-weight: bold; }

        .OrderDateDiv .OrderInfoValue { float: right; clear: none; font-weight: normal; text-align: right; line-height: 1; }

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

        .OrderStatusDiv .OrderInfoText { margin-bottom: 0; font-weight: bold; }

        .OrderStatusDiv .OrderInfoValue { float: right; clear: none; font-weight: normal; text-align: right; line-height: 1; }

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

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

        .OrderPaymentMethodDiv .OrderInfoValue { width: 100%; font-weight: normal; padding-bottom: 5px; line-height: 1; }

    .BankTransferPaymentStatus { display: block; }

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

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

        .OrderPaymentInfoDiv .OrderInfoText { margin-bottom: 0; font-weight: bold; }

        .OrderPaymentInfoDiv .OrderInfoValue { float: right; clear: none; font-weight: normal; text-align: right; line-height: 1; }

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

        .OrderShippingMethodDiv .OrderInfoText { margin-bottom: 0; font-weight: bold; }

        .OrderShippingMethodDiv .OrderInfoValue { float: right; clear: none; font-weight: normal; text-align: right; line-height: 1; }

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

        .OrderTrackingNumberDiv .OrderInfoText { margin-bottom: 0; font-weight: bold; }

        .OrderTrackingNumberDiv .OrderInfoValue { float: right; clear: none; font-weight: normal; text-align: right; line-height: 1; }

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

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

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

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

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

    .OrderSummary .OrderSummaryTotalPriceLeftDiv { width: 100%; padding-right: 0; display: table; margin: auto; border-bottom: 0; height: auto; background-color: #ffffff; }

        .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 5px; border-left: 1px solid #b7b7b7; }

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

    .OrderSummaryTotalPriceRightDiv .socialordertotalprice { font-weight: bold; }

    .OrderSummaryTotalPriceRightDiv .socialordersymbol { font-weight: bold; line-height: 40px; }

    .OrderSummaryRepeaterDiv { padding: 0; }

    .OrderSummaryHeader { background-color: #f5fcfb; padding: 12px 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 10px; padding: 0; border: 1px solid #b7b7b7; }

    .ShippingDetailTitleDiv { width: 100%; padding: 11px 0; border-bottom: 1px solid #b7b7b7; font-weight: normal; background-color: #f5fcfb; }

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

    .SocialOrderCompleted .AddressCompleteDetail { margin: 15px 0; padding: 0 10px; }

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

    .SocialOrderCompleted .OrderInfoDetail { padding: 0 0 10px; font-size: 13px; line-height: 18px; }
        .SocialOrderCompleted .OrderInfoDetail .OrderInfoValue { font-size: 13px; line-height: 18px; }
        .SocialOrderCompleted .OrderInfoDetail .OrderNumberDiv .OrderInfoValue { font-size: 18px; }
    .SocialOrderCompleted .BankTransferAccountList span { font-size: 13px; }
    .SocialOrderConfirmation .OrderSummaryButtonDiv { width: 100%; }

    .OrderSummaryBody .ProductItemDetails { width: 77.5%; }

    .OrderSummaryBody .OrderProductItemSubTotalPrice { float: left; padding: 0; }

    .OrderSummaryBody .OrderProductItemName { display: none; }

    .OrderSummaryBody .OrderProductItemSubTotalPriceValue { clear: left; }

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

    .ProductItemUnitPriceColumn { width: 40%; }

    .OrderSummaryBody .OrderProductItemUnitPriceValue { font-weight: normal; font-size: 12px; }

    .PaymentBankAccount .AccountNameType { margin-top: 2px; }

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

    .ShippingDetails { width: 100%; }

    .SocialOrderConfirmation .SocialOrderState { left: 13%; }

    /* Social Order End*/
    /* UserLogin */
    .CommonUserLoginLoginPanel { width: 100%; background: none; }

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

    .CommonUserLoginPanelUserName input, .CommonUserLoginPanelPassword input { width: 60% !important; }

    .CommonUserLoginValidatorText { width: 60%; }

    .CommonUserLoginPanelRemember label { width: 80%; }

    .CommonUserLoginForgotPasswordDiv { width: 60%; }

    .CommonUserLoginPanelUserName label, .CommonUserLoginPanelPassword label { width: 35%; }

    .CommonUserLoginPanelUserName input, .CommonUserLoginPanelPassword input { width: 50% !important; }

    .CommonUserLoginValidatorText { margin-left: 35%; width: 50%; }

    .CommonUserLoginPanelRemember { margin-left: 34%; }

        .CommonUserLoginPanelRemember label { width: 60%; }

    .CommonUserLoginPanelButton, .CommonUserLoginForgotPasswordDiv { clear: left; margin-left: 35%; margin-bottom: 0; }

    .OrderSummaryOrderProductDiv .Title { width: 55%; }

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

    .OrderSummaryCustomeNoteDiv { padding: 15px 0; }

    .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 .ProductInfoItemDiv .Value { font-size: 14px; }

    .OrderSummaryOrderProductDiv.SummaryPrice { font-size: 14px; line-height: 26px; }

    .OrderSummaryOrderProductDiv.SummaryTotalPrice { font-size: 16px; }

        .OrderSummaryOrderProductDiv.SummaryTotalPrice .TaxIncludeLabel { font-size: 12px; }

        .OrderSummaryOrderProductDiv.SummaryTotalPrice .Value { font-size: 18px; }

    .OrderSummaryTextCommonDiv.CustomerNoteDiv .OrderSummaryDetailsLabelColumn, .OrderSummaryTextCommonDiv.TaxPayerIDTR .OrderSummaryDetailsLabelColumn { font-size: 14px; }

    .OrderSummary .ProductImageItemDiv { width: 25%; margin-right: 2%; }

    .OrderSummary .ProductInfoItemDiv { width: 73%; }

    /*shopping cart*/
    .ShoppingCart .CommonPageRight { padding-top: 0; }

    .ShoppingCartPanel { padding: 0; }

    .ShoppingCartCouponPanel { float: left; width: 100%; margin: 10px 0 0; border: solid 1px #ccc; padding: 10px 10px 20px; }

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

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

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

    .ShoppingCartSubtotal { display: none; }

    .ShoppingCartTotalMobile { display: block; padding: 20px 0; margin-top: 20px; border: solid 1px #b6c8de; background-color: #f5f9ff; }
 
    .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 .ShoppingCartTableColumn2 span { float: none; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { width: auto; text-align: left; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { width: auto; text-align: right; }

    .ShoppingCartTableTaxIncludeColumn { text-align: left; }

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

    .ShoppingCartGridView .ImageItemDiv { width: 22%; }

    .ShoppingCartGridView .InfoItemDiv { width: 72%; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 span { float: right; }



    .QuantityDiv:after { content: ""; }

    .DiscountDiv { display: none; }

    .AmountDiv { display: none; }

    .HeaderShoppingCartCheckout { display: none; }
    .HeaderShoppingCartBraclet { display: none; }

    .HeaderMenuToggle { width: 25% }
    .header-container1 .row { padding: 0 10px;}
    .header-container2 .row { padding: 8px 10px; }
    .header-container2-left { width: 50%; }
    .header-container2-right { width: 25%; }
    .sticky-menu .header-container2-left { width: 50%; }
    .sticky-menu .header-container2-right { width: 25%; }

    .HeaderLogo { width: 100%; }
        .HeaderLogo a { display: block; height: auto; text-align: center; }
        .HeaderLogo img { max-height: 50px; }

    .SearchSection.Desktop { display: none; }
    .SearchSection.Mobile { left: 0; display: block; width: 100%; clear: left; margin: 0; background-color: #cbcdcf; padding: 7px 0; }
    .SearchSection.Scroll { margin: 0; }

    .Search { width: 300px; display: table; margin: auto; }
    .SearchTop { display: none; }
    .SearchLeft { width: 100%; border: solid 1px #ccc; }
    .sticky-menu .Search { margin-top: 0; }
    .LanguageSection { float: right; clear: none; margin: 0; }

    .SwitchLanguageDropPanel { margin-top: 0; }
    .PromotionAds .SideBannerRight { text-align: center; }
    .sticky-contact { display: block; }

    .FeaturedMerchantsAd iframe { height: 170px; }

    .ProductHotDealDatalist { width: 105%; }
    .MenuFooterFree .MenuFooterTitleShow { display: table; margin: auto; }
    .SocialMenuFree .twelve.MenuFooter.paddingleft { width: 100%; }
    .SocialMenuFree .MenuItemTitle { text-align: center; width: 100%; margin: 10px 0; }
    .SocialMenuFree .SocialLink { float: none; display: table; margin: auto; }

    .CheckoutCompletePaymentConfirmationBox { width: 80%; }
    .SocialOrderPaymentConfirmationBox { width: 100%; }
    .SocialOrderPaymentConfirmationInfo { padding: 0; }
    .SocialOrderPaymentConfirmationItemRow { padding: 18px 10px 0; }
    .SocialOrderPaymentConfirmationHeader { background-color: #f5fcfb; padding: 12px 0; text-align: center; }

    .SocialSummaryLeft { width: 100%; }
    .OrderSummaryFormInfo.TaxInvoiceMethod { width: 50%; }
    .OrderSummaryFormInfo.TaxInvoicePaymentMethod { width: 50%; float: left; margin: 0 0 20px; display: block; }

    .SocialOrderConfirmation .PaymentPOPanel { width: 100%; }
    .CheckoutIndicatorPanel { padding: 0 10px; }
    .OrderSummary .CommonPage { padding: 10px; }
    .Checkout { padding: 10px; }


    .default-left-col { width: 100%; }
    .default-right-col { width: 100%; }

    .CouponCollectHeaderText { font-size: 36px; }
    .CouponDiv { width: 85%; margin: 15px 7.5%; }
    .MyCouponDiv .CouponDiv { width: 85%; margin: 15px 7.5%; }

    .CouponCollectBannerDiv .row { min-height: 240px; }
    .CouponBannerImage { background-image: url(../../Images/Banner/mobile/DiscountBag-Mobile.png); width: 50%; left: auto; right: -5% }
    .CouponBannerText { right: auto; left: 10px; width: 65%; }
     
    .CouponCollectHereText br { display: block; }

    .PromotionItem .PriceLabel { width: 100%; margin: 5px 0 }
    .PromotionItem .DiscriptionLabel { font-size: 13px; }
        .PromotionItem .DiscriptionLabel p { font-size: 13px; }
}

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

    .CommonProductItemStyle { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; }
    div.CommonProductImage { max-height: 220px; }
    table.CommonProductImage { height: 220px; }
    .CommonProductImagePanel { height: 220px; }
    .CommonProductImage img { max-height: 220px; }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList { width: calc(100% + 20px); margin-left: -10px; }
    .jcarousel-wrapper { width: 480px; }
    .jcarousel li { padding-right: 20px; }

    .CommonCategoryItemStyle { width: calc(33.33% - 10px); margin: 5px; }
    .CommonCategoryImagePanel { width: 100%; text-align: center; }
    table.CommonCategoryImage { height: 142px; }
    .CommonCategoryImage img { max-height: 142px; }
    .CommonCategoryName { min-height: 55px; }

    .NewArrivalCategoryList { width: calc(100% + 20px); margin-left: -10px; }
    .ProductColumn2DataList { width: calc(100% + 20px); margin-left: -10px; }

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


    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { width: 98%; min-height: 250px; }
    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { width: 100%; height: auto; }
    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { max-height: 460px; }
    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(16.667% - 8px); margin: 4px; height: 70px; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 70px; }

    .FeaturedMerchants .SidebarRight { width: calc(100% + 10px); margin-left: -5px }
    .FeaturedMerchantsAd { width: calc(50% - 10px); margin: 5px; }
        .FeaturedMerchantsAd iframe { height: 180px; }

    .NewsEventList { width: calc(100% + 10px); margin-left: -5px; }
    .NewsEventItemStyle { width: calc(50% - 10px); margin: 10px 5px 15px; }
    .PromotionItem .PriceLabel { width: 100%; margin: 5px 0 }
    .PromotionItem .DiscriptionLabel { font-size: 13px; }
        .PromotionItem .DiscriptionLabel p { font-size: 13px; }

    .CouponWelcomeText { font-size: 18px; }
    .CouponShopNameText { font-size: 22px; }
    .CouponCollectHereText { font-size: 18px; }
    .CouponCollectHeaderText { font-size: 20px; }
}

@media only screen and (max-width: 479px) /*Screen width lower than 480 px -------------- For step 1 ------------ */
{

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


    /*-- mini cart --*/

    .HeaderShoppingCartDiv { margin-bottom: 0; }

    .HeaderShoppingCartCheckout { margin-left: 10px; }

    .HeaderShoppingCart .DiscountDiv { display: none; }


    .ProductListDefaultSortString { display: none; }

    .ProductItemCountItemCount { display: none; }

    .ProductLinkToTopDiv { display: none; }

    .ProductListGridListSortUpDown { margin-left: 5px; }

    .ProductListGridListItemPerPage { margin-right: 5px; }

    .ProductItemPaging { display: table; margin: 0 auto; float: none; }

    .CategoryListDefaultItemPerPageDiv, .DepartmentListDefaultItemPerPageDiv, .ManufacturerListDefaultItemPerPageDiv { display: none; }


    /*--- New Arivval Category ---*/
    .NewArrivalCategoryList { width: 100%; }


    /* ----- ProductDetailsResponsive : Image management ----- */
    .Product .CommonPageTop { display: table; margin: 0 auto; width: auto; }

    .Product .CommonPageLeft { display: block; }

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

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

    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { }

    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 280px; }

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

    .pdetail-sec-two columns { width: 90px; }

    .ProductQuickInfoPrice { clear: both; display: table; float: none; margin: 10px 0 20px; width: 90%; }

    .ProductQuickInfoShortDescription { margin-top: 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, .RelatedProductsImageColumn { padding-top: 0; }

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

    .ProductDetailsResponsive .ButtonDiv { margin-top: 20px !important; }

    .ajax__tab_header .ajax__tab_outer { padding: 0 12px; width: auto; font-size: 16px; }

    .ajax__tab_header .ajax__tab_active .ajax__tab_outer { font-size: 16px; }
    .ProductDetailsResponsive .StarRatingSummaryTable tr:first-child { width: 100% }
    .ProductDetailsResponsive .pdetail-sec-four .StarRatingSummaryButtonColumn { float: left; }

    .RatingCustomerBaseOnAmountLabel { display: table-row !important; }

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

    .StarRatingSummaryButtonColumn { display: none; }

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

    .ProductDetailsResponsive .RelatedProductsTitleRight { margin-top: 30px; padding-bottom: 5px; text-align: center; }

    .ProductDetailsResponsive .ProductDetailsButtom { margin-top: 30px; }

    .ProductDetailsResponsive .OptionInputListItemDataList { width: 100%; }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

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


    .ProductQuickInfoSku, .ProductQuickInfoStock { float: left; margin-right: 5px; }

    .ProductQuickInfoRating { float: left; margin-right: 5px; }

    .CustomerReviewMessageTextBox { float: right; margin-right: 2%; width: 50% !important; }


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

    .ProductDetailsResponsive .QuantityDiscountGridView { position: inherit; }
    .ProductDetailsResponsive .RatingCustomerMessageDiv .RatingCustomerBaseOnAmountLabel { float: left; margin: 0 5px; }

    .ProductDetailsResponsive .RatingCustomerBaseOnAmountLabel { margin: 0 5px; }

    .ProductQuickInfoRmaPanel { margin: 15px 0; width: 90%; font-size: 13px; }

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

    /*--- Footer Menu ---*/
    .LayoutFooter .MenuItemTitleOuter, .LayoutFooter a.MenuItemTitleOuter, .LayoutFooter .MenuItemTitle, .four.MenuFooter.CustomerMenu, .four.MenuFooter { width: 100%; }

    .LayoutFooter, .Newsletter .SidebarTop { text-align: center; }

    .Newsletter .SidebarTopTitle { float: none; }

    .Newsletter .SidebarRight { margin: auto; text-align: center; }
    .NewsletterForm { clear: left; float: none; width: 100%; display: table; margin: auto; max-width: 320px; }

    .LayoutFooter ul.MenuItem { float: left; margin-bottom: 10px; width: 100%; }

        .LayoutFooter ul.MenuItem li { display: inline-block; margin: 3px 7px; }

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


    .footer-divider { clear: both; display: table; width: 100%; }

    .SocialLink { padding-top: 15px; }

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

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

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

        .MyAccountMenuTableList td { padding: 10px 15%; border-bottom: solid 1px #f1f1f1; border-right: 0; }

    .MyAccountMenuList .SidebarTop { margin: 0 15%; }

    .MyAccountInfoPanel .MyAccountInfoSubmitButton { width: 35%; }

        .MyAccountInfoPanel .MyAccountInfoSubmitButton a.BtnStyle4 { width: 100%; text-align: right; }

    /*CustomerRegister Address Begin*/
    .CustomerRegister { width: 100%; }

    .CustomerRegisterLeft, .CustomerRegisterRight { margin-left: 5%; width: 93%; clear: left; }

    .CustomerRegisterLeftLabel, .CustomerRegisterRightLabel { width: 26%; margin: 0 2% 0 0; }

    .CustomerRegisterLeftData, .CustomerRegisterRightData { width: 70%; margin: 0; }

    .CustomerRegisterLinkButtonDiv { margin-right: 10%; }

    .CustomerRegisterPanel .ClientCityStatePanel { width: 97%; clear: left; margin: 0; }

        .CustomerRegisterPanel .ClientCityStatePanel .CustomerRegisterLabel { width: 27%; margin: 0 2% 0 0; }

        .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 65%; margin: 0; }

    .CustomerRegisterPanel .CustomerRegisterCheckBox { margin-left: 30%; width: 65%; }

    .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 29%; width: 65%; }

    .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 6%; width: 65%; }

    .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel { margin-left: 5%; width: 93%; clear: left; }

        .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CustomerRegisterLabel { width: 26%; margin: 0 2% 0 0; }

        .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListDropDown { width: 63%; margin: 0; clear: none; }

        .CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 28%; width: 63%; }


    .CheckoutBillingInfoPanel .CustomerRegisterPanelCountryValidatorText { margin-right: 0; }
    .Checkout .ClientCityStatePanel .CountryAndStateListStateTextBox { margin-right: 0; }
    .Checkout .ClientCityStatePanel .CountryAndStateListDropDown { margin-right: 0; }
    /* Partner Register */
    .AffiliateDetails .ClientCityStatePanel, .DropshipRegister .ClientCityStatePanel { width: 90%; clear: left; margin-left: 5%; }

        .AffiliateDetails .ClientCityStatePanel .CustomerRegisterLabel,
        .DropshipRegister .ClientCityStatePanel .CustomerRegisterLabel { margin: 0 2% 7px 0; }

    .AffiliateDetails .CountryAndStateListValidationPanel,
    .DropshipRegister .CountryAndStateListValidationPanel { padding: 0; }

    /*Checkout - CustomerRegister Address Begin*/
    .Checkout .ClientCityStatePanel .CountryAndStateListValidationPanel { margin-left: 5px; }
    /* Account Detail */
    .AccountDetailsButtonDiv { margin-right: 8%; }

    .AccountDetailsPanel .ClientCityStatePanel { margin-left: 5%; width: 90%; clear: left; }

        .AccountDetailsPanel .ClientCityStatePanel .CustomerRegisterLabel { width: 27%; margin: 0 2% 0 0; }

        .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 65%; margin: 0; clear: none; }

    untryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 9%; width: 63%; }

    .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListCountryTextBox { clear: left; float: left; margin-left: 29%; width: 65%; }

    .AccountDetailsPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 6%; width: 65%; }

    .AccountDetailsPanel .CustomerRegisterCheckBox { margin: 0 0 15px 30%; }

    .AccountDetailsPanel .CountryAndStateListValidationPanel { float: none; }

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

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

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

    .WishListGridView .NameHeader { }

    .WishListGridView .DeleteHeader { width: 10%; }

    .WishListGridView .PriceHeader { width: 25%; }

    .WishListGridView .AddToCartHeader { width: 30%; }

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

    .WishListGridView .ImageItem { display: none; }

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

    .OrderHistory .CommonGridViewPagingDiv { float: none; display: table; margin: auto; }
    .OrderHistory .SearchFilter { float: none; display: table; margin: auto; width: 100%; }

    .OrderHistoryGridView th, .OrderHistoryGridView td { padding: 3px 1%; }

    .OrderHistoryGridReOrderItemStyle, .OrderHistoryGridRmaItemStyle { display: table-row; border: 0 !important; text-align: left; }

    .OrderHistoryGridRmaHeaderStyle { display: none; }

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

    .PasswordDetailsInputColumn { width: 55%; }

    .PasswordDetailsButtonDiv { margin-right: 5%; }

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


    /*Advanced Search Begin*/
    .AdvancedSearchResult .OurPricePanel { font-size: 80%; }

    .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; }

    /*Contact us*/
    .ContactUsCommentBox { width: 100%; }

    .ContactUsCaptcha { width: 230px; }

    .ContactUsCaptchaStyle div input { width: 250px; }

    .ContactUsButtonDiv { margin-right: 0; }

    .ContactUsLabel { width: 110px; }

    .ContactUsData { width: 145px; }

    .ContactMap { height: 200px; }

    .ContactUsBlock .CommonValidateDiv { width: 100%; }

    .ContactUsCaptcha .ContactUsLabel { width: 100%; }

    .ContactUsBlock { width: 100%; }
    /*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%; }
    /*Checkout - Shipping */
    .checkout-center-col .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressTitle { padding-right: 10px; }

    .CheckoutAddressLeft { width: 95%; margin-left: 4%; margin-right: 0; }

    .CheckoutAddressRight { clear: left; width: 95%; margin-left: 4%; margin-right: 0; }

    .CheckoutAddressLong { width: 68%; }

    .CheckoutAddressLeftDataSelectAddress { margin-left: 0; }

    .CheckoutSpecialRequestPanel .CheckoutAddressLong { width: 60%; }

    .CheckoutAddressLeftDataCheckbox label { width: 80%; }

    .ClientCityStatePanel { width: 95%; margin-left: 4%; }


    .Checkout .ShippingButtonDiv { width: 70%; margin-left: 16%; float: none; }

    /* Order summery */
    .OrderSummarySubtotalHeaderStyle { width: 25%; }

    .OrderSummarySummaryLabel { width: 75%; }

    .OrderSummarySummaryValue { width: 25%; }

    .OrderSummaryShippingDetailsLabelColumn { width: 40%; }

    /* Checkout Complete */
    td.CheckoutCompleteCustomerInfo, td.CheckoutCompleteCustomerShippingInfo { display: table-row; width: 100%; }

    .CheckoutCompletePrintLinkDiv { width: 48%; float: left; margin-left: 0; }

    .CheckoutCompleteBackLinkDiv { width: 48%; float: right; margin-top: 20px; margin-left: 0; }

    .CheckoutCompleteCustomerInfo .CheckoutCompleteGridView { width: 153%; }

    .CheckoutCompleteOrderCommentTable .CheckoutCompleteDetailsLabelColumn { width: 25%; }

    .CheckoutCompleteCustomerShippingInfo .CheckoutCompleteGridView { width: 153%; }

    /*Shopping Cart*/
    .CommonPageRight, .CommonLoginPageRight, .ContentLayoutRight { padding: 15px 0 0; }

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

    .ForgotPasswordLoginImageButton { clear: left; margin-left: 40%; }

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

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

    .CustomerReviewValidatorText { float: none; width: 100%; }

    .CustomerReviewStarList .RatingRadio input { float: left; margin: 3px 0px; width: 5%; }

    .CustomerReviewStarList .RatingRadio label { float: left; margin: 4px 2%; width: 40%; }
    /* Promotion List */
    .PromotionListDefault .ProductListDefaultDataListItemStyle { width: 49.5%; }
    .PromotionGroupListItem { padding: 0; }
    .PromotionGroupListItemTable td { display: block; width: 100%; margin: 10px 0; padding: 0; text-align: center; }

    .PromotionGroupListItemImageColumn { width: 100%; }

    .PromotionGroupListItemPriceLabel { display: none; }

    .PromotionGroupListItemPriceValue { float: none; margin: 5px auto; }

    .PromotionGroupListItemPriceDiv { float: none; }

    .PromotionGroupListItemButtonDiv { float: none; display: table; margin: auto; margin: 10px auto; }
    .PromotionGroupListItemDescription { display: none; }
    .PromotionGroupListItemImageDiv { width: 100%; }
        .PromotionGroupListItemImageDiv img { max-width: 100%; }
    .PromotionGroupListItemNameLink { font-size: 13px; }
    /* Promotion Product Item List */

    .PromotionProductGroup { padding: 15px 5px; }

    .PromotionProductItem .ProductImage { left: 0%; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { width: 25px; }

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


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

    .PromotionProductGroupDataList .ProductGroupProductItemStyle { width: 112px; }

    .PromotionItem .NameLabel { width: 100%; }

    .PromotionItem .PriceLabel { margin-left: 0; }
    /* 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 { display: inline-block; width: 100%; }

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

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

        .AffiliateCommissionSearchData .CommonTextBox { width: 100%; }

    .AffiliateCommissionSearchValidateDiv .CommonTextBox { width: 100% !important; }

    .AffiliateDashboard .ShoppingCartUpdateQuantity { margin-right: 0px; }

    /* OnePageCheckout */
    .OnePageCheckout .ShippingButtonDiv { width: 20%; }

    /* GiftCertificate */
    .GiftCertificateTextBox { width: 50% !important; }
    .CategoryNavMenuListDynamicMenuStyle, .DepartmentNavMenuListDynamicMenuStyle { display: none !important; }

    .ProductListTableViewItem .AddToWishListButtonLinkButton, .ProductListTableViewItem .AddToCompareListButtonLinkButton, .ProductListTableViewItem .TellFriendLinkButton { background-position: left center; border: 0; font-size: 12px; width: 100%; }


    .tel-div, .line-div { margin: 5px 3px; text-align: center; }

    .AddToCartPanel { width: 90%; }

    .AddToCartImage { width: 20%; }

    .AddToCartPrice { float: right; width: 70%; clear: right; margin-top: 10px; }

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

    .AddToCartName { float: right; width: 70%; }

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

    .AddToCartPanel .CommonLabel { margin-bottom: 0; line-height: 24px; }
    .AddToCartNameLink .OptionName { line-height: 20px; }


    .CommonUserLoginSkipLoginPanel .CommonSkipLoginDescription { width: 105%; }

    .DBDIcon { margin-bottom: 20px; }

    .CustomerRegisterLeft .CustomerRegisterTextBox,
    .CustomerRegisterRight .CustomerRegisterTextBox,
    .CheckoutAddressLeft .CheckoutAddressTextBox,
    .CheckoutAddressRight .CheckoutAddressTextBox { margin-bottom: 1px; width: 90%; }

    .ManufacturerListDefaultDataListItem { width: 50%; }
    .ManufacturerListItemDefaultTable { width: 100%; }
    .ManufacturerListItemDefaultImageColumn { width: 100%; height: calc(44vw * .75); padding: 1px; }
    .ManufacturerListItemDefaultImageDiv { width: 100%; height: calc(44vw * .75); display: flex; align-items: center; justify-content: center; }
        .ManufacturerListItemDefaultImageDiv img { max-height: calc(44vw * .75); }
    .ManufacturerListItemDefaultNameDiv { width: 100%; }

    .DepartmentListDefaultDataListItem { width: 50%; }
    .DepartmentListItemDefaultTable { width: 100%; }
    .DepartmentListItemDefaultImageColumn { width: 100%; height: calc(44vw * .75); padding: 1px; }
    .DepartmentListItemDefaultImageDiv { width: 100%; height: calc(44vw * .75); display: flex; align-items: center; justify-content: center; }
        .DepartmentListItemDefaultImageDiv img { max-height: calc(44vw * .75); }

    .DepartmentListItemDefaultNameDiv { width: 100%; }

    .LayoutFooter .DBDTitle .DBDIcon { width: 100%; }


    .MaintenanceInnerDiv { width: 90%; }
    .MaintenanceTitle { font-size: 18px; color: #3e3a3a; }

    /* Social Order */
    .SocialOrderConfirmation .GiftAndCoupon { padding: 15px; margin-top: 15px; }

    .SocialOrderCouponDiv .BtnStyle2 { width: 30%; }

    .SocialOrderCouponDiv input[type="text"] { width: 70%; }

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

    .OrderSlipHeader { padding: 10px 0; }

    .ProductItemImageColumn { width: 35%; }

    .ProductItemNameColumn { width: 100%; }

    .ProductItemUnitPriceColumn { width: 70%; }

    .ProductItemQuantityColumn { width: 30%; }

    .OrderProductItemName, .OrderProductItemUnitPrice { }

    .OrderProductItemUnitPriceValue { height: 30px; }

    .OrderProductItemQuantityValue { }

    .OrderPriceSummaryDiv { padding: 18px 10px; }

    .ShippingOptionText label { font-size: 13px; width: 165px; }

    .ShippingOptionText { width: 73%; }

    .ShippingOptionPriceValue { width: 27%; }

    .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 40px; }
    .SocialOrderConfirmation .PaymentDropPaymentCustomPanel { float: left; margin-top: 10px; width: 100%; text-align: left; }

    .PaymentMethodDrop, .PaymentDropPaymentCustomDescription span { width: 100% !important; margin-bottom: 5px; }

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

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

    .ShippingCompleteZipValue { margin-top: 8px; }

    .OrderSummaryBody .ProductItemImageColumn { width: 35%; }

    .OrderSummaryBody .ProductItemUnitPriceColumn { width: 70%; }

    .OrderSummaryBody .ProductItemQuantityColumn { width: 30%; }

    .OrderSummaryBody .ProductItemNameColumn { width: 100%; }

    .OrderSummaryBody .OrderProductItemNameValue { width: 100%; }

    .OrderSummaryBody .OrderProductItemUnitPriceValue { height: 30px; }

    .OrderShippingMethodDiv .OrderInfoValue { width: 60%; }

    .ShippingOptionPriceValue { font-size: 14px; }

    .ProductItemDetails { width: 65%; }

    .OrderSummaryBody .ProductItemDetails { width: 65%; }

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

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

    .ShippingCompleteDetailLabel { line-height: 18px; }
    /* Social Order End */

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

    .OrderSummaryFormInfo { width: 100%; padding-right: 0; }

    .OrderSummary .ProductInfoItemDiv .Value { font-size: 13px; }

    .OrderSummaryOrderProductDiv.SummaryPrice { font-size: 13px; }

    .OrderSummaryTextCommonDiv.CustomerNoteDiv .OrderSummaryDetailsLabelColumn, .OrderSummaryTextCommonDiv.TaxPayerIDTR .OrderSummaryDetailsLabelColumn { font-size: 13px; }

    .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%; }

    .OrderSummaryOrderProductDiv .Title { width: 65%; }

    .OrderSummaryOrderProductDiv.SummaryTotalPrice .Title { width: 50%; }

    .OrderSummary .GiftCouponDetailRightMenu { width: 100%; }

    .OrderSummaryOrderProductDiv.SummaryPrice { font-size: 13px; }

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

    .OrderSummaryPointEarnedDiv { line-height: 20px; }

    .PaymentPOPanel { width: 100%; }

    .OrderSummary .ProductImageItemDiv { width: 80px; margin-right: 20px; }

    .OrderSummary .ProductInfoItemDiv { width: calc(100% - 100px); }

    /*shopping cart*/
    .ShoppingCartOrderTotal { font-weight: bold; }

        .ShoppingCartOrderTotal .ShoppingCartTableColumn1 { font-size: 12px; }

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

        .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { font-size: 12px; line-height: 12px; }

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

    .ShoppingCartTableTaxIncludeColumn { font-size: 12px; line-height: 12px; margin-bottom: 15px; }

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

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

    .ShoppingCartGridViewButtonDiv .ShoppingCartButton { width: 100%; }

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

    .ShoppingCartGridViewItemStyle { position: relative; }

    .ShoppingCartGridView .ImageItemDiv { width: 38%; }

    .ShoppingCartGridView .InfoItemDiv { width: 62%; padding-left: 10px; position: relative; }

    .ShoppingCartGridView .DeleteItem { width: 10%; 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: 10px; line-height: 18px; }

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

    .ShoppingCartShippingEstimatorButton { width: 100%; }



    .CategoryRelatedBrands .item img { max-height: 55px; }

    .ProductDetailsResponsiveAddToCart { }

    .OrderSummary .GiftCouponDetailRightMenu { width: 90%; margin: 20px 5%; }

    .CheckoutButtonDiv, .ShippingButtonDiv, .PaymentButtonDiv, .OrderSummaryFinishButtonDiv, .OrderSummaryFinishImageButton, .OrderSummaryButtonDiv { width: 100%; margin: 10px 0; }

    .CheckoutButtonDiv { clear: both; float: right; }

    .OrderSummaryButtonDiv { margin: 0; }

    .AffiliateCommissionSearchLabel { width: 100%; }

    .AffiliateCommissionSearchData { width: 100%; }

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

    .AdvancedSearchTypeCheckList td { width: 100%; padding: 5px 0; display: block; }

    .ProductHotDealDetails .ProductHotDealCountdown { width: 25%; }
    .ProductHotDealDetails .CommonProductDiscountPanel { top: 40px; background-color: #be0000; }
    .ProductHotDealDetails .ProductHotDealCountdown { padding: 5px; height: 40px; line-height: 15px; }
    .ProductHotDealDatalist .CommonProductItemStyle .CommonProductInfo .OurPricePanel .OurPriceValue { font-weight: bold; font-size: 14px; }
    .PromotionGroupDataList .CommonProductNameLink { font-size: 14px; }
    .CommonProductNameLink { font-size: 14px; }
    .OurPriceValue { font-size: 13px; }
    .CallForPrice { font-size: 13px; }
    .RetailPriceValue { font-size: 11px; } 

    .CommonProductItemStyle { width: calc(50% - 10px); margin-left: 5px; margin-right: 5px; }
    div.CommonProductImage { max-height: calc(50vw - 20px); margin-bottom: 0; }
    table.CommonProductImage { height: calc(50vw - 20px); }
    .CommonProductImagePanel { height: calc(50vw - 20px); }
    .CommonProductImage img { max-height: calc(50vw - 20px); }

    .RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList { width: calc(100% + 10px); margin-left: -5px; }
    .NewArrivalLabel { left: 5px; top: 5px; }
    .jcarousel-wrapper { width: calc( 100% + 10px); }
    .jcarousel li { padding-right: 10px; }
    .CommonCategoryItemStyle { width: calc(50% - 10px); margin: 5px; }
    .CommonCategoryImagePanel { width: 100%; text-align: center; }
    table.CommonCategoryImage { height: 29vw; }
    .CommonCategoryImage img { max-height: 29vw; }
    .CommonCategoryName { min-height: 55px; } 

    .NewArrivalCategoryList { width: calc(100% + 10px); margin-left: -5px; }
    .ProductColumn2DataList { width: calc(100% + 10px); margin-left: -5px; }
    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { width: calc(20% - 6px); margin: 3px; height: 18vw }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-height: 23vw; }

    .LayoutFooter .DBDIcon { text-align: center; }
    .Search { width: 280px; display: table; margin: auto; }
    .ProductListGridListSortUpDown .OptionControlTitle { display: none; }
    .PromotionGroupDataList .CommonProductNameLink { font-size: 14px; }
    .PromotionGroupDataList .CommonProductDescription { display: none; }
    .PromotionGroupDataList .OurPriceValue { font-size: 16px; width: 100%; text-align: left; }
    .PromotionGroupDataList .OurPriceLabel { display: none; }
    a.ViewButton { width: 90%; font-size: 13px; left: 5%; }

    .fb-customerchat iframe { right: 10px !important; bottom: 10px !important; width: 210pt !important; height: 300pt !important; }
    .CheckoutCompleteBar { width: 100%; }
    .NewsEventImage { min-height: 150px; max-height: 150px; }
    .NewsDescription { height: auto; }

    h1 { font-size: 28px; }

    h2 { font-size: 26px; }

    h3 { font-size: 24px; }

    h4 { font-size: 22px; }

    h5 { font-size: 20px; }

    h6 { font-size: 19px; }

    .BrandsCarouselDiv .swiper-container { width: 100%; padding: 0; }
    .BrandsCarouselDiv .swiper-button-next { width: 25px; background-color: rgba(255,255,255,0.8); background-size: auto 25px; }
    .BrandsCarouselDiv .swiper-button-prev { width: 25px; background-color: rgba(255,255,255,0.8); background-size: auto 25px; }
     
    .ProductDetailsResponsiveRetailPrice .RetailPriceValue { float: left }

    .CheckoutIndicatorTable a { padding-top: 55px; height: 50px; background-size: 120%; }
    .ProductListItem table.CommonProductImage { height: auto; }
    .SearchFilterLabel { clear: left; width: 35%; margin-bottom: 5px; }
    .header-container1 { display: none; height: 0; padding: 0; margin: 0; line-height: 0; }

    .BrandsCarouselList { margin-top: 20px; margin-bottom: 20px; }
    .TaxInvoiceSORow { margin-top: 10px; }

    .OrderSummaryFormInfo.TaxInvoiceMethod { width: 100%; padding-right: 0; }
    .OrderSummaryFormInfo.TaxInvoicePaymentMethod { width: 100%; padding-right: 0; }

    .CouponDetailsDiscountType { font-size: 16px; }
    .CouponDetailsRightBorder { height: calc(100% - 10px); padding: 4px; margin: 5px 5px 5px 0; }
    .CouponDetailsLeft { padding: 10px 0 10px 10px; }
    .CouponDetailsDescription { font-size: 12px; }
    .AddCouponButton a { font-size: 14px; padding: 4px 15px; }
    .CouponDetailsCodeNumber { font-size: 16px; }
    .CouponDetailsDateValid { font-size: 11px; }
    .CouponDetailsRemain { font-size: 10px; }
    .MyCouponDiv .CouponDiv { width: 100%; margin: 10px 0; }

    .CouponCollectHeaderTextDev { padding: 10px 0; }
    .CouponCollectBannerDiv .row { min-height: 180px; }

    .CouponWelcomeText { font-size: 16px; }
    .CouponShopNameText { font-size: 20px; }
    .CouponCollectHereText { font-size: 16px; }
    .CouponCollectHeaderText { font-size: 18px; }
    .PaymentLogo .SideBannerRight { text-align: center; }
    .FeaturedMerchantsAd iframe { min-height: calc(92vw * 0.5625); } 

    FeaturedMerchants .SidebarRight { width: 100%; }
    .FeaturedMerchantsAd { width: 100%; margin: 5px 0; }
        .FeaturedMerchantsAd iframe { height: calc(98vw * 0.5625); }

    .NewsEventList { width: 100%; }
    .NewsEventItemStyle { width: 100%; margin: 5px 0 15px; }

    .NewsletterForm { width: 100%; }
    .NewsletterLabel { font-size: 12px; margin-top: 10px; margin-bottom: 10px; line-height: 20px; }
    .NewsletterPageTable { width: 100%; }
    .NewsletterPanel { width: 100%; }
    .NewsletterPageLabel { font-size: 12px; line-height: 30px; width: 30%; }
    .NewsletterPageData { width: 70%; }
    .NewsletterLoginImageButton { min-width: 30%; margin-top: 0; margin-bottom: 10px; margin-left: 30% }
    input[type="text"].NewsletterPageTextBox { height: 30px; width: 100%; }


    .ForgotPasswordDiv { min-width: 0; }
    .ForgotPasswordPanel { width: 100%; }
    .ForgotPasswordLoginImageButton { min-width: 30%; margin-top: 0; margin-bottom: 10px; margin-left: 30% }
    input [type="text"].ForgotPasswordTextBox { height: 30px; width: 100%; }

    .HeaderShoppingCartBraclet, .QuantityDiv { display: none; }
        .QuantityDiv:after { content: ""; }
    .DiscountDiv { display: none; }
    .AmountDiv { display: none; }
    .HeaderShoppingCartBraclet { display: none; }
    .HeaderShoppingCartViewCart { margin-left: 0; }

    .SocialLink { justify-content: center; }
}

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