@media screen and (max-width:767px) {
    body { line-height: 16px; }


    /* LAYOUT */
    .FixedHeaderWrapper { }
    .AfterFixedHeaderWrapper { margin-top: 116px; }

    .InnerHeaderWrapper { }

    .OuterCategoriesWrapper { }
    .InnerCategoriesWrapper { width: 480px; padding: 0px; }

    .OuterHeaderContentWrapper { }
    .InnerHeaderContentWrapper { width: 480px; position: relative; }

    .OuterContentWrapper { }
    .InnerContentWrapper { width: 480px; }

    .OuterLeftWrapper { width: 0px; left: 0px; }
    .InnerLeftWrapper { }

    .OuterMainContentWrapper { width: 480px; }
    .InnerMainContentWrapper { padding: 5px; }

    .OuterFooterWrapper { }
    .InnerFooterWrapper { width: 480px; }

    /* GENERAL */
    h1 {   }
    h2 {  }
    h3 { }
    p {  }

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

    /* ICONS */
    .Home:before { font-size: 24px; float: left; line-height: 42px; }
    .CustomerRegister:before { float: left; padding-top: 3px; }
    .CustomerLogin:before { float: left; padding-top: 3px; }


    /* ANIMATE HEADER */
    .AnimateSmall .InnerHeaderContentWrapper .LogoWrapper { }
    .AnimateSmall .InnerTopMenuWrapper .Pages { top: 91px; }
    .AnimateSmall .Categories ul li ul { margin-top: 0px; }
    .AnimateSmall .InnerCategoriesWrapper .Categories ul.MobileIcons li a, .AnimateSmall .InnerCategoriesWrapper .Categories ul.MobileIcons li span { padding-top: 10px; padding-bottom: 10px; transition: all 0.3s ease; }
    .AnimateSmall .MobileIcons .MobileIcon { padding-top: 10px; padding-bottom: 10px; }
    .AnimateSmall .MobileIcons .Cart .Count { top: 3px; height: 20px; padding-top: 2px !important; padding-right: 1px; padding-left: 1px; }
    .AnimateSmall .ShopToolsWrapper { top: 86px; }

    /* HEADER */
    .InnerHeaderWrapper .LogoWrapper { margin-top: 0px; margin-bottom: 10px; }
    .InnerHeaderWrapper .Logo img { }

    /* BANNER */
    .OuterBannerWrapper.Hidden { display: none; }
    .InnerBannerWrapper { }
        .InnerBannerWrapper .BannerWrapper .BannerPager { bottom: 10px; right: 0px; }
            .InnerBannerWrapper .BannerWrapper .BannerPager ul { }
                .InnerBannerWrapper .BannerWrapper .BannerPager ul li.BannerPagerItem { width: 20px; height: 20px; }


    /* CATEGORY TREE */
    CategoryTree ul { float: none; }

    /* CONTENT */
    .CloseCategories { display: block; }

    /* FILTER */
    .InnerLeftWrapper .OuterFilterWrapper { position: relative; }
    .InnerLeftWrapper .OuterFilterWrapper { width: 220px; position: fixed; left: -220px; top: 0px; bottom: 0px; padding: 0px; border-radius: 0px; border: 0px; background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); z-index: 999; max-height: 100%; overflow: auto; }
    .ShowFilter { display: none; }

    /* PRODUCT LIST */
    .ProductListWrapper.ListView { }
        .ProductListWrapper.ListView .ProductListItemWrapper { }
        .ProductListWrapper.ListView .ProductListItemContent .ImagePlaceholder { }
        .ProductListWrapper.ListView .ProductListItemContent .ProductPlaceholder { }
        .ProductListWrapper.ListView .ProductListItemContent .PricePlaceholder { }
        .ProductListWrapper.ListView .ProductListItemContent .ImagePlaceholder a { padding-left: 0px; max-width: 100%; }

        /* PRODUCT GROUPS */
    .ProductGroupListWrapper.GridView { width: 460px; }
    .ProductGroupListWrapper.GridView .ProductGroupListItemWrapper { width: 50%; }
    .ProductGroupListWrapper.GridView .ProductGroupListItemWrapper:nth-child(2n+1):before { clear: both; }
        .ProductGroupListWrapper.GridView .ProductGroupListItemWrapper:nth-child(4n+1):before { clear: none; }

    /*.OuterMainContentWrapper.FullSize .ProductListWrapper.GridView {width: 460px;}*/

    /* PRODUCT GRID */
    .ProductListWrapper.GridView { }
        .ProductListWrapper.GridView:after { }
        .ProductListWrapper.GridView .ProductListItemContent { }
        .ProductListWrapper.GridView .ProductListItemWrapper { width: 50%; }
        .ProductListWrapper.GridView .ProductListItemContent .ImagePlaceholder { padding-bottom: 0px; }
        .ProductListWrapper.GridView .ProductListItemContent .ProductPlaceholder { padding-bottom: 0px; }
        .ProductListWrapper.GridView .ProductListItemWrapper:nth-child(2n+1):before { clear: both; }
        .ProductListWrapper.GridView .ProductListItemWrapper:nth-child(4n+1):before { clear: none; }

        .ProductListWrapper.GridView .ProductListItemContent .Price { width: 100%; margin-bottom: 10px; }
        .ProductListWrapper.GridView .ProductListItemContent .AddToCart { }

    .ProductListWrapper .Ribbon { font-size: 9px; line-height: 16px; padding: 2px 5px; }
        .ProductListWrapper .Ribbon:after { border-top-width: 18px; min-width: 30px; }
        .ProductListWrapper .Ribbon:nth-child(2) { margin-top: 21px; }
        .ProductListWrapper .Ribbon:nth-child(3) { margin-top: 42px; }
        .ProductListWrapper .Ribbon:nth-child(4) { margin-top: 63px; }

    /* PRODUCT VIEW */
    .ProductWrapper .ProductItem .ImagePlaceholder { float: left; width: 100%; }
    .ProductWrapper .ProductItem .ProductPlaceholder { float: left; width: 100%; clear: both; padding: 0px; }
    .ProductWrapper .ProductItem .OrderPlaceholder { float: left; width: 100%; }
    .ProductWrapper .ProductItem .AddToCart { padding: 8px; font-size: 12px; line-height: 16px; }

    /* TABS */
    .TabNavWrapper { margin-top: 10px; }
        .TabNavWrapper ul { }
            .TabNavWrapper ul li { padding-left: 10px; padding-right: 10px; }
                .TabNavWrapper ul li span { padding-left: 10px; padding-right: 10px; }


    /* CART STEPS */
    .CartNavWrapper .CartStep { width: 23%; padding: 0px; padding-left: 10px; height: 40px; line-height: 40px; font-size: 11px; }
        .CartNavWrapper .CartStep:before { padding-right: 5px; font-size: 10px; }
        .CartNavWrapper .CartStep.CartStepSelected { width: 31%; padding-left: 10px; }
        .CartNavWrapper .CartStep.Done { padding-left: 10px; }

    /* CART */
    .CartTableWrapper { width: 100%; padding-right: 0px; margin-right: 0px; }
        .CartTableWrapper .CartTableContent { width: 100%; float: left; display: inline-block; }

        .CartTableWrapper .OrderDetailItem.Header { display: none; }
        .CartTableWrapper .OrderDetailItem { padding-bottom: 0px; float: left; }
            .CartTableWrapper .OrderDetailItem:nth-child(2) { border-top: 0px solid #ccc; }
            .CartTableWrapper .OrderDetailItem .MobileHeader { display: block; margin-bottom: 10px; }
        .CartTableWrapper .ProductImageWrapper { float: left; width: 30%; margin-bottom: 10px; border: 0; padding-right: 20px; padding-top: 10px; }
        .CartTableWrapper .ProductInfoWrapper { float: left; width: 70%; margin-bottom: 10px; border: 0; padding-top: 10px; padding-bottom: 0px; }
        .CartTableWrapper .QuantityWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; clear: both; }
        .CartTableWrapper .PerPriceWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }
        .CartTableWrapper .TotalPriceWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }
        .CartTableWrapper .DeleteItemWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; padding-top: 30px; }
        .CartTableWrapper .QuantityWrapper.Col3, .CartTableWrapper .PerPriceWrapper.Col3, .CartTableWrapper .TotalPriceWrapper.Col3 { width: 33.3%; }

    .CartTotalWrapper { float: right; width: 100%; box-sizing: border-box; }
        .CartTotalWrapper .OrderTotal { font-size: 20px; }

    .CartActionWrapper { width: 50%; }
        .CartActionWrapper .btnProceedToPayment { width: auto; float: right; }

    /* FILTER */
    .CloseFilter { display: block; }

    /* ARTICLES FRONTPAGE */
    .FrontArticlesWrapper { overflow: auto; border: 1px solid #eee; margin-bottom: 20px; display: table; }
    .FrontArticleItem { width: 100%; float: left; border-right: 0px; border-bottom: 1px solid #eee; }
        .FrontArticleItem:last-child { border-bottom: 0px solid #eee; }

    /* LOGIN */
    .LoginBox { width: 100%; padding-right: 0px; margin-bottom: 20px; }

    /* SHOPPING LIST - MY PAGE */
    .FormOneLine select.ddlMinehandlelister { width: 360px; }
    .FormOneLine input[type=text] { width: 318px; }
    .FormOneLine input[type=button].Button { margin-bottom: 0px; }
    .Form.SelectedList input[type=text] { width: 350px; }
    .Form.SelectedList textarea { width: 350px; }
    .Form.SelectedList .ActionButtons { width: 100%; }
        .Form.SelectedList .ActionButtons input { width: 32.8%; }
    .ShoppingListTableWrapper { width: 100%; padding-right: 0px; margin-right: 0px; }
        .ShoppingListTableWrapper .ShoppingListTableContent { width: 100%; float: left; display: inline-block; }

        .ShoppingListTableWrapper .ShoppingListItem.Header { display: none; }
        .ShoppingListTableWrapper .ShoppingListItem { padding-bottom: 0px; float: left; }
            .ShoppingListTableWrapper .ShoppingListItem:nth-child(2) { border-top: 0px solid #ccc; }
            .ShoppingListTableWrapper .ShoppingListItem .MobileHeader { display: block; margin-bottom: 10px; }
        .ShoppingListTableWrapper .ProductImageWrapper { float: left; width: 30%; margin-bottom: 10px; border: 0; padding-right: 20px; padding-top: 10px; }
        .ShoppingListTableWrapper .ProductInfoWrapper { float: left; width: 70%; margin-bottom: 10px; border: 0; padding-top: 10px; padding-bottom: 0px; }
        .ShoppingListTableWrapper .QuantityWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; clear: both; }
        .ShoppingListTableWrapper .PerPriceWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }
        .ShoppingListTableWrapper .TotalPriceWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }
        .ShoppingListTableWrapper .DeleteItemWrapper { float: left; width: 25%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; padding-top: 30px; }
        .ShoppingListTableWrapper .QuantityWrapper.Col3, .CartTableWrapper .PerPriceWrapper.Col3, .CartTableWrapper .TotalPriceWrapper.Col3 { width: 33.3%; }

    .SharedPopupShoppingWrapper { max-width: 470px; }

    /* ADD TO CART POPUP */
    .AddToCartPopup { }
    .ProductListWrapper.GridView .ProductListItemContent .AddToCartPopup { top: 25px; }

    /* SHARED SHOPPING LIST */
    .SharedShoppingListWrapper { }
        .SharedShoppingListWrapper h2 { line-height: 1.5rem; }
            .SharedShoppingListWrapper h2 span { display: block; }
                .SharedShoppingListWrapper h2 span:before { content: ''; padding: 0px; }

    /* CUSTOMADDTOCARTPOPUP */
    .CustomAddToCartPopupOuterWrapper { }
    .CustomAddToCartPopupInnerWrapper { min-width: 160px; max-width: 320px; }

     /* INVOICE TABLE */
    .InvoiceTableWrapper { font-size:0.8rem;  }
    .InvoiceTableWrapper .Header { font-size:0.6rem; }
    .InvoiceItem .Date { width: 10%; padding-left:5px; padding-right:5px;}
    .InvoiceItem .InvoiceNo { width: 10%; padding-left:5px; padding-right:5px;}
    .InvoiceItem .OrderNo { width: 10%; padding-left:5px; padding-right:5px;}
    .InvoiceItem .TotalExVAT { width: 20%; padding-left:5px; padding-right:5px;}
    .InvoiceItem .VAT { width: 20%;  padding-left:5px; padding-right:5px;}
        
        
    .InvoiceItem .TotalPrice { width: 20%; padding-left:5px; padding-right:5px; }
    .InvoiceItem .PDF { width: 5%;  padding-left:5px; padding-right:5px;}   
     .InvoiceItem a.PDFIcon:before {font-size:18px;  }

    /* FOOTER */
    .InnerFooterWrapper .FooterHelperText { clear: right; margin-right: 0px; margin-top: 10px; }

    /* QUICK CART */
    .QuickCartOuterWrapper { }
    .QuickCartInnerWrapper { }
    .QuickCartInnerWrapper .ArticleNo {width:100%;}
    .QuickCartInnerWrapper .ArticleDescription {width:100%;}
    .QuickCartInnerWrapper .ArticlePrice { width:40% }
    .QuickCartInnerWrapper .ArticleQuantity { width:40%}
    .QuickCartInnerWrapper .ArticleDelete { width:20%;}
    .QuickCartInnerWrapper .QuickCartHeader {display:none;}
    .QuickCartInnerWrapper .QuickCartItem .MobileHeader { display:block; margin-bottom:5px; }
    .QuickCartInnerWrapper .QuickCartItem  { border-bottom:1px solid #444; padding-top:10px; } 
    .QuickCartInnerWrapper .QuickCartItem .TextboxWrapper input[type=text], .QuickCartInnerWrapper .QuickCartItem .TextboxWrapper input[type=number] { font-size: 16px; }
    .QuickCartInnerWrapper .QuickCartItem .ArticleDelete { padding-top:32px; text-align:center; }
    .QuickCartInnerWrapper .QuickCartItem .SearchResultContent { min-width:428px; max-width:428px; }
    .QuickCartOuterWrapper .QuickCartButtons .AddQuickCartToCart { width:100%}
    .QuickCartOuterWrapper .QuickCartButtons .AddNewItem { width:100%}
}