/*------------------ Custom Responsive Layout ------------------*/
@media only screen and (min-width: 1101px) and (max-width: 1440px) {
    .Container-Box, .Sorting-Box { padding: 35px 27% 35px 17.5%; }
    .AdvancePanelRight { right: 5%; }

    .OrderPagingDiv { margin-top: -4%; }

    .CommonRowStyle .CouponTextBoxDiv .TextBox { width: 62%; }
    .CommonRowStyle .RewardPointTextBoxDiv .TextBox { width: 62%; }
    .CommonRowStyle .GiftTextBoxDiv .TextBox { width: 62%; }

    .BestSellerItem { width: 25%; }

    .SellerDetailButtonLeftDiv { padding: 0 4px; margin-left: 3px; }
    .SellerDetailButtonRightDiv { padding: 0 4px; margin-right: 3px; }

    .SellerDetailLogo { width: 25%; }
    .SellerDetailsContact { width: 75%; }
    .SellerLogoImage { max-width: 61px; max-height: 61px; }
}

@media only screen and (min-width: 980px) and (max-width: 1100px) {
    .DefaultTabContainer .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab { padding: 0 8px; }
    .ConfigRow .Label { width: 32%; padding-left: 2%; }
    .ConfigRow .BulletLabel { padding-left: 1.5%; margin-left: 2%; width: 30%; }
    .AdminItemBox .Button1Right { margin: 0; }

    .freeTextBox1 { width: 100% !important; }
        .freeTextBox1 .cke_chrome { width: 100% !important; }

    /*.MultiCatalogBackground { padding: 10px; width: auto; }
    .MultiCatalogListBox { width: 220px; }
    .MultiCatalogInnerListBox { min-width: 220px; }
    .MultiCatalogListBoxFrom, .MultiCatalogListBoxTo { width: 220px; }
    .MultiCatalogListBoxButton { width: 30px; }*/

    .ButtonRowstyle { margin-top: 10px; float: left; padding-left: 31%; }
    .detailsNoLabel1 { margin-left: 31%; }

    .StatPeriodDiv span { display: none; }
    .LabelColumn { width: 45%; text-align: right; float: left; padding: 5px 0; font-size: 13px; }

    .ValueColumn { color: #ff5722; width: 35%; padding: 5px 2px; margin: auto 5px; font-size: 13px; }
    .UnitColumn { text-align: left; float: left; padding: 5px 0; font-size: 13px; }

    /* Admin Content Template New Design*/
    .CssAdminContentConfig { width: 100%; padding-left: 10%; padding-right: 10%; }

    .ContentBody { padding: 0 20px; }
    .ThemeListPanel { padding: 0 10px; width: 50%; }
    .MoreThemeDiv { padding: 0 10px; width: 50%; }

    .Container-Box, .Sorting-Box { padding: 35px 12% 35px 15%; }
    .AdvancePanelRight { display: none; }

    .ProductDetailPanel { padding: 35px 12%; }
    .OrderPagingDiv { margin-top: -2%; }

    .CommonRowStyle .CouponTextBoxDiv .TextBox { width: 65%; }
    .CommonRowStyle .RewardPointTextBoxDiv .TextBox { width: 65%; }
    .CommonRowStyle .GiftTextBoxDiv .TextBox { width: 65%; }

    .BestSellerItem { width: 33%; }

    .SellerDetailButtonLeftDiv { padding: 0 4px; margin-left: 3px; }
    .SellerDetailButtonRightDiv { padding: 0 4px; margin-right: 3px; }

    .SellerLogoImage { max-width: 60px; max-height: 60px; }
    .SellerDetailLogo { height: 60px; width: 100%; }
    .SellerDetailsContact { width: 100%; line-height: 18px; }

    .GridProductStatus, .GridProductImport, .GridProductConnect, .GridProductEdit { width: 65px; }
}

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

@media only screen and (max-width: 979px) /*Screen width 768-980 px ---------- For step 3---------*/
{
    .DefaultTabContainer .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab { padding: 0 10px; }
    .ConfigRow .Label { width: 32%; padding-left: 2%; }
    .ConfigRow .BulletLabel { padding-left: 1.5%; margin-left: 2%; width: 30%; }
    .ProductDetailsRow .Label { width: 31%; }
    .ProductDetailsRow .BulletLabel { width: 31%; }
    .ConfigRow .Label.BlankLabel { margin-left: 3%; }

    .freeTextBox1 { width: 100% !important; }
        .freeTextBox1 .cke_chrome { width: 100% !important; }
    /*.MultiCatalogBackground { padding: 10px; }
    .MultiCatalogListBox { width: 220px; }
    .MultiCatalogInnerListBox { min-width: 220px; }
    .MultiCatalogListBoxFrom, .MultiCatalogListBoxTo { width: 220px; }
    .MultiCatalogListBoxButton { width: 30px; }*/

    .ButtonRowstyle { margin-top: 10px; float: left; padding-left: 31%; }

    .detailsNoLabel1 { margin-left: 31%; }

    .modalPopupFixWidth { width: 700px; }

    .StatPeriodDiv span { display: none; }
    .LabelColumn { width: 45%; text-align: right; float: left; padding: 5px 5px 5px 0; font-size: 13px; }

    .ValueColumn { color: #ff5722; width: 35%; padding: 5px 2px; margin: auto 5px; font-size: 13px; }
    .UnitColumn { text-align: left; float: left; padding: 5px 0; font-size: 13px; }
    /* Navigation Menu - Background */
    .nav-trigger { display: block; }
    .navigation { /* critical sizing and position styles */ height: 100%; position: absolute; top: 0; left: 0; z-index: 0; /* non-critical appearance styles */ background: #F0F1F1; padding: 0; width: 100%; overflow-y: scroll; }

    /* Site Wrapper - Everything that isn't navigation */
    .site-wrap { /* Critical position and size styles */ min-height: 100%; min-width: 100%; background-color: #fff; /* Needs a background or else the nav will show through */ position: relative; top: 0; left: 0; z-index: 1; overflow: hidden; }

    /* Nav Trigger */
    .nav-trigger { /* critical styles - hide the checkbox input */ position: absolute; clip: rect(0, 0, 0, 0); }

    label[for="nav-trigger"] { cursor: pointer; background: rgba(14,165,211,0.4) url(Images/icon/icon-menu-responsive.png) no-repeat center center; width: 28px; height: 50px; border-radius: 0 5px 5px 0; position: absolute; top: 15px; }
        label[for="nav-trigger"].close-button { z-index: 2; background: none; color: #FF765B; font-family: Arial; position: absolute; right: 0; top: 15px; text-align: center; height: 30px; width: 30px; }
            label[for="nav-trigger"].close-button:hover { color: #f00; }
        label[for="nav-trigger"].menu { cursor: pointer; float: left; height: 50px; width: 28px;  margin-bottom: 0; line-height: 0; font-size: 0; z-index: 1; }
        label[for="nav-trigger"]:hover { background: rgba(13,202,112,0.5) url(Images/icon/icon-menu-responsive.png) no-repeat center center; }
    /* Make the Magic Happen */
    .nav-trigger + label, .site-wrap { transition: left 0.2s; }

    .nav-trigger:checked + label { left: 265px; }

    .nav-trigger:checked ~ .site-wrap { left: 265px; }

    /* Admin Content Template New Design*/
    .CssAdminContentConfig { width: 100%; padding-left: 10%; padding-right: 10%; }

    .LanguageDenotedLabel { padding-left: 1%; clear: left; float: left; }
    .AdminMenuTitleTemplateDiv { float: left; clear: left; }
    .CssAdminContentCommon.InformationPanel { float: left; clear: left; width: 100%; }
    .ConfigRowNewDesign .Column2New .LeftCol { width: 92%; }
    .ConfigRowNewDesign .Column2New .RightCol { width: 92%; }
    .ConfigRowNew .TextBox { width: 50%; }
    .ConfigRowNewDesign .Label { float: left; width: 100%; }
    .Column2New .RightCol { margin-top: 0; }
    .Column2New .LeftCol { margin-top: 0; }

    .ContentBody { padding: 0 20px; }
    .ThemeListPanel { padding: 0 10px; width: 50%; }
    .MoreThemeDiv { padding: 0 10px; width: 50%; }
    .ConfigRowNewDesign .Column2New .RightCol.EmailDesign { width: 82%; }

    .Container-Box, .Sorting-Box { padding: 35px 20% 35px 17%; }

    .DefaultTabContainer .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab { border-top: solid 1px #f1f1f2; border-bottom: solid 1px #f1f1f2; }

    .AdvancePanelRight { display: none; }

    .ProductDetailPanel { padding: 35px 10% 35px 10%; }

    .BestSellerQuantity .QuantityLabel { width: 65%; }

    div.ToggleButtonDiv { margin: 3px 10% 10px 0; }
    .OrderPagingDiv { margin-top: -3%; }

    .CommonRowStyle .CouponTextBoxDiv .TextBox { width: 64%; }
    .CommonRowStyle .RewardPointTextBoxDiv .TextBox { width: 64%; }
    .CommonRowStyle .GiftTextBoxDiv .TextBox { width: 64%; }

    .BestSellerItem { width: 33%; padding: 0.5%; }

    .SellerDetailButtonLeftDiv { padding: 0 4px; margin-left: 3px; }
    .SellerDetailButtonRightDiv { padding: 0 4px; margin-right: 3px; }

    .SellerLogoImage { max-width: 60px; max-height: 60px; }
    .SellerDetailLogo { height: 60px; width: 100%; }
    .SellerDetailsContact { width: 100%; line-height: 18px; }

    .GridProductStatus, .GridProductImport, .GridProductConnect, .GridProductEdit { width: 65px; }
}

@media only screen and (max-width: 767px) /*Screen width 480-767 px -------------- For step 2 ------------ */
{
    .AdminTopMenu { min-height: 40px; }
    .AdminTopMenuRight { width: 100%; }
    /*------------------------ Login Class -------------------------------*/
    .LoginArea { width: 90%; margin: 40px 5%; }
    .LoginTitle { width: 50%; }
    .LoginBody { width: 45%; }
    .LoginLabel { width: 95%; clear: left; }
    .LoginUsername, .LoginPassword { clear: left; width: 95%; }
    .LoginInput { margin: 0 0 10px; clear: left; }

    /*------------------------ Header Class -------------------------------*/
    .DefaultHeaderLogo { margin-left: 10px; }
    .DefaultHeaderLink { margin-right: 10px; }
    .quick-menu { float: left; }
    .StorefrontLink { margin: 3px 5px; }
        .StorefrontLink a { font-size: 0; background: url(Images/Icon/Admin-home-icon.png) no-repeat center center; height: 32px; width: 32px; display: block; border: 0; }
            .StorefrontLink a:hover { font-size: 0; background: url(Images/Icon/Admin-home-icon.png) no-repeat center center; height: 32px; width: 32px; }

    .AdminLogoutLink { display: block; margin: 3px 5px; }
        .AdminLogoutLink a { background: url(Images/Icon/Admin-logout-icon.png) no-repeat center center; height: 32px; width: 32px; display: block; font-size: 0; text-decoration: none; }
            .AdminLogoutLink a:hover { background: url(Images/Icon/Admin-logout-icon.png) no-repeat center center; height: 32px; width: 32px; font-size: 0; text-decoration: none; }
    .quick-menu-link .Login { display: none; }
    .MoreFeaturesLink { display: none; }

    /*------------------------  Header Menu Class ------------------------ */
    .top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { visibility: visible; }
    .top-bar ul > li.has-dropdown .dropdown { position: absolute; visibility: hidden; }
    .AdminTopMenu ul li.has-dropdown .dropdown, .AdminTopMenu ul li.has-dropdown:hover .dropdown { display: block !important; }

    .top-bar.expanded, .top-bar { height: 100%; }
        .top-bar ul li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; top: auto; bottom: 50%; margin-bottom: -4px; }
        .top-bar ul.title-area { display: none; }
        .top-bar ul > li.has-dropdown .dropdown li { padding-left: 0; }
        .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a { padding: 5px 15px; }
        .top-bar ul > li.has-dropdown.moved .back.title a { background-color: #c8c8c8 !important; }

        .top-bar ul > li.has-dropdown:hover a, .top-bar ul > li.has-dropdown.focus a { color: initial; }
        .top-bar ul > li.has-dropdown.focus { background-color: initial; }
    /*------------------------  Table Class------------------------  */
    .GridViewPanel { overflow: auto; padding: 10px 25px 15px; width: 100%; margin: 0; }
    .CommonGridviewDiv { margin: 0 2.5% 0 1.5%; overflow: auto; width: 96%; padding-bottom: 10px; }

    /*------------------------ Common Class ------------------------*/
    .CssAdminContentFilter { padding: 5px 2%; width: 100%; }
    .DefaultTabContainer .ajax__tab_header { height: auto; }

    .detailsNoLabel1 { margin-left: 0; }

    .DefaultFooter .License { margin-left: 10px; }
    .DefaultFooter .PoweredBy { margin-right: 10px; }

    .modalPopupFixWidth { width: 620px; }

    .TemplateSelectDiv, .AdminLogDiv, .StatBoxDiv { width: 96%; margin: 0 2% 10px; }
    .StatPeriodDiv span { display: inline-table; }
    .LabelColumn, .ValueColumn, .UnitColumn { font-size: 14px; }

    .AdminLogButton a { font-size: 13px; }

    /* Admin Content Template New Design*/
    .ConfigArea { font-size: 13px; }
        .ConfigArea .ConfigRow { line-height: 25px; }
            .ConfigArea .ConfigRow .ConfigValue .Textbox { height: 25px; }
            .ConfigArea .ConfigRow .ConfigValue .DropDown { height: 25px; margin-top: auto; }
            .ConfigArea .ConfigRow .ConfigBulletLabel { background-position: 0px 10px; }

    .CssAdminContentConfig { padding-left: 25px; padding-right: 25px; }
    .CssAdminContentPaging { padding: 0px 25px 0 25px; }
        .CssAdminContentPaging .ButtonCommand { width: 100%; }
        .CssAdminContentPaging .AdminButton { width: 33.33%; }
            .CssAdminContentPaging .AdminButton .AdminButtonContainer { margin: 0 5px; }
    .AdminListCommonButton { font-size: 13px; height: 45px; line-height: 45px !important; width: 100%; background-position: right 4% center; margin: 0; }

    .GridHeadStyleNewDesign, .GridHeadStyleNewDesign th,
    .GridRowStyleNewDesign td, .GridAlternatingRowStyleNewDesign td,
    .GridRowStyleNewDesignHover td, .GridAlternatingRowStyleNewDesignHover td { font-size: 12px; }

    .denotedstar { right: -20px; }
    .ConfigRowNew .TextBox { width: 70%; }
    .ConfigRowNewDesign .Column2New { width: 85%; }
        .ConfigRowNewDesign .Column2New .RightCol .TextBox { width: 89%; }
    .ConfigRowNew .LabelWithDropdown, .ConfigRowNew .LabelTitleWithDropdown { width: 70%; }
    .ConfigRowNewDesign .Column2New .LeftCol { margin-top: 0; }
    .ConfigRowNewDesign .Column2New .RightCol { margin-top: 0; }
    .ButtonConfigNew { width: 76%; }

    .Container-Box { padding: 35px 12% 35px 15%; }
    .CommonRowStyle .DropdownDiv select { width: 85%; }
    .CommonRowStyle .DropdownDiv .TextBox { min-width: 85%; width: 85%; }
    .CommonRowStyle .TextBox.Value { width: 34%; }

    .Sorting-Box { padding: 35px 10%; }

    .quick-menu-link .Label { display: none; }

    .CssAdminContentSpecialFilter { padding: 15px 25px; }

    /*button*/
    .AdminListCommonButton.PaymentButton { text-align: center; background-color: #339cd5; background-image: none; padding: 0; width: 100%; }
    .AdminListCommonButton.SubPromotionButton { text-align: center; background-color: #fa7eb6; background-image: none; padding: 0; width: 100%; }
    .AdminListCommonButton.SortButton.PromotionSubGroup { text-align: center; background-color: #7cc9f3; background-image: none; padding: 0; width: 100%; margin: 0; }
    .AdminListCommonButton.AddButton.PromotionProduct { text-align: center; background-color: #22ccba; background-image: none; padding-right: 0; width: auto; }
    .AdminListCommonButton.DeleteButton.PromotionProduct { text-align: center; background-color: #f99797; background-image: none; padding-right: 0; width: auto; }
    .ProductDetailPanel { padding: 35px 7% 35px 7%; }

    .GridViewNewDesign input[type="text"], .GridViewNewDesign textarea { width: 150px !important; }

    .BestSellerItem { width: 50%; padding: 1%; }

    .BestSellerQuantity .QuantityLabel { width: 65%; }

    .EmptyLabellikeGrid { overflow: auto; padding: 10px 25px 15px; width: 100%; margin: 0; }

    div.ToggleButtonDiv { margin: 3px 10% 10px 0; }

    .AdminSearchFilter { clear: right; }
    .AdminLanguageAndCurrency { margin-top: 10px; }
    .AdminSearchFilter { margin-bottom: 10px; margin-top: 5px; }
    .AdminCategoryFilter { margin-top: 25px; }

    .OrderCreateDelete .DeleteButton { width: 160px; }
    .OrderPagingDiv { margin-top: 0%; }
    .CheckoutDetails { margin-bottom: 10px; }

    .CommonRowStyle .Label .PadLabel {padding-left: 0;}

    .DefaultTextLoadingDiv{ padding: 0; width: 100%; text-align: center; }

    .SellerDetailButtonLeftDiv { padding: 0 5px; margin-left: 5px; }
    .SellerDetailButtonRightDiv { padding: 0 5px; margin-right: 5px; }

    .SellerLogoImage { max-width: 110px; max-height: 110px; }
    .SellerDetailLogo { height: 110px; width: 30%; }
    .SellerDetailsContact { width: 70%; }

    .GridViewNewDesign input[type="text"].aspNetDisabled.StockRemainTextBox { width: 75px !important; }

    .GridProductStatus, .GridProductImport, .GridProductConnect, .GridProductEdit { width: 50px; }
}

@media only screen and (max-width: 640px) /*Screen width lower than 640 px -------------- For step 1 ------------ */
{
    /*------------------------ Login Class -------------------------------*/
    /***** Unlocking browser height  *****/
    .LoginArea { width: 90%; margin: 25px 5%; float: left; }
    .LoginLogo { background: url(Images/Logo/BG_LoginLogo_small.jpg) no-repeat center top; height: 69px; }

        .LoginLogo.Seller { background: url(Images/Logo/BG_LoginLogo_Seller.jpg) no-repeat center top; }
    .LoginArea .DescriptionText { width: 100%; text-align: center; font-size: 18px; margin: 10px 0 20px; display: none; }
    .LoginTitle { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .LoginBody { width: 100%; }
    .LoginLabel { width: 30%; }
    .LoginUsername, .LoginPassword { clear: none; width: 65%; }
    .LoginForgotUsername { width: 45%; clear: none; float: right; margin-top: 5px; }
    .LoginInput .ButtonLogin { margin-right: 0; }

    .LoginPage { background: #fff; padding: 0; }

    .LoginPageSmall { clear: left; float: left; width: 100%; display: block; position: relative; padding: 0; margin: 0; background-color: #fff; }
    .LoginFooterSmall { clear: left; float: left; width: 100%; display: block; position: relative; margin: 0; bottom: auto; left: auto; height: auto; }
    .LoginPageSmall .FooterCopyRightLabel { margin-top: 10px; min-height: 30px; padding: 10px 0 0; }
    /*------------------------ Common Class ------------------------*/
    .CommonRowStyle .TextBox.MultiLine { width: 60%; }

    .ProductDetailsRow .Label { width: 38%; }
    .ProductDetailsRow .BulletLabel { width: 38%; }
    .ConfigRow .Label { width: 38%; padding-left: 2%; }
    .ConfigRow .BulletLabel { padding-left: 1.5%; margin-left: 2%; width: 36%; }
    .TextLabel { width: 55%; }
    .ConfigRow textarea.TextBox { width: 50%; }

    .freeTextBox1 { width: 100% !important; clear: left; }
        .freeTextBox1 .cke_chrome { width: 100% !important; }

    .CommonAdminButton { margin: 4px 0 4px 15px; }
    .AdminButtonFrom, .AdminButtonTo { margin-left: 0; }

    .MultiCatalogDiv { clear: left; }

    .GridViewPanel { width: 97%; margin: 0 2% 20px 1%; padding: 0; }
    .GridViewPanel.SocialOrderProductGrid { width: 100%; margin: 0 auto; padding: 0; }
    .CommonAdminButtonIcon { margin-left: 15px; }
    .TopContentArea { padding: 0 3%; }
    .CommonTitle { padding: 0 3%; }
    .SiteMap .SeperatorStyle { background: url(Images/Bullet/sitemap.jpg) no-repeat left center; margin: auto 3px; width: 9px; }

    /*--------order--------*/
    .OrderEditTotalBox .Label,
    .OrderEditTotalBox1 .Label { font-size: 13px; width: 109px !important; }
    .OrderEditTotalBox .Value,
    .OrderEditTotalBox1 .Value { font-size: 13px; width: 109px !important; }
    .GridColumnHide { display: none; }
    .Gridview1.OrderItemList, .Gridview1.DynamicList { width: 100%; }
    .DisplaySmallStep { display: inline; }
    .OrderEditTotalBox td.SpaceCol { width: 118px !important; }

    .GridColumnSubTotal { width: 25%; }
    .InvoiceBox { padding: 8px; width: 96%; }
    .packingFromAddress { width: 50%; margin-left: 0; }
    .packingOrderDestination { width: 50%; margin-right: 0; }
    .packingCompanyAddress, .packingOrderDestinationAddress { font-size: 13px; }

    .ButtonRowstyle { margin-top: 10px; float: left; padding-left: 38%; }
    .CssAdminContentPanel .TopContent { padding: 0 15px; }
    .MessagePanel { padding: 6px 15px; }

    .modalPopupFixWidth { width: 540px; }

    /* Admin Content Template New Design*/
    .CssAdminContentPaging .AdminButton .AdminButtonContainer { margin: auto; }

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

    .Container-Box { padding: 25px 10% 25px 13%; }

    .CommonRowStyle .DropdownDiv select { width: 100%; padding: 0 10px 0 5px; }
    .CommonRowStyle .DropdownDiv .TextBox { min-width: 100%; width: 100%; }
    .CommonRowStyle .TextBox.Value { width: 40%; }

    .MultiCatalogDiv { width: 100%; overflow: auto; padding-bottom: 10px; }
    .MultiCatalogListBox { width: 220px; }
    .MultiCatalogInnerListBox { min-width: 220px; }
    .MultiCatalogListBoxFrom, .MultiCatalogListBoxTo { width: 220px; }
    .MultiCatalogListBoxButton { width: 30px; }
    .AddEmailUserPanel .TextBox { width: 200px; }

    .EmptyLabellikeGrid { width: 97%; margin: 0 2% 0 1%; }

    .SelectedThemeImage { right: 60px; }

    .MoreThemeImage { right: 60px; }

    .SelectedTheme { margin-left: 0px; }

    .OrderPagingDiv { margin-top: 2%; }
}

@media only screen and (max-width: 568px) /*Screen width lower than 568 px / special for gridview / -------------- For step 1 ------------ */
{
    .Gridview1 { width: 640px; }
    .modalPopupFixWidth { width: 470px; }
    .LanguageControl .Label { margin-right: 3px; }
    .ContentLanguage { line-height: 30px; }
    .LanguageControl { line-height: 50px; }
    .Common2ColumnStyle { clear: left; width: 100%; padding-bottom: 5px; }
        .Common2ColumnStyle .TextBox { width: 90%; }
    .ButtonOrange, .ButtonOrangeNew { padding: 7px 20px; }
    .AdminListCommonButton.CommonSortButton { background-position: 95% center; padding: 0 40px 0 10px; }

    .ConfigRow .Label { width: 36%; }
    .AdminLanguageAndCurrency .LanguageControl { line-height: 25px; }

    .OrderEditTotalBox td.SpaceCol { width: 98px !important; }
}

@media only screen and (max-width: 479px) /*Screen width lower than 480 px -------------- For step 1 ------------ */
{
    .modalPopupFixWidth { width: 300px; }
    .modalPopupMinimumWidth { width: 300px; }
    .LoginLogo, .LoginLogo.Seller { background-size: 100% auto; margin-bottom: 0; }
    .LoginPage { background: #fff; padding: 0; }
    .FooterCopyRightLabel { line-height: 16px; margin-top: 5px; }
    .DefaultFooter { height: 40px; }
        .DefaultFooter .License { float: left; width: 100%; margin-left: 0; text-align: center; line-height: 20px; }
        .DefaultFooter .PoweredBy { float: right; margin-right: 0; width: 100%; text-align: center; line-height: 20px; }
        .DefaultFooter.LoginFooterSmall { height: 50px !important; }
    .LoginForgotUsername { clear: left; float: left; width: 100%; margin-top: 10px; }
    /*------------------------ Header Class -------------------------------*/
    .DefaultHeaderLogo { width: 87px; }
        .DefaultHeaderLogo a { background: url(Images/Logo/Logo-small.png) no-repeat left center; }
    .HelpTooltip { width: 7%; }
    .ConfigRow { margin: 5px 0; }
        .ConfigRow .Label { width: auto; padding-left: 0; margin-left: 0; margin-right: 0; }
        .ConfigRow .BulletLabel { padding-left: 3%; margin-left: 0; width: auto; margin-right: 0; }
        .ConfigRow .TextBox { width: 80%; clear: left; margin-left: 7%; }
        .ConfigRow .DropDown { margin-left: 7%; }
        .ConfigRow .ButtonOrange { margin-left: 7%; }
    .CommonRowStyle .CommonRowStyle { padding: 3px 0; }
    /*.CommonRowStyle .Label { width: auto; padding-left: 0%; margin-right: 5%; }
        .CommonRowStyle .TextBox { width: 80% !important; clear: left; }
            .CommonRowStyle .TextBox.MultiLine { width: 90%; clear: left; }
            .CommonRowStyle .TextBox.UploadTextBox { margin-bottom: 5px; }*/
    .CommonRowStyle .input1 { width: 100%; }
        .CommonRowStyle .input1 img { max-width: 100% !important; }

    .TextLabel { width: 90%; clear: left; }
    .CommonRowStyle .TextLabel { clear: none; }
    .ConfigRow .TextLabel { margin-left: 7%; }
    .SiteConfigBoxSet .CommonRowStyle { margin-left: 3%; padding: 0; }
        .SiteConfigBoxSet .CommonRowStyle .Label { width: 100%; margin-right: 0; }
    .SiteConfigBoxSet .ConfigRow .uploadBulletLabel { margin-left: 25px; }

    .ProductDetailsRow { padding: 0 4%; }
        .ProductDetailsRow .Label { width: auto; padding-left: 0%; margin-right: 5%; }
        .ProductDetailsRow .TextBox { width: 80% !important; clear: left; }
    .GoogleSitemap .CommonRowStyle .TextBox { width: 50px !important; clear: none; }
    .CommonRowStyle.Newsletter .TextBox { width: 50px !important; clear: none; }
    .freeTextBox1 { width: 100% !important; clear: left; }
    .Label.BlankLabel { width: 0; height: 0; margin: 0; padding: 0; }

    .SearchFilterDefault { clear: left; float: left; margin-top: 0; }
    .SearchFilterValuePanel { clear: left; float: left; }
    .SearchFilter .Label { clear: left; }
    .SearchFilterValuePanel .ButtonOrange { clear: left; }

    .CategoryFilter { margin-left: 10px; }
    /*-------- dashboard ---------*/
    .DefaultGraphSummary .Section { width: 100%; }
    .DefaultGraphSummary .Label { float: left; clear: none; width: 50%; }
    .DefaultGraphSummary .Value { float: left; clear: none; width: 50%; }
    /*------------------------ SiteMap Class -------------------------------*/
    .SiteMap .HomeLinkStyle { margin-left: 10px; }
    .SiteMap .SeperatorStyle { margin: 0 5px; }
    .TopContentArea { padding: 0 2%; }
    .CommonAdminButton { margin-left: 10px; }

    .CssAdminContentValidationDenote .RequiredLabel { margin: 5px 2%; }

    .CssAdminContentLanguage { clear: left; float: left; }
    .ProductThumbnail { max-width: 40px; max-height: 40px; }

    /*--------order list ------*/
    .OrderEditTotalBox .Label,
    .OrderEditTotalBox1 .Label { width: 45% !important; }
    .OrderEditTotalBox .Value,
    .OrderEditTotalBox1 .Value { width: 45% !important; }
    #PrintArea .TextLabel { clear: none; width: auto; font-weight: bold; text-decoration: #ff8400 solid underline; float: left; }

    .InvoiceBox .Gridview1.OrderItemList { width: 480px; }
    .InvoiceBox { overflow: scroll; padding: 10px 2%; }

    .ButtonRowstyle { margin-top: 0; float: left; padding-left: 15px; }
    /*------ category list -------*/
    .Gridview1.CategoryList { width: 480px; }
    .CategorySorting { padding-left: 5%; padding-right: 5%; }
    .CategorySortingLabel { margin-left: 15px; }

    .AdminLogList { padding: 0 15px; }
    .StatBoxDiv { height: 241px; }
    .StatLinkDiv { float: right; margin-left: 0; margin-right: 10%; }

    .CategoryTypeRowSplit { width: 50%; }
    .SetPositionRelativePadding { padding-bottom: 10%; }
    .AddProduct { top: 57px; }
    .UpdateProduct { top: 57px; }
    .SkuLabel { width: 20%; }
    .SkuTextBox { width: 80%; }
    .CategoryLabel { width: 25%; }
    .CategoryDropDownList { width: 60%; }
    .ConfigRowNew .TextBox { width: 90%; }
    .ConfigRowNewDesign { padding-left: 10%; }
        .ConfigRowNewDesign .Column2New { width: 100%; }
            .ConfigRowNewDesign .Column2New .LeftCol { width: 100%; }
            .ConfigRowNewDesign .Column2New .RightCol { width: 100%; }
            .ConfigRowNewDesign .Column2New .LeftCol .TextBox { width: 90%; }
            .ConfigRowNewDesign .Column2New .RightCol .TextBox { width: 90%; }
    .ButtonConfigNew { width: 91%; }
    .ConfigRowNew .LabelWithDropdown, .ConfigRowNew .LabelTitleWithDropdown { width: 90%; }
    .ConfigRowNewDesign .Column2New .RightCol.EmailDesign { width: 89%; }

    .Container-Box { padding: 25px 5% 25px 10%; }
    .Sorting-Box { padding: 25px 1%; }
        .Sorting-Box .FilterDiv .Label { width: 100%; }
        .Sorting-Box .FilterDiv .DropdownDiv { clear: left; float: left; width: auto; min-width: 50%; }
    .CommonRowStyle .CalendarDiv { clear: left; float: left; width: 90%; }
        .CommonRowStyle .CalendarDiv .CalendarTextBox { width: 180px; }

    .MultiCatalogBackground .CommonAdminButton { margin-left: 0; }
    .CategorySorting ul li { line-height: 22px; border-top: 3px solid #f0f1f1; border-bottom: 3px solid #f0f1f1; padding-left: 45px; background-size: 28px auto; background-position: 10px center; }
        .CategorySorting ul li:hover { background-size: 28px auto; background-position: 10px center; }
    .AddEmailUserPanel { padding-left: 10px; }
        .AddEmailUserPanel .TextBox { width: 50%; }
        .AddEmailUserPanel .AdminButtonAdd { margin-left: 0; }
        .AddEmailUserPanel .ButtonOrange { padding: 6px 9px; }

    .DepartmentCheckBoxList tr { width: 100%; }

    .CheckBoxList tr { width: 100%; }

    .ProductDownloadBoxBox .Label { width: 100%; }

    .ConfigRow .MaximumQuantityTextBox, .ConfigRow .MinimumQuantityTextBox { margin-left: 10px; }

    .ConfigRow .ShippingCost .CommonRowStyle .Label .BulletLabel { margin-left: 0px; }
    .ConfigRow .ProductLinkTextBox { margin-left: 0px; width: 90%; }
    .QuantityLabel { width: 50%; }
    .DiscountDropDownList { width: 50%; }
    .ProductLinkLabel { width: 40%; }
    .ProductKitCheckBoxList tr { width: 100%; }
    .ConfigRow .GiftLabel { width: 100%; }
    .SpecificationItem .CommonRowStyle .Label { width: 35%; }

    .LanguageControl { margin-bottom: 10px; }
        .LanguageControl .Label { line-height: 25px; margin-top: 10px; }
    .ContentLanguage .LanguageControl .DropDown { margin-top: 10px; }

    .CommonRowStyle .Label .FBIcon, .CommonRowStyle .Label .GPlusIcon, .CommonRowStyle .Label .LineIcon,
    .CommonRowStyle .Label .TwitterIcon, .CommonRowStyle .Label .IGIcon, .CommonRowStyle .Label .YoutubeIcon,
    .CommonRowStyle .Label .ZopimIcon { background: none; padding-left: 0; line-height: 22px; }

    .CommonRowStyle .BulletLabel { line-height: 18px; }

    /*button*/
    .CssAdminContentPaging .AdminButton { width: 50%; }
    .AdminListCommonButton.SortButton { text-align: center; background-color: #7cc9f3; background-image: none; padding-right: 0; }
    .AdminListCommonButton.AddButton, .AdminListCommonButton.CopyButton { text-align: center; background-color: #22ccba; background-image: none; padding-right: 0; }
    .AdminListCommonButton.EnableButton, .AdminListCommonButton.ProcessedButton { text-align: center; background-color: #37d782; background-image: none; padding-right: 0; }
    .AdminListCommonButton.DeleteButton { text-align: center; background-color: #f99797; background-image: none; padding-right: 0; }
    .AdminListCommonButton.ZoneRestrictionButton { text-align: center; background-color: #5a81d2; background-image: none; padding-right: 0; }
    .AdminListCommonButton.DocumentButton { text-align: center; background-color: #26b7cc; background-image: none; padding: 0; width: auto; }
    .AdminListCommonButton.LanguageButton { text-align: center; background-color: #44cde1; background-image: none; padding: 0; }
    .AdminListCommonButton.SearchButton { text-align: center; background-color: #ffbd70; background-image: none; padding: 0; }
    .AdminListCommonButton.DisableButton { text-align: center; background-color: #c7cdcf; background-image: none; padding: 0; }
    .AdminListCommonButton.ResetButton { text-align: center; background-color: #99dbff; background-image: none; padding: 0; }
    .AdminListCommonButton.AffiliatePaymentButton { text-align: center; background-color: #2397d5; background-image: none; padding: 0; }
    .AdminListCommonButton.PrintButton { text-align: center; background-color: #1182bf; background-image: none; padding: 0; }
    .AdminListCommonButton.CommonSortButton { text-align: center; background-color: #7cc9f3; background-image: none; padding-right: 10px; }

    .ProductDetailPanel { padding: 35px 12% 35px 7%; }

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

    .BestSellerQuantity .QuantityLabel { width: 70%; }

    div.ToggleButtonDiv { margin: 5px 10% 10px 0; }

    div.onoffswitch { width: 45px; height: 25px; top: 5px; margin-left: 0; }

    .onoffswitch-label { border: 2px solid #FFFFFF; }

    div.onoffswitch .onoffswitch-label::after { left: 5px; top: 12px; }

    div.onoffswitch input[type=checkbox]:checked + .onoffswitch-label { font-size: 12px; box-shadow: inset 0px 3px 10px 0px rgba(27, 27, 27, 0.26), inset 0px 3px 10px 0px rgba(85, 85, 85, 0.17); }

    .onoffswitch-handle { width: 17px; height: 17px; top: -2px; }

    div.onoffswitch input[type=checkbox]:checked ~ .onoffswitch-handle { left: 17px; box-shadow: 3px 2px 8px 0px rgba(85, 85, 85, 0.68); }

    div.onoffswitch input[type=checkbox] ~ .onoffswitch-handle { left: -1px; box-shadow: 2px 1px 5px 0px rgba(85, 85, 85, 0.68); }

    .SelectedThemeImage { bottom: 14px; right: 0; }

    .MoreThemeImage { bottom: 14px; right: 0; }

    .ThemeSelectPanel { padding-left: 10px; margin-bottom: 25px; line-height: 65px; }

    .ContentHeaderInner { padding: 20px 0; }

    .ThemeListPanel { padding: 0 10px; width: 100%; }

    .MoreThemeDiv { padding: 0 10px; width: 100%; }

    .ShippingMethod-Box { padding: 0 0 35px; }

    .AdminCategoryFilter { width: 100%; margin-top: 10px; }
    .CategoryFilter { float: none; display: table; margin: auto; }
    .AdminLanguageAndCurrency .LanguageControl .Label { margin-top: 0; }
    .AdminLanguageAndCurrency .LanguageControl { float: right; }
    .AdminLanguageAndCurrency { margin: 42px auto 0; display: table; float: none; }
    .AdminSearchFilter { float: none; display: table; margin: 0 auto 10px; }

    .OrderEditTotalBox td.SpaceCol { width: 20.5% !important; }

    .CommonRowStyle .CouponTextBoxDiv .TextBox { width: 56%; }
    .CommonRowStyle .RewardPointTextBoxDiv .TextBox { width: 56%; }
    .CommonRowStyle .GiftTextBoxDiv .TextBox { width: 56%; }

    .RewardPointPanel .Label { width: 100%; }
    .CheckoutDetails { margin-top: 10px; }

    .SellerDetailButtonLeftDiv { padding: 0 4px; margin-left: 4px; }
    .SellerDetailButtonRightDiv { padding: 0 4px; margin-right: 4px; }

    .SellerDetailLogo { width: 25%; }
    .SellerLogoImage { max-width: 68px; max-height: 68px; }
    .SellerDetailsContact { width: 75%; }

    .IConEditInGrid, .IConEditInGrid, .IConEditInGrid-gray, .IconReviewInGrid, .ViewStateIconInGrid, .ShippingWeightIconInGrid, .ShippingOrderIconInGrid, .ShippingZoneIconInGrid, .TaxRuleIconInGrid, .ViewIconInGrid, .CommentIconInGrid, .OrderTrackingIconInGrid, .OrderPrintIconInGrid, .LinkIconInGrid, .ViewOrderInGrid, .ViewOrderInGrid-gray, .SalePageSettingInGrid { width: 21px !important; height: 21px !important; max-width: unset; }
    .EnableIconInGrid, .DisableIconInGrid { width: 23px !important; height: 23px !important; max-width: unset; }

    .CommonRowStyle .DropDownTime { clear: left; float: left; width: auto; margin-right: 0; }
}

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