﻿@media screen and (max-width:1000px) {

    /* HTML */
    html { font-size: 12px;}
    .NoScroll { overflow: hidden; }

    /* LAYOUT */
    .OuterHeaderContentWrapper { }
    .InnerHeaderContentWrapper { width: 768px; padding-top: 10px; padding: 10px; box-sizing: border-box; }

    .OuterTopMenuWrapper { }
    .InnerTopMenuWrapper { width: 768px; }


    .FixedHeaderWrapper { }
    .AfterFixedHeaderWrapper { margin-top: 179px; }

    .OuterContentWrapper { }
    .InnerContentWrapper { width: 768px; }
    
    .OuterLeftWrapper { width: 0px; left: 0px; }
    .InnerLeftWrapper { display: none; }

    .OuterMainContentWrapper { width: 768px; }
    .InnerMainContentWrapper { padding: 10px; }

    /* GENERAL */
    h1 {  }
    h2 {  }
    h3 { }
    h4 { }
    h5 { }
    p { }

    /* FORM */
    .Form label { margin-bottom: 3px; }
    /*.TextboxWrapper {  width:97%;  }*/
    .TextboxWrapper input { }
    .Submit { margin-top: 20px; }

    /* ANIMATE HEADER */
    .AnimateSmall .InnerHeaderContentWrapper .Logo { margin-top: 0px; }

    /* HEADER */
    .InnerHeaderWrapper { }
        .InnerHeaderWrapper .LogoWrapper { float: left; margin-bottom: 30px; }
        .InnerHeaderWrapper .Logo img { float: left; }

   

    .OuterLeftWrapper { width: 0px; left: 0px; }
    .OuterCategoriesWrapper { }
    .InnerCategoriesWrapper { width: 768px; padding: 10px; padding-top: 0px; box-sizing: border-box; }
    .Categories { font-size: 16px; }
        .Categories ul.MainCategories li a, .Categories ul.MainCategories li span { padding: 15px; padding-left: 10px; padding-right: 10px; }
        .Categories ul li ul { margin-top: 57px; }

        .SearchOuterWrapper { width: 300px;}
        .SearchField { width:300px; }

    


    /* CONTENT */


    /* PRODUCT GROUPS */
    .ProductGroupListWrapper {  }
    .ProductGroupListWrapper.GridView { width: 768px; }

    /* PRODUCT LIST */
    .ProductListWrapper.ListView { }
        .ProductListWrapper.ListView .ProductListItemWrapper { }
        .ProductListWrapper.ListView .ProductListItemContent .ImagePlaceholder { width: 30%; padding-right: 10px; }
        .ProductListWrapper.ListView .ProductListItemContent .ProductPlaceholder { width: 50%; }
        .ProductListWrapper.ListView .ProductListItemContent .PricePlaceholder { width: 20%; padding-right: 10px; }
        .ProductListWrapper.ListView .ProductListItemContent .ImagePlaceholder a { }

    /* PRODUCT GRID */
    .ProductListWrapper.GridView .ProductListItemContent { }
        .ProductListWrapper.GridView .ProductListItemContent .PricePlaceholder { text-align: center; }
        .ProductListWrapper.GridView .ProductListItemContent .Title { font-size: 14px; margin-bottom: 10px; }
        .ProductListWrapper.GridView .ProductListItemContent .Price { width: 100%; margin-bottom: 10px; padding-top:0; }
        .ProductListWrapper.GridView .ProductListItemContent .AddToCart { }

    /* PRODUCT VIEW */
    .ProductWrapper .ProductItem .ImagePlaceholder { float: left; width: 30%; padding: 10px; box-sizing: border-box; }
    .ProductWrapper .ProductItem .ProductPlaceholder { float: left; width: 70%; padding: 0px; margin-top: 20px; padding-left: 20px; box-sizing: border-box; padding-top: 0px; }
    .ProductWrapper .ProductItem .OrderPlaceholder { float: right; width: 100%; margin-top: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; position: relative; }
    .ProductWrapper .ProductItem .AddToCart { padding: 8px; font-size: 14px; }

    .ProductWrapper .ProductItem .ImageWrapper { float: left; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; }
    .ProductWrapper .ProductItem .ExtraImages { float: left; width: 100%; }
        .ProductWrapper .ProductItem .ExtraImages a img { float: left; width: 22%; margin-right: 4%; margin-top: 10px; box-sizing: border-box; opacity: 0.8; transition: opacity 300ms ease-in-out; box-shadow: 0 0px 2px rgba(0,0,0,0.5); }
            .ProductWrapper .ProductItem .ExtraImages a img:hover { opacity: 1; }
        .ProductWrapper .ProductItem .ExtraImages a:nth-child(2n) img { margin-right: 4%; }
        .ProductWrapper .ProductItem .ExtraImages a:nth-child(4n) img { margin-right: 0%; }

    .ProductListWrapper .Ribbon { font-size: 10px; line-height: 18px; padding: 2px 5px; }
        .ProductListWrapper .Ribbon:after { border-top-width: 22px; min-width: 40px; }
        .ProductListWrapper .Ribbon:nth-child(2) { margin-top: 25px; }
        .ProductListWrapper .Ribbon:nth-child(3) { margin-top: 50px; }
        .ProductListWrapper .Ribbon:nth-child(4) { margin-top: 75px; }

    /* PRODUCT EMAIL */
    .EmailStockWrapper { padding: 10px; }

    /* CART */
    .CartTableWrapper { width: 75%; padding-right: 20px; margin-right: 0px; }
        .CartTableWrapper .ProductImageWrapper { width: 15%; }
        .CartTableWrapper .ProductInfoWrapper { width: 38%; }
        .CartTableWrapper .QuantityWrapper { width: 10%; }
        .CartTableWrapper .PerPriceWrapper { width: 15%; }
        .CartTableWrapper .TotalPriceWrapper { width: 15%; }
        .CartTableWrapper .DeleteItemWrapper { width: 7%; }

    .CartTotalWrapper { width: 25%; padding: 10px; }
        .CartTotalWrapper .OrderTotal { border-top: 1px solid #ccc; border-bottom: 2px solid #444; font-size: 16px; }

    .CartActionWrapper .btnProceedToPayment { width: 187px; }

    /* CHECKOUT */

    /* SHOPPING LIST - MY PAGE */
    .btnLeggLitenIHandlekurven { width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
    .btnAddSelectedItemsToCart { width: 100%; }
    .btnDeleteSelectedItems { width: 100%; }

     /* INVOICE TABLE */
    .InvoiceTableWrapper { font-size:0.9rem; }
    .InvoiceItem .Date { width: 18%;}
    .InvoiceItem .InvoiceNo { width: 15%;}
    .InvoiceItem .OrderNo { width: 15%;}
    .InvoiceItem .TotalExVAT { width: 17%;}
    .InvoiceItem .VAT { width: 15%;}
        
        
    .InvoiceItem .TotalPrice { width: 15%; }
    .InvoiceItem .PDF { width: 5%;}

    /* FOOTER */
    .OuterFooterWrapper { }
    .InnerFooterWrapper { width: 768px; padding: 10px; box-sizing: border-box; }
        .InnerFooterWrapper .CompanyName { margin-bottom: 5px; }
        .InnerFooterWrapper .ContactEmail { margin-bottom: 5px; clear: left; }
        .InnerFooterWrapper .ContactPhone { clear: left; }
        .InnerFooterWrapper .FontSize { display: none; }
}


