/*------------------ Custom Responsive Layout ------------------*/
@media only screen and (min-width: 1240px) /*Screen width larger than 1240px ---------- For step 6---------*/
{
    .NewArrival .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 1200px; margin: auto; }

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

    .NewArrival .jcarousel-skin-tango .jcarousel-item { width: 226px; text-align: center; }

    .LayoutFooter .DBDRegisteredDiv .MenuFooterTitleShow .DBDIcon { margin: 15px 13px -15px; }
}

@media only screen and (min-width: 1200px) /*Screen width larger than 1200px ---------- For step 5---------*/
{
    .PromotionGroupDataList .CommonProductItemStyle { margin: 20px 0 20px 1.25%; padding-right: 1%; width: 23.25%; display: inline-block; }
}

@media only screen and (max-width: 1199px) /*Screen width larger than 980 px ----------  For step 4 --------- */
{

    .CommonUserLoginRegisterLink { margin-left: 30%; }

    .CommonUserLoginRegisterTitle { font-size: 20px; }

    .CommonUserLoginRegisterDescription { margin-left: 15%; }

        .CommonUserLoginRegisterDescription ul li { font-size: 20px; }

    .CommonProductItemStyle { margin: 10px 1% 10px 0; width: 23.25%; display: inline-block; }

        .CommonProductItemStyle.NewArrivalItemStyle { width: 100%; margin: 0; }

    .CommonSkipLoginTitle { font-size: 20px; }

    .CommonSkipLoginDescription { margin-left: 15%; }

    .CommonSkiploginLink { margin-left: 15%; }

    .CommonAffiliateRegisterTitle { margin: 40px 0 0 20px; }

    .CommonAffiliateRegisterDescription { margin: 30px 0 25px 50px; }

    .CommonAffiliateRegisterLink { margin: 0 18%; }

    .PromotionGroupDataList .CommonProductItemStyle { margin: 10px 1.25% 10px 0; padding: 0 10px 0 0; width: 30.75%; }

    .PromotionAds { margin-top: 10px; }

        .PromotionAds .SideBannerRight img { padding-left: 0; }

    .LayoutFooter { padding-bottom: 0; }

    .RelatedProductsDatalistItemStyle { width: 25%; float: left; margin-right: 20px; }

    .ProductListDefaultDataList { width: 102%; }

    .ProductColumn2DataList { width: 102%; }

        .ProductColumn1DataList .CommonProductItemStyle, .ProductColumn2DataList .CommonProductItemStyle, .ProductColumn3DataList .CommonProductItemStyle { width: 30.875%; margin: 10px 2% 10px 0; }

    .ProductListTableViewItem .ImagePanel img { max-width: 120px; }

    .ProductListTableViewItem .QuickViewButtonPanel { height: 75% !important; top: 20px; }

    .CategoryListDefault3 .CommonProductItemStyle { min-height: 380px; }

    /* Header Menu */
    .HeaderMenu ul { }

        .HeaderMenu ul li { float: left; }

    .headerMenuNormal { display: block; }

    .headerMenuResponsive { display: none; }

    /* Product List */
    .AdvancedSearchResult .ProductColumn2DataList { width: 100%; }

        .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle { width: 23.125%; margin: 10px 1.5% 10px 0; display: inline-block; }

    .ProductRowDataList .CommonProductItemStyle { width: 100%; margin: 10px 0 25px; clear: left; }

    .AdvancedSearchResult .ProductRowDataList .CommonProductItemStyle { width: 100%; margin: 10px 0 25px; display: block; clear: left; }

    .common-center-col .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle { display: inline-block; margin: 40px 2% 10px 0; width: 30.875%; }

    /* Product detail */

    .ProductQuickInfoRating { float: left; position: relative; width: 100%; }

    .ProductDetailsResponsiveOurPrice { clear: left; }

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

    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { height: 100%; }

    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { margin-right: 10%; }

    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { min-height: 350px; }

    /*--- Option RadioList ---*/
    .ProductDetailsResponsive .OptionGroupDetailsDataListItemStyle { width: 100%; }

    .ProductDetailsResponsive .ProductDetailsDefaulSpecificationDetailsDiv { margin-bottom: 40px; border-bottom: 1px solid #BBB9B9; width: 100%; }

    .ProductDetailsResponsive .OptionRadioItem { float: left; width: 380px; position: relative; bottom: 8px; left: 5px; }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

    /* New Arrival for category Begin */
    .NewArrivalCategoryList { width: 102%; }

        .NewArrivalCategoryList .CommonProductItemStyle { width: 30.875%; margin: 10px 2% 10px 0; }

    .NewArrivalCategory .SidebarRight { padding: 0; }

    .NewArrivalCategoryItem { position: relative; }

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

    .NewsMainDiv .CatalogBreadcrumb { position: absolute; top: -32px; margin-left: 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 { }

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

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

    .Default .CategoryNavList { min-height: 250px; }

    .VendorProductList .ProductListItemColumn2 { margin: 10px 1% 10px 0; width: 23.25%; display: inline-block; }

    .CommonCategoryImage img { max-height: 100px; max-width: 100px; }
    .CommonCategoryName { padding-top: 20px; }
}

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

    .CommonUserLoginForgotPasswordDiv { left: 0%; }

    .CommonProductImage a { }

    .CommonProductImage img { }

    .CommonUserLoginRegisterPanel { }

    .RelatedProductsDatalistItemStyle { width: 40%; float: left; margin-bottom: 2%; }

    .RelatedProductsDatalist { width: 102%; }

    /*Header */

    .Search { width: 65%; }

    .HeaderShoppingCart { margin-left: 10px; }

    .HeaderLogo { margin: 15px 0; }
    /*--- HeaderMenu ---*/

    .HeaderMenu ul li a.HyperLink, .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 0 12px; font-size: 18px !important; }

    .headerMenuNormal { display: block; }

    .headerMenuResponsive { display: none; }

    /*--- 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; }
    /*Common Product Item Style */
    .CommonProductItemStyle { width: 30.875%; margin: 10px 2% 10px 0; display: inline-block; }

    .PromotionGroupDataList .CommonProductItemStyle { width: 46.25%; margin: 10px 0 10px 3.25%; padding-right: 2.5%; display: inline-block; }
    /* Product list & Category list */
    .CommonCategoryItemStyle { margin: 10px 2% 10px 0; width: 22.5%; }

    .ProductRowDataList { width: 100%; }

    .ProductColumn1DataList { width: 102%; }

    .ProductListTableView { width: 100%; }

    .CommonCategoryItemStyle { margin: 10px 2% 10px 0; width: 22%; }

    .ProductColumn1DataList .CommonProductItemStyle, .ProductColumn2DataList .CommonProductItemStyle, .ProductColumn3DataList .CommonProductItemStyle { width: 46.333%; margin: 10px 3% 10px 0; display: inline-block; }

    .ProductColumn2DataList { width: 102%; }

    .ProductListTableViewItem .ImagePanel img { max-width: 120px; }

    .ProductListTableViewItem .QuickViewButtonPanel { height: 53% !important; left: -1%; top: 4%; width: 94% !important; }

    .AdvancedSearchResult .ProductColumn2DataList { width: 102%; }

        .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle { width: 30.875%; margin: 10px 2% 10px 0; display: inline-block; }


    .common-center-col .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle { width: 46.333%; margin: 10px 3% 0 0; display: inline-block; }
    /*--- Product Row Style ---*/
    .ProductRowDataList .CommonProductItemStyle { width: 100%; }

    .AdvancedSearchResult .ProductRowDataList .CommonProductItemStyle { width: 80%; }

    .ProductListItem .ProductListItemDetailsColumn { width: 65%; }

    .ProductListItem .ProductListItemTellFriendPanel, .ProductListItem .ProductListItemAddtoWishListPanel,
    .ProductListItem .ProductListItemAddtoCompareListPanel { padding-left: 0px; margin: 0 0 0 10px; }

    .ProductListItem div.CommonProductImage { max-height: 180px; }

    .ProductListItem .CommonProductImagePanel { height: 170px; }

    .ProductListItem .CommonProductImage img { max-width: 120px; }

    .ProductListItem table.CommonProductImage { height: 170px; }

    .ProductListItem .CommonProductImagePanel .QuickViewButtonBorder { }

    .ProductRowDataList .QuickViewButtonBorder { width: 30% !important; }

    .ProductListItem div.CommonProductImage { width: 28%; border: 0; }

    .ProductDetailsResponsive .RelatedProducts { }

    .RelatedProductDiscount { width: 50px; height: 50px; }

    /*--- ProductList : Tabular style ---*/
    .AdvancedSearchResult .ProductListTableViewTopItem .Image, .AdvancedSearchResult .ProductListTableViewItem .Image { width: 25%; }

    .AdvancedSearchResult .ProductListTableViewTopItem .Button, .AdvancedSearchResult .ProductListTableViewItem .Button { width: 21%; }

    .AdvancedSearchResul .ProductListTableViewTopItem .Sku, .ProductListTableViewItem .Sku { width: 17%; }

    .AdvancedSearchResult .ProductListTableViewTopItem .Price, .AdvancedSearchResult .ProductListTableViewItem .Price { }

    .ProductListTableViewTopItem .Image, .ProductListTableViewItem .Image { width: 25%; }

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

    .ProductListTableViewTopItem .Sku, .ProductListTableViewItem .Sku { width: 20%; }

    .ProductListTableViewTopItem .Price, .ProductListTableViewItem .Price { width: 20%; }

    .ProductListTableViewItem .ImagePanel { width: 96.5%; }

    .ProductListTableViewItem .BtnStyle1 { padding: 2px 0; width: 100%; text-align: center; margin: 0; }

    .ProductListTableViewItem .FreeShippingLabel { line-height: normal; }

    .ProductListTableViewItem .Name { width: 35%; }

    .ProductListTableViewTopItem .Name { width: 35%; }

    .ProductTableDataList .QuickViewButtonBorder { left: 2%; right: 0; width: 31.5% !important; }

    .ProductListTableView .QuickViewButtonPanel .QuickViewBottomButtonPanel { width: 98%; }

    .ProductListTableViewItem .CommonProductRating { bottom: 50%; }

    .ProductListTableViewItem .PriceDiscountLabel { left: 1%; }

    .ProductTableDataList a.QuickViewButton { font-size: 12px; }
    /* Product Detail */
    .ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { display: none; }

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

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

    .ProductDetailsResponsive .FreeShippingLabel { float: none; background: url("Images/Icon/icon-free-shipping.gif") no-repeat scroll 10px center; margin: 0; }

    .ProductDetailsResponsive .RelatedProductsTitleRight { margin-top: 40px; width: 100%; margin-bottom: 15px; }

    .ProductQuickInfoPriceTitle { margin-top: 15px; }

    .ProductQuickInfoSku { margin-right: 30px; margin-top: 15px; width: auto; }

    .ProductQuickInfoStock { color: #66767B; margin-bottom: 15px; margin-right: 30px; margin-top: 15px; width: 100%; margin: 14px 55px 24px 10px !important; }

    .RelatedProductsDatalist tr { }

    .RelatedProductsItemTable { margin: 0 0 0 30px; background: #fff; }

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

    .ProductDetailsResponsive .CommonTextBox { width: 20% !important; }

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

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

    .ProductDetailsResponsive .RelatedProductsDetailsPriceDiv { color: #ff5e5e; }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

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

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

    .ProductDetailsResponsive .ProductQuickInfoName { margin-bottom: 15px; width: 100%; text-align: center; }

    .ProductDetailsResponsive .ProductQuickInfoShortDescription { width: 100%; }

    .ProductDetailsResponsive .AddToCartDiv { width: 150%; }

    .ProductDetailsResponsive .ProductDetailsDefaulSpecificationDetailsDiv { width: 100%; }

    /* ----- ProductDetailsResponsive : Image management ----- */
    #easy_zoom, #easy_zoom1 { left: 50% !important; top: 295px !important; }

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

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

    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { }

    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 360px; }

    .ProductDetailsResponsiveAddToCart .BtnStyle1 { margin: 0px 35px 0; }

    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { margin-right: 8%; width: 20%; min-height: 75px; }

    .ProductDetailsResponsiveImageThumbnail table.CommonCategoryImage { height: 75px; }

    /* New Arrival for category Begin */
    .NewArrivalCategory .SidebarRight { border: 0; padding: 0; }

    .NewArrivalCategoryList { }

        .NewArrivalCategoryList .CommonProductItemStyle { width: 46.333%; margin: 10px 3% 10px 0; display: inline-block; }

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

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

    /* NewsEvent */
    .NewsDate { width: 35%; }

    .NewsTopic { width: 62%; }

    /* NewArrival Carousel */
    .NewArrival .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 714px; }

    .NewArrival .jcarousel-skin-tango .jcarousel-item { width: 225px; }
    /*CompareList Begin*/
    .CompareListGridView .ImageHeader { width: 18%; }

    .CompareListGridView .DeleteHeader { width: 8%; }

    .CompareListGridView .PriceHeader { width: 20%; }

    .CompareListGridView .AddToCartHeader { width: 21%; }

    .CompareListGridView .AddToCartItem a { display: table; margin: auto; float: none; width: 100%; line-height: 40px; }

    /*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%; line-height: 45px; }

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

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

    .PasswordDetailsInputColumn { width: 62%; }

    .PasswordDetailsButtonDiv { margin-right: 6%; }

    /*ShippingAddressBook Begin*/
    .ShippingAddressBookList tr { width: 45%; margin-right: 5%; float: left; }

    .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: right; margin-left: 0; margin-right: 12%; 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: right; margin-left: 0; margin-right: 12%; width: 63%; }

    /* 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: 32%; font-size: 18px; line-height: 35px; }

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

        .CommonUserLoginPanelUserName input[type="text"], .CommonUserLoginPanelPassword input[type="password"] { height: 42px; width: 60% !important; }

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

    .CommonUserLoginPanelRemember { margin-left: 32%; }

        .CommonUserLoginPanelRemember label { width: 60%; }

    .CommonUserLoginPanelButton, .CommonUserLoginForgotPasswordDiv { clear: left; float: left; margin-left: 32%; width: 70%; }

    .CommonUserLoginPanelTitle { font-size: 21px; }

    .CommonUserLoginPanelDescription { font-size: 18px; margin: 11px 0 10px 10px; padding-left: 10px; }

    .CommonUserLoginForgotPasswordDiv a { font-size: 18px; }

    .BtnLogin, .BtnStyle1 { font-size: 12px; }

    .CommonUserLoginRegisterLink { width: 100%; margin-left: 0; top: 85px; }

        .CommonUserLoginRegisterLink .BtnStyle1 { width: 80%; margin-left: 10%; }

    .CommonUserLoginRegisterDescription ul { margin: 35% 15%; line-height: 20px; }

        .CommonUserLoginRegisterTitle, .CommonUserLoginRegisterDescription ul li { line-height: 22px; }

    .CommonUserLoginRegisterDescription { margin: 10px 0 0; }

    .CommonSkipLoginTitle { margin: 20px 0; }

    .CommonSkipLoginDescription { margin-left: 5%; }

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

        .CommonSkiploginLink .BtnStyle1 { width: 100%; font-size: 18px; }

    .CommonAffiliateRegisterTitle { margin: 40px 0 0 40px; font-size: 20px; }

    .CommonAffiliateRegisterDescription { margin: 30px 50px 25px 50px; text-align: center; }

    .SidebarTopTitle.CouponGift, .OrderSummaryRightMenu .SidebarTopTitle { font-size: 24px; }

    .OrderSummaryRightMenu .Label { font-size: 16px; }

    /* CheckoutIndicator Begin */

    /*Login*/
    .CheckoutIndicatorTable a { background-size: auto 62px !important; padding-top: 75px; }

    .CheckoutAddressRight { clear: left; }

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

    .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: right; margin-left: 0; margin-right: 12%; 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%; }

    /*Shopping Cart*/
    .ShoppingCartGiftCouponInputCenter { width: 100%; margin: 20px 0 0; }

    .ShoppingCartOrderTotal { padding: 20px 0.5%; margin-top: 5.5%; font-size: 14px; }

    .ShoppingCartGridView .ImageHeader { width: 14%; }

    .ShoppingCartGridView .PriceHeader { width: 14%; }

    .ShoppingCartGridView .QuantityHeader { width: 8.5%; }

    .ShoppingCartGridView .SubtotalHeader { width: 15%; }

    .ShoppingCartGridView .DeleteHeader { width: 9%; }

    .GiftCouponDetailValidatorText { margin-left: 0px; width: 75%; }

    .ShoppingCartCouponDiv .GiftCouponDetailValidatorText { margin-left: 0px; width: 85%; }

    .ShoppingCartTotalAmountLabel { font-size: 18px; }

    .ShoppingCartTotalAmount { font-size: 18px; }

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

    /*ContentLayout Begin*/
    .ContentMainDiv .common-center-col { float: left; }

    .ContentMainDiv .common-rightside-col { float: left !important; padding: 0 20px 0 0px; margin-top: 0; }

    /* 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 */
    .PromotionItem .ProductDetailsDefaultLikeButtonDiv { width: 35%; }

    .PromotionProductItem .ProductImage { left: 12%; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { width: 28px; }

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

    .PromotionItem .PromotionDetailsDefaultImageTellFriendImage { width: 85%; }

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

    .QuantityDiscountFreeShippingDiv { width: 115%; }

    .Default .CategoryNavList { min-height: 1px; width: 100%; padding: 0; border: 0; background-color: #084692; margin-bottom: 3px; }

        .Default .CategoryNavList .CategoryNavNormalList tr { display: inline-block; float: left; margin: 0; padding: 0; }

        .Default .CategoryNavList .CategoryNavNormalList td { }

        .Default .CategoryNavList .CategoryNavNormalList tr a { display: block; padding: 5px 15px; line-height: 30px; background: #084692; color: #fff; }

        .Default .CategoryNavList .CategoryNavNormalList a:hover { margin: 0; background: #E2040C; transition: all ease-in-out 0.5s; }

    .NewsEventItemStyle { width: 32%; margin: 20px 0.5% 10px 0; padding: 5px; }

    .NewsEventImage { min-height: 120px; max-height: 120px; }

    .NewsDate { font-size: 14px; width: 100%; text-align: left; }

    .NewsTopic { font-size: 18px; width: 100%; }

    .NewsEventContent a img { max-height: 120px; height: auto; }

    .NewsDescription { font-size: 15px; }

    .ProductListItemHeader { background-color: transparent; padding: 0; line-height: 25px; height: auto; }

    .ProductRowDataList .CommonProductName { background-color: #E1DEDE; clear: left; float: left; width: 100%; padding: 3px 15px; line-height: 30px; height: auto; }

    .CommonProductNameLink.ProductListItem { font-size: 21px; }

    .ProductListItemBody { padding: 5px 15px; }

    .ProductListItem .CommonProductRating { clear: left; float: left; width: 80%; margin: 10px 15px; }

    .ProductListItem .CommonProductDescription { display: none; }

    .ProductListItemButtonDiv .BtnStyle1 { font-size: 18px; height: 35px; line-height: 32px; }

    .ProductListItemButtonDiv { margin: 5px 0; }

    .ProductListItem .AddToWishListButtonLinkButton, .ProductListItem .AddToCompareListButtonLinkButton, .ProductListItem .TellFriendLinkButton { font-size: 0; width: 30px; height: 30px; padding: 0; }

    .ProductListTableViewItem .DummyCommonProductItemStyle div.CommonProductImage { width: 100%; float: left; }

    .ProductListTableViewItem .CommonProductName { clear: left; width: 100%; float: left; margin-bottom: 10px; height: auto; }

    .ProductListTableViewItem .CommonProductRating { clear: left; width: 100%; float: left; margin-bottom: 10px; }

    .ProductListTableViewItem .Sku { font-size: 18px; }

    .ProductListTableViewItem .CommonProductNameLink { font-size: 18px; }

    .ProductListTableViewItem .BtnStyle1 { font-size: 18px; height: 35px; line-height: 32px; margin: 15px 5% 10px; width: 90%; }

    .ProductListTableViewItem .OurPriceValue { font-size: 18px; }

    .ProductListTableViewItem .RetailPricePanel { font-size: 16px; }

    .ProductListTableViewItem .AddToWishListButtonLinkButton, .ProductListTableViewItem .AddToCompareListButtonLinkButton, .ProductListTableViewItem .TellFriendLinkButton { font-size: 14px; }

    .SellerRotatingList .jcarousel-skin-tango .jcarousel-item { width: 225px; margin: 0 0 0 15px; }

    .SellerRotatingList .SellerRotatingItemStyle { min-height: 200px; }

    .SellerNavList { width: 30%; }

    .SellerRotatingList { width: 70%; }

    .VendorProductList .ProductListItemColumn2 { margin: 10px 2% 10px 0; width: 30.875%; }

    input[type="text"].NewsletterTextBox { font-size: 12px; }

    .Information { width: 24%; }
    .MyAccount { width: 24%; }
    .CustomerMenu { width: 24%; }
    .SocialMenuDiv { width: 28%; clear: left; float: right; margin: 10px 0 20px; }
    .CuntomNewsletter { width: 28%; }
    .DBDRegisteredDiv { width: 24%; margin-top: 10px; float: right; }
    .SocialLink a { margin-right: 9px; }

    .CommonCategoryImage img { max-height: 105px; max-width: 105px; }
    .CommonCategoryName { padding-top: 25px; }
}


@media only screen and (max-width: 767px) /*Screen width 480-767 px -------------- For step 2 ------------ */
{
    .SellerRotatingList { width: 100%; }

        .SellerRotatingList .SidebarRight { padding: 15px 0; position: relative; top: -55px; }

    .SellerRotatingList { width: 100%; }

        .SellerRotatingList .jcarousel-scroll { height: 0; }

        .SellerRotatingList .jcarousel-skin-tango .jcarousel-clip-horizontal { position: relative; top: 40px; }

    .SellerNavList { width: 100%; padding: 0; }

    .CenterBlockTopTitle, .NewArrivalTitle, .CheckoutIndicatorTable .CurrentPageTitle, .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .CatalogName { font-size: 26px; }

    .GiftCouponDetailRightMenuTable a.GiftDetailButton { font-size: 18px; }

    .GiftCouponDetailRightMenuTable a.CouponDetailButton { font-size: 18px; }

    .CommonUserLoginRegisterLink .BtnStyle1 { width: 80%; }

    .CommonUserLoginRegisterPanel { width: 100%; }

    .CommonSkipLoginDescription { margin-left: 20%; }

    .CommonSkiploginLink { width: 80%; margin-left: 10%; }

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

    .CountryAndStateListDropDown { width: 60%; }

    .HeaderLogin { margin: 0 auto; display: table; float: none; line-height: 40px; height: 40px; }

    .HeaderLogo { margin: 15px auto; display: table; float: none; }

        .HeaderLogo img { padding-left: 0; max-height: 70px; }

    .FrontMasterMiddle { margin-top: 5px; }

    .header-container1 .columns { line-height: 40px; }

    .header-container3 .row { background-color: #ff5e5e; }

    .MainDivLeft { display: none; }

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

    .ContentMainDiv .common-center-col { float: none; }
    /*Register */
    .MainDiv .CustomerRegister { width: 100%; }

    /* 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 22px 5px 0; }

    .MenuItemTitleOuter { background: url(Images/Bullet/footer-toggle-show.gif) no-repeat right 8px; line-height: 22px; }

    .MenuItemTitleOuterHide { background: url(Images/Bullet/footer-toggle-hide.gif) no-repeat right 8px; }

    .LayoutFooter .MenuItemTitleInner { border-bottom: solid 1px #262626; }

    .LayoutFooter .MenuItemTitleOuter { border-bottom: solid 1px #404040; }

    .PaymentLogo { margin: 0 0 15px; }

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

    .CommonProductItemStyle { width: 46%; margin: 10px 3% 10px 0; display: inline-block; }

    /* NewArrival Carousel */
    .NewArrival .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; }

    /*--- Product Column Style---*/
    .AdvancedSearchResult .ProductColumn2DataList { width: 102%; }

        .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle { width: 46%; margin: 10px 3% 10px 0; display: inline-block; }
    /*--- Product Row Style ---*/
    .ProductItemCountItemCount { font-size: 14px; }

    .PagingPrev, .PagingNext { font-size: 14px; }

    .PagingCurrent { width: 24px; height: 24px; line-height: 24px; min-width: 0; }

    .PagingNumber { width: 24px; height: 24px; line-height: 24px; min-width: 0; }

    .ProductLinkToTop, .NewsLinkToTop { background-size: 24px 24px; }

        .ProductLinkToTop:hover, .NewsLinkToTop:hover { background-size: 24px 24px; background-position: center center; }

    .ProductRowDataList .CommonProductItemStyle { margin: 0; }

    .ProductListItem .CommonProductImage { }

    .ProductListItem .ProductListItemDetailsColumn { width: 68.5%; padding: 0 3% 25px; }

    .ProductRowDataList .PriceDiscountLabel { left: 0.5%; top: 1%; height: 20%; width: 10%; font-size: 15px; }

    .ProductRowDataList .PercentValue { font-size: 15px; bottom: 40%; }

    .AdvancedSearchResult .ProductListItem .ProductListItemDetailsColumn { width: 69.5%; padding: 0 5% 30px; }

    .ProductListItem .CommonProductImage img { max-width: 145px; }

    .ProductListItemHeader { width: 105%; margin: 0; }

    .AdvancedSearchResult .ProductRowDataList .CommonProductItemStyle { width: 100%; }
    /*--- ProductList : Tabular style ---*/
    .AdvancedSearchResult .ProductListTableViewTopItem .Image, .AdvancedSearchResult .ProductListTableViewItem .Image { width: 21%; }

    .AdvancedSearchResult .ProductListTableViewTopItem .Button, .AdvancedSearchResult .ProductListTableViewItem .Button { }

    .ProductListTableViewItem .ImagePanel { width: 80%; }

        .ProductListTableViewItem .ImagePanel img { height: 90px; max-height: 90px; max-width: 100%; width: 90px; }

    .ProductListTableViewItem .PriceDiscountLabel { display: none; }

    .ProductListTableViewItem .CommonProductName { width: 100%; }

    .AdvancedSearchResult .TableViewTellFriendPanel, .AdvancedSearchResult .TableViewAddtoWishListPanel, .AdvancedSearchResult .TableViewAddtoCompareListPanel { margin-left: 0; width: 100%; }

    /*Default */
    .Default .CategoryNavList { min-height: 50%; }

    .RandomProductDataList, .ProductBestSellingDataList { width: 105%; }

    .NewsEventItemStyle { width: 47%; margin: 5px 1.5% 5px 0; }

    .NewsEventList { width: 105%; }

    /* Header */
    .MyAccountSection { width: 100%; }

    .SwitchLanguage, .CurrencyControl { display: table; }

    .account-div { display: table; margin: auto; float: none; clear: left; }

    .HeaderLoginWishlist { clear: none; float: right; margin-left: 10px; }

    .HeaderLoginAccount { margin: 0; float: right; }

    /*--- MiniCart ---*/
    .HeaderShoppingCart { margin-top: 15px; height: 40px; }

        .HeaderShoppingCart .HeaderShoppingCartDiv { float: left; margin-bottom: 10px; padding: 0 5px; }

        .HeaderShoppingCart .HeaderShoppingCartCheckout { float: right; margin-left: 10px; }

        .HeaderShoppingCart .DiscountDiv { display: none; }
    /*--- Search ---*/
    .Search { margin: 15px 0 0; position: relative; }

    .QuickSearchDropDownDiv { width: 22%; }

    .QuickSearchSelectedDropDownDiv { width: 35%; }

    .QuickSearch input[type="text"].QuickSearchText { }

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

    /*--- Header Login ---*/
    .header-container1 .columns, .header-container3 .columns, .header-container4 .columns { padding: 0; }
    /*--- Header Menu ---*/
    .header-container3 { padding: 0; }

    .HeaderMenu { padding: 0; }

        .HeaderMenu ul { border-left: solid 1px #de4f1d; border-right: solid 1px #fc8056; border-bottom: solid 1px #de4f1d; border-top: 0; float: none; }

            .HeaderMenu ul li { display: inline-block; width: 50%; border-top: solid 1px #fc8056; border-bottom: solid 1px #de4f1d; border-right: solid 1px #de4f1d; border-left: solid 1px #fc8056; }

                .HeaderMenu ul li table.ContentMenuNavMenuList, .ContentMenuNavList { width: 100% !important; }

                    .HeaderMenu ul li table.ContentMenuNavMenuList a, .HeaderMenu ul li a.HyperLink, .HeaderMenu a.ContentMenuNavListStaticMenuItem { width: 100%; margin: 0; padding: 0px 20px; text-align: left; border: 0; line-height: 22px; height: 22px; }

                        .HeaderMenu ul li table.ContentMenuNavMenuList a:hover, .HeaderMenu ul li a.HyperLink:hover, .HeaderMenu a.ContentMenuNavListStaticMenuItem:hover { background-color: #eee; color: #555; border-radius: 0; }

                .HeaderMenu ul ul, .HeaderMenu ul li ul li { border: 0; }

    .headerMenuNormal { display: none; }

    .headerMenuResponsive { display: block; }

    /*--- Category & Product Item ---*/
    .ContentMenuNavMenuListDynamicMenuStyle { display: none !important; }
    .CategoryNavMenuListStaticMenuItem td a, .DepartmentNavMenuListStaticMenuItem td a { color: #fff; }
    .CategoryNavTreeList a, .DepartmentNavTreeList a { color: #fff; }

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

    /* ----- ProductDetailsResponsive ----- */

    .ajax__tab_default .ajax__tab_header { width: 100%; }

    .ajax__tab_body { }

    .zoom_len, #easy_zoom, #easy_zoom1 { display: none !important; }

    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { width: 80%; min-height: 350px; }

    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { width: 100%; height: 350px; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { }

    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 350px; }

    .ProductDetailsResponsiveImageThumbnail { width: 100%; }

        .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { margin: 5px 1% 5px 0; width: 23%; min-height: 90px; }

        .ProductDetailsResponsiveImageThumbnail table.CommonCategoryImage { height: 90px; }

    .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; width: 20% !important; }

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

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

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

    .ProductDetailsResponsive .FreeShippingLabel { float: none; clear: none; background: url("Images/Icon/icon-free-shipping.gif") no-repeat scroll 10px center; }

    .RelatedProductsDatalist tr { }

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

    .RelatedProductsItemTable tr { width: 100%; }

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

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

    .ProductDetailsResponsive > div.row { position: relative; }

    .RelatedProductsDetailsColumn, .RelatedProductsImageColumn { padding-bottom: 0; padding-right: 10px; padding-top: 30px; width: 235px; }

    .ProductQuickInfoSku, .ProductQuickInfoStock, .ProductQuickInfoRating { float: left; width: auto; margin: 10px 18% 10px 0; }

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

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

    .Product .AddToWishListButtonLinkButton, .Product .AddToCompareListButtonLinkButton, .Product .TellFriendLinkButton { margin: 10px 0; padding: 4px 4% 0 35px; background-position: 0 center; }

    .ProductDetailsResponsive .RelatedProductsDetailsPriceDiv { color: #ff5e5e; }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

    .ProductDetailsResponsive .ProductQuickInfoName { left: 0; }

    .ProductDetailsResponsive .ProductQuickInfoShortDescription { margin: 0px 0; padding: 0 0 15px 0; position: relative; top: 0%; width: 100%; clear: left; }

    .ProductDetailsResponsive .ProductDetailsDefault2TabContainer.ajax__tab_container.ajax__tab_default { width: 100%; }

    .ProductDetailsResponsive .RelatedProductsDatalist { }

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

    .ProductDetailsResponsive .OptionGroupDetails { }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

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

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

    .ProductDetailsResponsive .AddToCartDiv { clear: both; width: 100%; }

    .ProductDetailsResponsive .ProductDetailsResponsiveQuantityDiv { margin: 30px 0 10px 0; }

    .ProductListItem div.CommonProductImage { width: 30%; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage tr td { float: left; }

    .ProductDetailsResponsive .ProductDetailsDefaulSpecificationDetailsDiv { top: 10%; }

    .ProductDetailsResponsive .RelatedProducts { position: relative; }

    .RelatedProductsDatalistItemStyle { width: 50%; }

    .RelatedProductsItemTable { margin: 0px 0px 0px 90px; }
    /*--- Footer Menu ---*/
    .LayoutFooter .MenuItemTitleInner { border-bottom: solid 1px #b3c3c8; }

    .LayoutFooter .MenuItemTitleOuter { border-bottom: solid 1px #fff; }

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

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

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

    .MyAccountInfoPanel .MyAccountInfoSubmitButton { }

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

    .CompareListGridView .DeleteHeader { width: 6%; }

    .CompareListGridView .PriceHeader { width: 18%; }

    .CompareListGridView .AddToCartHeader { width: 20%; }

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

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

    .WishListGridView .DeleteHeader { width: 6%; }

    .WishListGridView .PriceHeader { width: 18%; }

    .WishListGridView .AddToCartHeader { width: 20%; }

    .WishListGridView .QuantityHeader { width: 15%; }

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

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

    .SearchByKeyword { width: 100%; }

    .AdvancedSearchDrop { width: 38%; }

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

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

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

    .SearchDropByCategory { width: 40%; }

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

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

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

    .SearchByCategory .AdvancedSearchDrop { width: 38%; }

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

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

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

    .ContactUsCommentBox { width: 180%; }

    .ContactUsButtonDiv { margin-right: 20%; }

    .ContactUsCompanyInfo { padding-right: 0; }


    /* track */
    .TrackIFrame { width: 480px; }

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

    .GiftCouponDetailRightMenu { width: 48%; clear: none; margin: 0; }
    /* CheckoutIndicator Begin */

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

    .ClientCityStatePanel .CountryAndStateListDropDown { clear: none; }

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

    /*Shopping Cart*/
    .ShoppingCartGridView .ImageHeader { width: 20%; }

    .ShoppingCartGridView .PriceHeader { width: 17%; }

    .ShoppingCartGridView .QuantityHeader { width: 13%; }

    .ShoppingCartGridView .SubtotalHeader { width: 17%; }

    .ShoppingCartGridView .DeleteHeader { width: 11%; }

    .ShoppingCartNoteDiv { width: 48%; margin: 0 2% 0 0; }

    .ShoppingCartCouponDiv { width: 48%; margin: 0 0 0 2%; }

    .ShoppingCartGiftCouponButton { width: 28%; }

    .ShoppingCartGiftCouponInputCodeTextBox { width: 72% !important; }

    .ShoppingCartGiftCouponButton a { padding: 0px; }

    .ShoppingCartOrderTotal { padding: 25px 5% 30px; float: left; width: 100%; margin-top: 20px; font-size: 16px; }

    .ShoppingCartGiftCouponTable { margin-bottom: 0px; }

    .ShoppingCartTableColumn1 { width: 50%; }

    .ShoppingCartTableColumn2 { width: 50%; }

    .ShoppingCartTotalAmountLabel { font-size: 160%; }

    .ShoppingCartTotalAmount { font-size: 170%; }

    .CountryAndStateListDropDown { float: left; width: 54%; clear: right; }

    .ShoppingCartButton a { width: 34%; margin-right: 3%; }

        .ShoppingCartButton a.ShoppingCartUpdateQuantity { margin-right: 0; }

        .ShoppingCartButton a.ShoppingCartCheckoutLink, .ShoppingCartButton a.ShoppingCartGiftRegistryLink { margin-top: 15px; margin-right: 0; width: 100% !important; clear: right; }

    .ShoppingCartButton .ShoppingCartClearCart, .ShoppingCartButton .ShoppingCartUpdateQuantity { width: 30%; }

    .ShoppingCartGridView .NameItem { text-align: left; padding-left: 3px; }

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

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

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

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

    .PromotionItem .PromotionDetailsDefaultImageTellFriendImage { width: 75%; }

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

    .Register .CustomerRegisterPanel .CustomerRegisterCheckBox { margin-left: 24%; width: 93%; }

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

    .Register .CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListStateTextBox { clear: none; float: right; margin-left: 0; margin-right: 12%; 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%; }

    /* default : feature merchant */
    .FeaturedMerchantsAd { width: 49%; margin-left: 0.5%; margin-right: 0.5%; float: left; }


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

    .GiftCouponDetailRightMenu { margin-top: 25px; }

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

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

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

    /*CommonUserLogin [UserLogin, AffiliateLogin] Begin*/

    .CommonUserLoginLoginPanel { width: 100%; }

    .CommonUserLoginRegisterLink { width: 80%; margin-left: 10%; }

    .CommonUserLoginRegisterDescription ul { margin: 20% 5% 0 30%; }

    .CommonAffiliateRegisterLink { margin: 0 24%; }
    /*CommonUserLogin [UserLogin, AffiliateLogin] end*/

    .RelatedProductDiscount { width: 50px; height: 50px; }

    .PromotionGroupDataList { width: 105%; }

        .PromotionGroupDataList .CommonProductItemStyle { margin: 10px 2px 10px 2.5%; width: 46.333%; }


    .NormalTitle { font-size: 20px; }

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

    .SellerNavList { display: none; }

    .SellerRotatingList a.next, .SellerRotatingList a.prev { top: 0; }

    .VendorListItemStyle .CompanyDescription, .VendorListItemStyle .StoreName { width: 70%; }

    .VendorProductList .ProductListItemColumn2 { width: 46%; margin: 10px 3% 10px 0; display: inline-block; }


    .LanguageSection { clear: left; display: table; margin: 0 auto 5px; }

    .info-div { clear: left; display: table; float: none; margin: 5px auto; }

    .tel-div, .line-div { text-align: center; clear: right; display: table; float: none; margin: 5px auto; line-height: 20px; }

    .Search { clear: both; display: table; float: none; width: 90%; margin: 5px auto; }

    .HeaderShoppingCart { float: right; margin: 5px auto 0; }

    .AddToCartPanel { width: 470px; }

    .Information { width: 33%; }
    .MyAccount { width: 33%; }
    .CustomerMenu { width: 33%; }
    .SocialMenuDiv { width: 50%; clear: none; margin: 10px 0 0; }
    .CuntomNewsletter { width: 50%; margin-top: 10px; }
    .DBDRegisteredDiv { width: 50%; margin-top: 0; }
    .Newsletter .SidebarRight { margin-bottom: 20px; }
    input[type="text"].TaxPayerIDTextbox { width: 95%; }
    .TaxPayerIDTR .CommonValidatorText { width: 95%; }
    .SocialLink a { margin-right: 10px; }
    .CommonCategoryImage img { max-height: 103px; max-width: 103px; }
    .CommonCategoryName { padding: 27px 10px 10px; }
}

@media only screen and (max-width: 479px) /*Screen width lower than 480 px -------------- For step 1 ------------ */
{
    .GiftCouponDetailRightMenuTable.CouponGift { width: 100%; }

    .Default .CategoryNavList { min-height: 50%; }

    .ProductDetailsResponsiveAddToCart .BtnStyle1 { padding: 7px 15px 7px 15px; margin: 0 0 0 20px; }

    .CatalogBreadcrumb { font-size: 16px; }

    .GiftRegistryDetailDiv input[type="text"] { width: 90%; }
    /* Header */
    .MyAccountSection { clear: left; float: left; margin: 0; }

    /*-- header logo --*/
    .HeaderLogo { display: table; margin: 0 auto; float: none; }

        .HeaderLogo a { display: block; height: auto; margin: 10px 0; }


    .HeaderLoginWishlist { clear: none; float: left; margin: 0 5px; }

    .HeaderLoginAccount { float: left; margin: 0 5px; }
    /* Currency, Language */
    .SwitchLanguage, .CurrencyControl { display: block; float: right; margin: 0 15px 0 0; }
    /*-- mini cart --*/
    .HeaderShoppingCart { clear: none; }

        .HeaderShoppingCart .HeaderShoppingCartDiv { float: left; padding: 0 3px; margin-bottom: 0; position: relative; }

        .HeaderShoppingCart .HeaderShoppingCartCheckout { clear: none; padding: 0 25px 0 3px; height: 28px; line-height: 25px; position: relative; margin-left: 5px; }
    /*--- quick search ---*/
    .Search { width: 100%; margin: 15px 0 10px; }

    .SearchTop { display: none; }

    .SearchLeft { width: 100%; }

    select.QuickSearchDropDown { min-width: 50px; }
    /*--- Header Menu ---*/
    .headerMenuNormal { display: none; }

    .headerMenuResponsive { display: block; }
    /* --- Myaccount Link ---*/

    .HeaderLoginWishlist a { margin: 5px 0 0; }

    .HeaderLoginAccount a { margin: 5px 0 0; }
    /* Default product item style */
    .RandomProductDataList, .ProductBestSellingDataList, .PromotionGroupDataList, .NewsEventList { width: 100%; text-align: center; }

        .PromotionGroupDataList .CommonProductItemStyle { border-right: 0; }

    .NewArrival .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 80%; margin-left: auto; margin-right: auto; left: 0%; }

    /* Product list & Category list */
    .ProductListDefaultSortString { display: none; }

    .CommonProductItemStyle, .PromotionGroupDataList .CommonProductItemStyle, .ProductListDefaultDataList .CommonProductItemStyle, .catalog-productlist-col .CommonProductItemStyle { width: 80%; margin: 10px 0%; display: inline-block; }

    .CommonProductNameLink.ProductListItem { float: left; }

    .PromotionGroupDataList .CommonProductItemStyle { width: 95% !important; margin: 10px 2.5%; }

    .CommonCategoryItemStyle { width: 28.80%; margin: 10px 3.5% 10px 0; }

    .CommonCategoryImage img { max-width: 80px; max-height: 80px; }

    .ProductItemCountItemCount { display: none; }

    .ProductLinkToTopDiv { display: none; }

    .ProductListGridListSortUpDown { margin-left: 10px; }

    .ProductListGridListItemPerPage { margin-right: 5px; }

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

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

    .ProductColumn1DataList { width: 100%; }

    .ProductColumn2DataList { width: 100%; }

        .ProductColumn1DataList .CommonProductItemStyle, .ProductColumn2DataList .CommonProductItemStyle, .ProductColumn3DataList .CommonProductItemStyle { width: 80%; margin: 25px 10%; display: inline-block; }

    .TableViewTellFriendPanel, .TableViewAddtoWishListPanel, .TableViewAddtoCompareListPanel { width: 125%; margin-left: 3px; }

    .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn1DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn2DataList .CommonProductItemStyle, .common-center-col .AdvancedSearchResult .ProductColumn3DataList .CommonProductItemStyle { width: 80%; margin: 25px 10%; display: inline-block; }

    /* CheckoutIndicator Begin */

    .CheckoutIndicatorTable a { background-size: auto 45px !important; height: 50px; padding-top: 45px; font-size: 16px; font-weight: normal; }
    /*--- New Arivval Category ---*/
    .NewArrivalCategoryList { width: 100%; }

        .NewArrivalCategoryList .CommonProductItemStyle { width: 80% !important; margin: 10px 10%; display: inline-block; }

    /*--- ProductList : Row style ---*/
    .ProductRowDataList .CommonProductItemStyle, .AdvancedSearchResult .ProductRowDataList .CommonProductItemStyle { text-align: center; display: inline-block; margin: 25px 10%; width: 80%; }

    .ProductListItem .PriceDiscountLabel { left: 9.5%; top: 0.5%; height: 15%; width: 20%; }

    .ProductRowDataList .PercentValue { bottom: 15%; font-size: 18px; }

    .ProductListItem div.CommonProductImage { width: 80%; float: none; text-align: center; margin: 0 auto; border: 0; }

    .ProductListItem .CommonProductImage { width: 100%; }

    .ProductListItem .ProductListItemDetailsColumn { width: 100%; padding: 0; }

    .ProductListItem .ProductListItemDetailsDiv { width: 100%; padding: 10px 0; float: none; text-align: center; margin-bottom: 10px; background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

    .ProductListItem .CommonProductImage img { max-width: 190px; }

    .ProductListItem .CommonProductDescription { display: none; }

    .ProductListItem .CommonProductRating { display: table; float: none; margin: auto; }

    .ProductListItem .CommonProductName { margin: 10px 0 0; width: 100%; background-color: transparent; }

    .ProductListItem .ProductListItemDetailsPriceDiv { display: table; clear: left; float: none; margin: 5px auto; }

    .ProductListItem .ProductListItemRmaPanel { display: none; }

    .ProductListItem .ProductListItemButtonDiv { padding: 0; margin: 0; }

        .ProductListItem .ProductListItemButtonDiv .BtnStyle1 { display: table; float: none; margin: 0 auto 10px; }

    .ProductListItem .ProductListItemTellFriendPanel, .ProductListItem .ProductListItemAddtoWishListPanel, .ProductListItem .ProductListItemAddtoCompareListPanel { margin-left: 15%; display: none; }

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

    .AdvancedSearchResult .ProductListItem .ProductListItemDetailsColumn { width: 100%; padding: 30px 0; }

    /*--- ProductList : Tabular style ---*/
    .ProductListTableViewTopItem { display: none; }

    table.ProductListTableViewItem { width: 80%; padding: 0; margin: 25px auto; text-align: center; border-collapse: separate; overflow: hidden; }

    td.ProductListTableViewItem { border: 0; }

    .ProductListTableViewItem td { border: 0; display: block; }

    .ProductListTableViewItem .PriceDiscountLabel { display: block; margin: 3% 0 0 -3.5%; left: 7%; }

    .ProductListTableViewItem .Image, .AdvancedSearchResult .ProductListTableViewItem .Image { width: 100%; float: none; text-align: center; margin: 0 auto; position: relative; background-color: #fff; }

    .ProductListTableViewItem .ImagePanel { width: 100%; }

        .ProductListTableViewItem .ImagePanel img { height: auto !important; max-height: 190px; max-width: 190px; width: auto !important; }

        .ProductListTableViewItem .ImagePanel .ProductLink { display: block; }

    .ProductListTableViewItem .Sku { display: none; padding: 0; }

    .ProductListTableViewItem .Button, .AdvancedSearchResult .ProductListTableViewItem .Button { width: 100%; padding: 5px 0 0; border: 0; margin: 0 auto; background: url("Images/Background/dot-line.jpg") repeat-x left top; }

    .ProductListTableViewItem .Price { width: auto; display: table; margin: 0 auto; padding: 0 0 5px; border: none; }

    .ProductListTableViewItem .RetailPricePanel, .AdvancedSearchResult .ProductListTableViewItem .RetailPricePanel { margin-right: 2px; }

    .ProductListTableViewItem .OurPricePanel, .AdvancedSearchResult .ProductListTableViewItem .OurPricePanel { clear: none; float: left; margin-top: 0; }

    .ProductListTableViewItem .Name { width: 100%; text-align: center; margin: 0; border: none; }

    .ProductListTableViewItem .CommonProductName { margin: 0; }

    .ProductListTableViewItem .CommonProductRating { padding: 0; }

    .ProductListTableViewItem .BtnStyle1, .AdvancedSearchResult .ProductListTableViewItem .BtnStyle1 { padding: 2px 10px; width: 44%; margin: 5px 28% 0; }

    .AdvancedSearchResult .TableViewTellFriendPanel, .AdvancedSearchResult .TableViewAddtoWishListPanel, .AdvancedSearchResult .TableViewAddtoCompareListPanel { float: none; width: auto; margin: 5px 10px; }

    .TableViewTellFriendPanel, .AdvancedSearchResult .TableViewTellFriendPanel { clear: left; }

    .TableViewTellFriendPanel, .TableViewAddtoWishListPanel, .TableViewAddtoCompareListPanel { float: none; width: auto; margin: 5px 10px; }


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

    .Product .CommonPageLeft { display: block; }

    .Product .CommonPage { }

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

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

    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage tr td { position: relative; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { height: 280px; }

    .ProductDetailsResponsive .ProductQuickInfoShortDescription { margin: 0; width: 100%; }

    .ProductDetailsResponsive .RelatedProductsDatalist { }

    .ProductDetailsResponsive .RelatedProducts { }

    .ProductDetailsResponsive .ProductDetailsDefault2TabContainer.ajax__tab_container.ajax__tab_default { width: 125%; }

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

        .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { margin: 5px 1%; width: 22%; min-height: 65px; }

        .ProductDetailsResponsiveImageThumbnail table.CommonCategoryImage { height: 65px; }

        .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { max-width: 65px; max-height: 65px; }

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

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

    .ProductQuickInfoShortDescription { margin-top: 20px; }

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

    .RelatedProductsDatalist tr, .RelatedProductsItemTable { display: table; display: table; margin: 0 auto; width: 97%; right: 0%; position: relative; }

    .RelatedProductsImageLink { padding: 0px 15px 0px 5px; }

    .RelatedProductsDatalist tr { float: none; }

    .RelatedProductsDetailsColumn, .RelatedProductsImageColumn { padding-top: 0; }

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

    .Product .AddToWishListButtonLinkButton, .Product .AddToCompareListButtonLinkButton, .Product .TellFriendLinkButton { clear: right; float: left; margin: 5px 5px 5px 0; font-size: 14px; color: #454545; border: 0; border-right: solid 1px #ededed; letter-spacing: 0px; display: block; height: 30px; line-height: 22px; background-position: 5px center; padding: 2px 10px 2px 36px; text-decoration: none; }

    .Product .TellFriendLinkButton { border-right: 0px; }

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

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

    .ajax__tab_header .ajax__tab_active .ajax__tab_outer { font-size: 16px; }

    .ajax__tab_default .ajax__tab_header { width: 80%; }

    .ajax__tab_body { width: 80%; }

    .ProductDetailsResponsive .StarRatingSummaryTable tr { display: table-row; }

    .StarRatingSummaryTableInner td { display: table-row; }

    .RatingControlTable td { display: table-cell; }

    .StarRatingSummaryTableInnerOurStarColumn { display: table-cell !important; width: auto; height: 40px; }

    .StarRatingSummaryTableInnerOurLabelColumn { display: table-cell !important; height: 40px; padding-top: 10px; }

    .StarRatingSummaryTableInnerCustomerStarColumn { display: table-cell !important; vertical-align: top; padding-top: 5px; }

    .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 .OptionInputListItemDataListItemStyle { display: table-row; width: 100%; }

    .ProductDetailsResponsive .OptionRadioItemRadioButtonList label { width: auto; }

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

    .ProductDetailsResponsive .RelatedProductsDetailsPriceDiv { color: #ff5e5e; }

    .ProductDetailsResponsive .AddToCartDiv { }

    .ProductQuickInfoSku, .ProductQuickInfoStock { width: 100%; margin-right: 0; margin-bottom: 0; margin-left: 0 !important; }

    .ProductQuickInfoRating { }

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

    .OptionInputListItemDataListItemDiv { width: 130px; }

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

    .ProductDetailsResponsive .QuantityDiscountGridView { position: inherit; }

    .ProductDetailsResponsive .ProductQuickInfoName { }

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

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


    .StarRatingSummaryTableInnerOurLabelColumn { float: left; padding: 10px 0px 0px 3px; }

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

    .ProductDetailsResponsive .ProductDetailsResponsiveOptionDiv { clear: left; float: left; width: 100%; }

    .ProductDetailsResponsive .QuantityDiscountFreeShippingDiv { }

    .ProductQuickInfoRating .StarRating { }

    .RelatedProductsDiv { text-align: center; }

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

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

        .LayoutFooter ul.MenuItem li { float: left; margin-right: 25px; }

    .LayoutFooter .DBDRegisteredDiv .MenuFooterTitleShow .DBDIcon { margin: 15px 54px 10px; float: left; clear: left; }

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

    .LayoutFooterLicense { padding: 5px 0; }

        .LayoutFooterLicense a { clear: left; }

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

    .NewsletterForm { text-align: left; }

    .SocialLink { padding-top: 15px; }

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

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

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

        .MyAccountMenuTableList td { padding: 10px 15%; border-top: solid 1px #fff; border-bottom: solid 1px #ddd; 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: 70%; }

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

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

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

    /*Checkout - CustomerRegister Address Begin*/
    .Checkout .ClientCityStatePanel .CheckoutAddressLabel {margin: 4px 0;}
    .Checkout .ClientCityStatePanel .CountryAndStateListDropDown {margin: 4px 0;}
    .Checkout .ClientCityStatePanel .CountryAndStateListValidationPanel {padding: 0; margin: 15px 0 0 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%; }

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

    .CompareListGridView .NameHeader { }

    .CompareListGridView .DeleteHeader { width: 10%; }

    .CompareListGridView .PriceHeader { width: 25%; }

    .CompareListGridView .AddToCartHeader { width: 30%; }

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

    .CompareListGridView .ImageItem { display: none; }

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

    .WishListGridView .NameHeader { }

    .WishListGridView .DeleteHeader { width: 10%; }

    .WishListGridView .PriceHeader { width: 25%; }

    .WishListGridView .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, .OrderHistory .SearchFilter { float: none; display: table; margin: auto; }

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

    .ShippingAddressBookButtonDiv { width: 100%; }

        .ShippingAddressLinkPanel .BtnStyle2, .ShippingAddressBookButtonDiv .BtnStyle1 { width: 70%; margin: 15px 15% 0; }

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

    /* userlogin */
    .CommonUserLoginLoginPanel { width: 100%; background: none; padding: 0 3% 0; background-color: #fff; }

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

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

    .CommonUserLoginValidatorText { width: 60%; }

    .CommonUserLoginPanelRemember label { }

    .CommonUserLoginForgotPasswordDiv { width: 100%; left: 0; text-align: center; }

    .CommonUserLoginRegisterLink { width: 100%; float: none; margin-left: 0; }

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

    .CommonUserLoginRegisterDescription ul { margin: 35% 5% 0 25%; }

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

    .CommonUserLoginPanelRemember { margin-left: 36%; }

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

        .CommonUserLoginPanelButton .BtnStyle2 { width: 143%; }

    .CommonSkipLoginDescription { margin-left: 8%; }

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

    .CommonAffiliateRegisterTitle { margin: 40px 0 0 15px; }

    .CommonAffiliateRegisterDescription { margin: 10px 50px 25px 10px; }

    .CommonAffiliateRegisterLink { margin: 0 6%; }

    /*Contact us*/
    .ContactUsCommentBox { width: 250px; }

    .ContactUsCaptcha { width: 230px; }

    .ContactUsCaptchaStyle div input { width: 250px; }

    .ContactUsButtonDiv { margin-right: 14.8%; }

    .ContactUsLabel { width: 100px; }

    .ContactUsData { width: 145px; }

    .ContactMap { height: 200px; }

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

    .PaymentItemRadioButton label { font-size: 15px; }
    /*Checkout - Shipping */
    .checkout-center-col .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressTitle { padding-right: 10px; }

    .checkout-center-col .OrderSummary .SidebarTop .CheckoutAddressTitle { font-size: 18px; }

    .checkout-center-col .SidebarTop .CheckoutAddressTitle { font-size: 15px; }

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

    .CheckoutAddressLeftDataCheckbox label { width: 80%; }

    .CheckoutSpecialRequestPanel .CheckoutAddressLeftDataCheckbox label { font-size: 15px; }

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

    .CheckoutButtonDiv { clear: both; float: right; width: 20%; margin-bottom: 20px; }

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

    .checkout-center-col .CheckoutInnerTitle { font-size: 18px; }

    .CustomerRegisterLeftLabel, .CustomerRegisterRightLabel, .CheckoutAddressLeftLabel, .CheckoutAddressRightLabel { font-size: 15px; }

    .ClientCityStatePanel, .CustomerRegisterCityStatePanel { font-size: 15px; }

    .BtnLogin, .BtnStyle1, .ShippingRadioList label, .CommonGridViewHeaderStyle, table tbody tr td { font-size: 15px; }

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

    .OrderSummarySummaryLabel { width: 75%; font-size: 15px; }

    .OrderSummarySummaryValue { width: 25%; font-size: 15px; }

    .OrderSummaryShippingDetailsLabelColumn { width: 40%; }

    .BillingAddressDiv .CommonPageInnerTitle, .ShippingAddressDiv .CommonPageInnerTitle, .BillingAddressDiv .CommonAddressRow { font-size: 15px; }

    .OrderSummarySummaryTotalLabel, .OrderSummarySummaryTotalValue { font-size: 16px; }

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

    .ShoppingCartContinueShopping { width: 100%; }

    .ShoppingCartUpdateQuantity { width: 44%; margin-right: 5%; }

    .ShoppingCartClearCart { width: 44%; margin-right: 5%; margin-top: 3.5%; }

    .ShoppingCartNoteDiv { width: 100%; padding-bottom: 20px; margin: 0; }

        .ShoppingCartNoteDiv .NoteDetail { margin-left: 10%; margin-right: 10%; }

    .ShoppingCartShippingEstimator { margin-left: 10%; margin-right: 10%; }

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

    .ShoppingCartOrderTotal { width: 100%; padding: 25px 5% 25px 5%; margin: 10px 0; }

    .ShoppingCartGiftCouponInputCenter { width: 80%; margin: 25px 10% 0; }

    .ShoppingCartCouponDiv .GiftCouponDetailValidatorText { width: 70%; margin: 0; clear: both; float: left; margin: 1px 10% 0; }

    .ShoppingCartGiftCouponButton a { }

    .ShoppingCartTotalAmountLabel { font-size: 135%; }

    .ShoppingCartTotalAmount { font-size: 145%; }

    .ShoppingCartCheckoutLink, .ShoppingCartGiftRegistryLink { width: 85%; margin-right: 9%; padding-top: 1%; padding-bottom: 1%; }

    .ShoppingCartGridView .ImageHeader { display: none; }

    .ShoppingCartGridView .ImageItem { display: none; }

    .ShoppingCartGridView .NameHeader { width: 20%; }

    .ShoppingCartGridView .NameItem { }

    .ShoppingCartGridView .PriceHeader { width: 20%; }

    .ShoppingCartGridView .QuantityHeader { width: 10%; }

    .ShoppingCartGridView .SubtotalHeader { width: 25%; }

    .ShoppingCartGridView .DeleteHeader { width: 10%; }

    .ShoppingCartButton a { width: 47%; margin: 5px 2%; }

    .ShoppingCartButton .ShoppingCartClearCart, .ShoppingCartButton .ShoppingCartUpdateQuantity { width: 45%; min-width: 100px; }

    .ShoppingCartButton a.ShoppingCartUpdateQuantity { margin: 5px 2%; padding: 0 5px; }

    .ShoppingCartButton .ShoppingCartContinueShopping:hover { padding: 0px; }

    .ShoppingCartButton .ShoppingCartContinueShopping { padding: 0px; }

    .ShoppingCartCheckoutDiv { padding: 10px 0; width: 100%; clear: left; float: left; }

    .ShoppingCartGridView .CommonGridViewRowStyle .ImageItem { border-right: solid 1px #f0f0f0; }

    .ShoppingCart .CommonPageTop { margin-left: 0px; }

    .ShoppingCartGridView .NameItem { text-align: center; padding-left: 10px; }

    .ShoppingCartGridView .NameHeader { text-align: center; background-color: #fbfcfe; text-transform: uppercase; }

    /*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 */
    .PromotionGroupListItemTable td { display: block; width: 80%; margin: 10px auto; 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; }

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

    .PromotionProductGroup { padding: 15px 5px; }

    .PromotionProductItem .ProductImage { left: 0%; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { width: 25px; }

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

    .PromotionItem .PromotionDetailsDefaultImageTellFriendImage, .PromotionItem .PromotionDetailsDefaultImageAddtoCart { width: 48%; }

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

    .PromotionProductGroupDataList .ProductGroupProductItemStyle { width: 112px; }

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

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

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

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

    /* StoreSitemap */
    .StoreSiteMapProductDataListItemStyle, .StoreSiteMapDepartmentDataListItemStyle { display: inline-block; width: 100%; }

    /*Affiliate*/
    .AffiliateCommissionSearchLabel { width: 80px; }

    .AffiliateCommissionSearchValidateDiv { width: 80px; }

    .AffiliateCommissionSearchData .CommonTextBox { width: 100%; }

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

    .MyAccountRecentOrderDiv .SubmitButton { width: 110%; }

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

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

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

    .HeaderLoginAccount .MyAccountLink { color: #000; }

        .HeaderLoginAccount .MyAccountLink:hover { color: #ff5e5e; }

    .HeaderLoginWishlist .WishlistLink { color: #000; }

        .HeaderLoginWishlist .WishlistLink:hover { color: #ff5e5e; }

    /* News Event */
    .NewsEventItemStyle { width: 100%; margin: 5px 0; padding-bottom: 5px; display: inline-block; }

    /* default : feature merchant */
    .FeaturedMerchantsAd { width: 100%; margin: 0 0 5px; clear: left; }

    .CategoryNavMenuListDynamicMenuStyle, .DepartmentNavMenuListDynamicMenuStyle { display: none !important; }

    .Newsletter { margin-bottom: 10px; }

    .RelatedProductDiscount { margin: 0px 0 0 0px; }

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

    .KeyValidateError { font-size: 14px; }

    .NormalTitle { display: none; }

    .NewArrival .next, .NewArrival .prev { top: -62px; }

    .NewsEventViewAll { top: 5px; }

    .Default .CategoryNavList { margin-bottom: 5px; }

        .Default .CategoryNavList .CategoryNavNormalList tr { display: table; float: none; margin: 0; padding: 0; width: 100%; }

        .Default .CategoryNavList .CategoryNavNormalList td { }

        .Default .CategoryNavList .CategoryNavNormalList tr a { display: block; padding: 5px 15px; line-height: 30px; background: #084692; color: #fff; border-top: solid 1px #3265a3; border-bottom: solid 1px #02316b; }

        .Default .CategoryNavList .CategoryNavNormalList a:hover { margin: 0; background: #E2040C; transition: all ease-in-out 0.5s; width: 100%; }

    .logofooter { top: 0; }

    .SellerRotatingList .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 80%; margin-left: auto; margin-right: auto; }

    .SellerRotatingList .jcarousel-skin-tango .jcarousel-item { width: 220px; margin: 0 8px; }

    .SellerRotatingList a.next, .SellerRotatingList a.prev { top: -50px; }

    .CenterBlockTopTitle, .NewArrivalTitle, .SellerNavTitle { margin-top: 40px; }

    .VendorListItemStyle .StoreName a { line-height: 5px; }

    .VendorInfo .InfoContent, .VendorInfo .LogoImage { width: 100%; }

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

    .Information { width: 100%; }
    .MyAccount { width: 100%; }
    .CustomerMenu { width: 100%; }
    .SocialMenuDiv { width: 100%; margin-top: 0; }
    .CuntomNewsletter { width: 100%; margin: 0 0 0; }
    .DBDRegisteredDiv { width: 100%; }
    .LayoutFooter .DBDRegisteredDiv .MenuFooterTitleShow .DBDIcon { margin: 15px 76px 20px; }

    .ManufacturerListDefaultDataList { table-layout: fixed; }
    .ManufacturerListItemDefaultTable { table-layout: fixed; }
    .ManufacturerListItemDefaultImageDiv { width: 134px; }
        .ManufacturerListItemDefaultImageDiv img { max-height: 120px; max-width: 130px; }
    .ManufacturerListItemDefaultNameDiv { width: 146px; }

    .DepartmentListDefaultDataList { table-layout: fixed; }
    .DepartmentListItemDefaultTable { table-layout: fixed; }
    .DepartmentListItemDefaultImageDiv { width: 134px; }
        .DepartmentListItemDefaultImageDiv img { max-height: 120px; max-width: 130px; }
    .DepartmentListItemDefaultNameDiv { width: 146px; }

    .CommonCategoryName { padding-top: 5px; }
}

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