﻿@media screen and (max-width:320px) {

    /* LAYOUT */
    .OuterCategoriesWrapper { }
    .InnerCategoriesWrapper { width: 300px; }

    .OuterHeaderContentWrapper { }
    .InnerHeaderContentWrapper { width: 300px; padding-top: 0px; }

    .OuterContentWrapper { }
    .InnerContentWrapper { width: 300px; }

    .InnerMainContentWrapper.SmallDevice { width: 260px !important; }

    .OuterMainContentWrapper { width: 300px; }
    .InnerMainContentWrapper { }

    .OuterFooterWrapper { }
    .InnerFooterWrapper { width: 300px; }

    /* GENERAL */
    .btnRegister { padding-left: 0px; padding-right: 0px; width: 100%; display: inline-block; }

    /* FORMS */
    .Form .TextboxWrapper input[type=text], .Form .TextboxWrapper input[type=number], .Form .TextboxWrapper input[type=email], .Form .TextboxWrapper input[type=password], Form .TextboxWrapper textarea { width: 290px; }
    .Form input[type=text], .Form input[type=number], .Form input[type=email], .Form input[type=password], .Form textarea { width: 290px; }
        .Form input[type=text].Short { width: 60px; margin-right: 10px; }
        .Form input[type=text].Large { width: 220px; }
    .Form .TextboxWrapperIcon { width: 290px; }
        .Form .TextboxWrapperIcon input[type=text], .Form .TextboxWrapperIcon input[type=number], .Form .TextboxWrapperIcon input[type=email], .Form .TextboxWrapperIcon input[type=password] { width: 200px; }
    .Form .Text { width: 290px; }
        .Form .Text.Large { width: 220px; }

    /* CONTENT */

      /* INVOICE TABLE */
    .InvoiceTableWrapper { font-size: 0.7rem; line-height: 0.8rem; }
    .InvoiceItem .Date { width: 10%; padding-left: 2px; padding-right: 2px; }
    .InvoiceItem .InvoiceNo { width: 10%; padding-left: 2px; padding-right: 2px; }
    .InvoiceItem .OrderNo { width: 10%; padding-left: 2px; padding-right: 2px; }
    .InvoiceItem .TotalExVAT { width: 20%; padding-left: 2px; padding-right: 2px; }
    .InvoiceItem .VAT { width: 20%; padding-left: 2px; padding-right: 2px; }


    .InvoiceItem .TotalPrice { width: 20%; padding-left: 2px; padding-right: 2px; }
    .InvoiceItem .PDF { width: 5%; padding-left: 2px; padding-right: 2px; }
    .InvoiceItem a.PDFIcon:before { font-size: 18px; }


    /* FOOTER */

}
