/***************************    *********************************************************
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: 35% !important;
    margin-right: 2px;
  }

  .FilterProductCtrlInnerB1 .dnnBoxLabel {
    font-size: 13px;
  }

  .FilterProductCtrlInnerB1 {
    width: 101px;
    margin-right: 2px;
  }

  .FilterProductCtrlInnerB {
    width: 9% !important;
    margin-right: 2px;
  }

  .FilterProductCtrlInnerC,
  .FilterProductCtrlInnerD,
  .FilterProductCtrlInnerE {
    width: 14%;
  }

  .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;
  }

  .Shop-WOD .delivery-header {
    display: none;
  }

  .HeaderPaneB.HeaderPane {
    padding-left: 0px;
  }

  .Shop-WOD .wodTabsContainer {
    width: 65%;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
  /* smaller screens */

  .Shop-WOD .delivery-header {
    display: none;
  }

  .HeaderPaneB.HeaderPane {
    padding-left: 0px;
  }

  .Shop-WOD .wodTabsContainer {
    width: 60%;
  }

  .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 {
    width: 44% !important;
  }

  .FilterProductCtrlInnerB {
    width: 12% !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: 16% !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: 75% !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 );
    z-index: 99;
  }

  .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 6px 1px #7d7d7d;
    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%);
  }

  .LoginCtrlRow_OnFloat .CartHidden {
    margin-left: 0px !important;
    min-width: 350px !important;
    width: 350px !important;
  }

  .LoginCtrlRow_OnFloat .HeaderOn2siteTopLeftPane,
  .LoginCtrlRow_OnFloat .HeaderOn2siteTopSep,
  .LoginCtrlRow_OnFloat .HeaderCartWrapper {
    display: none !important;
  }

  .CartHiddenBottom .TwoPaneHolder {
    line-height: 32px !important;
  }

  .LoginCtrlRow_OnFloat {
    background: none !important;
    box-shadow: none !important;
  }

  .On2siteLoginWrap {
    width: 100% !important;
    display: none;
  }

  .FloatCartInMobile {
    display: block !important;
  }

  .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 {
    position: relative;
    width: 350px;
    margin: 0 auto;
    float: none;
  }

  /*.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;
  }

  .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: 100% !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;
  }

  .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;
  }

  .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 );
    z-index: 99;
  }

  /*#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,
  .comment_warp {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .comment_warp {
    height: auto !important;
  }

  .branch_td {
    display: none;
  }

  /*.CartDetailTable, .CartDetailTable tbody, .CartDetailTable tr,.CartDetailTable td,*/
  .OrderOptionsTable,
  .OrderOptionsTable tbody,
  .OrderOptionsTable tr {
    display: block;
    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: auto !important;
  }

  .comment_td {
    height: 200px !important;
  }

  .checkoutnotes1 {
    height: 120px !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: calc(100vw - 30px) !important;
    left: 15px !important;
  }

  #powerTip:before {
    display: none;
  }

  .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 {
    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;
  }

  .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 6px 1px #7d7d7d;
    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: 8px !important;
    bottom: 100px !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;
  }

  .listOfStatusPowerTip,
  .StatusIconsWrap.StatusIconsWrapMoreCB,
  .AtSourceIcon.AtSourceIconfalse,
  .AtSourceIcon.AtSourceIcontrue,
  .ProductGridRecentlyViewed.HasCBsfalse.loaded,
  .ProductGridRecentlyViewed.HasCBstrue.loaded,
  .NoDocCountWrap.HasCBsfalse.loaded,
  .NoDocCountWrap.HasCBstrue.loaded {
    display: none;
  }

  #floatCart,
  #floatUpdate,
  #floatCartTrigger {
    background: #ce1723;
    border-radius: 0px;
    width: 45px;
    height: 45px;
    right: 45px !important;
    bottom: 100px !important;
  }

  #floatCart::before {
    color: white;
    line-height: 45px;
  }

  .Shop-WOD .ProductLoadGridWrapper {
    height: 60vh;
  }

  .Shop-JA .ProductLoadGridWrapper {
    height: 60vh;
    overflow-y: auto;
    float: left;
    width: 100%;
    overflow-x: hidden;
  }

  .ProductLoadGridWrapper::-webkit-scrollbar {
    display: none;
  }

  .CheckoutTabDIV {
    margin-bottom: 0px;
  }

  .LoadMoreRow_Loader {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .hideInDesktop {
    display: block;
  }

  .unit-mobile {
    float: right;
    position: absolute;
    width: 48%;
    right: 0;
    top: 68px;
  }

  .unit-mobile-row {
    min-height: 0px;
  }

  .ProductDisplayGridIconHolder .Mobile-Brand-Display {
    display: block;
  }

  .ProductDisplayGridIconHolder .Mobile-Brand-Display img {
    margin: 0 auto;
    width: 30px;
  }

  .ProductDisplayGridIconHolder .Mobile-Brand-Display .brand-logo {
    height: initial;
    float: none;
  }

  .ProductDisplayGridIconHolder .ProductDisplayGridImg,
  .ProductDisplayGridIconHolder .BRAND_LOGO {
    width: 30px;
    height: 30px;
    overflow: hidden;
    float: right;
    margin-bottom: 2px;
  }

  .ProductDisplayGridImageHolder.FilListGridImage {
    height: 130px;
  }

  .ProductDisplayGridDetailHolder > .BRAND_LOGO img {
    display: none;
  }

  .ProductDisplayGridImageHolder {
    min-height: inherit;
  }

  /*SHOP-WOD OPTION*/

  .Shop-WOD .brand-image--mobile {
    display: block !important;
  }

  .Shop-WOD .brand-image--mobile {
    width: 50px;
    height: 50px;
    background-color: #fff;
    right: 0;
    position: absolute;
    bottom: 50px;
  }

  .Shop-WOD .brand-image--mobile img.brand-logo {
    display: block;
    height: initial;
    margin: 0;
    width: 46px;
  }

  .flag-wod {
    position: absolute !important;
    right: 0 !important;
    top: 35px !important;
  }

  .row.JA_shop_searchrow .col-sm-8 .SearchTxt {
    padding-right: 0;
    padding-left: 0;
  }

  .searchClicked {
    top: 0 !important;
  }

  .folderClicked {
    margin-top: 0 !important;
  }

  .Shop-WOD .wodTabsContainerMobile {
    position: absolute;
    width: 100%;
    float: left;
    border: 0;
    margin-bottom: 0;
    top: 40px;
    z-index: 999;
    overflow: -moz-scrollbars-none;
  }

  .Shop-WOD #mobileFilters {
    margin-bottom: 50px;
  }

  .Shop-WOD .wodTabsContainerMobile::-webkit-scrollbar {
    display: none;
  }

  .Shop-WOD .wodTabsContainerMobile.clicked {
    display: none !important;
  }

  .branch,
  .wod-toggle-container,
  .btnAdvanceSearch,
  .JA_shop_searchrow {
    opacity: 1;
    animation: fadeInLeft 1s;
  }

  .branch.clicked,
  .wodTabsContainerMobile.clicked {
    opacity: 0;
    height: 0;
    animation: fadeOutRight 1s;
  }

  .wod-toggle-container.clicked {
    opacity: 0;
    height: 0;
    animation: fadeOutRightToggle 1s;
  }

  .JA_shop_searchrow.clicked {
    opacity: 0;
    height: 0;
    animation: fadeOutRightSearchrow 1s;
  }

  .Shop-WOD .btnAdvanceSearch.clicked {
    opacity: 0;
    height: 38px;
    margin-bottom: 0;
    animation: fadeOutRight 1s;
  }

  .btnAdvanceSearch.clicked {
    opacity: 0;
    height: 0;
    margin-bottom: 0;
    animation: fadeOutRightSearch 1s;
  }

  .ViewAProductHolder .ProductImagesHolder .ProductImageHolder_Main {
    width: 80%;
    float: left;
  }

  .ViewAProductHolder .ProductImagesHolder .GalleryHolder {
    width: 15%;
    float: left;
  }

  .ViewAProductHolder .als-container {
    height: inherit;
  }

  .vertical-carousel-container {
    background-color: rgba(255, 255, 255, 0.8);
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeOutRight {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutRightToggle {
    from {
      opacity: 1;
      height: 120px;
    }

    to {
      opacity: 0;
      height: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutRightSearchrow {
    from {
      opacity: 1;
      height: 120px;
    }

    to {
      opacity: 0;
      height: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutRightToggle {
    from {
      opacity: 1;
      height: 44px;
    }

    to {
      opacity: 0;
      height: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutRightSearch {
    from {
      opacity: 1;
      margin-bottom: 50px;
    }

    to {
      opacity: 0;
      margin-bottom: 0px;
      transform: translate3d(100%, 0, 0);
    }
  }
}

@media screen and (max-width: 360px) {
  /* SmartPhones*/

  .CartHidden,
  .On2siteLoginWrap.On2siteLoginWrap_in.FloatCartInMobile {
    width: 342px !important;
  }

  .On2siteLoginWrap {
    width: 342px !important;
  }

  .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: 0 !important;
    margin-bottom: 0 !important;
  }

  .LoginCtrlRow_OnFloat .CartHidden {
    min-width: 342px !important;
    width: 342px !important;
  }

  .PopularProductsDataListHolder .owl-theme {
    width: 80% !important;
  }

  .flag-wod {
    position: absolute !important;
    right: 0 !important;
    top: 35px !important;
  }

  .Shop-WOD .btnAdvanceSearch {
    margin-bottom: 50px !important;
  }

  .Shop-WOD .logo-wod-mobile,
  .Shop-WOD .logo-wod-grey-mobile,
  .Shop-JA .logo-wod-grey-mobile,
  .Shop-JA .logo-wod-mobile {
    width: 7rem !important;
  }

  .Shop-WOD .logo-branch-grey-mobile,
  .Shop-WOD .logo-branch-mobile,
  .Shop-JA .logo-branch-mobile,
  .Shop-JA .logo-branch-grey-mobile {
    width: 7rem !important;
  }
}

@media screen and (max-width: 320px) {
  /* SmartPhones*/
  .DateTimeTR input[type="text"] {
    max-width: 143px !important;
  }

  .ui-datepicker::before {
    left: 11.5%;
  }

  .RadCalendarTimeView::before {
    left: 13.5%;
  }

  .RadCalendarTimeView {
    left: -38px;
    top: 10px;
  }

  .unit-mobile {
    right: -8px;
  }

  .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;
  }

  .flag-wod {
    position: absolute !important;
    right: 0 !important;
    top: 35px !important;
  }

  .btnAdvanceSearch {
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }

  .CartHidden,
  .On2siteLoginWrap.On2siteLoginWrap_in.FloatCartInMobile {
    width: 305px !important;
  }

  .On2siteLoginWrap {
    width: 305px !important;
  }

  .LoginCtrlRow_OnFloat .CartHidden {
    min-width: 305px !important;
    width: 305px !important;
  }

  .Shop-WOD .btnAdvanceSearch {
    margin-bottom: 50px !important;
  }
}

/* iPadPro */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .wodTab,
  .wodTabMobile {
    width: 105px;
    margin-right: 5px;
  }

  .GridView_ProductQty {
    float: right;
    width: 40%;
    text-align: center;
    margin-right: 2%;
    border: 1px solid #6d6d6d;
  }
}

/* iPad */
@media only screen and (min-width: 426px) and (max-width: 768px) {
  .AdvanceSearchActive {
    top: 30px !important;
  }

  .Shop-WOD .wodTabsContainer {
    width: 100%;
  }

  #JAMobileSearchIcon {
    display: none !important;
  }

  #floatCart,
  #floatUpdate,
  #floatCartTrigger {
    background: #ce1723;
    border-radius: 0px;
    width: 45px;
    height: 45px;
    right: 45px !important;
    bottom: 100px !important;
  }

  .floatCart,
  #to_top,
  .JAFloatSave {
    bottom: 100px !important;
  }

  #floatCart::before {
    color: white;
    line-height: 45px;
  }

  #CartHolder {
    padding-left: 0;
  }

  .Branch-Title {
    top: 10px;
    z-index: 999999;
  }
}

/* Mobile */
@media only screen and (max-width: 426px) {
  .Branch-Title {
    z-index: 999999;
  }
}