/*Mobile - Order Center start*/
@media (max-width: 767.50px) {
    /* header.globalHeader, footer{
        display: none !important;
    }
    #mainContainer .bc-layout{
        padding: 0 16px;
    } */
    .orderCenter .orderColumn,.store .orderColumn {
        width: 100% !important;
        height: auto !important; /* overwrite existing height added in script */
        max-width: 100%;
    }
     .orderCenter .orderCenterHomePage,.store .orderCenterHomePage{
        background-color: #fff;
    } 
    .orderCenter .orderServiceSection,.store .orderServiceSection{  
        display: flex;     
        flex-direction: column;
        gap: 24px;
        margin-bottom: 32px;
    }
    .orderCenter #categoryList li,.store #categoryList li{
        flex: 1 0 auto;
        width: 100%;
        max-width: 100% !important;
        height: 60px;       
    }
    .orderCenter .custom-order-tiles-wraper,.store .custom-order-tiles-wraper{
        margin: 32px 0 24px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;                
    }
    .orderCenter .custom-order-tiles-wraper .custom-tiles,.store .custom-order-tiles-wraper .custom-tiles{
        max-width: 100%;        
        flex: 1 0 100%;
        padding: 16px;
        min-height: auto;
        border: 1px solid #D0D0CE;       
        display: inline-block;
    }
    .orderCenter .custom-order-filter-wraper,.store .custom-order-filter-wraper{
        display: flex;       
        flex-direction: column;
        gap: 20px;
    }
    /* #custom-main-wrapper-expand .orderCenter .productCategory h2{
        font-size: 24px;
        margin: 32px 0 24px 0;
    }     */
    .orderCenter .productCategory h2,.store .productCategory h2{
        font-size: 24px;
        margin: 32px 0 24px 0;        
        color: #303030;
        font-family: 'roboto_condensedlight', Helvetica, Arial, sans-serif;
        line-height: 37px;
        font-weight: 300;
    }   
    .orderCenter #orderCenterTab,.store #orderCenterTab{
        overflow: auto;
        margin-bottom: 24px;
    } 
    .orderCenter #orderCenterTab ul,.store #orderCenterTab ul{
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .orderCenter #orderCenterTab li,.store #orderCenterTab li{
        font-weight: 400;
    }
    .orderCenter #orderCenterTab li a,.store #orderCenterTab li a{
        white-space: nowrap;
        font-size: 18px;
        font-family: roboto_condensedregular, arial, helvetica, sans-serif;
        font-weight: 400;
    }
    /* #custom-main-wrapper-expand .orderCenterToolHomePage h1{
        font-size: 32px;
    } */
    .orderCenter .orderCenterSection,.store .orderCenterSection{
        padding: 24px 16px !important;
        margin-bottom: 32px;
    }
    .mediumPopup .modal-dialog, .mediumPopup .modal-content{
        width: auto;
        left: 0;
    }
    .orderCenter #categoryList ul,.store #categoryList ul{
        gap: 15px;
        margin-bottom: 24px;
    }
    .orderCenter .bulkUploadView #fileUp,.store .bulkUploadView #fileUp{
        width: 100%;
        margin: 0 0 20px;
        padding: 8px 0  8px 10px;
        min-height: 44px;
        height: auto;
    }
    .orderCenter .bulkUploadView #fileUp > label[for="fup"],.store .bulkUploadView #fileUp > label[for="fup"]{
        height: 28px;
        padding: 8px;       
        margin-top: 0;
        line-height: 12px;
    }
    .orderCenter .bulkUploadView .desc,.store .bulkUploadView .desc{
        margin-top: 16px;
    }
    .orderCenter .bulkUploadView #file-chosen,.store .bulkUploadView #file-chosen{        
        font-size: 14px;       
    }   
    .orderCenter .orderColumn h3,.store .orderColumn h3{
        margin: 0;
        padding: 20px 0 20px 94px;
        font-weight: 300;
        line-height: 24px;
    }
    .orderCenter .imageLinkSection,.store .imageLinkSection{
        gap: 10px;
    }
    .orderCenter .partNumberView .addtoCartSection,.store .partNumberView .addtoCartSection{
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }
    .orderCenter .partNumberView .addtoCartDiv,.store .partNumberView .addtoCartDiv{
        display: flex;
        justify-content: flex-end;
    }
    .orderCenter .seeAllProduct,.store .seeAllProduct{
        margin-bottom: 32px;
    }
    .orderCenter .seeAllProduct .fa-chevron-right:before{
        font-size: 12px !important;
    }
    .orderCenter .custom-ordertool-wrapper h2,.store .custom-ordertool-wrapper h2{
        margin: 32px 0 24px;
        font-size: 28px;
        line-height: 100%;
        color: #303030;
        font-family: 'roboto_condensedlight', Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .orderCenter .custom-ordertool-wrapper .custom-filterby,.store .custom-ordertool-wrapper .custom-filterby{
        font-size: 14px;
        line-height: 14px;
        color: #888b8d;
        margin: 0;     
        font-family: robotoregular, Arial, Helvetica, sans-serif;   
        font-weight: 400;
        /* padding-top: 10px; */
    }
    .orderCenter .entryList input,.store .entryList input{
        font-size: 16px;
        height: 44px;
    }
    .orderCenter textarea#copyPasteText,.store textarea#copyPasteText{
        padding: 8px 10px 12px;
        min-height: 120px;
        font-size: 16px;
        line-height: 20px;       
        font-weight: 400;
    }
    .invantory-tab-wrapper .uploadSection form{
        display: flex;
        flex-direction: column;
        margin: 10px 0 0;
        gap: 10px;
        align-items: flex-start;
    }
    .invantory-tab-wrapper .uploadSection #fileUp{
        width: 100%;
        height: 44px;
        font-size: 12px;
    }
    .invantory-tab-wrapper .uploadSection #uploadformInventory{
        width: 120px;
        height: 44px;
    }
    .invantory-tab-wrapper .uploadSection .fileUploadWrapper{
        padding: 0;
    }
    .invantory-tab-wrapper .uploadSection .fileUploadWrapper p.desc{
        max-width: 100% !important;
        font-size: 14px;
        font-family: robotoregular, Arial, Helvetica, sans-serif;
        line-height: 20px;
        margin: 16px 0;
    }    
    .orderCenter .bulkUploadSection .btn-stnd-transparent,.store .bulkUploadSection .btn-stnd-transparent{
        height: 44px;
        padding: 10px 20px;
        color: #0085D5;
        line-height: 24px;
        font-weight: 500;
    }
    .orderCenter .bulkUploadView #uploadform,.store .bulkUploadView #uploadform{
        height: 44px;
    }
    #fileUploadPopup .submitSection.smallFilesubmit{
        display: flex;
        flex-direction: row-reverse;
        gap: 20px;
    }
    #smallFileUpload .smallFilesubmit #startCheckout{
        margin-right: 0;
    }
    /*New CSS Start*/
    .orderCenter .main-master-container,.store .main-master-container{
       padding: 0 16px;
       background: #fff;           
    }
    .orderCenter .containerPanel.main-master-container h1,.store .containerPanel.main-master-container h1{
      font-family: "roboto_condensedlight", arial, helvetica, sans-serif;
      color: #303030;
      font-size: 32px;
      background-color: #fff;
      padding: 24px 0;
      font-weight: 300;
      line-height: 40px;
    }
    .orderCenter #orderCenterTab li.active a,.store #orderCenterTab li.active a{
      color: #303030; 
    }
    .orderCenter .custom-order-filter-wraper .custom-filter-name li,.store .custom-order-filter-wraper .custom-filter-name li{
      display: inline-block;
      font-size: 14px;
      color: #009ADC;
      border: 1px solid #009ADC;
      line-height: 21px;
      padding: 10px 20px;
      margin-right: 10px;
      cursor: pointer;
      margin-bottom: 10px;
      font-family: "robotomedium", Arial, Helvetica, sans-serif;
      font-weight: 500;
    }
    .orderCenter .custom-order-filter-wraper .custom-filter-name li.custom-active{
        background: #0085d5;
        color: #fff;
    }
    .orderCenter .custom-order-tiles-wraper a.custom-tile-link, .store .custom-order-tiles-wraper a.custom-tile-link{
        font-size: 15px;
        line-height: 18px;
        color: #0085d5;
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        font-weight: 500;
    }
    .orderCenter .custom-order-tiles-wraper p.custom-tile-des,.store .custom-order-tiles-wraper p.custom-tile-des{
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        color: #202020;
        margin-top: 10px;
        font-family: robotoregular, Arial, Helvetica, sans-serif;
        font-weight: 400;
    }
    .orderCenter .pagination > li > a,.store .pagination > li > a{
        position: relative;
        float: left;
        line-height: 11px;
        text-decoration: none;
        color: #0085D5;
        background-color: #ffffff;
        border: 1px solid #D0D0CE;
        font-size: 14px;
        padding: 10px 7px;
        margin: 0px 4px 0px 4px;
        border-radius: 0px;
        display: inline-block;
        height: 33px;
    }
    .orderCenter .pagination > .disabled > a,.store .pagination > .disabled > a{
        color: #D3D8DC;
        background-color: #fff;
        border-color: #D3D8DC;
        cursor: auto;
    }
    .orderCenter .pagination > .active > a,.store .pagination > .active > a{
        z-index: 2;
        color: #202020;
        background-color: #EDEFF0;
        border-color: #888B8D;
        cursor: default;
    }
    .orderCenter .pagination > li:first-child > a:before,.store .pagination > li:first-child > a:before {
        font-family: FontAwesome;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e60a";
        position: absolute;
        top: 4px;
        left: 0px;
        font-size: 24px;
    }
    .orderCenter .pagination > li:last-child > a:before,.store .pagination > li:last-child > a:before {
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e60b";
        position: absolute;
        top: 4px;
        right: 0px;
        font-size: 24px;
    }
    .orderCenter .orderCenterSection .textView h2,.store .orderCenterSection .textView h2{
        font-size: 28px;
        font-family: "roboto_condensedlight", arial, helvetica, sans-serif;
        color: #303030;
        margin: 0px 0 13px;
        font-weight: 300;
        line-height: 28px;
    }
    .orderCenter #categoryList ul,.store #categoryList ul{
        display: flex;
        gap: 10px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 20px;
    }
    .orderCenter #categoryList li,.store #categoryList li{
        font-size: 16px;
        color: #0085d5;
        border: 1px solid #D0D0CE;
        padding: 20px;
        flex: 1 0 calc(25% - 10px);
        height: 85px;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
        font-family: "robotomedium", Arial, Helvetica, sans-serif;
        width: 25%;
        line-height: 21px;
    }
    .orderCenter #categoryList li a, .store #categoryList li a{
        word-break: break-word;
    }
    .orderCenter #categoryList li,.store #categoryList li {
        flex: 1 0 auto;
        width: 100%;
        max-width: 100% !important;
        height: 60px;
    } 
    .orderCenter .imageLinkSection span.imageSection,.store .imageLinkSection span.imageSection{
        margin: 0;
    }
    .orderCenter .linksSection li,.store .linksSection li{
        max-width: 100% !important;
    }
    .orderCenter .far:before,
    .orderCenter .fal:before, .store .far:before,
    .store .fal:before{
        font-family: "Font Awesome 5 Pro" !important;
        font-weight: 400 !important; 
    }
    /*New CSS End*/
}
/*Mobile - Order Center End*/  
 @media (max-width: 1024px) {
    .orderCenter .partNumberSection, .orderCenter .addtoCartSection, .orderCenter .bulkUploadSection, .orderCenter .copyPasteSection,
    .store .partNumberSection, .store .addtoCartSection, .store .bulkUploadSection, .store .copyPasteSection{
        display: flex;
        flex-direction: column;
    }
    .orderCenter li#bulkUploadLi, .orderCenter li#copyPasteLi,
    .store li#bulkUploadLi, .store li#copyPasteLi {
        margin-left: 0;
    }
    .orderCenter .partNumberSection .partNumberView, .orderCenter .bulkUploadView, .orderCenter .copyPasteView,
    .store .partNumberSection .partNumberView, .store .bulkUploadView, .store .copyPasteView {
        width: 100%;
    } 
    .orderCenter input.qtyText,.store input.qtyText {
        margin-left:20px;
    }
    .orderCenter label.partnoLabel,input.partNoText,.store label.partnoLabel,input.partNoText  { 
        width: calc(100% - 152px);
        margin-right: 0;
        font-size: 14px;
        color: #303030;
        line-height: 18px;
        font-weight: 500;
        font-family: robotomedium, arial, helvetica, sans-serif;
    }  
    .orderCenter .qtyLabel,.store .qtyLabel {
        font-size: 14px;
        color: #303030;
        line-height: 18px;
        font-weight: 500;
        font-family: robotomedium, arial, helvetica, sans-serif;
    }
    .orderCenter .partNumberView .addtoCartSection .btn-stnd-medium, .orderCenter .copyPasteView .addtoCartSection .btn-stnd-medium,
    .store .partNumberView .addtoCartSection .btn-stnd-medium, .store .copyPasteView .addtoCartSection .btn-stnd-medium{
        padding: 12px 20px;
        font-weight: 500;
    }
    .orderCenter .addMoreDiv .addmore, .orderCenter .addMoreDiv .clearAll-partno,
    .store .addMoreDiv .addmore, .store .addMoreDiv .clearAll-partno {       
        font-family: robotomedium, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }
    .orderCenter .custom-pagination-wrap,.store .custom-pagination-wrap{
        margin: 24px 0;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }      
    .orderCenter .textView p.desc,.store .textView p.desc{
       margin-bottom: 32px;
       margin-right: 0;
       max-width: 100% !important;
       font-family: robotoregular, Arial, Helvetica, sans-serif;
       font-size: 14px;
       line-height: 20px;
    }
    .orderCenter p.desc,.store p.desc{
        max-width: 100% !important;
    }
    .orderCenter .bulkUploadSection .textView p.desc,
    .orderCenter .invantory-tab-wrapper .textView p.desc,
    .store .bulkUploadSection .textView p.desc,
    .store .invantory-tab-wrapper .textView p.desc{       
        margin-bottom: 16px;      
     }
    .orderCenter .partNumberSection .textView, .orderCenter .bulkUploadSection .textView, .orderCenter .copyPasteSection .textView, .orderCenter .invantory-tab-wrapper .textView,
    .store .partNumberSection .textView, .store .bulkUploadSection .textView, .store .copyPasteSection .textView, .store .invantory-tab-wrapper .textView{
        width: auto;
    }
    .orderCenter p.results.custom-totaltiles,.store p.results.custom-totaltiles{
        padding-right: 10px !important;      
        line-height: 100%;
        font-family: robotomedium, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #202020;      
        display: inline-block;
        padding-top: 0;
        margin: 0;
        height: auto;
    }    
    .invantory-tab-wrapper .uploadSection{
        width: 100%;
        padding-right: 0;
    }
    .orderCenter p.custom-clearall,.store p.custom-clearall{
        padding-left: 0;
        font-size: 14px;
        color: #303030;
    }
}