﻿

/***************************    *********************************************************
smaller than 1032
*************************************************************************************/

@media only screen and (min-width: 1600px) {
    .JAHomeWithTiles .dnn_layout {
        width: 1280px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    /*base skin*/
    .JAFooterLogos {
        padding-left: 0px !important;
    }

    .FFAT_Row {
        min-height:50px !important;
    }

    .JAFooterMid {
        width: 35% !important;
    }

    .JAFooterLeft {
        width: 15% !important;
    }

    .flyoutmenuWrap {
        width: 61% !important;
    }

    .flyoutmenuWrapInner {
        width: 94% !important;
    }

    .JAPOPupWrap_Active {
        max-width: 95% !important;
    }

    #to_top, .floatCart, .JAFloatCtrl, .JAFloatSave {
        right: 1.5% !important;
    }

    /*shop*/
    #MinimalViewBtnWrap, .FilterProductCtrlCounts, .Catalogue_count {
        font-size: 13px !important;
    }

    .FilterProductCtrlInnerA {
        width: 37% !important;
    }

    .FilterProductCtrlInnerB {
        width: 10% !important;
    }

    .GridAddToCartButtonHolder .GridAddToCartBtn {
        padding: 0px;
        text-align: center;
        min-width: unset !important;
        width: 100%;
        max-width: 95%;
    }

    .GridView_ProductQty {
        width: 35px !important;
    }

    .ProductDisplayGrid {
        padding: 5px 10px 20px 10px !important;
    }

    .ProductDisplayGridPriceRowTwo .FilListGridSubPrice {
        white-space: nowrap;
    }

    .ProductImagesHolder {
        width: 26% !important;
    }

    /*shop VAP*/

    .VAPButtonWrapper input.QtyToAdd {
        width: 50% !important;
    }


    .VAPButtonWrapperLeft {
        width: 30% !important;
    }

    input#RecentPurchases_Search {
        width: 86% !important;
    }

    /*quote*/

    .TableQuotes .colReference {
        width: 21% !important;
    }

    .TableQuotes .colType {
        width: 13%;
    }

    .TableQuotes .colAction {
        width: 12% !important;
    }

    .QuoteSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }

    .QuoteSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }

    .QuoteCtrlTop #lblName {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
    }

    .QuoteCtrlTopCustomer .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
        float: left !important;
    }


    .QuoteCtrlWrap .CtrlCaption {
        line-height: 18px !important;
        font-size: 11px;
    }

    .SaveButton, .SaveCloseButton, .CloseButton, .AddMyOwnProduct, .EditCustomer {
        font-size: 13px !important;
    }

    /*invoice*/
    .JAModuleDataRow {
        min-height: 32px;
        height: initial;
    }

    .StatementSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }

    .StatementSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }

    .IAS_LoadMore_02_02 {
        font-size: 20px !important;
    }

    /*account*/
    .LinkAccountWrapYourRepsname > input[type="text"], .LinkAccountWrapYourHomeBranch > input[type="text"] {
        width: 98% !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) { /* smaller screens */

    .ModHfLabsDnnJobListingC .listingViewOptionLeft {
        width: 34%;
        font-size:12px;
    }

    .ModHfLabsDnnJobListingC .listingViewOptionRight {
        width: 66%;
        font-size: 12px;
    }

    .QuoteDetailLineWrap .GroupDescCol .AddProdToGroupBtn {
        line-height:32px;
    }

    .CustomerQuoteWrap .QuoteCtrlExtraLine .GlobalMarkupValue{
        width:30px !important;
    }

    .QuoteDetailLineWrap .GroupRowList .GroupQuantityCtrlWrap {
        padding-left:5px;
    }

    .CustomerQuoteWrap .GroupRowList .CustomerGroupNameCol, .QuoteDetailLineWrap .LineGroup .JAModuleDataRow .col-Product {
        padding-left:10px;
    }

    .GroupRowList .CustomerGroupNameCol {
        width: 27%;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode .fa-search {
        line-height:32px;
    }
    
    .QuoteDetailLineWrap .QuoteRow_AddNew .ActiveGroups {
        margin-left: 25px;
    }


    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode .StockCode {
            padding-left: 15px;
    }

    .QuoteDetailLineWrap .LineGroup .JAModuleDataRow .Col-StockCode {
        padding: 0px 0px 0px 10px;
    }
                                                                    
    .FFAT_Row {
        min-height:50px !important;
    }
    .FFAT_Actions > i, .FFAT_Actions > a, .FFAT_Actions > .FFAT_Actions_Default {
        padding-right:2px !important;
    }

    /*base skin*/
    .BannerPane .tp-caption {
        font-size: 24px !important;
        margin-left: 10% !important;
    }

    .Error404Header {
        font-size: 30px !important;
        line-height: 45px !important;
    }

    .flyoutmenuWrap {
        width: 61% !important;
        left: 40px !important;
    }

    .flyoutmenuWrapInner {
        width: 94% !important;
    }

        .flyoutmenuWrapInner .primary_structure > li {
            font-size: 11px !important;
            font-weight: 400 !important;
            width: 18% !important;
        }

    .JA_HeaderPaneLogo, .HeaderPane {
        height: 93px !important;
        line-height: 93px !important;
        margin-left: 10px !important;
        width: auto;
    }

    .JAPOPupWrap_Active {
        max-width: 95% !important;
    }


    .JAHomeWithTiles .JA_footer_LogoWrap {
        margin: 0px !important;
    }

    .JAFooterLeft, .JAFooterMid {
        margin-top: 10px !important;
    }

    .JAFooterRight {
        /*margin-top:10px !important;*/
    }

    .JA_Footer_Row2_RightPane {
        padding: 30px 10px 0px 50px !important;
    }

    .body_bg {
        background-size: 1150px !important;
    }

    #to_top, .floatCart, .JAFloatCtrl, .JAFloatSave {
        right: 1%;
    }

    ul.JAFooterLogos img {
        padding-right: 13px !important;
    }

    .footer_slogan {
        font-size: 18px !important;
        padding: 0px !important;
    }

    .JA_HeaderPaneLogo img, .HeaderPane img {
        max-height: 35px;
    }

    .JAFooterLogos {
        padding-left: 0px !important;
    }

    .JAFooterMid {
        width: 35% !important;
    }

    .JAFooterLeft {
        width: 15% !important;
    }


    /*checkout*/
    .MyCartStock {
        width: 18% !important;
    }

    .JAOrderSummaryTable {
        width: 45% !important;
    }

    .MyCartStockHeader .JA_StockAvailability {
        width: 65% !important;
    }

    /*Quote*/

    .TableQuotes .colSource {
        display: none;
    }

    .TableQuotes .colType {
        width: 15%;
    }

    .TableQuotes .colAction {
        width: 14% !important;
    }

    .QuoteSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }

    .QuoteSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }

    .quoteResultCountWrap {
        width: 70%;
    }

    .ddlQuoteTypesWrap {
        width: 30%;
    }

    .SaveButton, .SaveCloseButton, .CloseButton, .AddMyOwnProduct, .EditCustomer {
        font-size: 13px !important;
    }

    .QuoteCtrlTop #lblName {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
    }

    .QuoteCtrlTopCustomer .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
        float: left !important;
    }

    .QuoteCtrlTop .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
    }

    .QuoteCtrlWrap .CtrlCaption {
        line-height: 18px !important;
    }

    .row.QuoteCtrlTop, .QuoteCtrlWrap .CtrlCaption, .QuoteCtrlExtraLine, .AddGroup {
        font-size: 12px;
    }

    .QuoteCtrlExtraLine {
        line-height: 24px;
    }

    .QuoteCtrlExtraLine input {
        vertical-align: middle;
        margin-top: -2px;
    }

    .QuoteCtrlExtraLine .btnUpdateAllMarkup {
        line-height: 18px;
    }

    .QuoteCtrlExtraLine .ui-datepicker-trigger {
        margin-top: -4px;
    }

    .QuoteCtrlExtraLine .advancedEdit_1, .QuoteCtrlExtraLine .advancedEdit_2 {
        width: 23%;
    }

    .QuoteCtrlExtraLine .MarkUpCtrlWrap {
        width: 54%;
    }

    .QuoteCtrlExtraLine .MarkUpCtrlWrap .chkOnlyUngrouped {
        margin: 0 10px;
    }

    .QuoteCtrlHeader {
        width: 34% !important;
    }

    .advancedEdit_1 .QuoteCtrlHeader {
        width: 39% !important;
    }

        .advancedEdit_1 .QuoteCtrlHeader + .col-sm-7, .advancedEdit_1 .QuoteCtrlHeader + .col-sm-6 {
            width: 61% !important;
        }

        .QuoteCtrlHeader + .col-sm-7, .QuoteCtrlHeader + .col-sm-6 {
            width: 65% !important;
        }

            .QuoteCtrlHeader + .col-sm-7 input[type=text] {
                width: 75% !important;
            }

    .QuoteCtrlOuter, .QuoteCtrlTop .QuoteCtrlWrap .fa {
        margin: 0px !important;
    }

    .CustomerQuoteLineWrap .col-MarkUp .MarkupLine, .QuoteDetailLineWrap .col-MarkUp .MarkupLine {
        width: 65% !important;
        margin-right:2% !important;
        border: 1px solid #aaa;
    }

    .CustomerQuoteLineWrap .col-MarkUp .MarkupValue, .QuoteDetailLineWrap .col-MarkUp .MarkupValue {
        width: 30% !important;
        padding-left: 3px !important;
        border-left: 1px solid #aaa;
        margin: 0;
    }

    .col-CustomerMarkUp .GroupMarkup {
        width: 40%;
        margin-right:2.5% !important;
        border: 1px solid #aaa;

    }
    .GroupRowList .CustomerGroupDescCol {
        width:13%;
    }

    .GroupRowList .GroupMarkup {
        height: 23px;
        vertical-align: middle;
        margin-bottom: 2px;
    }

    .col-CustomerMarkUp .MarkupValue {
        width: 18% !important;
        padding-left: 3px !important;
        border-left: 1px solid #aaa;
        margin: 0;
    }

    .CustomerQuoteLineWrap .col-Qty .Quantity, .QuoteDetailLineWrap .col-Qty .Quantity {
        width: 40px !important;
        margin-left: 0px !important;
    }

    .LineGroup .CustomerGroupQuantityWrap #GroupQuantity {
        margin: 0px;
        width: 40px !important;
    }

    .btnUpdateGroupQty {
        margin-left: 3px !important;
    }

    .btnUpdateGroupMarkup {
        margin-left: 4px !important;
    }

    .AddProdToGroupBtn {
        white-space: nowrap;
        width: 66%;
        display: block;
        overflow: hidden;
    }

    .QuoteForCustomerList .CustomerGroupQuantityWrap {
        width: 7% !important;
    }

    .CustomerQuoteLineWrap .GroupRowList .CustomerGroupQuantityWrap{
        width:4.5% !important;
        margin-right: 0.5%;
    }

    .CustomerQuoteLineWrap .GroupRowList .CustomerGroupQuantityCtrlWrap {
        width:26.5% !important;
    }

    .QuoteForCustomerList .col-CustomerMarkUp {
        width:26%;
    }

    .CustomerQuoteLineWrap .GroupRowList .CustomerGroupQuantityCtrlWrap label, .QuoteDetailLineWrap .GroupQuantityCtrlWrap label {        
        
        float:left;
    }

    .CustomerQuoteLineWrap  .col-Qty {
        margin-right: 0.5%;
    }

    .CustomerQuoteLineWrap .col-MarkUp {
        margin-right: 0.5%;
    }

    .CustomerQuoteLineWrap .col-Margin {
        width: 6.5%;
    }

    .chkOnlyUngrouped label:before {
        line-height: 20px;
    }

    .QuoteForCustomerList .JAModuleRowWrap input[disabled] {
        opacity: 0.8;
    }

    .QuoteForCustomerList .col-Qty .Quantity {
        margin-top: 5px;
    }

    .QuoteForCustomerList .MarkupLine {
        vertical-align: middle;
        margin-bottom: 2px;
        height: 24px;
    }

    .GroupRowList .CustomerGroupQuantityCtrlWrap {
        width: 27% !important;
    }

    /*invoice*/
    .JAModuleDataRow {
        min-height: 32px;
        height: initial !important;
    }

        .JAModuleDataRow > div {
        }

    .StatementSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }

    .StatementSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }


    .AvailbleStatementWrap > .col-sm-5 {
        width: 33% !important;
    }

        .AvailbleStatementWrap > .col-sm-5:last-child {
            width: 50% !important;
        }

    .IAS_LoadMore_02_01, .IAS_LoadMore_02_03 {
        width: 37% !important;
    }

    .IAS_LoadMore_02_02 {
        font-size: 20px !important;
        width: 20% !important;
    }

    .IAS_LoadMore_02 {
        width: 100% !important;
        margin: 10px auto;
    }

    /*account*/
    .LinkAccountWrapYourRepsname > input[type="text"], .LinkAccountWrapYourHomeBranch > input[type="text"] {
        width: 98% !important;
    }

    /*shop*/

    .FilListGrid {
        width: 32.3% !important;
    }

    .ProductDisplayGrid:nth-child(4n-3) {
        border-left: 3px solid transparent !important;
        clear: initial !important;
    }

    .ProductDisplayGrid:nth-child(3n-2) {
        border-left: none !important;
        border-left-width: 0px !important;
        clear: both !important;
    }



    .JA_shop_searchrow > .col-sm-2:first-child {
        padding-right: 0px;
    }

    .JA_shop_searchrow > .col-sm-2:last-child {
        padding-left: 0px;
    }

    .FilterProductCtrlInnerA, .FilterProductCtrlInnerB {
        width: 49% !important;
    }

    .FilterProductCtrlInnerC, .FilterProductCtrlInnerD, .FilterProductCtrlInnerE {
        width: 33% !important;
    }

    .AOHeaderCtrlWrap {
        width: 35%;
        float: right;
    }


    .ProductDisplayGrid {
        padding: 1% !important;
        margin-right: 1% !important;
    }

    .FilListGrid .AddSingleToCartButtonClick, .FilListGrid .AddToWishlistClick, .PopProductsGrid .AddToWishlistClick {
        width: 38% !important;
        font-size: 0.8em !important;
    }

    /*shop VAP*/

    .ProductImagesHolder {
        width: 26% !important;
    }

    .VAPButtonWrapper input.QtyToAdd {
        width: 50% !important;
    }

    .VAPButtonWrapperLeft {
        width: 30% !important;
    }

    input#RecentPurchases_Search {
        width: 80% !important;
    }

    .als-viewport {
        width: 90% !important;
        margin: 0px 2% !important;
    }

    .als-prev, .als-next {
        width: 3% !important;
    }

    .als-container {
        margin: 3px auto !important;
    }

    .GreyDealerText {
        width: 100% !important;
    }

    .TabHeaderWrap {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        height: 60px;
    }

    .ProductTabDiv table {
        width: 100% !important;
    }

    .ViewAProductTabUL {
        display: block !important;
        width: 800px !important;
        position: absolute;
    }


    .ProductInfoUpperWrapper .ProductDisplayFormBackOrderAvailable, .ProductInfoUpperWrapper .ProductDisplayFormStockNo {
        width: 80% !important;
    }

    /*Slider*/
    .rev-title {
        font-size: 1.5em !important;
        line-height: 1.5em !important;
    }

    .fullwidthbanner-container p {
        font-size: 1em !important;
        line-height: 1.5em !important;
    }

    .tp-caption a, .tp-caption .btn {
        font-size: 1em !important;
        padding: 1em 1.5em !important;
    }

    .QuoteForCustomerList .col-Retail, .QuoteForCustomerList .col-Trade, .QuoteForCustomerList .col-Price{
        width:7%;
    }

    .QuoteForCustomerList .col-MarkUp {
        width:16%;
    }

    .DragIcon {
        display: none !important;
    }
}

/***************************    *********************************************************
smaller than 1000
*************************************************************************************/
@media only screen and (min-width: 769px) and (max-width: 991px) {

    /*base skin*/
    .edMaps_html > .lnkMapTelNo, .edMaps_markerWrapper .edMaps_html > .lnkMapTelNo{
        pointer-events:initial !important;
    }
    .QuoteForCustomerList .col-Retail, .QuoteForCustomerList .col-Trade, .QuoteForCustomerList .col-Price{
        width:7%;
    }

    .QuoteForCustomerList .col-MarkUp {
        width:16%;
    }

    .QuoteDetailLineWrap .GroupDescCol .AddProdToGroupBtn {
        line-height:32px;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .ActiveGroups {
        margin-left: 25px;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode .fa-search {
        line-height:32px;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode .StockCode {
        padding-left: 15px;
    }

    .QuoteDetailLineWrap .LineGroup .JAModuleDataRow .Col-StockCode {
        padding: 0px 0px 0px 10px;
    }

    .PaymentResultContain {
        width: 100% !important;
    }

    .JA_footer_newInner .col-sm-6 {
        width: 100% !important;
        padding: 0px !important;
    }

    .JAPOPupWrap_Active {
        max-width: 95% !important;
    }

    .JAPageHeaderWrap, .JA_SectionBreakWrap {
        margin: 0 0 1em 0 !important;
    }

    .footer_slogan {
        font-size: 18px !important;
        padding: 10px 0px !important;
    }

    .flyoutmenuWrap {
        display: none !important;
    }


    .JA_footer_new {
        background-position: top left !important;
        overflow: hidden;
    }

    .JAFooterLogos li {
        width: 20%;
        text-align: center;
    }

    .JAFooterPaneInnnerLeft, .JAFooterPaneInnnerRight {
        width: 49% !important;
        padding-top: 0px !important;
    }

    .JA_footer_BlackPaneLeft .RadMenuStatic .rmLink, .JA_footer_BlackPaneLeft .RadMenuStatic .rmLink.MenuSelected, .JA_footer_BlackPaneLeft .RadMenuStatic .rmLink:hover {
        background: url(/Portals/0/JA_Skin/FooterContainer-nav-bg.png) 10px 10px no-repeat !important;
    }

    ul.JAFooterLogos img {
        padding-right: 0px !important;
    }

    #to_top, .floatCart, .JAFloatCtrl, .JAFloatSave {
        right: 1% !important;
    }

    .JA_Footer_Row2_RightPane {
        padding: 30px 10px 0px 50px !important;
    }


    .flyoutmenuWrap {
        top: 156px !important;
    }

    .dnn_logo {
        float: left !important;
        text-align: center !important;
        width: 30% !important;
        padding: 15px 0 5px !important;
    }

    .BannerPane .tp-caption {
        font-size: 24px !important;
        margin-left: 10% !important;
    }

    .HeaderPaneC .Navigation {
        line-height: 45px;
        right: auto !important;
    }

    .JA_HeaderPaneLogo, .HeaderPane {
        height: 93px !important;
        line-height: 93px !important;
        width: 30%;
        text-align: center;
        padding: 15px 0 5px !important;
    }

    .AOHeaderCtrlWrap {
        width: 95% !important;
        float: left !important;
    }

    .HeaderPaneC {
        margin-left: 0px;
        float: left !important;
    }

    .JANewHeader {
        margin-bottom: 2.5em;
    }


    .JAPOPupWrap_Active {
        max-width: 95% !important;
    }

    #MegaMenuHolder {
        display: none !important;
    }

    .sf-menu {
        display: block !important;
    }

    /*checkout*/
    .delivery_td, .comment_td {
        width: 49% !important;
        margin-bottom: 10px;
    }

    .JAOrderSummaryTable {
        width: 70% !important;
    }

    .Options_td {
        width: 99% !important;
        margin-bottom: 10px;
    }

    .TradeOrderFormWrapper .AutocompleteHolder_Text {
        width: 34%;
        margin-right: 1%;
    }

    .MyCartStock .PostStockLabel {
        display: none;
    }

    .MyCart_Table td, .MyCart_HeaderStyle div {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .MyCartUOMh, .MyCartUOM {
        display: none !important;
    }

    .MyCartStockHeader, .MyCartDescription {
        width: 29% !important;
    }

        .MyCartStockHeader .JA_StockAvailability {
            width: 65% !important;
        }

    .MyCartQuantity input.QtyToAdd {
        width: 30px !important;
    }

    .MyCartPart {
        padding: 0 !important;
    }

    .MyCartRRP, .MyCartWholesale, .MyCartYourPrice, .MyCartRRPB2B {
        width: 11% !important;
    }

    .MyCartCommentCO, .MyCartInfoPopUp {
        width: 2.5% !important;
    }

    .MyCartSupplied, .MyCartBO {
        width: 5% !important;
    }

    .deliveryHolder_Row > td {
        width: 50%;
        display: block;
        margin-bottom: 10px;
        float: left;
    }

    /*invoice*/
    .JA_Inv_InvoiceDate {
        display: none;
    }

    .JAModuleDataRow {
        height: auto !important;
        min-height: 32px !important;
        line-height: 1.5em !important;
    }

    .JA_SearchResultHeader_Status, .JA_SearchResultLine_Status {
        width: 17%;
    }

    .JA_SearchResultHeader_Action_01, .JA_SearchResultLine_Action_01 {
        width: 14%;
    }

    /*Quote*/

    /*CustomerQuote*/
    .QuoteCtrlTop .col-sm-6, .QuoteCtrlTop .col-sm-8, .QuoteCtrlTop .col-sm-4 {
        width: 100%;
        overflow: hidden;
        height: auto !important;
        margin-bottom: 10px;
    }

    .TableQuotes .colSource {
        display: none;
    }

    .TableQuotes .colType {
        width: 15%;
    }

    .TableQuotes .colAction {
        width: 14% !important;
    }

    .QuoteSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }



    .QuoteSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }

    .quoteResultCountWrap {
        width: 70%;
    }

    .ddlQuoteTypesWrap {
        width: 30%;
    }

    .SaveButton, .SaveCloseButton, .CloseButton, .AddMyOwnProduct, .EditCustomer {
        font-size: 13px !important;
    }

    .QuoteCtrlTop #lblName {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
    }

    .QuoteCtrlTopCustomer .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
        float: left !important;
    }

    .QuoteCtrlTop .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
        float: left !important;
    }

    .QuoteCtrlBottom .AddGroup, .QuoteCtrlBottom .QuoteCtrl {
        width: 100% !important;
        text-align: left;
    }

    .SaveButton, .SaveCloseButton, .CloseButton, .AddMyOwnProduct, .EditCustomer {
        margin: 10px 10px 0px 0px !important;
    }

    .JAFloatSave.SaveButton {
        margin: 0 !important;
    }

    #parentPanel .row {
        margin: 0 !important;
    }

    .QuoteRow_AddNew .Col-StockCode .fa-search {
        line-height: 24px !important;
    }

    .QuoteCtrlWrap .CtrlCaption {
        line-height: 18px !important;
    }

    .parentPanel .List .Col-StockCode {
        width: 13% !important;
    }

    .parentPanel .List .Col-Desc {
        width: 49% !important;
    }

    .row.QuoteCtrlTop, .QuoteCtrlWrap .CtrlCaption, .QuoteCtrlExtraLine, .AddGroup {
        font-size: 12px;
    }

    .QuoteCtrlHeader {
        width: 34% !important;
    }


        .QuoteCtrlHeader + .col-sm-7, .QuoteCtrlHeader + .col-sm-6 {
            width: 65% !important;
        }

            .QuoteCtrlHeader + .col-sm-7 input[type=text] {
                width: 75% !important;
            }

    .QuoteCtrlOuter, .QuoteCtrlTop .QuoteCtrlWrap .fa {
        margin: 0px !important;
    }

    .CustomerQuoteLineWrap .col-MarkUp .MarkupLine, .QuoteDetailLineWrap .col-MarkUp .MarkupLine {
        width: 65% !important;
        margin-right:2% !important;
        border: 1px solid #aaa;
    }

    .CustomerQuoteLineWrap .col-MarkUp .MarkupValue, .QuoteDetailLineWrap .col-MarkUp .MarkupValue {
        width: 30% !important;
        padding-left: 3px !important;
        border-left: 1px solid #aaa;
        margin: 0;
    }

    .col-CustomerMarkUp .GroupMarkup {
        width: 60%;
    }

    .col-CustomerMarkUp .MarkupValue {
        width: 40% !important;
    }

    .CustomerQuoteLineWrap .col-Qty .Quantity, .QuoteDetailLineWrap .col-Qty .Quantity {
        width: 40px !important;
        margin-left: 0px !important;
        margin-top: 8px !important;
    }

    .LineGroup .CustomerGroupQuantityWrap #GroupQuantity {
        margin: 0px;
        width: 40px !important;
    }

    .btnUpdateGroupMarkup, .btnUpdateGroupQty {
        margin-left: 3px !important;
    }

    .AddProdToGroupBtn {
        white-space: nowrap;
        width: 78%;
        display: block;
        overflow: hidden;
    }

    .GroupRowList {
        width: 100%;
        min-height: 32px;
        height: initial !important;
        border-bottom: 1px solid #333;
        overflow: hidden;
        line-height: 2em;
        padding: 5px 0px;
    }

    .CustomerGroupQuantityCtrlWrap label {
        margin-right: 3px !important;
    }

    .QuoteForCustomerList .CustomerGroupQuantityWrap {
        width: 7% !important;
    }

    .GroupRowList .CustomerGroupQuantityCtrlWrap {
        width: 27% !important;
    }

    .CustomerQuoteLineWrap .JAModuleDataRow, .QuoteDetailLineWrap .JAModuleDataRow {
        line-height: 40px !important;
        min-height: 40px !important;
    }

    div#parentPanel {
        padding: 0 !important;
    }

    .QuoteCtrlExtraLine {
        margin: 0 !important;
    }

        .QuoteCtrlExtraLine > .col-sm-6 {
            width: 100% !important;
            margin-bottom: 5px;
        }

        .QuoteCtrlExtraLine > .col-sm-3 {
            width: 49% !important;
        }

    .QuoteCtrlTop {
        margin: 0px !important;
    }

    /*invoice*/
    .JAModuleDataRow {
        min-height: 32px;
        height: initial !important;
    }

    .JA_SearchResultLine_WebIcon, .lblNoShowing {
        display: none;
    }

    .colAction .JADropdownBtn {
        padding-left: 0;
    }

    .dropdown-menu {
        right: 0 !important;
        left: auto !important;
    }

    .StatementSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }

    .StatementSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }


    .AvailbleStatementWrap > .col-sm-5 {
        width: 33% !important;
    }

    .AvailbleStatementWrap > .col-sm-2 {
        width: 20% !important;
    }

    .AvailbleStatementWrap > .col-sm-5:last-child {
        width: 45% !important;
    }

    .StatementDate {
        width: 70% !important;
    }

    .Statement_PrintWrap, .Statement_DownloadExcelWrap, .Statement_DownloadPDFWrap {
        width: 8% !important;
    }

    .IAS_LoadMore_02_01, .IAS_LoadMore_02_03 {
        width: 37% !important;
    }

    .IAS_LoadMore_02_02 {
        font-size: 20px !important;
        width: 20% !important;
    }

    .IAS_LoadMore_02 {
        width: 100% !important;
        margin: 10px auto;
    }

    /*account*/
    .LinkAccountWrapYourRepsname > input[type="text"], .LinkAccountWrapYourHomeBranch > input[type="text"] {
        width: 98% !important;
    }

    /*view*/
    .TableQuotes .colSource, .TableQuotes .colDateCreated {
        display: none;
    }

    .TableQuotes .colType {
        width: 15%;
    }

    .TableQuotes .colAction {
        width: 14% !important;
    }

    .TableQuotes .colTotalExGst, .TableQuotes .colTotalInGst {
        width: 11.5% !important;
    }

    .PrimaryActionWrap .fa {
        margin-right: 3px !important;
    }

    .QuoteSearchOuterWrap .col-sm-2 {
        width: 25% !important;
    }

    .QuoteSearchOuterWrap .col-sm-8 {
        width: 50% !important;
    }

    .ddlQuoteTypesWrap {
        width: 40%;
    }

    .quoteResultCountWrap {
        width: 60%;
    }

    /*shop*/
    .FeatureListBtn {
        font-size: 12px !important;
    }

    .JASlideFilterBtnWrap {
        z-index: 1000;
    }

    .ProductDisplayGrid:nth-child(4n-3) {
        border-left: 3px solid transparent !important;
        clear: initial !important;
    }

    .ProductDisplayGrid:nth-child(2n-1) {
        border-image: none;
        clear: both !important;
    }

    .JA_shop_searchrow > .col-sm-2:first-child {
        padding-right: 0px;
    }

    .JA_shop_searchrow > .col-sm-2:last-child {
        padding-left: 0px;
    }

    .FilterProductCtrlInnerA {
        width: 65% !important;
    }

    .FilterProductCtrlInnerB {
        width: 33% !important;
    }

    .FilterProductCtrlInnerC, .FilterProductCtrlInnerD, .FilterProductCtrlInnerE {
        width: 33% !important;
    }

    .FilListGrid {
        width: 49% !important;
        padding: 2% !important;
        overflow: hidden;
    }


    /*.ProductDisplayGridImageHolder_IMG img, .recentlyImageHolder img, .ProductDisplayListImg, .ProductDisplayListImg img {
        width: 100%;
        height: auto !important;
    }*/


    .VAPButtonWrapper {
        border-bottom: none !important;
    }

    .GridAddToCartButtonHolder .ProductDisplayFormSaveAsDDL {
        width: 45% !important;
    }

    .ATCfloatCart {
        margin-right: 3% !important;
    }

    .CategoryPicHolder {
        width: 33%;
    }



    .AccessoryList .AccessoryListDescription {
        display: none !important;
    }



    ul.dnnAdminTabNav li {
        height: 35px;
        line-height: 35px;
    }

    /*Search*/
    .SearchHolder {
        text-align: right;
    }

    .SearchTxt .SearchBox {
    }

    .HeaderCartWrapper {
        text-align: right;
    }



    /*dashboard*/

    .DashboardTable {
        width: 50% !important;
        float: left;
        display: block;
    }

    /*Recently Viewed*/


    .recentlyProductWrapper table tr {
        display: block;
        float: left;
        width: 48% !important;
        margin: 0% 1%;
    }
    /*View document popup*/
    .dnnFormPopup {
        width: 90vw !important;
        top: 10vw !important;
        z-index: 10000000;
        left: 5vw !important;
    }

    .PriceModeDIV {
        float: none;
    }

    /*Search*/
    .SearchHolder {
        text-align: center;
    }

    .SearchTxt .SearchBox {
    }

    .HeaderCartWrapper {
        text-align: center;
    }

    .DeliveryHeader {
        display: none;
    }

    .OrderDetailTable td {
        width: 50% !important;
        display: block;
        float: left;
        height: 40px;
        padding: 0px !important;
    }

    .OrderedProduct {
        font-size: 11px !important;
        line-height: 1.5em !important;
    }


    .JAHomeWithTiles .JA_footer_LogoWrap {
        margin: 0px !important;
    }

    .JAFooterLeft, .JAFooterMid {
        margin-top: 10px !important;
    }

    .JAFooterRight {
        /*margin-top:10px !important;*/
    }

    /*vap*/

    .ProductInfoHolder {
        display: block;
        width: 100% !important;
    }

    .ProductImagesHolder {
        display: none !important;
    }

    .MobileProductImageHolder_Main {
        display: block !important;
        width: 50%;
        float: left;
        border: 1px solid #666;
        text-align: center;
    }

    .ProductInfoInner_row_1 {
        float: right;
    }

    .ProductDetailCol {
        width: 50% !important;
        padding-left: 2% !important;
    }

    .ProductDisplayFormQty span, .ProductDisplayFormQty input {
        height: 28px !important;
        line-height: 28px !important;
    }

    .ProductDisplayFormQty {
        margin-bottom: 3px;
    }

    .ProductRecentPurchaseCol, .ProductStockCol {
        width: 49% !important;
        margin-top: 10px;
        background: none !important;
        border-image: none !important;
    }


    .ProductRecentPurchaseCol {
        clear: both;
    }

    .JA_RecentPurch_LineRowInner, .JA_StockOnHandByBranch_LineRowInner, .JA_StockOnHandByBranch_LineRow, .JA_RecentPurch_LineRow {
        width: 100%;
    }

    .CartListLines .fa {
        margin-right: 3px !important;
    }

    #divAvailableCarts input[type='text'] {
        width: 60% !important;
    }

    .AddNewMultiCartRow .col-sm-5 {
        width: 38% !important;
    }

    .AddNewMultiCartRow .col-sm-2 {
        width: 20% !important;
    }

    /*repsonive hide*/
    .mobile_dnn_logo, #ico_search, #ico_user, .HeaderPane_mobile, #mobile_search, #mobile_user, .HeaderPaneB_mobile {
        display: none !important;
    }

    #mobile_menu {
        display: none;
    }

    .ico_menu_TabletWrap {
    }
}


/************************************************************************************
smaller than 795
*************************************************************************************/
@media only screen and (max-width: 768px) { /* Ipad Portrait*/

    .QuoteDetailLineWrap .LineGroup .JAModuleDataRow .Col-StockCode {
        padding: 0px 0px 0px 5px;
    }
    .CustomerQuoteLineWrap  .LineGroup .JAModuleDataRow .col-Product, .CustomerQuoteLineWrap .GroupRowList .CustomerGroupNameCol {
        padding: 0px 0px 0px 5px;
    }


    .MobileContent {
        max-width: 100%;
        border: none;
    }

    .edMaps_html > .lnkMapTelNo, .edMaps_markerWrapper .edMaps_html > .lnkMapTelNo{
        pointer-events:initial !important;
    }

    .On2siteLoginWrapInnerLogined {
        min-width:initial !important;
    }

    /*general*/
    .PaymentResultContain {
        width: 100% !important;
    }

    .AdvanceSearchActive .FilterProductCtrlInnerA {
        width: 100% !important;
    }

    .CheckoutTabDIV {
        position: relative !important;
    }

    .Catalogue_AddProductBySelect .CatalogueCtrlWrap {
        width: 100% !important;
    }

    .JAPOPupWrap_Active {
        max-width: 95% !important;
    }

    .CartListHeaderWrap {
        height: 190px;
    }

    /*repsonive hide*/
    .mobile_dnn_logo, #ico_search, #ico_user, .HeaderPane_mobile, #mobile_search, #mobile_user, .HeaderPaneB_mobile {
        display: none !important;
    }

    #mobile_menu {
        display: none;
    }

    .ico_menu_TabletWrap {
    }

    .notforsmalltablet {
        display: none !important;
    }

    .flyoutmenuWrap {
        display: none !important;
    }

    .JAFooterLeft, .JAFooterMid {
        width: 49% !important;
    }

    .JAFooterRight {
        width: 100% !important;
    }

    .JAHomeWithTiles .JA_footer_LogoWrap {
        margin: 0px !important;
    }


    .JA_footer_new {
        background-position: top left !important;
        overflow: hidden;
    }

    .JAFooterLogos li {
        width: 20%;
        text-align: center;
    }

    ul.JAFooterLogos img {
        padding-right: 0px !important;
    }


    .floatCart {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        bottom: 235px !important;
    }

    .JASlideFilterBtnWrap {
        z-index: 1000;
    }

    #to_top, .floatCart, .JAFloatCtrl, .JAFloatSave {
        right: 1% !important;
    }

    .ProductDisplayGrid:nth-child(4n-3) {
        border-left: 3px solid transparent !important;
        clear: initial !important;
    }

    .ProductDisplayGrid:nth-child(2n-1) {
        border-image: none;
        clear: both !important;
    }

    .JA_shop_searchrow > .col-sm-2:first-child {
        padding-right: 0px;
        display: none !important;
    }

    .JA_shop_searchrow > .col-sm-2:last-child {
        padding-left: 0px;
        display: none !important;
    }

    .FilterProductCtrlInnerA {
        width: 75% !important;
    }

    .FilterProductCtrlInnerB {
        width: 23% !important;
    }

    .FilterProductCtrlInnerC, .FilterProductCtrlInnerD, .FilterProductCtrlInnerE {
        width: 33% !important;
    }

        .FilterProductCtrlInnerE select {
            width: 85% !important;
        }

    .AOHeaderCtrlWrap {
        width: 35%;
        float: right;
    }

    .FilListGrid {
        width: 49% !important;
        padding: 2% !important;
        overflow: hidden;
    }

    .forsmalltabletonly {
        display: block !important;
    }

    /*View document popup*/
    .dnnFormPopup {
        width: 90% !important;
    }

    .fvOrderHeader {
        font-size: 11px;
    }


    .OrderedProductImg, .AOOrderLineDescription {
        display: none !important;
    }

    .OrderedProductDescription {
        width: 35% !important;
        height: 1em !important;
        word-break: break-word;
        padding: 0px !important;
    }

    .OrderedProductOty, .OrderedProductOtyHeader {
        width: 10% !important;
        height: 1.5em !important;
        padding: 0px !important;
    }

    .OrderedProductRRP, .OrderedProductYourPrice, .OrderedProductWS, .OrderedProductRRPHeader, .OrderedProductWSHeader, .OrderedProductYourPriceHeader {
        width: 20% !important;
        height: 1.5em !important;
        padding: 0px !important;
    }

    .OrderHolder h2 {
        font-size: 14px !important;
        line-height: 1em;
    }

    .OrderedProduct .ProductListMainPrice {
        font-size: 11px !important;
    }

    .OrderedTrackingLines {
        height: auto !important;
    }

    .TrackingShipperNameHeader, .TrackingDocumentNoHeader, .TrackingProductDescriptionHeader, .TrackingShipperName, .TrackingDocumentNo, .TrackingProductDescription {
        width: 28% !important;
        padding: 0 !important;
        font-size: 11px;
        line-height: 1.5em;
        height: 1.5em !important;
    }

        .TrackingProductDescription .ProductListName {
            font-size: 11px !important;
        }

    .TrackingViewlink {
        width: 12% !important;
    }

    .ReoccuringOrderTable .ReoccuringOrderCell_QTY {
        width: 15% !important;
    }

    .AddSingleToCartButtonClick, .AddToWishlistClick {
        width: 40% !important;
        font-size: 1em !important;
    }

    /*VAP*/
    .ProductDisplayFormWishlist, .ProductDisplayFormWishlist a, .VAPButtonWrapperLeft, .VAPButtonWrapperRight {
        width: 100% !important;
    }

    .QuoteCtrlTop .col-sm-6 {
        width: 100%;
        overflow: hidden;
        height: auto !important;
    }

    .QuoteCtrlTopCustomer .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
        float: left !important;
    }

    .MobileRowWrapHalf {
        width: 32% !important;
        margin-bottom: 2vw;
        height: 29vw !important;
        float: left;
        padding: 0px !important;
        max-height: initial !important;
        overflow: hidden;
    }

    .rvdiContainer .dnnForm fieldset {
        margin-bottom: 0;
    }

    .CustomerQuoteLineWrap .col-MarkUp {
        width:23% !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) and (orientation: landscape) {

    .JAPOPupWrap_Active {
        height: 90%;
        min-height: initial !important;
    }

    .ProductInfoHolder .VAPButtonWrapperAtSource1 {
        width:10%;
    }
    .ProductInfoHolder .ProductCBWCol {
        width:34%;
    }

    .gmnoprint, .gm-svpc {
        display:none !important;
    }

    .GroupRowList .CustomerGroupNameCol {
        width: 17%;
    }

.floatCart.disable {
    
    pointer-events:none;
    background:#333;
}

#to_top.disable{
    background:#333;
    pointer-events:none;
}

    .AddProdToGroupBtn {
        white-space: normal !important;
        width: 100% !important;
        padding-left: 10%;
    }

    .GroupRowList .CustomerGroupDescCol {
        width: 26%;
    }

    .FullWidthMobileCtrlCol, .FullWidthMobileCtrlCol.active {
        display: none !important;
    }


     #MinimalViewBtnWrap:active, #MinimalViewBtnWrap:focus,
    #btn_Shop_AddProductBySelect:active, #btn_Shop_AddProductBySelect:focus,
    .CatalogueCtrl:active, .CatalogueCtrl:focus,
    .CompanySelectorButton:active, .CompanySelectorButton:focus,
    .change_password:active, .change_password:focus, #btn_Shop_AddProductBySelect.adding {
        color: #ce1723 !important;
        background: #ffffff !important;
        border-radius: 4px;padding:0px 5px;
    }
	
	
	.logout_btn:active, .logout_btn:focus,
	.btn-primary:active, .btn-primary:focus,
	.btn-secondary:active, .btn-secondary:focus,
	.btnReviewOrder:active, .btnReviewOrder:focus,
	.MobileActionItem:active, .MobileActionItem:focus,
	.dnnPrimaryAction:active, .dnnPrimaryAction:focus{
		color: #ce1723 !important;
        background: #ffffff !important;
		border:1px solid #ce1723!important;
	}
	
	.MobileSelectThisCart:active, .MobileSelectThisCart:focus{
		color:#ce1723 !important;
	}

    .GroupRowList .MobileGroupMenuTrigger, .GroupRowList > .MobileGroupMenu {
        display:none !important;
    }

    
    .AdvanceSearchActive .FilterProductCtrlInnerA .QuoteGroups {
        display:none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {

    /*.MobileGroupMenuTrigger {
        display:none;
    }*/

     #MinimalViewBtnWrap:active, #MinimalViewBtnWrap:focus,
    #btn_Shop_AddProductBySelect:active, #btn_Shop_AddProductBySelect:focus,
    .CatalogueCtrl:active, .CatalogueCtrl:focus,
    .CompanySelectorButton:active, .CompanySelectorButton:focus,
    .change_password:active, .change_password:focus, #btn_Shop_AddProductBySelect.adding {
        color: #ce1723 !important;
        background: #ffffff !important;
        border-radius: 4px;padding:0px 5px;
    }
	
	
	.logout_btn:active, .logout_btn:focus,
	.btn-primary:active, .btn-primary:focus,
	.btn-secondary:active, .btn-secondary:focus,
	.btnReviewOrder:active, .btnReviewOrder:focus,
	.MobileActionItem:active, .MobileActionItem:focus,
	.dnnPrimaryAction:active, .dnnPrimaryAction:focus{
		color: #ce1723 !important;
        background: #ffffff !important;
		border:1px solid #ce1723!important;
	}
	
	.MobileSelectThisCart:active, .MobileSelectThisCart:focus{
		color:#ce1723 !important;
	}

    
    .AdvanceSearchActive .FilterProductCtrlInnerA .QuoteGroups {
        display:none;
    }

    .MobileProductImageHolder_Main .AtSourceIcon{
        display:none !important;
    }
    
.floatCart.disable {
    pointer-events:none;
    background:#333;
}

#to_top.disable{
    background:#333;
    pointer-events:none;
}

    .edMaps_contentBellow .MapStoreHours{
        display:none !important;
    }

    .MapStoreHours {
        font-size:9px; line-height:1.5em; padding:3px 0px;
    }



    #dnn_JA_Footer_Row1_LeftPane, #dnn_JA_Footer_Row2_LeftPane {
        width: 100%;
    }

    .CustomerQuoteWrap .CustomerQuoteFooterAction {
        width: 100%;
    }

    .CustomerQuoteWrap .QuoteForCustomerList, .QuoteCtrlFooterBalanceRow {
        margin: 0;
    }

    .CustomerQuoteWrap .QuoteRow_AddNew, .CustomerQuoteWrap .QuoteCtrlGroupBottom {
        margin: 0 !important;
    }

    .CustomerQuoteWrap .QuoteEditBalance {
        width: 100% !important;
    }

    .autocomplete {
        max-width: 320px;
    }

    .ImAutoCompleteItemCompanyCode {
        width: 40%;
    }

    .ImAutoCompleteItemCompanyEmail {
        width: 60%;
    }



    .JA_shop_searchrow > .col-sm-8 {
        width: 100%;
    }

    .CustomerQuoteWrap .QuoteCtrlTop .col-sm-6, .CustomerQuoteWrap .QuoteCtrlTop .col-sm-8, .CustomerQuoteWrap .QuoteCtrlTop .col-sm-4 {
        margin: 0;
    }

    .CustomerQuoteWrap {
        margin: 0;
        padding: 0;
    }

    .QuoteCtrlExtraLine {
        display: none;
    }

    .ImAutoCompleteItemCompanyName, .ImAutoCompleteItemCompanyFullName {
        display: none !important;
    }

    .QuoteCtrlTop [class^="col-sm"], .QuoteCtrlExtraLine [class^="col-sm"] {
        height: initial !important;
    }

    .QuoteCtrlTop .col-sm-12 {
        clear: both;
    }

    .multi_menu ul li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .mobile_menu #mobile_menu {
        position: absolute;
        left: 0;
        right: 0;
        display: none;
        z-index: 1000;
    }

    .mobile_menu_ico {
        font-size: 24px;
        cursor: pointer;
        line-height: 1;
        text-align: center;
    }

        .mobile_menu_ico .fa {
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
            color: #FFF;
        }

    .JA_Header > .visible-xs {
        display: block !important;
    }

    .PopUpRelatedDocumentTableWrap {
        min-width: initial !important;
    }

    .JA_SearchResultHeader_Status, .JA_SearchResultLine_Status {
        width: 12%;
    }

    .JA_Shop_SearchrowMobile > .col-sm-2 {
        display: none !important;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode .fa-search {
        line-height: 32px;
        left: 12px;
    }

    #powerTip {
        width: 40vw !important;
    }

    .PTQtyColName {
        display: none;
    }

    .PTQtyColNameMobileOnly {
        display: inline;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode .StockCode {
        height: 28px;
        line-height: 28px;
    }

    .CustomerQuoteWrap .QuoteRow_AddNew .Col-StockCode {
        width: 30%;
    }

        .CustomerQuoteWrap .QuoteRow_AddNew .Col-StockCode .fa {
            left: 12px;
        }

    .JA_Inv_InvoiceDate {
        display: none;
    }

    .JA_SearchResultLine_CreditNoteNo, .JA_SearchResultHeader_CreditNoteNo {
        width: 11% !important;
    }

    .JA_SearchResultHeader_Total_01, .JA_SearchResultLine_Total_01 {
        width: 10% !important;
        padding: 0;
    }


    .IAS_LoadMore_02 {
        width: 100%;
        margin-left: 0;
    }

    .IAS_LoadMore_02_01, .IAS_LoadMore_02_03 {
        width: 35%;
    }

    .IAS_LoadMore_02_02 {
        font-size: 20px;
        line-height: 30pt;
        padding: 0px 3px;
        width: 25%;
    }

    .DnnModule-JA_Integrate .DNNModuleContent, .DnnModule-JA_AccountManagement .DNNModuleContent,
    .DnnModule-JT_NewOrderForm_v1 .DNNModuleContent, .DnnModule-JA_Catalogue .DNNModuleContent {
        display: none !important;
    }

    .QuoteCtrlBottom .Col-StockCode > .StockCode {
        height: 28px;
        line-height: 28px;
    }

    .QuoteCtrlBottom .Col-StockCode .fa-search {
        line-height: 28px;
    }

    .ExtraInfoTab_Selected .ProductDisplayGridImageHolder_IMG {
        margin-top: 3px;
    }


    .fa-file-excel-o, .QuoteCtrlWrap_Print,
    .QuoteCtrlExtraLine .lblMarkup, .QuoteCtrlExtraLine .ddlUpdateMarkUp,
    .QuoteCtrlTop .ddlUpdateStatus {
        display: none !important;
    }

    .MAPAdvancedSearch_Body_Left, .MAPAdvancedSearch_Body_Right {
        width: 49%;
        margin: 0;
    }

    .MAPAdvancedSearch_Body_Right_LastLine .btn {
        width: 80%;
    }

    .QuoteCtrlTop .ddlUpdateStatusMobile {
        width: 50%;
        display: block !important;
        margin: 0;
        font-size: 12px;
        height: 2em;
        margin-left: 10px;
        line-height: 2em;
    }

    .QuoteCtrlExtraLine .MarkUpCtrlWrap {
        width: 100% !important;
    }

        .QuoteCtrlExtraLine .MarkUpCtrlWrap .QuoteCtrlHeader {
            width: initial !important;
        }

    .QuoteCtrlExtraLine .ddlUpdateMarkUpMobile {
        display: inline-block !important;
        margin: 0;
        font-size: 12px;
        height: 1.5em;
        margin-right: 10px;
        line-height: 1.5em;
        width: initial !important;
        max-width: 200px;
        float: none;
    }

    .QuoteCtrlTop .QuoteCtrlHeader_Status .col-sm-7 {
        width: initial !important;
    }


    .MobileRowWrapHalf .gradientTile, .MobileRowFull .gradientTile {
        text-align: center;
        display: block;
        height: 100%;
    }


    .InvoiceStatmentWrapper .JA_SearchResultLine_03, .InvoiceStatmentWrapper .JA_SearchResultHeader_03 {
        display: none;
    }

    .timelineFlat .item {
        max-width: 49vw;
        margin-left: 0.5vw !important;
        margin-right: 0.5vw !important;
    }

    .JA_SearchResultLine_03 {
    }

    .FilListGrid .ProductDisplayOrderCtrl .ProductDisplayGridQty .lblProductDisplayGridQty {
        width: 65%;
        display: inline-block;
    }

    .FilListGrid .ProductDisplayOrderCtrl .ProductDisplayGridQty .GridView_ProductQty {
        width: 35%;
    }

    .CustomerQuoteRow > .col-sm-6 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .On2SiteRegister {
        overflow: hidden;
        padding: 20px 30px;
    }


    .QuoteCtrlExtraLine {
        overflow: hidden;
    }

    .PROD_TH_Description {
        width: 40% !important;
    }

    .PROD_TH_NetUnitPrice {
        width: 17% !important;
    }

    .dnn_logo {
        float: left !important;
        text-align: center !important;
        width: 40% !important;
    }

    .JA_HeaderPaneLogo, .HeaderPane {
        height: 75px !important;
        line-height: 75px !important;
    }

        .dnn_logo img, .HeaderPane img {
            height: 30px;
        }

    .HeaderPane {
        height: 75px !important;
        line-height: 75px !important;
        width: 25%;
        text-align: center;
        margin-left: 25px !important;
    }

    .GridAddToCartButtonHolder .GridAddToCartBtn {
        min-width: 105px !important;
        max-width: 105px !important;
        padding: 0;
    }

    /*.mobile_menu {
        display: none !important;
    }*/
    .JA_HeaderPaneLogo, .HeaderPaneA, .HeaderPaneB, .HeaderPaneC {
        display: none;
    }

    .MobileLogoPane {
        display: block !important;
    }

    .mobile_header {
        background: #ce1723 !important;
        position: relative;
        display: block !important;
    }

    .LoginSwitcher, .On2siteLoginWrap {
        display: none;
    }

    /*invoice*/
    .JA_SearchResultLine_Reference, .JA_SearchResultHeader_Reference {
        width: 20% !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .InvoiceStatmentWrapper .JA_SearchResultLine_Action_01, .InvoiceStatmentWrapper .JA_SearchResultHeader_Action_01 {
        width: 17% !important;
        padding-left: 2%;
    }

    .JA_SearchResultLine_Action_01 .PrimaryActionWrap .fa {
        margin-right: 5px !important;
    }

    .JA_SearchResultLine_WebIcon {
        display: none;
    }

    .JA_SearchResultLine_Action_01 .JADropdownBtn {
        padding-left: 0px !important;
    }

    .dropdown-menu {
        right: 0 !important;
        left: auto !important;
    }

    .QuoteSearchOuterWrap > .col-sm-2, .StatementSearchOuterWrap > .col-sm-2, .StatementSearchOuterWrap > .col-sm-10, .StatementSearchOuterWrap > .col-sm-8 {
        margin-bottom: 10px;
        padding: 0px;
    }

        .StatementSearchOuterWrap > .col-sm-2 input {
            font-size: 12px;
        }

    .StatementSearchOuterWrap > .col-sm-2 {
        width: 29%;
        float: left;
    }

        .StatementSearchOuterWrap > .col-sm-2:first-child {
            margin-right: 1%;
        }

        .StatementSearchOuterWrap > .col-sm-2:last-child {
            margin-left: 1%;
        }

    .StatementSearchOuterWrap > .col-sm-8 {
        width: 40%;
        float: left;
    }

    .ddlQuoteTypesWrap, .ddlStatmentTypesWrap {
        padding: 0px;
        text-align: left !important;
    }

    .footer_slogan {
        display: none;
    }

    .AOHeaderCtrlWrap {
        width: 95% !important;
        float: left !important;
    }

    .HeaderPaneC {
        float: left !important;
    }

        .HeaderPaneC .Navigation {
            line-height: 45px;
            right: auto !important;
        }

    .ProductDisplayGridQty {
        width: 39% !important;
    }

    .ProductInfoHolder {
        display: block;
        width: 100% !important;
    }

    .ProductImagesHolder {
        display: none !important;
    }

    .MobileProductImageHolder_Main {
        display: block !important;
        width: 50%;
        float: left;
        border: 1px solid #666;
        text-align: center;
    }

    .ProductInfoInner_row_1 {
        float: right;
    }

    .ProductDetailCol {
        width: 50% !important;
        padding-left: 2% !important;
    }

    .ProductDisplayFormQty span, .ProductDisplayFormQty input {
        height: 28px !important;
        line-height: 28px !important;
    }

    .ProductDisplayFormQty {
        margin-bottom: 3px;
    }

    .ProductRecentPurchaseCol, .ProductStockCol {
        width: 49% !important;
        margin-top: 10px;
        background: none !important;
        border-image: none !important;
    }


    .ProductRecentPurchaseCol {
        clear: both;
    }

    .JA_RecentPurch_LineRowInner, .JA_StockOnHandByBranch_LineRowInner, .JA_StockOnHandByBranch_LineRow, .JA_RecentPurch_LineRow {
        width: 100%;
    }

    .CartListLines .fa {
        margin-right: 3px !important;
    }

    #divAvailableCarts input[type='text'] {
        width: 60% !important;
    }

    .AddNewMultiCartRow .col-sm-5 {
        width: 38% !important;
    }

    .AddNewMultiCartRow .col-sm-2 {
        width: 20% !important;
    }

    .TableQuotes .colSource, .TableQuotes .colDateCreated {
        display: none;
    }

    .TableQuotes .colTotalExGst, .TableQuotes .colTotalInGst {
        width: 11.5% !important;
    }

    .TableQuotes .colAction, .TableQuotes .colBranch {
        width: 15% !important;
    }

    .PrimaryActionWrap .fa {
        margin-right: 0px !important;
        font-size: 20px;
    }

    .TableQuotes .colAction .JADropdownBtn {
        padding-left: 0px !important;
        width: 65%;
    }

    .QuoteCtrlTop .col-sm-6, .QuoteCtrlTop .col-sm-8, .QuoteCtrlTop .col-sm-4 {
        width: 100%;
        overflow: hidden;
        height: auto !important;
        margin-bottom: 10px;
    }

    .QuoteCtrlTop .QuoteCtrlWrap {
        width: 16% !important;
        margin: 0 !important;
        float: left !important;
    }

    .parentPanel .List .Col-StockCode {
        width: 13% !important;
    }

    .parentPanel .List .Col-Desc {
        width: 49% !important;
    }

    .CustomerQuoteLineWrap .JAModuleDataRow, .QuoteDetailLineWrap .JAModuleDataRow {
        line-height: 40px !important;
        min-height: 40px !important;
    }

    .QuoteSearchOuterWrap .col-sm-2 {
        width: 25% !important;
        float: left;
    }

        .QuoteSearchOuterWrap .col-sm-2 .FeatureListBtn {
            font-size: 11px !important;
        }

    .QuoteSearchOuterWrap .col-sm-8 {
        width: 50% !important;
        float: left;
    }

    .QuoteCtrlTop .col-sm-12 > .QuoteCtrlHeader {
        width: 20% !important;
        float: left;
    }

    .QuoteCtrlTop .col-sm-12 > .col-sm-7 {
        width: 80%;
        float: left;
    }

    .QuoteEditBalance .col-sm-6, .QuoteEditBalance {
        width: 50% !important;
        float: left;
    }

    .QuoteCtrlHeader {
        width: 34% !important;
    }

        .QuoteCtrlHeader + .col-sm-7 {
            width: 65% !important;
        }

    .row.QuoteCtrlTop, .QuoteCtrlWrap .CtrlCaption, .QuoteCtrlExtraLine, .AddGroup {
        font-size: 12px;
        width: 100%;
        margin: 0;
    }

        .QuoteCtrlExtraLine [class^="col-sm"] {
            float: left;
        }

        .QuoteCtrlExtraLine > .col-sm-3 {
            width: 49% !important;
        }

    .QuoteDetailWrap .AddGroup, .QuoteDetailWrap .QuoteCtrl{
        width: 50% !important;
        margin: 0;
    }

    .GroupRowList {
        width: 100%;
        min-height: 32px;
        height: initial !important;
        border-bottom: 1px solid #333;
        overflow: hidden;
        line-height: 2em;
        padding: 5px 0px;
    }

    .QuoteForCustomerList .CustomerGroupQuantityWrap {
        width: 7% !important;
    }

    .GroupRowList .CustomerGroupQuantityCtrlWrap {
        width: 27% !important;
    }

    /*.col-CustomerMarkUp .GroupMarkup {
        width: 60%;
    }

    .col-CustomerMarkUp .MarkupValue {
        width: 40% !important;
    }*/

    .CustomerQuoteLineWrap  .GroupRowList .CustomerGroupDescCol {
        width:24%;
    }

    .CustomerQuoteLineWrap .MarkupValue {
        width:30% !important;
        max-width:30% !important;
    }

    .CustomerQuoteLineWrap .GroupRowList .CustomerGroupDescCol .AddProdToGroupBtn {
        width:100% !important;
    }

    .btnUpdateGroupMarkup, .btnUpdateGroupQty {
        margin-left: 3px !important;
    }

    .AddProdToGroupBtn {
        white-space: nowrap;
        width: 78%;
        display: block;
        overflow: hidden;
    }

    .LineGroup .CustomerGroupQuantityWrap #GroupQuantity, .CustomerGroupQuantityWrap  #GroupQuantity{
        margin: 0px;
        width: 40px !important;
    }

    .CustomerQuoteLineWrap .col-Qty .Quantity, .QuoteDetailLineWrap .col-Qty .Quantity {
        width: 40px !important;
        margin-left: 0px !important;
        margin-top: 8px !important;
    }

    .CustomerQuoteLineWrap .col-MarkUp .MarkupValue, .QuoteDetailLineWrap .col-MarkUp .MarkupValue {
        width: 30% !important;
        padding-left: 0px !important;
    }

    .DragIcon, .QuoteForCustomerList .col-Qty .UnitDescription {
        display: none !important;
    }

    .CustomerQuoteLineWrap .col-Product .ProductKeyTitle, .CustomerQuoteLineWrap .col-Product .Productid {
        display: none;
    }

    .CustomerQuoteLineWrap .col-Product, .QuoteForCustomerList .col-Product, .CustomerQuoteLineWrap .GroupRowList .CustomerGroupNameCol {
        width: 17% !important;
    }

    .CustomerQuoteLineWrap .col-MarkUp, .QuoteForCustomerList .col-CustomerMarkUp, .QuoteForCustomerList .col-MarkUp {
        width: 23% !important;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-StockCode_AddNew {
        width: 20% !important;
    }

    .AvailbleStatementWrap .col-sm-5 {
        width: 79% !important;
        float: left;
        padding-left: 0;
    }

    .AvailbleStatementWrap .NowShowingWrap {
        width: 100% !important;
        padding: 0;
    }

        .AvailbleStatementWrap .NowShowingWrap .StatementDate {
            width: 73%;
        }

        .AvailbleStatementWrap .NowShowingWrap .Statement_PrintWrap, .AvailbleStatementWrap .NowShowingWrap .Statement_DownloadExcelWrap {
            display: none;
        }

        .AvailbleStatementWrap .NowShowingWrap .Statement_DownloadPDFWrap {
            text-align: right;
            margin-top: 5px;
            font-size: 14px;
            float: right;
        }

    .AvailbleStatementWrap .col-sm-2 {
        width: 20% !important;
        float: left;
    }

    .AddNewMultiCartRow .col-sm-5 {
        width: 38% !important;
        float: left;
    }

    .AddNewMultiCartRow .col-sm-2 {
        width: 20% !important;
        float: left;
    }

        .AddNewMultiCartRow .col-sm-5 > span, .AddNewMultiCartRow .col-sm-2 > span {
            font-size: 11px;
        }

    .AddNewMultiCartRow, .CartListHeaderWrap {
        width: 100%;
    }

    #CartListHeader .col-sm-3, .CartListLines .col-sm-3 {
        width: 24% !important;
        float: left;
    }

    #CartListHeader .col-sm-2, .CartListLines .col-sm-2 {
        width: 16% !important;
        float: left;
    }

    #CartListHeader .col-sm-1, .CartListLines .col-sm-1 {
        width: 11% !important;
        float: left;
    }

    #CartListHeader .DeleteSelectCol, .CartListLines .DeleteSelectCol {
        width: 9%;
    }

    .CartListLines .CartLineActionCol, #CartListHeader .CartLineActionCol {
        width: 16% !important;
    }

    .AddNewMultiCartRow .SaveNewCart {
        padding: 0;
    }

    .Options_td {
        width: 99% !important;
        margin-bottom: 10px;
    }

    .delivery_td, .comment_td {
        width: 49% !important;
        height: 445px;
        margin-bottom: 10px;
    }

    .MyCartPart {
        padding: 0;
    }

    .MyCartQuantity input.QtyToAdd {
        width: 30px !important;
    }

    .MyCart_Table td, .MyCart_HeaderStyle div {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .MyCartStockHeader, .MyCartDescription {
        width: 26% !important;
    }

    .MyCartYourPrice {    
        width: 14% !important;    
    }

    .MyCartUOMh, .MyCartUOM {
        display: none !important;
    }

    .MyCartSupplied, .MyCartBO {
        width: 5% !important;
    }

    .MyCartCommentCO, .MyCartInfoPopUp {
        width: 2.5% !important;
    }

    .MyCartStockHeader > span {
        display: none;
    }

    .JA_StockAvailability {
        margin-left: 0px !important;
    }

    .MyCartStock {
        line-height: 1.5em !important;
    }

    .JAOrderSummaryTable {
        width: 70% !important;
    }

    .JAFooterLeft, .JAFooterMid, .footer_slogan {
        display: none !important;
    }

    .PopUpRecentPurchaseTableWrap, .RP_PowerTipRow {
        min-width: initial !important;
        font-size: 12px;
    }

    .RPPopUpRefs {
        width: 28%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .RPPopUpInv {
        width: 26% !important;
    }

    .RPPopUpPrice {
        width: 18% !important;
    }

    .RPPopUpQty {
        display: none;
    }

    .RPPopUpDate {
        width: 27% !important;
    }

    .PopUpRecentPurchaseTable, .PopUpRelatedDocumentTable {
        width: 100% !important;
    }

    .timelineFlat .item_open {
        height: 410px !important;
    }

    .lb-number {
        display: none !important;
    }


    .JAFloatCtrl {
        display: none !important;
    }


    .mobile_menu_ico .fa.active {
        background: none !important;
        color: #fff !important;
    }

    #dnn_JA_Footer_Row1_RightPane, .JA_footer_row2 {
        display: none;
    }

    .JA_footer_new {
        background: #ce1723;
        min-height: initial !important;
    }

    .PRDBS_List {
        padding: 0 !important;
    }

        .PRDBS_List > a {
            float: left !important;
        }

    .PaymentResultContainer {
        width: 100% !important;
    }

    .JAFooterLogos {
        padding-bottom: 10px;
    }

    .ListOfCompaniesWrap {
        height: 27vw;
        margin-top: 0;
    }

    .TableQuotes .colSelect {
        display: none;
    }

    .TableQuotes .colQuoteNumber {
        width: 12%;
    }

    .QuoteSearchOuterWrap #btnTurnIntoOrder, #lblAddOwnProduct {
        display: none !important;
    }

    .QuoteSearchOuterWrap .col-sm-8 {
        width: 75% !important;
    }

    .On2SiteLeftLink img {
        display: none !important;
    }

    .JA_TileWrap {
        margin-bottom: 0px;
    }

    .On2siteLoginWrap_in:before {
        display: block;
        content: "";
        width: 100%;
        max-width: 600px;
        min-width: 320px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 1px black solid;
        background: -moz-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F0107), color-stop(100%,#ce1723));
        background: -webkit-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -o-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -ms-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: linear-gradient(to bottom, #7F0107 0%, #ce1723 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F0107', endColorstr='#ce1723',GradientType=0 );
    }

    .BannerPane {
        display: none !important;
    }

    .JA_Shop_SearchrowMobile {
        display: none;
    }

        .FilteredListHeader, .JA_Shop_SearchrowMobile > .col-sm-2 {
            display: none;
            margin: 0;
            padding: 0;
        }

    .CheckoutTabDIV {
        margin-bottom: 0px;
    }

    .floatCart, #to_top, .JAFloatSave {
        border: none !important;opacity:1 !important;
        box-shadow: 1px 1px 3px 1px #000;
        background: #ce1723;
        color: #fff;
        width: 45px;
        height: 45px;
        border-radius: 0px;
        text-align: center;
        line-height: 45px;
        bottom: 40px !important;
        right: 40px !important;
        margin: 0px !important; display:block !important;
    }

        .floatCart .fa {
            display: inline;
            color: #fff;
            margin: 0;
            height: 45px;
            line-height: 45px;
            width: 45px;
        }

    #to_top {
        right: 0px !important;
    }

        #to_top:after {
            content: "\f062";
            font-family: FontAwesome;
            color: #fff !important;
        }

    .JAFloatSave {
        height: 31px;
        width: 31px;
        right: 7px !important;
        bottom: 90px !important;
    }

        .JAFloatSave .saveIcon {
            font-size: 22px;
            color: #fff;
            transform: translate(15%, -15%);
        }

    .CartHidden {
        width: 100% !important;
    }

    .LoginCtrlRow_OnFloat .CartHidden {
        min-width: 280px;
        margin-left: 0px !important;
    }

    .LoginCtrlRow_OnFloat .CartHidden {
        min-width: 320px !important;
        width: 320px !important;
    }

    .LoginCtrlRow_OnFloat .HeaderOn2siteTopLeftPane, .LoginCtrlRow_OnFloat .HeaderOn2siteTopSep, .LoginCtrlRow_OnFloat .HeaderCartWrapper {
        display: none !important;
    }

    .CartHiddenBottom .TwoPaneHolder {
        line-height: 32px !important;
    }

    .LoginCtrlRow_OnFloat {
        max-width: 280px !important;
        background: none !important;
        box-shadow: none !important;
    }

    .On2siteLoginWrap {
        width: 95% !important;
        overflow: hidden;
        display: none;
    }

    .FloatCartInMobile {
        display: block;
    }

    .CSHiddenHolderImg {
        margin: 0px 10px !important;
    }

    .btnReviewOrder {
        padding: 0px 10px !important;
        height: 24px !important;
        line-height: 24px !important;
    }

    .CartHidden::before {
        display: none;
    }

    .SearchOptionsWrapper {
        display: none;
    }

    .MobileRowWrapHalf .Tile_Header {
        font-size: 13px !important;
    }

    .TileNoIcon .Tile_Header {
        padding: 0px;
    }

    .QuoteRowWrapInner .colEdit, #ListHeader .colEdit {
        display: none;
    }

    .QuoteRowWrapInner .colReference {
        width: 16%;
    }
    
    #ListHeader .colReference, .QuoteRowWrapInner .colReference {
        width:24%;
    }
    
    #ListHeader .colType, .QuoteRowWrapInner .colType {
        width:18% !important;
    }


    .QuoteRowWrapInner .colType {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 15%;
    }

    .dnnTooltip .dnnFormHelpContent {
        width: initial !important;
    }

    .dnnTooltip {
        position: relative !important;
    }

    .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
        width: auto !important;
        clear: both;
        display: inline-block !important;
    }

    .JASlideFilterBtnWrap {
        display: none !important;
    }

    .owl-wrapper .PopProductsAddButtons .AddSingleToCartButtonClick {
        width: 100% !important;
    }

    .JA_Home_Content .carousel .owl-buttons .owl-prev {
        left: -35px !important;
    }

    .JA_Home_Content .carousel .owl-buttons .owl-next {
        right: -35px !important;
    }

    .ExtraInfoTabs .owl-item, .ExtraInfoTabs .owl-item:first-child {
        border: none !important;
    }

    .ExtraInfoTab_Selected {
        background: none !important;
    }

    .owl-item .PopProductsGrid {
        padding: 0% 5% 3% 5% !important;
    }

    .ExtraInfoTab_Selected .carousel img {
        margin-top: 5px;
    }

    /*.VAPButtonWrapperLeft, .VAPButtonWrapperRight {
        width:49% !important;
    }*/

    .VAPButtonWrapper .AddSingleToCartButtonClick {
        width: initial !important;
        min-width: 115px;
    }

    .VAPButtonWrapper {
        border-bottom: none;
    }

    .event-details img {
        height: initial;
    }

    .rsvp-nav li {
        width: 100%;
    }

        .rsvp-nav li .info p {
            text-align: left;
        }

    .rsvp-nav .nav-message {
        position: relative;
        top: initial;
        right: initial;
    }

    .rsvp-nav .formError {
        position: relative !important;
        top: initial !important;
        left: initial !important;
        margin: 0 !important;
    }

        .rsvp-nav .formError .formErrorContent {
            border: none !important;
            box-shadow: none !important;
        }

    .rsvp-nav .formErrorArrow {
        display: none;
    }


    .hideInMobileLandscape {
        display: none !important;
    }

    .fa-print {
        display: none !important;
    }

    .colAction .PrimaryActionWrap {
        width: 35%;
    }

    .JA_SearchResultLine_Status {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-Desc {
        width: 42% !important;
    }

    .edMaps_html > a{
        display:none !important;
    }

    .edMaps_markerWrapper .edMaps_html > a{
        display:block !important;background: #ce1723;
    width: 40%;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 3px 5px;
    }

    
    .edMaps_map.edMaps_theme__default-Default .edMaps_markerWrapper > .edMaps_markerActions {
        display:none;
    }

    .edMaps_contentBellow .MapStoreHours, .edMaps_contentBellow .JAMobileFABDirection{
        display:none !important;
    }

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { /* SmartPhones*/

    .ModHfLabsDnnJobListingC .listingViewOptionLeft {
        font-size:11px;
        width:37%;
    }

    .ModHfLabsDnnJobListingC .listingViewOptionRight {
        font-size: 11px;
        width: 63%;
    }
    .EmailArea_LastLine {
        margin-top: 10px;
    }


    .HeaderCartText {
        padding-left:5px;
    }

    .UpdateOrderButton {
        float:none!important;
    }

    .GroupRowList .CustomerGroupNameCol {
        padding:0;
    }

    .QuoteDetailLineWrap .GroupQuantityWrap input, .CustomerGroupQuantityWrap #GroupQuantity {
        width:40px !important;
    }

    .ReviewOrderCtrlWrap {
        text-align:center;
    }

    #CartHolder {
        padding-left:0;
    }

    .MarkupValue {
        margin-left:5px !important; border: 1px solid #aaa !important; 
    }

    .GroupMarkup, .MarkupLine {
         border: 1px solid #aaa !important; 
    }
    .QuoteDetailLineWrap .GroupRowList > .GroupQuantityWrap, .QuoteDetailLineWrap .GroupRowList > .GroupQuantityCtrlWrap  {
        display:none;
    }

    .AdvanceSearchActive .FilterProductCtrlInnerA .QuoteGroups {
        display:none;
    }

    .GroupRowList > .CustomerGroupQuantityWrap, .GroupRowList > .CustomerGroupQuantityCtrlWrap, .GroupRowList > .col-CustomerMarkUp {
        display:none; 
    }

    .edMaps_contentBellow .MapStoreHours, .edMaps_contentBellow .JAMobileFABDirection{
        display:none !important;
    }

    #divAvailableCarts input[type='text'] {
        width:95% !important;
    }
    
.floatCart.disable {
    display:none !important;
    pointer-events:none;
    background:#333;
}

#to_top.disable{
    display:none !important;
    background:#333;
    pointer-events:none;
}
    
    .MapStoreHours {
        font-size:9px; line-height:1.5em; padding:3px 0px;
    }

    .edMaps_html > a{
        display:none !important;
    }

    .edMaps_markerWrapper .edMaps_html > a{
        display:block !important;background: #ce1723;
    width: 40%;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 3px 5px;
    }

    .edMaps_map.edMaps_theme__default-Default .edMaps_markerWrapper > .edMaps_markerActions {
        display:none;
    }

    .edMaps_contentBellow {
        box-shadow:none !important;
    }

     #MinimalViewBtnWrap:active, #MinimalViewBtnWrap:focus,
    #btn_Shop_AddProductBySelect:active, #btn_Shop_AddProductBySelect:focus,
    .CatalogueCtrl:active, .CatalogueCtrl:focus,
    .CompanySelectorButton:active, .CompanySelectorButton:focus,
    .change_password:active, .change_password:focus, #btn_Shop_AddProductBySelect.adding {
        color: #ce1723 !important;
        background: #ffffff !important;
        border-radius: 4px;padding:0px 5px;
    }
	
	
	.logout_btn:active, .logout_btn:focus,
	.btn-primary:active, .btn-primary:focus,
	.btn-secondary:active, .btn-secondary:focus,
	.btnReviewOrder:active, .btnReviewOrder:focus,
	.MobileActionItem:active, .MobileActionItem:focus,
	.dnnPrimaryAction:active, .dnnPrimaryAction:focus{
		color: #ce1723 !important;
        background: #ffffff !important;
		border:1px solid #ce1723!important;
	}
	
	.MobileSelectThisCart:active, .MobileSelectThisCart:focus{
		color:#ce1723 !important;
	}

    .ExistInCartIcontrue, .ExistInQuoteIcontrue, .ExistInCartIconTrue, .ExistInCatalogueIcontrue {
        left: -3px !important;
    }

    .JAVAP .JA_SectionBreak {
        margin: 0;
        background: none;
        padding: 0 !important;
    }

        .JAVAP .JA_SectionBreak .JA_SectionBreakWrap {
            margin: 0 !important;
            padding: 0 !important;
        }

    .JAVAP .carousel_4 .item {
        margin: 0 15px;
    }

    .JAVAP .JA_SectionBreak:after {
        display: none;
    }

    .ProductDetailsHolder {
        margin: 0;
    }

    span.CartLineDefaultTag {
        margin-top: 1px !important;
    }

    .QuoteDetailWrap .QuoteRow_AddNew .Col-StockCode #StockSearchInput {
        width: 100% !important;
        margin-top: 5px;
    }

    .PopularProductsDataListHolder {
        padding-top: 10px;
    }

    .PopUpRelatedDocumentTableWrap {
        min-width: initial !important;
    }


    .ListOfCompaniesWrap {
        margin: 0 0 10px 0;
    }

    .btnSelectNewCompanyTrigger {
        display: none !important;
    }

        .btnSelectNewCompanyTrigger .NotforMobile {
            display: none !important;
        }

    .QuoteCtrlBottom .Col-StockCode > .StockCode {
        height: 28px;
        line-height: 28px;
    }

    .EmailArea_List, .NewQuoteSearch_Line.EmailArea_List {
        height: 180px !important;
        overflow: auto !important;
    }

    .JA_shop_searchrow .col-sm-8 {
        padding: 0;
    }

    .AvailbleStatementWrap .NowShowingWrap .StatementDate {
        width: 90%;
    }

    .RSRImage {
        clear: both;
        width: 100% !important;
        height: initial !important;
    }

    .QuoteCtrlBottom .Col-StockCode .fa-search {
        line-height: 28px;
    }

    .RemoveSavedCartWrap .btn {
        float: left;
        width: 48%;
        margin-right: 2%;
    }

    .VAPCartBtn span {
        padding-left: 4px;
        width: initial;
    }

    .VAPButtonWrapper .AddSingleToCartButtonClick {
        width: initial !important;
        max-width: initial !important;
        min-width: 115px;
    }

    .CartHidden::before {
        display: none;
    }

    .fa-print, .fa-file-excel-o, .Statement_PrintWrap, .Statement_DownloadExcelWrap, .QuoteCtrlWrap_Print {
        display: none !important;
    }

    .dnnTooltip .dnnFormHelpContent {
        width: initial !important;
    }

    .event-details img {
        height: initial;
    }

    .rsvp-nav li {
        width: 100%;
    }

        .rsvp-nav li .info p {
            text-align: left;
        }

    .dnnTooltip {
        position: relative !important;
    }

    .CartListHeaderWrap {
        height: 85vw;
    }

    /*repsonive hide*/
    .mobile_dnn_logo, #ico_search, .HeaderPane_mobile, #mobile_search, #mobile_user, .HeaderPaneB_mobile {
        display: none !important;
    }

    .On2SiteLeftLink img {
        display: none !important;
    }

    .MobileOnly {
        display: block !important;
    }

    /*.roll_menu {
        position: fixed !important;
    }

    .JAHomeWithTiles .JA_Header {
        background:#ffffff !important;
    }

    #dnn_content {
        padding-top:70px !important;
    }*/

    h1, h2 {
        font-size: 18px !important;
    }

    h3 {
        font-size: 14px !important;
    }

    .JAPageHeader {
        margin-bottom: 0px;
    }

    .JAPageHeaderWrap, .JA_SectionBreakWrap {
        margin: 0 0 1em 0 !important;
    }

    .JAPOPupWrap_Active {
        max-width: 95% !important;
        min-height: initial !important;
    }

    .JA_HeaderPaneLogo, .HeaderPaneA, .HeaderPaneB, .HeaderPaneC {
        display: none !important;
    }

    .AOHeaderCtrlWrap {
        width: 100% !important;
        float: none !important;
    }

    .JA_HeaderPaneC_BottomOutter {
        width: 95% !important;
    }

    /*.On2siteLoginWrap .DnnModule-Authentication .btnLogin, .On2siteLoginWrap .logout_btn {
        padding: 0px 20px !important;
    }*/

    .HeaderOn2sitePaneLogin .On2siteLoginWrapInnerLogined .CompanySelectorButton, .HeaderOn2sitePaneLogin .On2siteLoginWrapInnerLogined .change_password {
        line-height: 2em;
        margin-top: 0.5em;
    }

    .mobile_menu_ico .fa.active {
        background: none !important;
        color: #fff !important;
    }

    .LoginSwitcher {
        display: none;
    }

    .mobile_header:before {
        display: block;
        content: "";
        width: 100%;
        max-width: 600px;
        min-width: 320px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 1px black solid;
        background: -moz-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F0107), color-stop(100%,#ce1723));
        background: -webkit-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -o-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -ms-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: linear-gradient(to bottom, #7F0107 0%, #ce1723 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F0107', endColorstr='#ce1723',GradientType=0 );
    }

    .mobile_header {
        background: #ce1723 !important;
        position: relative;
    }

    .CartHidden {
        width: 100% !important;
    }

    .CSHiddenHolderImg {
        margin: 0px 10px !important;
    }

    .On2siteLoginWrapInnerLogined > img {
        display: none !important;
    }

    .JA_Home_Content {
        padding-top: 5px !important;
    }

    .On2siteLoginWrapInner, .On2siteLoginWrap .dnnLoginService {
        padding: 10px 15px 0px 15px !important;
    }

    .On2siteLoginWrap {
        width: 95% !important;
        display: none;
    }

    .loginContent .LoginPanel, .On2siteLoginWrapInnerLogined {
        width: 100% !important;
        min-width: initial !important;
    }

    .BannerPane {
        display: none !important;
    }

    .loginContent .dnnFormLabel {
        display: none !important;
    }

    .ico_menu_TabletWrap {
    }

    /*General*/

    .RSRBtn {
        display: none !important;
    }

    .MobileLogoPane {
        display: block !important;
    }

    .OnlyForMobile {
        display: inline-block !important;
    }

    .flyoutmenuWrap {
        display: none !important;
    }

    .hideInMobile {
        display: none !important;
    }

    .dnnFormMessage span {
        width: 93% !important;
        margin-left: 7% !important;
    }

    .footer_slogan {
        line-height: 1.5em !important;
        padding: 0px !important;
        display: none !important;
    }

    .JAFooterLogos li {
        max-width: 100%;
        width: initial !important;
        text-align: right;
        margin-right: 4%;
        padding-top: 2%;
        margin-top: 1%;
    }

    ul.JAFooterLogos img {
        height: 55px !important;
    }

    .JAFooterLogos li:last-child {
        margin-right: 0px !important;
    }

    .ProductNameCol {
        width: 100% !important;
    }

    .JA_SectionBreakHeading {
        font-size: 18px !important;
        font-weight: 400 !important;
    }

    .JA_footer_row2 {
        width: 85%;
        margin: 0 auto;
    }

    .JAFooterBlub {
        text-align: justify;
    }

    .JAFooterPaneInnnerLeft, .JAFooterPaneInnnerRight {
        padding-top: 0px !important;
        width: 100% !important;
    }

    .JAFooterPaneInnnerRight {
        display: none !important;
    }

    .FilterProductCtrlInnerC, .FilterProductCtrlInnerD, .FilterProductCtrlInnerE {
        width: 100% !important;
        margin-bottom: 3px;
    }

    .JAFooterLogos {
        padding: 0 !important;
    }

    .JA_footer_newInner .col-sm-6 {
        padding: 0px 0px 20px 0px !important;
    }

    /*filteredProducts*/

    .ProductDisplayGrid .PROD_DESC_LINE1 {
        min-height: 3em;
    }

    .ProductDisplayGridQty {
        width: 100% !important;
    }

        .ProductDisplayFormQty .GridView_ProductQty, .ProductDisplayGridQty .GridView_ProductQty {
            height: 1.5em !important;
        }

    .owl-item .GridView_ProductQty {
        height: 2em !important;
    }

    .FilListGrid .ProductDisplayOrderCtrl .GridAddToCartButtonHolder {
        width: 75%;
    }

    .FilListGrid .ProductDisplayOrderCtrl > .tooltips {
        width: 25%;
    }

    .FilListGrid .ProductDisplayOrderCtrl .GridAddToCartButtonHolder .GridAddToCartBtn {
        min-width: 100% !important;
        max-width: 110px !important;
        padding: 0px 5px !important;
    }

    .ProductDisplayOrderCtrl .tooltips {
        width: 25%;
        float: left;
    }

    .hasGrpFilter::before {
        left: -3px !important;
    }

    .ProductDisplayGrid {
        border-left: none !important;
        border-left-width: 0px !important;
        clear: both !important;
    }

    .PopProductsGrid {
        width: 90% !important;
        padding: 0% 3% 10% 3% !important;
        margin: 10px auto !important;
        /*float: none !important;
        overflow: hidden;*/
    }
    /*2 x 6*/
    .FilListGrid {
        width: 50% !important;
        padding: 0% 1% 3% 1% !important;
        margin: 0px auto !important;
        overflow: hidden;
        float: left !important;
        clear: initial !important;
        border: none !important;
        background: none !important;
    }

        .FilListGrid .PROD_IDC_DESC, .FilListGrid .PROD_DESC_LINE2, .FilListGrid .PROD_DESC_LINE3, .FilListGrid .PROD_WEB_CATEGORY_DESC, .FilListGrid .GTIN1 {
            display: none;
        }

    .ProductDetailCol .PROD_IDC_DESC, .ProductDetailCol .PROD_DESC_LINE2, .ProductDetailCol .PROD_DESC_LINE3, .ProductDetailCol .PROD_WEB_CATEGORY_DESC, .ProductDetailCol .GTIN1, .ProductDetailCol .GTIN1 > span {
        font-size: 12px !important;
        line-height: 1.5em !important;
    }

    .ProductInfoInner_row_1 {
        padding-left: 8px !important;
        padding-bottom: 5px;
    }

    .ProductDisplayGridIconHolder {
        display: none;
    }

    .ProductDisplayGridDetailHolder {
        height: initial !important;
    }

    .ProductDisplayGridPriceRowOne, .ProductDisplayGridPriceRowTwo {
        white-space: nowrap;
    }

        .ProductDisplayGridPriceRowTwo span {
            font-size: 12px !important;
        }

    .ProductDisplayGrid:nth-child(4n-3) {
        border-left: none !important;
    }



    .FilteredListHeader .TwoPaneLeftHolder, .FilteredListHeader .TwoPaneRightHolderRight {
        width: 95% !important;
        margin-bottom: 5px;
        text-align: left;
    }

    .CategoryPicHolder, .CategoryPicInnerHolder, .CategoryDescHolder, .CategoryPicLink img {
        width: 100% !important;
    }

    .ProductDisplayListPane1, .ProductDisplayListPane2, .ProductDisplayListPane3 {
        width: 100% !important;
    }

    /*VAP*/

    .ProductImagesHolder, .ProductInfoHolder, .ProductDisplayFormPriceLeftHolder, .ProductDisplayFormPriceRightHolder, .ProductDetailCol {
        width: 100% !important;
        padding: 0 !important;
        max-width: 100% !important;
        border: none !important;
    }

    .ProductRecentPurchaseCol, .ProductStockCol {
        width: 100% !important;
        background: none !important;
        border: none !important;
        margin: 0px 0px 5px 0px;
        padding: 0;
    }

    .ProductInfoUpperWrapper, .VAPButtonWrapper, .JA_StockOnHandByBranch_LineRow, .JA_RecentPurch_LineRow, .JA_RecentPurch_LineRowInner {
        width: 100% !important;
    }

    .VAPButtonWrapper {
        border-bottom: none;
    }

    .ProductDisplayFormQty {
        margin-bottom: 0.5em;
    }

    .ProductCBWCol {
        width: 70% !important;
        text-align: left !important;
        float: left !important;
        margin-left: 10px;
    }

    .VAPQtyBreak0 {
        display: none !important;
    }

    .JAFooterLeft, .JAFooterMid {
        display: none !important;
    }

    .JAFooterRight {
        padding: 0 !important;
        width: 85% !important;
        margin: 35px auto !important;
        float: none !important;
    }

    .VAPButtonWrapperPDF, .VAPButtonWrapperAtSource1 {
        float: left !important;
        width: 13% !important;
    }

    .AccessoryList .AccessoryListImg, .AccessoryList .AccessoryListWS, .AccessoryList .AccessoryListBO, .AccessoryList .AccessoryListStock, .AccessoryList .AccessoryListDescription {
        display: none !important;
    }
    /*Bulkorder*/
    .BulkOrderInfo, .BulkOrderInput {
        width: 100% !important;
    }

    /*JT_NewOrder*/
    .NOFListOfProducts_ProductName, .NOFListOfProducts_UOM, .NOFListOfProducts_PE, .NOFListOfProducts_QtyExclBO, .NOFListOfProducts_QtyBO, .NOFListOfProducts_ETD {
        display: none !important;
    }

    .OrderSearchHolder div {
        font-size: 11px;
    }

    .AutocompleteHolder {
        width: 100%;
    }

    .AutocompleteHolder_Qty {
        text-align: right;
        width: 18% !important;
    }

    .AutocompleteHolder_AddButton {
        width: 18% !important;
        padding-left: 0px !important;
    }

    .AutocompleteHolder_UOM {
        display: none !important;
    }

    /*AutoComplete Dropdown*/
    /*.AutocompleteImageHolder, .lblAutoCompleteProductName {
        display: none !important;
    }*/

    .lblAutoCompleteProductId {
        font-size: 11px !important;
    }

    .ui-autocomplete {
        width: 90% !important;
    }

    .AutocompleteProductIdName {
        width: 100% !important;
        height: 2em !important;
    }

    .AutocompletePrice {
        width: 20% !important;
        height: 2em !important;
    }

    .AutocompleteInStockBackorder {
        width: 15% !important;
        height: 2em !important;
        font-size: 11px !important;
    }

    li.ui-menu-item {
        height: 2.5em !important;
        line-height: 2.5em !important;
    }

    .AutocompleteHolder_ProdComment {
        padding-top: 10px;
    }

    /*dashboard*/
    .DashboardTable {
        width: 100% !important;
    }

    .FilterOptionsHolder {
        width: 100% !important;
    }

    .searchBoxHolder {
        width: 50% !important;
    }

        .searchBoxHolder .ui-autocomplete-input {
            width: 99%;
        }

    .DTLog {
        font-size: 10px !important;
        line-height: 1em !important;
    }

    .ItemCountOneThird {
        width: 100% !important;
        margin-bottom: 5px;
        text-align: center !important;
    }

    .DTLogWrapper {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }



    /*Reoccuring Orders*/

    .ReoccuringOrderTable .ReoccuringOrderCell_Price {
        width: 20% !important;
    }

    .ReoccuringOrderCell_Code, .ReoccuringOrderCell_ATC, .ReoccuringOrderCell_QTY {
        width: 25% !important;
        word-break: break-word;
    }

        .ReoccuringOrderCell_QTY input.QtyToAdd {
            margin: 0px !important;
            width: 70%;
        }

    /*wishlist*/
    .CartProductList_Table td {
        width: 100% !important;
        display: block;
    }

    .SaveCart_Table {
        font-size: 11px;
    }

        .SaveCart_Table th {
            line-height: 1.5em;
        }

        .SaveCart_Table td, .SaveCart_Table th {
            padding: 0px !important;
        }

    .LastPurchasedProdCol {
        display: none;
    }


    /*Checkout*/

    .deliveryHolder_Row > td {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .deliveryHolder_Row td input {
    }


    .ShippingDetail > table td input {
        width: 100% !important;
    }

    .MyCartInnerHolder {
        height: auto !important;
        padding: 10px 0 !important;
        position: relative;
    }

        .MyCartInnerHolder div {
            width: 100%;
            line-height: 1.5em !important;
        }

    .pCheckoutCartList1 .MyCartInnerHolder .MyCartStock {
        width: 100%;
    }

    .MyCartImage {
        display: block;
    }

        .MyCartImage img {
            width: 100% !important;
        }

    .MyCartPart, .MyCartStock {
        padding: 0 !important;
        text-align: left !important;
    }

    .MobileHeader {
        width: 35% !important;
    }

    .loriginalprice, .wspriceclass, .yppriceclass {
        width: 64% !important;
    }

    .MyCartQuantity, .MyCartSupplied, .MyCartBO {
        text-align: left !important;
    }

        .MyCartQuantity input.QtyToAdd {
            margin: 0 !important;
            line-height: 20px !important;
        }

    .MyCartCommentCO {
        width: 40% !important;
    }

        .MyCartCommentCO .CommentImage {
            float: right;
        }

    .MyCartInfoPopUp {
        width: 7% !important;
    }

    .MyCartTotal, .MyCartRemove {
        text-align: left !important;
        padding: 0 !important;
    }
    /*Recently Viewed*/


    .recentlyProductWrapper table tr {
        width: 100% !important;
    }

    .ProductDisplayFormWishlist a {
        width: 48% !important;
        margin-top: 5px;
        float: left;
    }

    .multi_menu ul li.active > a, .multi_menu ul li a:hover, .multi_menu ul li.current > a, .multi_menu ul li.current > a:hover {
        background-color: #ce1723 !important;
        color: #fff !important;
        font-weight: 700;
    }

    .On2siteLoginWrap_in:before {
        display: block;
        content: "";
        width: 100%;
        max-width: 600px;
        min-width: 320px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 1px black solid;
        background: -moz-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F0107), color-stop(100%,#ce1723));
        background: -webkit-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -o-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: -ms-linear-gradient(top, #7F0107 0%, #ce1723 100%);
        background: linear-gradient(to bottom, #7F0107 0%, #ce1723 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F0107', endColorstr='#ce1723',GradientType=0 );
    }

    /*#powerTip {
        max-width:100% !important;
    }*/

    .JA_shop_searchrow > .col-sm-2:first-child {
        padding-right: 15px;
    }

    .JA_shop_searchrow > .col-sm-2:last-child {
        padding-left: 15px;
    }

    /*invoice*/
    .QuoteSearchOuterWrap > .col-sm-2, .StatementSearchOuterWrap > .col-sm-2, .StatementSearchOuterWrap > .col-sm-8, .QuoteSearchOuterWrap .col-sm-8 {
        padding: 0px 15px !important;
        margin-bottom: 10px;
    }

    .StatementSearchOuterWrap .col-sm-12 {
        margin: 0px 0px 10px !important;
        padding: 0px !important;
        overflow: hidden;
    }


    .IAS_LoadMore_02 {
        margin: 0px !important;
        width: 100% !important;
    }

    .IAS_LoadMore_02_02 {
        font-size: 20px !important;
        width: 40%;
    }

    .IAS_LoadMore_02_01, .IAS_LoadMore_02_03 {
        width: 27%;
    }

    .ddlQuoteTypesWrap, .ddlStatmentTypesWrap, .quoteResultCountWrap, .statmentResultCountWrap {
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .JA_SearchResultHeader {
        display: none !important;
    }

    .JA_SearchResultLine, .JA_StatementLine, .QuoteRowWrap {
        height: initial !important;
        padding: 10px 0px;
    }

    .JA_SearchResultLineInner > div {
        width: 100% !important;
        clear: both;
        float: none;
        padding: 0px !important;
        line-height: 1.5em;
    }

    .JAFloatCtrl {
        display: none !important;
    }

    .JA_Statement_SearchResultHeader, .JA_SearchResultLine_Status, .JA_SearchResultLine_03, .PrimaryActionWrap, .JA_Inv_PSlipDate, .JA_SearchResultLine_Total_01, .JA_Inv_PSlipDate, .JA_Inv_InvoiceDate, .JA_SearchResultLine_Action_01,
    #MobileAction03, #MobileAction04, #MobileAction06, #MobileAction07, .JA_StatementResultLine_Date, .JA_StatementResultLine_01_Money {
        display: none !important;
    }

    .JAModuleHeaderRowBalance, .JA_StatementBalanceLine {
        display: block !important;
        border-bottom: 1px solid #ccc;
    }

    .JA_SearchResultLineInner > div .MobileHeader, .QuoteRowWrapInner > div .MobileHeader {
        float: left;
        font-weight: 700;
        width: 40% !important;
    }

    .MobileCtrlRow .MobileHeader {
        float: left;
        font-weight: 700;
        width: 40% !important;
    }

    .FilteredListHeader {
        margin: 0px !important;
        display: none;
    }

    .JA_Shop_SearchrowMobile, .SearchOptionsWrapper {
        display: none;
    }

    .JA_SearchResultLineInner {
        width: 70% !important;
        float: left !important;
    }

    .QuoteRowWrapInner {
        width: 60% !important;
        float: left !important;
    }

    .JA_SearchResultLine .CtrlCol {
        width: 30% !important;
        float: left !important;
    }

    .JA_StatementLine .JA_SearchResultLineInner {
        width: 60% !important;
    }

    .JA_StatementLine .CtrlCol {
        width: 40% !important;
        float: left !important;
    }

    .JA_StatementHeader_01 .col-sm-9, .JA_StatementHeader_01 .col-sm-8, .JA_StatementHeader_01 .col-sm-2, .JA_StatementHeader_01 .col-sm-5 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 10px;
    }

    #JA_IAS_Statement_AdvancedSearch {
        width: 100% !important;
    }

    .lblNoShowing {
        display: none;
    }

    .Statement_PrintWrap, .Statement_DownloadExcelWrap, .Statement_DownloadPDFWrap {
        width: 10% !important;
        float: right;
        font-size: 14px;
        margin-top: 5px;
    }

    /*#AdvancedPayPanel, #AdvancedSearch {
        padding: 0px !important;
    }*/

    .MAPAdvancedSearch_Body_Left, .MAPAdvancedSearch_Body_Right {
        width: 98% !important;
        margin: 0 auto !important;
        float: initial;
    }

    .AdvancedSearch_Line_01, .AdvancedSearch_Line_Account_01 {
        line-height: 1.5em !important;
        margin-top: 10px;
    }

    .AdvancedSearch_Line_01, .AdvancedSearch_Line_02, .AdvancedSearch_Line_Account_01, .AdvancedSearch_Line_Account_02 {
        width: 100% !important;
        padding: 0px 0px !important;
        line-height: 24px;
    }

    .AdvancedSearch_Line, .AdvancedSearch_Line_01, .AdvancedSearch_Line_02, .AdvancedSearch_Line_Account_01, .AdvancedSearch_Line_Account_02 {
        height: initial !important;
    }

    .AdvancedSearch_Line_Account_02 {
        padding-bottom: 10px;
    }

    /*Quote*/
    .TableQuotes .JAModuleHeaderRow, .colEdit, .colDateCreated, .colTotalExGst, .colTotalInGst, .colSelect,
    .colChangeStatus, .colAction, .colStatus {
        display: none;
    }

    .QuoteRowWrap {
        float: left;
        width: 100%;
    }

    .QuoteRow {
        height: initial !important;
    }

    .QuoteRowWrapInner .MobileHeader {
        width: 35% !important;
        float: left !important;
        font-weight: 700;
    }

    .QuoteRowWrapInner > div {
        width: 65% !important;
        line-height: 1.5em;
        padding: 0px !important;
        min-height: 1.5em !important;
    }

    .QuoteRowWrap .CtrlCol {
        width: 40% !important;
        float: left !important;
    }

        .QuoteRowWrap .CtrlCol .MobileCtrlRow {
            min-height: 1.5em;
            line-height: 1.5em;
            text-align: right;
        }

    .QuoteRowWrap .MobileCtrlRow .MobileHeader {
        width: 50% !important;
    }



    .QuoteRowWrap .MobileCtrlRow span.tooltips.StatusIcon.fa.fa-bolt {
        padding-right: 5px !important;
    }

    .QuoteRowWrapInner .QuoteRow {
        pointer-events: none;
    }

    .QuoteSearchOuterWrap #btnTurnIntoOrder, #lblAddOwnProduct {
        display: none !important;
    }

    .NewQuoteSearch_Line .NewQuoteSearch_LineHeader, .NewQuoteSearch_Line input {
        width: 100% !important;
    }

    .NewQuoteSearch_LineHeader, .NewQuoteSearch_Line {
        line-height: 1.5em !important;
    }

        .NewQuoteSearch_Line input, .NewQuoteSearch_Line select {
            margin: 0px 0px 10px 0px !important;
        }

    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .QuoteCtrlTop [class^="col-sm"], .QuoteCtrlExtraLine [class^="col-sm"] {
        width: 100%;
        float: left;
        height: initial !important;
        line-height: 1.5em;
        font-size: 12px;
    }

    .QuoteCtrlTop .QuoteCtrlWrap {
        float: left !important;
        margin: 0px !important;
        width: 100% !important;
    }

    .QuoteCtrlWrap .CtrlCaption {
        text-align: left !important;
        line-height: 1.5em !important;
        font-size: 12px !important;
    }

    .QuoteCtrlTop .QuoteCtrlWrap .fa {
        width: initial !important;
        font-size: 12px !important;
        float: left !important;
        margin: 0px !important;
        padding: 3px 5px 0px 0px !important;
    }

    .QuoteActionHeader {
        font-weight: 700;
    }

    .QuoteCtrlTop {
        margin-bottom: 0px;
    }

    /*QuoteDetail*/
    .QuoteDetailLineWrap .JAModuleDataRow {
        height: initial !important;
        min-height: 11.5em;
        position: relative;
        padding: 10px 0px;
    }


        .QuoteDetailLineWrap .JAModuleDataRow div > div, .CustomerQuoteLineWrap .JAModuleDataRow div {
            width: 100%;
            line-height: 1.5em;
        }

    .CustomerQuoteLineWrap .JAModuleDataRow .col-MarkUp{
        width:100% !important;
    }


        .QuoteDetailLineWrap .JAModuleDataRow div .MobileHeader {
            width: 35%;
            float: left;
            text-align: left !important;
            font-weight: 700;
            clear: both;
        }

    input.Stock {
        width: 65% !important;
        float: left;
    }

    .QuoteDetailLineWrap .JAModuleRowWrap ul input {
        line-height: initial !important;
    }

    .QuoteRow_AddNew {
        overflow: initial !important;
        min-height: 6.5em !important;
    }

        .QuoteRow_AddNew .HideInQuoteRow {
            display: inline-block !important;
        }


        .QuoteRow_AddNew .MobileHeader_AddNew, .QuoteRow_AddNew .Col-StockCode .fa-search,
        .QuoteRow_AddNew .Col-Qty, .QuoteRow_AddNew .Col-Unit, .QuoteRow_AddNew .Col-Unit, .QuoteRow_AddNew .Col-UnitPrice, .QuoteRow_AddNew .Col-Extension, .QuoteRow_AddNew .Col-RemoveLine {
            display: none !important;
        }

    .QuoteDetailLineWrap .QuoteRow_AddNew {
        padding: 0 !important;
    }

    .GroupDescCol {
        display: none !important;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Description_tip {
        display: none;
    }

    .QuoteDetailLineWrap .QuoteRow_AddNew .Col-Desc {
        margin-top: 5px;
    }

    .QuoteDetailAddProdBySearch {
        font-size: 12px;
    }

        .QuoteDetailAddProdBySearch .fa {
            padding-right: 5px;
        }

    #StockSearchInput {
        width: 100% !important;
    }

    .Col-StockCode #StockSearchInput {
        width: 65% !important;
        padding: 0 !important;
    }

    .QuoteRow_AddNew .ActiveGroups {
        width: 70% !important;
        margin: 0 !important;
    }

    .QuoteRow_AddNew .Col-Desc:before, .QuoteRow_AddNew .Col-StockCodeDDL:before {
        content: 'Add To Group: ';
        width: 30% !important;
        float: left;
        display: inline-block;
    }

    .QuoteDetailWrap .QuoteRow_AddNew {
        min-height: initial !important;
    }

    .QuoteDetailWrap .TurnQuoteIntoOrder {
        float: none;
    }

    .QuoteDetailWrap .QuoteRow_AddNew .Col-Desc:before {
        line-height: 2em;
        font-size: 12px;
    }

    .QuoteDetailWrap .QuoteRow_AddNew .Col-Desc {
        width: 100%;
    }


    .GroupRowListUL .QuoteRow_AddNew .Col-Desc:before {
        content: "";
    }

    .GroupRowListUL .QuoteRow_AddNew .Col-Desc {
        display: none;
    }

    .GroupRowListUL .QuoteRow_AddNew {
        min-height: 3.5em !important;
    }

    .MobileFullWidth {
        width: 100% !important;
        display: inline-block;
    }

    #StockSearchInput {
        padding-left: 5px !important;
    }

    .QuoteDetailLineWrap .Col-StockCode, .Col-UnitPrice, .Col-Extension {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .DragIcon, .TopList {
        display: none !important;
    }

    .Col-Qty input, .Col-Unit > span, .Col-UnitPrice > span, .Col-Extension > span {
        float: left;
    }

    .QuoteDetailLineWrap .Col-RemoveLine, .CustomerQuoteLineWrap .JAModuleDataRow .RemoveLine {
        position: absolute;
        right: 0px;
        top: 10px;
        width: auto !important;
    }

    .QuoteDetailLineWrap .GroupRowList .RemoveLine {
        position: absolute;
        right: 0px;
        top: 0px;
        width: auto !important;
    }

    .QuoteEditBalance, .QuoteCtrl {
        width: 100% !important;
    }

        .QuoteEditBalance .col-sm-6 {
            width: 50%;
            float: left;
        }

    .PopUpRow {
        height: initial !important;
        min-height: initial !important;
        line-height: 1.5em !important;
    }

    #divDuplicateQuote input {
        margin: 5px 0px 10px 0px !important;
    }

    .NewQuoteSearchTypeItem {
        margin: 0px !important;
    }

    #divDuplicateQuote .PopUpRow > span:first-child {
        margin-top: 5px;
    }

    .GroupRowList {
        height: initial !important;
        position: relative;
        overflow: hidden;
    }

        .GroupRowList .GroupQuantityCtrlWrap {
            width: 100% !important;
            padding: 0;
        }

        .GroupRowList .GroupNameCol, .GroupRowList .GroupDescCol, .GroupRowList .CustomerGroupNameCol, .GroupRowList .col-CustomerMarkUp {
            width: 100% !important;
        }

    .CustomerGroupQuantityWrap #GroupQuantity {
        margin-left: 0px !important;
    }

    .CustomerGroupQuantityCtrlWrap label {
        width: initial; float:left;
        margin: 0px 0px 0px 3px !important;
        display: inline-block;
    }

    .GroupRowList .CustomerGroupDescCol {
        display: none;
    }

    .GroupRowList .GroupQuantityWrap, .GroupRowList .CustomerGroupQuantityWrap {
        width: 15% !important;
    }

    .GroupRowList .GroupQuantityCtrlWrap, .GroupRowList .CustomerGroupQuantityCtrlWrap {
        width: 85% !important;
    }

    .GroupQuantityCtrlWrap label {
        white-space:nowrap;
    }

    .CustomerGroupQuantityWrap #GroupQuantity {
        width:45px !important;
    }

    .QuoteCtrl {
        text-align: left !important;
    }

        .QuoteCtrl span {
            width: auto !important;
            margin-left: 3%;
        }

            .QuoteCtrl span:first-child {
                margin-left: 0% !important;
            }


    .QuoteCtrlBottom .AddGroup, .QuoteCtrlBottom .AddGroup > span {
        width: 100% !important;
        display: inline-block;
        font-size: 12px;
    }

    .QuoteDetailLineWrap .GroupRowList .GroupQuantityWrap {
        text-align: left !important;
    }

    .QuoteDetailLineWrap .GroupRowList .MobileGroupMenu .GroupQuantityWrap, .QuoteDetailLineWrap .GroupRowList .MobileGroupMenu .GroupQuantityCtrlWrap  {
        float:left;
    }

    .QuoteDetailLineWrap .LineGroup {
        border-top: 2px solid #ce1723;
        border-bottom: 2px solid #ce1723;
    }

    /*Customer Quote*/
    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .QuoteCtrlExtraLine > [class^="col-sm"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .CustomerQuoteLineWrap .col-Product b, .CustomerQuoteLineWrap .col-Product .ProductKeyTitle {
        width: 65% !important;
        display: inline-block;
        font-weight: 400 !important;
        float: left;
        padding-left: 0px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .CustomerQuoteLineWrap .col-Product .Productid {
        display: none;
    }

    .CustomerQuoteLineWrap .JAModuleDataRow {
        min-height: 20em !important;
    }

    .QuoteDetailLineWrap .LineGroup .JAModuleDataRow .col-Product, .CustomerQuoteLineWrap .col-Product {
        padding-left: 0px !important;
    }

    .QuoteForCustomerList .col-Qty .Quantity {
        margin: 0px !important;
    }

    .QuoteForCustomerList .JAModuleRowWrap input[disabled] {
        opacity: 0.8;
    }

    span.UnitDescription {
        text-align: left;
    }

    .QuoteCtrlExtraLine #lblMarkup {
        width: 30% !important;
        display: inline-block;
        float: left;
    }

    .QuoteCtrlExtraLine .ddlUpdateMarkUp {
        width: 70% !important;
        display: inline-block;
        float: left;
    }

    .open > .dropdown-menu {
        top: 1.5em;
    }

    .QuoteCtrlExtraLine {
        overflow: initial !important;
        height: initial;
        min-height: initial;
        border-bottom: none;
        padding: 0;
        margin: 0;
    }

    .QuoteRow_AddNew .Col-StockCode {
        width: 100% !important;
        padding: 0px !important;
    }

    .QuoteRow_AddNew .Col-StockCodeDDL {
        margin-bottom: 6px;
        font-size: 12px;
    }

    .QuoteRow_AddNew .Col-StockCode > .StockCode {
        padding-left: 5px !important;
    }

    .QuoteRow_AddNew .Col-StockCodeDDL:before, .QuoteRow_AddNew .ActiveGroups {
        float: left;
    }

    .QuoteRow_AddNew .Col-StockCodeDDL:before {
        line-height: 2em;
    }

    .QuoteCtrlGroupBottom .QuoteCtrl span {
        margin-left: 0px !important;
        margin-right: 3% !important;
    }

    .divOwnProduct .PopUpRow > span:first-child, .divOwnProduct .PopUpRow > input[type="text"], .divOwnProduct .PopUpRow > input[type="number"] {
        width: 100% !important;
    }

    .divOwnProduct .PopUpRow > input[type="text"], .divOwnProduct .PopUpRow > input[type="number"] {
        margin-bottom: 5px;
    }

    .PopUpCtrlRow {
        margin: 5px 0px;
    }

    .CustomerRowWrap, #btnCustomerDetails {
        width: 100% !important;
    }

    .CustomerQuoteRow > .col-sm-6 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /*Reguster*/
    .CatalogueContent, .RegisterOn2SiteWrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    .RegisterCaptchaWrap iframe, #g-recaptcha > div, #form_div_2451, .Theme_Responsive_20072_Contact .row5 .form_label, .Theme_Responsive_20072_Contact .row6 .form_label {
        width: 100% !important;
    }

    .FooterSearchHeader, .FooterSearchWrap, .JAHeaderUnderline, .JAFooterBlub {
        display: none !important;
    }

    .JA_footer_new {
        min-height: 360px !important;
    }

    tr.JAModuleDataRow.ListOfCompaniesRow {
        height: initial !important;
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        float: left;
    }

        tr.JAModuleDataRow.ListOfCompaniesRow td {
            display: block;
            float: left;
            line-height: 1.8em;
            clear: both;
            width: 100% !important;
        }

    .ListOfCompaniesGridView, .ListOfCompaniesGridView tbody, .ListOfCompaniesGridView tr:not(.ListOfCompaniesHeader) {
        display: block;
    }

    .ListOfCompaniesRow td {
        border-bottom: none !important;
    }

    .LOCCustomerEntryIDCol, .ListOfCompaniesHeader {
        display: none !important;
    }

    .LOCERPCustomerIdCol:before, .LOCRowSelected .LOCERPCustomerIdCol:before {
        content: "Company Code:" !important;
        color: initial !important;
        border: none !important;
        padding: 0px !important;
        font-size: 12px !important;
        font-style: normal !important;
        margin: 0px !important;
    }

    .LOCERPCustomerNameCol:before {
        content: "Company Name:" !important;
    }

    .LOCERPCustomerPhoneCol:before {
        content: "Contact No.:";
    }

    .LOCERPBranchCol:before {
        content: "Branch Name:";
    }

    tr.JAModuleDataRow.ListOfCompaniesRow td:before {
        width: 40%;
        font-weight: 700;
        display: inline-block;
        line-height: 1.8em;
    }

    /*.LOCRowSelected:before {
        content: 'Selected';
        display: inline-block;
        border: 1px solid #ce1723;
        padding: 0px 3px;
        border-radius: 3px;
        font-size: 10px;
        color: #ce1723;
        line-height: 18px;
        margin-right: 5px;
        font-style: italic;
        transition: all 0.5s ease;
    }*/

    /*checkout*/
    .delivery_td, .comment_td, .Options_td {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /*.CartDetailTable, .CartDetailTable tbody, .CartDetailTable tr,.CartDetailTable td,*/
    .OrderOptionsTable, .OrderOptionsTable tbody, .OrderOptionsTable tr {
        display: block !important;
        width: 100% !important;
    }

        .OrderOptionsTable > tbody > tr > td:first-child {
            width: 40% !important;
            display: block;
            float: left;
        }

        .OrderOptionsTable > tbody > tr > td:last-child {
            width: 60% !important;
            display: block;
            float: left;
        }

    .Options_td, .delivery_td {
        height: 400px !important;
    }

    .comment_td {
        height: 200px !important;
    }

    .checkoutnotes1 {
        height: 160px !important;
    }

    .MyCartStock {
        color: #000 !important;
    }

    .OrderOptionsTable > tbody > .DateTimeTR > td {
        min-height: 4em;
    }

    .DateTimeTR input[type=text] {
        max-width: 155px !important;
    }

    .MyCartRemove {
        position: absolute;
        right: 0px;
        top: 10px;
        width: auto !important;
    }

        .MyCartRemove .fa {
            margin: 0px !important;
        }

    .JASummaryWrap, .lnkBackToShop {
        display: none;
    }

    .JAOrderSummaryTable {
        width: 100% !important;
    }

        .JAOrderSummaryTable td {
            text-align: left !important;
        }

    .AutocompleteHolder_Text .orderOnlineSearch, .AddProductToOrder {
        width: 100% !important;
        margin: 0px !important;
    }

    .AutocompleteHolder_Text {
        width: 64% !important;
    }

    .lblAddProductToOrder {
        display: none !important;
    }

    .AddProductToOrder .fa {
        float: right;
        margin: 8px 3px 0px 0px;
    }

    .AddProductToOrder {
        text-align: right;
    }

    .lblAddProductToOrderMobile {
        float: right;
    }

    .FinialiseOrderWrap, .btnFinialiseOrder, .DD_SelectedShipTo {
        width: 100% !important;
    }

    /*muliti cart*/

    .divAvailableCartsInner .col-sm-12, .divAvailableCartsInner .AddNewMultiCartRow .col-sm-5 span, .divAvailableCartsInner .AddNewMultiCartRow .col-sm-5 input {
        width: 100% !important;
        margin: 0px !important;
    }

    .divAvailableCartsInner .col-sm-12 {
        float: left;
    }

    .AddNewMultiCartRow {
        border-bottom: 2px solid #333 !important;
        margin-bottom: 10px;
    }

    .CartLine .col-sm-3, .CartLine .col-sm-2, .CartLine .col-sm-1 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        min-height: 1.5em !important;
        text-align: left !important;
        pointer-events: none !important;
    }

        .CartLine .col-sm-3 > .MobileHeader, .CartLine .col-sm-3 > span,
        .CartLine .col-sm-2 > .MobileHeader, .CartLine .col-sm-2 > span,
        .CartLine .col-sm-1 > .MobileHeader, .CartLine .col-sm-1 > span {
            float: left;
        }

        .CartLine .col-sm-3 > .MobileHeader,
        .CartLine .col-sm-2 > .MobileHeader,
        .CartLine .col-sm-1 > .MobileHeader {
            font-weight: 700;
            text-align: left !important;
        }

    .CartLineActionCol {
        width: 100% !important;
    }

    .DeleteSelectCol {
        display: none;
    }

    span.CartLineSelectedTag {
        width: initial !important;
        display: block;
        position: absolute;
        right: 5px;
    }

    .CartLineDefaultTag {
        display: block;
        position: absolute;
        right: 10px;
        margin: 0px !important;
        line-height: 1.5em !important;
        margin: 5px 0px;
    }

    .CartListLines .JAModuleDataRow {
        padding: 5px 0px;
    }

    #CartListHeader {
        display: none;
    }

    .divAvailableCarts {
        min-height: 545px !important;
        height: 545px !important;
    }


    .MobileSelectThisCart {
        float: right;
        margin-right: 10px;
    }

    .MobileSelectThisCartDisable {
        color: #ccc !important;
        pointer-events: none !important;
    }

    .MobileSelectThisCart .fa {
        margin: 0px !important;
    }

    /*mobile homepage*/

    .MobileRowWrapFull {
        width: 100% !important;
        height: 100vw !important;
        padding: 0px !important;
        margin-bottom: 4vw;
    }

    .MobileRowWrapFull {
    }

    .MobileRowWrapHalf {
        width: 48% !important;
        margin-bottom: 4vw;
        height: 46vw !important;
        float: left;
        padding: 0px !important;
        margin-right: initial;
    }

        .MobileRowWrapHalf:nth-child(even) {
            margin-right: 4% !important;
        }

        .MobileRowWrapHalf > a > div, .MobileRowFull > a > div {
            max-width: 100%;
            height: 100%;
        }

        .MobileRowWrapHalf > div > .DnnModule, .MobileRowFull > div > .DnnModule {
            margin-bottom: 4vw !important;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

    /*.MobileRowWrapHalf .front {
        padding: 0px !important;
        padding-top: 15px !important;
    }*/



    .rvdiContainer .dnnFormItem > .dnnLabel {
        width: 100% !important;
        position: relative;
        text-align: left;
    }

    .MobileRowWrapHalf .gradientTile, .MobileRowFull .gradientTile, .MobileRowWrapHalf .AboutUsTile, .MobileRowWrapHalf .ContactUsTile, .MobileRowWrapHalf .AdminTiles, .MobileRowWrapHalf .FAQTile {
        height: 100%;
        position: absolute;
        width: 100%;
        padding: 0;
    }

        /*.MobileRowWrapHalf .AdminTiles, .MobileRowWrapHalf .FAQTile, .MobileRowWrapHalf .AboutUsTile, .MobileRowWrapHalf .ContactUsTile, .MobileRowWrapHalf .new-productBackground {
        padding: 0px !important;
        padding-top: 15px !important;
    }*/

        .MobileRowWrapHalf .FAQTile .Tile_desc, .MobileRowWrapHalf .readmore, .MobileRowWrapHalf .readmore_NewProduct, .MobileRowWrapHalf .new-productBackground .Tile_desc {
            display: none !important;
        }


        .MobileRowWrapHalf .gradientTile .Tile_Header, .MobileRowFull .gradientTile .Tile_Header, .Tile_Header {
            color: #fff !important;
            padding: 0px !important;
        }

    .MobileRowWrapHalf .Tile_Header {
        font-size: 13px !important;
    }

    .MobileRowWrapHalf .gradientTile span, .MobileRowWrapHalf .gradientTile div, .MobileRowWrapHalf .gradientTile p, .MobileRowWrapHalf .gradientTile a, .MobileRowWrapHalf .gradientTile img,
    .MobileRowWrapFull .gradientTile span, .MobileRowWrapFull .gradientTile div, .MobileRowWrapFull .gradientTile p, .MobileRowWrapFull .gradientTile a, .MobileRowWrapFull .gradientTile img {
        text-align: center;
    }

    .MobileRowWrapHalf .gradientTile .back, .MobileRowWrapFull .gradientTile .back {
        display: none !important;
    }

    .rvdiContainer .dnnFormHelp {
        display: none !important;
    }

    .MobileRowWrapHalf .gradientTile .Tile_desc, .MobileRowWrapFull .gradientTile .Tile_desc {
        display: none !important;
    }

    .AboutUsTile, .support-communityBackground, .FAQTile {
        padding: 0px !important;
        padding-top: 20px !important;
    }

    .JA_TileWrap {
        display: none;
        width: 100% !important;
    }

    .On2SiteRegister {
        padding: 20px 30px !important;
        height: 100%;
        position: absolute;
    }

        .On2SiteRegister img {
            padding: 10px 0px !important;
            width: 200px !important;
        }

    .col-sm-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #powerTip {
        width: 50vw !important;
    }

    .PopUpQtyBreakTable .padding5px td, .PopUpQtyBreakTable .padding5px th {
        padding: 0 !important;
        font-size: 11px;
        vertical-align: bottom;
    }

    .PopUpRecentPurchaseTableWrap, .RP_PowerTipRow {
        min-width: initial !important;
    }


    .RPPopUpRefs {
        width: 28%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .RPPopUpInv {
        width: 26% !important;
    }

    .RPPopUpPrice {
        width: 18% !important;
    }

    .RPPopUpQty {
        display: none;
    }

    .RPPopUpDate {
        width: 27% !important;
    }

    .PopUpRecentPurchaseTable, .PopUpRelatedDocumentTable {
        width: 100% !important;
    }

    .timelineFlat .item_open {
        height: 410px !important;
    }

    .lb-number {
        display: none !important;
    }

    table.CareerULTable, table.CareerULTable td {
        width: 100% !important;
        display: block;
    }

    .form_input table {
        width: 100%;
    }

    .rc-anchor-normal {
        width: auto !important;
    }

    .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
        width: auto !important;
        clear: both;
        display: inline-block !important;
    }

    #g-recaptcha {
        width: 100% !important;
        max-width: 305px;
        float: none !important;
        margin: 0 auto;
    }

    .ImpersonatetxtAutocomplete {
        width: 65% !important;
    }

    .DnnModule-RevindexDnnRevindexImpersonator .dnnPrimaryAction {
        width: 32%;
        height: 39px;
    }

    .ModDNNGoPowerFormsC .Theme_Responsive_20072_Contact {
        width: 100% !important;
    }

    .RadAjaxPanel {
        text-align: center;
    }

    .RegisterOn2SiteWrap .btn-primary {
        width: 220px;
        height: 50px;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 18px;
        margin: 10px auto;
        float: none;
    }

    .JA_SectionBreak {
        padding-bottom: 15px !important;
    }

        .JA_SectionBreak:after {
            border-bottom: 20px solid #fff !important;
            border-right: 480px solid transparent !important;
        }

    .SearchMenuInTile {
        width: calc(100% - 60px) !important;
    }

        .SearchMenuInTile .AutocompletePrice {
            display: none;
        }

        .SearchMenuInTile .AutocompleteProductName {
            width: 96% !important;
        }

    .ViewProductImage_Main {
        margin: 0px auto !important;
    }

    .ProductImagesHolder {
        min-height: initial !important;
        margin-bottom: 0px !important;
    }

    .JA_StockHolderTable_Inner, .JA_RecentPurchHolderInner {
        height: auto !important;
        max-height: 260px !important;
    }

    .owl-wrapper .PopProductsAddButtons .AddSingleToCartButtonClick {
        width: 100% !important;
    }

    .owl-item .ProductDisplayGridIconHolder {
        right: 0px !important;
    }

    .RecentPurchases_DateHeader, .RecentPurchases_DatePicker {
        width: 100% !important;
    }

    .ProductInfoInner_row .NoPromo {
        margin: 0px !important;
    }

    .ProductInfoInner_row .ProductDisplayFormPrice {
        height: initial !important;
    }

    .AddressFinderLine {
        width: 100% !important;
        line-height: 1.5em !important;
    }

    .SupplierLogos table tr {
        display: block;
    }

    .SupplierLogos table td, .SupplierLogos table th {
        display: block;
        text-align: center;
        float: left;
        width: 50% !important;
    }

    .EmailArea_List_Header_Email, .EmailArea_List_Line_Email {
        width: 66% !important;
    }

    .EmailArea_List_Header_UsedDate, .EmailArea_List_Line_UsedDate {
        width: 34% !important;
    }

    .EmailArea_Line, .EmailArea_List, .EmailArea_LastLine, .EmailArea_List_Line_Email {
        padding-left: 0px;
    }

    .EmailArea_Line {
        margin: 0px !important;
        font-size: 13px;
        width: 100%;
    }

    .MAPAdvancedSearch_TVOText {
        width: 100%;
    }

    .EmailArea_Line_01 {
        margin-bottom: 1em;
    }

    .AdvancedSearch_Line_02 input[type=checkbox] + label {
        padding-right: 5px !important;
    }

    .JA_SearchResultContent > .JA_SearchResultLine .JA_SearchResultLine_Reference {
        width: 100% !important;
    }

    .JA_SearchResultContent .JAModuleDataRow:last-child {
        border-bottom: 1px solid #ccc !important;
    }

    .DnnModule-RevindexDnnRevindexImpersonator {
        height: initial !important;
    }

    .timelineFlat .item {
        width: 100vw !important;
    }

    .JA_Home_Content .carousel .owl-buttons .owl-prev {
        left: -35px !important;
    }

    .JA_Home_Content .carousel .owl-buttons .owl-next {
        right: -35px !important;
    }

    .ExtraInfoTabs .owl-item, .ExtraInfoTabs .owl-item:first-child {
        border: none !important;
    }

    .ExtraInfoTab_Selected {
        background: none !important;
    }

    /*.owl-item .PopProductsGrid {
        padding: 0% 5% 3% 5% !important;
    }*/

    /*find a branch*/

    .edMaps_contentBellow {
        float: none !important;
        max-width: 90% !important;
        width: 90% !important;
        margin:0 auto !important;
        padding: 1% 0px !important;
        border-radius: 0px !important;
        height: initial !important;
        border-right: none !important;
        order: 1;
    }

    .edMaps_moduleWrapper > .edMaps_mapWrapper {
        display: flex !important;
        width:100% !important;
        flex-direction: column;
    }

        .edMaps_moduleWrapper > .edMaps_mapWrapper > .edMaps_map {
            order: 0;
            height: 350px !important;
            width: 90% !important; max-width:90% !important;
            margin: 0 auto !important;
        }


        .edMaps_contentBellow_JAMobile .edMaps_locationSearchWrapper, .edMaps_contentBellow_JAMobile:before, .edMaps_contentBellow_JAMobile .edMaps_userLocationTriggerWrapper {
            display: none !important;
        }

        .edMaps_contentBellow_JAMobile > .edMaps_markerList {
            display: block !important;
            border-left: 1px solid #eee !important;
            border-right: 1px solid #eee !important;
            margin: 0px !important;
        }

    .gmnoprint, .gm-svpc {
        display:none !important;
    }

    .JA_Shop_SearchrowMobile > .col-sm-2 {
        width: 48%;
        float: left;
        padding: 0;
        margin-left: 4%;
        display: none;
    }

        .JA_Shop_SearchrowMobile > .col-sm-2:first-child {
            margin-left: 0px;
        }

    .JA_Shop_SearchrowMobile {
        padding: 0px 15px;
    }

    .GridMinimalView .FilListGrid {
        padding: 3% !important;
    }

    .JASlideFilterWrap {
        padding: 10px 0px 0px 20px !important;
        width: 80% !important;
    }

    .FloatCartInMobile {
        display: block !important; z-index:100000;
    }

    .LoginCtrlRow_OnFloat .CartHidden {
        min-width: 280px;
        margin-left: 0px !important;
    }

    .LoginCtrlRow_OnFloat {
        max-width: 280px !important;
        background: none !important;
        box-shadow: none !important;
    }

    .CartHiddenBottom .TwoPaneHolder {
        line-height: 32px !important;
    }

    #divEmailQuote .NewQuoteSearch_Line pointer {
        min-height: 2em !important;
        border-bottom: none;
    }

    .NewQuoteSearch_Line {
        padding-top: 0.5em;
    }

        .NewQuoteSearch_Line:first-child {
            padding-top: 0;
        }


    .ProductRecentPurchaseCol .popover.top > .arrow {
        display: none;
    }

    .UnitOfMeausre span, .PROD_WEB_BRAND_DESC span, .PROD_WEB_MODEL_DESC span {
        font-size: 12px !important;
        line-height: 1.5em !important;
    }

    .ProductInfoUpperWrapper {
        min-height: initial !important;
    }

    .VAPButtonWrapper input.QtyToAdd {
        height: 1.5em !important;
        line-height: 1.5em !important;
    }

    .LOCERPCustomerPhoneCol, .LOCERPBranchCol {
        display: none !important;
    }

    .divAvailableCartsInner .CartLine div {
        line-height: 1.5em !important;
    }

    .LoginCtrlRow_OnFloat .CartHidden {
        min-width: 320px !important;
        width: 320px !important;
    }

    .LoginCtrlRow_OnFloat .HeaderOn2siteTopLeftPane, .LoginCtrlRow_OnFloat .HeaderOn2siteTopSep, .LoginCtrlRow_OnFloat .HeaderCartWrapper {
        display: none !important;
    }

    .ProductDisplayFormName {
        margin-bottom: 0.5em;
    }


    .ProductDisplayFormQty span {
        line-height: 1.5em !important;
    }

    .VAPButtonWrapperRight {
        padding: 0px !important;
    }

    .ProductDetailCol {
        padding-left: 8px !important;
    }



    .floatCart, #to_top, .JAFloatSave {
        border: none !important;
        opacity:1 !important;
        box-shadow: 1px 1px 3px 1px #000;
        background: #ce1723;
        color: #fff;
        width: 45px;
        height: 45px;
        border-radius: 0px;
        text-align: center;
        line-height: 45px;
        bottom: 40px !important;
        right: 40px !important;
        margin: 0px !important;
        display:block !important;
    }

        .floatCart .fa, #to_top .fa {
            display: inline;
            color: #fff !important;
            margin: 0;
            height: 45px;
            line-height: 45px;
            width: 45px;
        }

    #to_top {
        right: 0px !important;
    }

        #to_top:after {
            content: "\f062";
            font-family: FontAwesome;
            color: #fff !important;
        }

    .JAFloatSave {
        height: 31px;
        width: 31px;
        right: 7px !important;
        bottom: 90px !important;
    }

        .JAFloatSave .saveIcon {
            font-size: 22px;
            color: #fff;
            transform: translate(15%, -15%);
        }

    .JASlideFilterBtnWrap {
        display: none !important;
    }

    .btnReviewOrder {
        padding: 0px 10px !important;
        height: 24px !important;
        line-height: 24px !important;
    }

    .AddNewMultiCartRow > .col-sm-5 {
        float: left;
        width: 49%;
    }

    .AddNewMultiCartRow > .col-sm-2 {
        float: left;
        width: 100%;
    }

    .AddNewMultiCartRow > .col-sm-5:first-child {
        margin-right: 2%;
    }

    .VAPProductFormMainPrice, .VAPProductFormSubPrice {
        font-size: 16px !important;
    }

    .MobileActionItem .fa {
        font-size: 20px !important;
        line-height: 30px;
        padding-left: 5px;
    }

    .QuoteCtrl_QN .QuoteCtrlHeader,
    .QuoteCtrlHeader_Name .QuoteCtrlHeader,
    .QuoteCtrlHeader_Ref .QuoteCtrlHeader,
    .QuoteCtrlHeader_Status .QuoteCtrlHeader,
    .QuoteCtrlHeader_CreatedDate .QuoteCtrlHeader {
        width: 35% !important;
    }

    .QuoteCtrl_QN .col-sm-7,
    .QuoteCtrlHeader_Name .col-sm-7,
    .QuoteCtrlHeader_Ref .col-sm-7,
    .QuoteCtrlHeader_Status .col-sm-7,
    .QuoteCtrlHeader_CreatedDate .col-sm-7 {
        width: 65% !important;
    }

    .CustomerQuoteWrap {
        font-size: 12px;
    }

    .QuoteCtrlWrap_Print, .QuoteCtrlWrapSaveClose, .QuoteCtrlWrapOrder {
        display: none !important;
    }

    .QuoteCtrlTopCustomer .QuoteCtrlOuter {
        margin-top: 5px;
    }

    .DnnModule-RevindexDnnRevindexImpersonator .dnnPrimaryAction {
        padding: 6px 6px !important;
    }

    .ImAutoCompleteItemCompanyName, .ImAutoCompleteItemCompanyFullName {
        display: none !important;
    }

    .ImAutoCompleteItemCompanyCode, .ImAutoCompleteItemCompanyFullName {
        width: 120px !important;
    }

    .ImAutoCompleteItemCompanyEmail {
        width: 240px !important;
    }

    .autocomplete {
        max-width: 300px !important;
        margin-top: 5px;
        max-height: 200px !important;
    }

    .Error404Header {
        line-height: 2em;
    }

    #dnn_JA_Footer_Row1_RightPane, .JA_footer_row2 {
        display: none;
    }

    .JA_footer_new {
        min-height: initial !important;
    }

    .dnnForm fieldset {
        margin: 0;
    }

    .ProductRangeIcons {
        text-align: center;
    }

    .ComplianceTable td {
        display: block;
        overflow: hidden;
        width: 100% !important;
    }

        .ComplianceTable td > span {
            float: left;
            width: 20%;
        }

            .ComplianceTable td > span:last-child {
                width: 75%;
            }

    hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .ListOfCompaniesWrap {
        max-height: 310px;
    }

    .QuoteRowWrapInner {
        width: 57% !important;
    }

    .QuoteRowWrap .CtrlCol {
        width: 43% !important;
    }

    .LOCRowSelected .btnSelectNewCompany:before {
        margin-top: 5px;
    }

    .SearchTxt .SearchBox {
        width: 85%;
    }

    .ui-datepicker {
        margin: 10px 0px 0px -10px !important;
    }

    .RadCalendarTimeView {
        left: -10px;
    }

    .DateTimeTR .rcInputCell {
        width: initial !important;
    }

    .ui-datepicker table {
        padding: 0px;
    }

    .PaymentResultContainer {
        width: 95% !important;
    }

    .PRDBS_List {
        padding: 5px 0px !important;
        width: 50% !important;
    }

        .PRDBS_List:nth-child(odd) {
            clear: both;
        }

    .PROD_TH_Stock, .PROD_TH_Type, .PROD_TH_Description, .PROD_TH_Quantity, .PROD_TH_Unit, .PROD_TH_NetUnitPrice, .PROD_TH_Extension {
        width: 100% !important;
        text-align: left !important;
        padding-left: 0 !important;
        line-height: 1.5em;
    }

        .PROD_TH_Description > br {
            display: none;
        }

    .PROD_TableLine > div:before {
        width: 35%;
        display: inline-block;
        font-weight: 700;
    }

    .PROD_TH_Stock:before {
        content: "Stock Code:";
    }

    .PROD_TH_Description:before {
        content: "Description:";
        float: left;
        align-self: baseline;
        height: 3em;
    }

    .PROD_TH_Quantity:before {
        content: "Quantity:";
    }

    .PROD_TH_Unit:before {
        content: "Unit:";
    }

    .PROD_TH_NetUnitPrice:before {
        content: "Net Unit Price:";
    }

    .PROD_TH_Extension:before {
        content: "Extension:";
    }


    .PRDBS_List > a {
        float: left;
    }

    .PROD_TableHeader {
        display: none;
    }

    .PaymentResultTail {
        padding-top: 10px;
        line-height: 1.5em;
    }

    .PROD_TableLine {
        padding-bottom: 5px;
    }

    .JA_IAS_DateInput {
        line-height: 1.5em;
        height: 1.5em;
        margin-top: 0px;
        width: 85px;
    }

    .JA_IAS_Search_Value {
        line-height: 1.5em;
        height: 1.5em;
        margin-top: 0px;
        width: 60px;
        margin: 0px 5px 0px 5px;
        padding: 0;
        border: 1px solid #a7a7a7;
    }

    #AdvancedSearch {
        height: 330px;
    }

    .EmailArea_List {
        font-size: 12px;
    }

    #LoadActionOfDEHidenContent {
        display: none !important;
    }

    .RadCalendarTimeView a {
        font-size: 11px;
    }

    .JA_Statement_SearchResultContent {
        margin-bottom: 0px !important;
    }

    .Statement_PrintWrap .fa-print:before {
        font-size: 26px;
    }

    .AdvancedPayPanel {
        height: 530px;
    }

    .MAPAdvancedSearch_Body_Right_LastLine .btn {
        width: 90%;
    }

    .ProductDisplayGridPrice, .ProductDisplayGridStockNo {
        width: 100% !important;
        height: initial !important;
    }

    .ProductDisplayGridStockLeft {
        text-align: left;
    }

    .MobileRowWrapHalf:nth-child(3n) {
        margin: initial;
    }

    .RegisterTermsOfUseInner {
        max-height: 80%;
    }

    .PRDT_1, .PRDT_2 {
        height: initial !important;
        margin: 5px 0px !important;
        line-height: 1.5em !important;
        font-size: 13px !important;
    }

    .PROD_TH_Description .MobileHeader {
        float: left;
        font-weight: 700;
        display: block !important;
    }

    .PROD_TH_DescriptionInner {
        float: left;
        width: 65%;
        display: block;
    }

    .PROD_TH_Description:before {
        display: none !important;
    }

    .PopUpRow.PaymentHistoryTable {
        margin: 0;
    }

    .ddlQuoteTemplate {
        width: 100%;
    }


    /*vap mobile*/
    .lblStockOnHandHeader, .lblRecentPurchasesHeader {
        display: none !important;
    }

    .JA_StockHolder, .JA_RecentPurchHolder {
        display: none;
        padding-top: 5px;
    }

    .VAPAccordionRecentPurchase, .VAPAccordionStock {
        display: inline-block;
        font-size: 14px;
        padding: 8px;
        width: 100%;
        margin: 0;
        background: #f1f2f3;
        color: #777777;
        font-weight: 700;
        text-transform: uppercase;
    }

        .VAPAccordionRecentPurchase:after, .VAPAccordionStock:after {
            content: "\f078";
            font-family: FontAwesome;
            padding-right: 5px;
            float: right;
        }

        .VAPAccordionRecentPurchase.active:after, .VAPAccordionStock.active:after {
            content: "\f077";
        }

    .QuoteCtrlTop {
        border-bottom: none;
    }

    .QuoteCtrlWrap_Export {
        display: none !important;
    }

    .QuoteEditBalance > .btnTurnQuoteIntoOrder {
    }

    
    .CustomerQuoteLineWrap .JAModuleDataRow.EmptyGroupTempRow {
        display:none !important;
    }

    .QuoteDetailLineWrap .JAModuleDataRow.EmptyGroupTempRow {
        display:none !important;
    }
}

@media screen and (max-width: 360px) { /* SmartPhones*/

    .JA_TileWrap_Promo .JA_PublicTilePane {
        height: initial !important;
    }

    .JA_TileWrap_Promo .item {
        overflow: hidden;
        height: initial !important;
        margin-bottom: 10px;
        position: relative !important;
        top: initial !important;
        width: 100% !important;
    }

        .JA_TileWrap_Promo .item img {
            height: initial !important;
        }

    .On2SiteLeftLink > img, .HeaderCartSummary .CartImage {
        display: none;
    }

    .SearchOptionsWrapper .SearchChk {
        margin: 0;
    }

    .On2SiteLeftLink .CartName {
        text-align: center;
        width: 100%;
    }

    ul.JAFooterLogos img {
        height: 53px !important;
    }

    .JAFooterLogos li {
        width: auto !important;
        margin-right: 2% !important;
        margin-left: 2% !important;
    }

    .JA_SearchResultLineInner > div, .QuoteRowWrapInner > div {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .JA_SearchResultLineInner > div .MobileHeader, .QuoteRowWrapInner > div .MobileHeader {
            width: 45% !important;
        }

    .JA_IAS_Statement_PayNowRow a {
        width: 100%;
        margin-bottom: 10px;
    }

    .StatementSearchOuterWrap .col-sm-12 {
        padding: 0px 15px !important;
    }

    .JA_StatementBalanceLine > div {
        width: 100% !important;
        height: initial !important;
        line-height: 1.5em;
    }

    .JA_StatementPaymentHistoryLine > div:before {
        display: block;
        font-weight: 700;
        float: left;
        width: 30%;
    }

    .JA_StatementPaymentHistoryLine > .JA_StatementLine_PaymentId:before {
        content: "Payment Id:";
    }

    .JA_StatementPaymentHistoryLine > .JA_StatementLine_Account:before {
        content: "User:";
    }

    .JA_StatementPaymentHistoryLine > .JA_StatementLine_PaymentStatus:before {
        content: "Status:";
    }

    .JA_StatementPaymentHistoryLine > .JA_StatementLine_Date:before {
        content: "Date:";
    }

    .JA_StatementPaymentHistoryLine > .JA_StatementLine_01_Amount:before {
        content: "Amount:";
    }

    .JA_StatementPaymentHistoryLine > .JA_StatementLine_01_Amount {
        text-align: left !important;
        padding-left: 5px;
    }


    .JA_StatementBalanceLine .XSMobileHeader {
        float: left;
        width: 50% !important;
        font-weight: 700;
    }

    .JA_Statement_SearchResultHeader {
        display: none !important;
    }

    .JAPageHeaderWrap, .JA_SectionBreakWrap {
        margin: 0px 0 1em 0;
    }

    .XSMobileHeader {
        display: block !important;
    }

    .QuoteRowWrap .MobileCtrlRow .MobileHeader {
        width: 46% !important;
    }


    .btnReviewOrder {
        padding: 0px 10px !important;
        height: 24px !important;
        line-height: 24px !important;
    }

    .CSHiddenHolderImg {
        width: 70px !important;
    }

    .On2siteLoginWrap_in:before {
        min-width: initial !important;
    }

    .JA_shop_searchrow .col-sm-8 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .Catalogue_AddProductBySelect .CatalogueCtrl {
        margin-right: 3px !important;
    }

    .btnAdvanceSearch {
        padding-right: 0px !important;
    }

    .LoginCtrlRow_OnFloat .CartHidden {
        min-width: 280px !important;
        width: 280px !important;
    }

    .PopularProductsDataListHolder .owl-theme {
        width: 80% !important;
    }


}

@media screen and (max-width: 320px) { /* SmartPhones*/
    .JAFooterLogos li {
        width: auto !important;
        margin-right: 2% !important;
        margin-left: 0% !important;
    }

    .FullWidthMobileCtrlCol .MobileActionItem > span {
        font-size: 0;
    }

    .FullWidthMobileCtrlCol .MobileActionItem > .fa {
        font-size: 16px !important;
        padding: 0;
    }

    .EmailArea_List_Line_UsedDate > span {
        font-size: 14px;
        line-height: 2em;
        float: right;
    }

    .EmailArea_List_Line_UsedDate {
        font-size: 0px;
    }

    .EmailArea_List_Header_UsedDate span {
        font-size: 0px !important;
    }

    .On2SiteRegister img {
        display: none;
    }

    .On2SiteRegister .tileButtonFlat {
        font-size: 14px;
        padding: 5px 30px;
    }
}
