.inputText, .select, input[type=text]{font-size:17px!important}
@media only screen and (max-width: 600px) {

 
  
   
    /*PartOrdering*/
    .partOrder .partflex .flex1 .flex .left .inputText{ width:100%; }
    .partOrder .partflex .flex1 .flex .left .grid2 .btn-blue{ width:100%;height:35px}
    .partOrder .partflex .flex1 .flex .right .btn-blue{margin:10px auto;width:100%;}
    /*.partOrder .partflex .flex1 .flex .right .btn-black{margin:10px auto;width:100%;}*/
    .partOrder .partflex .flex1 .flex .inputText{width:100%; }
    .partOrder .partflex .clear-btns .btn-blue{margin:10px;width:45%;}
    .partOrder .partflex .clear-btns .btn-black{margin:10px;width:45%;}
    .partOrder .partflex .table-striped .inputText{width:45%;}
    .partOrder .bulk .btn-blue{width:45%;}
    .partOrder .bulk .btn-black{width:45%;}
    .partOrder .mobileDisNone{ display: none;}
    .partOrder .desktopDisNone{ display: block;}
    .partOrder .partflex {display: block;}
    .partOrder .partflex .flex1 .flex {  flex-direction: column;}
    .partOrder .partflex .flex1 {padding: 10px;}
    .partOrder .partflex .flex1 .submitOrderBtn{display: flex;justify-content: center; margin:10px;}
    .partOrder .partflex .flex1 .submitOrderBtn .btn-blue{ width:60%;height:30px;}
    .partOrder .partflex .flex2 {  padding: 10px; background-color: transparent;}
    .partOrder .topSection  .topSectionPartContainer .topSectionPartOrder {grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap:10px;}
    .partOrder .partflex .flex1 .flex .left{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .partOrder .partflex .flex1 .flex .vline{ display: none;}
    .partOrder .bulk {width: 80%;}
    .partOrder .showAddPart{  display: block;-webkit-animation: fadein 300ms;animation: fadein 300ms;}
    .partOrder .addPartsMobile .title { display: flex; padding: 10px;justify-content: space-between;font-weight: bold;border-bottom: 1px solid lightgray;}
    .partOrder .bulk .body .addPartMobile{ display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));}
    .partOrder .bulk .body .addPartMobile .grid{ margin:5px;}
    .partOrder .bulk .body .addPartMobile .grid .inputText{width:100%;height:30px;}
    .partOrder .bulk .body .addPartMobile .grid1 { display: flex;justify-content: center;}
    .partOrder .bulk .body .addPartMobile .grid1 .btn-blue{width:50%;height:30px;}
    .partOrder .partsContainer .partstable td #partqty{width:55%;}
    .partOrder .partflex .flex2 .btn-SecAction{width:100%;height: 35px;margin:10px auto; }
    .partOrder .importDms .btn-tertiary{ width:50%;height:35px}
    .partOrder .importDms{justify-content: center;}
    .partOrder .bulk-list { width: 80%;}


    .snebolsearch .div1 .grid-container .grid3 .btn-blue{ width:100%;}
    .snebolsearch .div1 .grid-container .grid3 .btn-black{ width:100%;}
    .snebolsearch .div1 .grid-container .grid2 .inputText{width:100%;}
    .snebolsearch .div1, .snebolsearch .div2{margin:10px;  margin-top:30px;}
    .snebolsearch .div1 .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .snebolsearch .div1 .grid-container .grid1{text-align: start;margin-top:0px;}


    .soashipperref .div1 .grid-container .grid3 .btn-blue {width:100%;}
    .soashipperref .div1 .grid-container .grid3 .btn-black {width:100%;}
    .soashipperref .div1 .grid-container .grid2 .inputText {width:100%;}
    .soashipperref .div1,  .soashipperref .div2{  margin:10px;   margin-top:30px;}
    .soashipperref .div1 .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .soashipperref .div1 .grid-container .grid1{ text-align: start;margin-top:0px;}
    .soashipperref .div1 .grid-container .grid2 input {width:95%;}

    /*MISC*/
    .partReturn .grid .grid3 .btn-blue{width:100%;}
    .partReturn .grid .grid2 .inputText{width:100%;}
    .partReturn{ margin:10px auto;width:90%;}
    .partReturn .submit .btn-blue{ width:100%;height:35px;}
    .partReturn .grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .partReturn .grid .grid1{grid-column: span 1;text-align: left;}
    .partReturn .grid .grid2{ grid-column: span 1;}
    .partReturn .grid .grid3{grid-column: span 1;}
    .partReturn .table-striped { display:block;overflow-x: auto;width:100%;}
    .partReturn .flex-partReturn{flex-direction: column; }

    .showPartbatch .table-striped {display: block;overflow: auto; }

    .batchListEntry .table-striped{display:block;overflow:auto;}



    /*AIM */
    .part-history .grid-container .grid3 .btn-blue{width:100%}
    .part-history .grid-container .grid3 .btn-black{width:100%}
    .part-history .grid-container .grid2 .inputText { width:100%;}
    .part-history{margin:10px;margin-top:30px;}
    .part-history .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .part-history .grid-container .grid1{text-align: start;align-self: auto;}

    .pending-suggestion .div1 .grid-container .grid3 .btn-blue{width:100%}
    .pending-suggestion .div1 .grid-container .grid3 .btn-black{width:100%}
    .pending-suggestion .div1 .grid-container .grid2 .inputDate{width:100%}
    .pending-suggestion .div1{margin:10px;}
    .pending-suggestion .div1 .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .pending-suggestion .div1 .grid-container .grid1{text-align: start;margin-top:0px;}
    .pending-suggestion .div1 .grid-container .textAlign{text-align: left;align-self: auto;}

    .aim-feedback .aim-feedbackBtns .btn-blue{margin:15px;width:100%;}
    .aim-feedback .aim-feedbackBtns .btn-black{margin:15px;width:100%;}
    .aim-feedback .textarea{width:98%;}
    .aim-feedback{ margin:20px; }
    .aim-feedbackBtns{justify-content: center;}

    .aimReturnEntry .table .inputText{width:90%;}
    .aimReturnEntry .btn-blue{width:50%;}
    .aimReturnEntry .btn-black{width:50%;}
    .aimReturnEntry .table {display: block;overflow: auto;}

    /*Parts Invoices*/
    .ackbyref .grid-container .grid3 .btn-blue{width:100%;}
    .ackbyref .grid-container .grid3 .btn-black{width:100%;}
    .ackbyref .grid-container .grid2 .inputText {width:100%;}
    .ackbyref{margin:10px;margin-top:30px;}
    .ackbyref .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .ackbyref .grid-container .grid1{text-align: start;align-self: auto;margin-top:0px;}

    .invoiceFinder .grid-container .grid3 .btn-blue {width: 100%;}
    .invoiceFinder .grid-container .grid3 .btn-black {width: 100%;}
    .invoiceFinder .grid-container .grid2 .inputText {width: 100%;}
    .invoiceFinder {margin: 10px;margin-top: 30px;}
    .invoiceFinder .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width: 100%;}
    .invoiceFinder .grid-container .grid1{text-align: start;align-self: auto;}

    .partByInvoice .grid-container .grid3 .btn-blue{width:100%;}
    .partByInvoice .grid-container .grid3 .btn-black{width:100%;}
    .partByInvoice .grid-container .grid2 .inputText{width:100%;}
    .partByInvoice{margin:10px;margin-top:30px;}
    .partByInvoice .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .partByInvoice .grid-container .grid1{ text-align: start;align-self: auto;}
   

    .genericInvoice .genInvoice-grid{grid-template-columns: repeat(1, minmax(0, 1fr));grid-row-gap: 10px;}
    .genericInvoice .genInvoice-grid .genInvoice-grid1{text-align: center;}
    .genericInvoice .flex-container{flex-direction: column;}
    /*.genericInvoice .genInvoice-table1{float: left;}
    .genericInvoice .genInvoice-table2{float: left;}*/
    .genericInvoice .genInvoice-table3 {display: block;overflow-x: auto;}

    .partInvoice .invoice-grid{grid-template-columns: repeat(1, minmax(0, 1fr));margin:10px;grid-row-gap: 10px;}
    .partInvoice .invoice-grid .grid1{text-align: center;}
    .partInvoice .flex-container{flex-direction: column;}
   /* .partInvoice .invoice-table1{float: left;}
    .partInvoice .invoice-table2{float: left;}*/
    .partInvoice .invoice-table3 { display: block;overflow-x: auto;}

    .navisionStatus .nav-grid{grid-template-columns: repeat(1, minmax(0, 1fr));margin:10px;grid-row-gap: 10px;}
    .navisionStatus .nav-grid .grid1{text-align: center;}
    .navisionStatus .navInvoice-table1{float: left;}
    .navisionStatus .navInvoice-table2{float: left;}
    .navisionStatus .navInvoice-table3 { display: block; overflow-x: auto;}

    /*References*/
    .accrual .grid-container .grid2 .select{width:100%;}
    .accrual .grid-container .grid3 .btn-blue{width:100%;}
    .accrual{ margin:10px;}
    .accrual .grid-container {grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .accrual .mainTable{ width:90%;}
    .accrual .grid-container .grid1{text-align: start;}



    .partBulletin .bulletin-table1 .btn-blue{width:100%; }
    .partBulletin .bulletin-table1 .bulletinViewallBtn{width:100%;}
    .partBulletin .bulletin-table1 .inputText{width:100%;}
    .partBulletin{margin:10px; }
    .partBulletin .bulletin-table1 .display-mobile{display: block;}
    .partBulletin .bulletin-table1 .display-desktop{display: none;}
    .partBulletin .bulletin-table1{width:100%;}
    .partBulletin .bulletin-table1 th, .partBulletin .bulletin-table1  td{padding:5px;}
    .partBulletin .bulletin-table2{width:100%;table-layout: auto;}
    .partBulletin .bulletin-table2 th, .partBulletin .bulletin-table2  td{padding:5px;}
  

    /*Others*/
    .backOrderConfirm .table-striped {display: block;overflow: auto;width:90%;}
    .backOrderStatusHeader .btn-align-locator .btn-blue {width: 50%;margin:10px;}
    .backorderStatusFooter .btn-blue {width: 50%; }

    .bqResponse .table{width:60%;border-spacing:0;}
    .bqResponse .div1{width:90%;}
    .bqResponse .flex-container .table1{width:100%;table-layout: fixed;}
    .bqResponse .flex-container{flex-direction: column;width:90%;}

    .billingInquiry .table-billing{ table-layout: fixed ;}
    .billingInquiry .billingselect{width:100%;}
    .billingInquiry .table-billing .inputText{width:98%;}
    .billingInquiry .table-billing .select{width:99%;}
    .billingInquiry .table-billing .textarea{width:99%;}
    .billingInquiry .btn-blue{width:50%;}
    .billingInquiry .btn-black{width:50%;}

    .massPartInquiry .massPartDiv .btn-blue{width:50%;}
    .massPartInquiry .massPartDiv .btn-black{width:50%;}
    .massPartInquiry .massPartDiv{margin:10px;}

    .dealerDetail .table {width:95%;}

    
    .onHandInquiry .btn-blue {	width:45%;margin:10px;}
    .onHandInquiry .btn-black{	width:45%;margin:10px;}
    .onHandInquiry .inputText{width:150px;}
    .onHandInquiry .onhand-table {display: block;overflow: auto;}
    
    .partDetails .grid .grid2 .inputText{width: 100%;}
    .partDetails .grid .grid3 .btn-blue{width: 100%; }
    .partDetails .inquiryBtn .btn-blue{width:100%;}
    .partDetails {width: 95%;margin-left:5px;}
    .partDetails .grid{grid-template-columns:1fr;margin:15px; }
    .partDetails .grid .grid1{margin-bottom: 10px;}
    .partDetails .grid .grid2, .partDetails .grid  .grid3{margin-bottom: 10px;}
    .partDetails .grid .grid2 .tableMobile{display:block;overflow-x: auto;}
    .partDetails .inquiryBtn{width:100%;}

    /*Print/Reports*/
    .soaAch .table{width:90%}

    .paymentHistory .grid-container .grid3 .btn-blue{width:100%;}
    .paymentHistory .grid-container .grid3 .btn-black{width:100%;}
    .paymentHistory .grid-container .grid2 .inputText {width:100%;}
    .paymentHistory{margin: 10px;align-self: auto;}
    .paymentHistory .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .paymentHistory .grid-container .grid1{text-align: start;margin-top:0px;}

    .returnNotice .table{width:80%;}


    



    /* Sales Vehicle*/
    
    .buildACar .carlines .lineTitle{float: none;}
    .buildACar .carlines .carline-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .buildACar .carlines .carline-grid .allocationNumber{margin:10px auto}
    .buildACar .modelTitle{float:none}
    .buildACar .buildcar-models{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));}
    .buildACar .buildcar-models .modelTrim {margin:10px auto;}
    .buildACar .buildcar-flex{flex-direction: column;}
    /*.buildcar-models{ border-bottom:2px solid #005491;border-right: none;float: none;min-height: auto;width:auto}*/
    .buildACar .buildcar-flex .buildcar-flex1,.buildACar .buildcar-flex .buildcar-flex2,
    .buildACar .buildcar-flex .buildcar-flex3,.buildACar .buildcar-flex .buildcar-flex4{border-right:none;}
    .buildACar .buildcar-flex .optAcc-grid{grid-template-columns: repeat(1, minmax(0, 1fr));grid-row-gap:7px }
    .buildACar .buildcar-flex .custInfo-flex{flex-direction: column; width: 100%;}
    .buildACar .buildcar-slider{display: flex;justify-content: center}
    .buildACar .buildcar-slider .btn-blue{display:block;width:45%;height:30px;margin:10px;margin-top: 20px;}
    .buildACar .buildcar-slider .btn-black{display:block;width:45%;height:30px;margin:10px;margin-top: 20px;}
    .buildACar .buildcar-flex .buildcar-flex4 .btn-blue{width:45%;margin:10px}
    .buildcar-flex .buildcar-flex4 .btn-black{display:block;width:45%;height:30px;margin:10px;}
    .buildACar .buildcar-flex .buildcar-flex4 .inline-flex .btn-black{display: block;}
    .buildACar .buildcar-flex .custInfo-flex .btn-black{width:50%;height:15px;margin:0px;text-align: center;}

    .accessoryItem{padding:2px 0px}


    .vehicleInvoice .showInvoiceBtn{display:flex;margin:10px; width:90%;margin-top:30px;}
    .vehicleInvoice .showInvoiceInfo .table1{width:90%;}
    .vehicleInvoice .showInvoiceInfo .table2{width:90%;}
    .vehicleInvoice .showInvoiceInfo{margin:10px;}
    .vehicleInvoice .showInvoiceInfo .table-striped{width:100%;overflow-x:auto;display:block;}
    .vehicleInvoice .showInvoiceInfo .table-striped th,.vehicleInvoice .showInvoiceInfo .table-striped  td{padding:5px;}
    .vehicleInvoice .showInvoiceBtn .btn-blue{width:75%; }

    .vehicleLocatorFooter .btn-blue {width: 50%;}

    .vehicleLocator .locator2-grid{width:90%; grid-template-columns:repeat(1, minmax(0, 1fr));}
    .vehicleLocator .select{width: 100%;}
    .vehicleLocator .locator2-grid .btn-blue{width:100%}

    .vehicleLocatorHeader .btn-align-locator{justify-content: center;}
    .vehicleLocatorHeader .btn-align-locator .btn-blue {width: 50%;}

    .vehicleInquiry .grid-container .grid3 .btn-blue{width:100%;}
    .vehicleInquiry .grid-container .grid3 .btn-black{width:100%;}
    .vehicleInquiry .grid-container .grid2 .inputText {width:100%;}
    .vehicleInquiry{margin:10px;margin-top:30px;}
    .vehicleInquiry .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .vehicleInquiry .grid-container .grid1{text-align: start; margin-top:0px;}

    .outWithinRegion #getvin .grid-container .grid2 .inputText{width:100%;}
    .outWithinRegion #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .outWithinRegion #showvin .flex-container .inputText{width:100%;;}
    .outWithinRegion #showvin .showvinBtn .btn-blue{width:100%;}
    .outWithinRegion #showvin .showvinBtn .btn-black{width:100%;}
    .outWithinRegion #getvin,.outWithinRegion #showvin {margin:10px; margin-top: 30px;}
    .outWithinRegion #showresult{margin:10px;margin-top: 30px;float:none}
    .outWithinRegion #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%}
    .outWithinRegion #getvin .grid-container .grid1{text-align: left;margin-top:5px;}
    .outWithinRegion #getvin .grid-container .grid2{grid-column: auto;}
    .outWithinRegion #getvin .grid-container .grid3{grid-column: auto;}
    .outWithinRegion #showvin .flex-container{flex-direction: column;}
    .outWithinRegion #showvin .flex-container label{align-self: auto;}
    .outWithinRegion #showvin .group-table .table {margin:10px;padding-right:0px;}
    .outWithinRegion #showvin .group-table .table th,.outWithinRegion #showvin .group-table .table td{padding:5px;text-align: left;border-bottom: 2px solid lightgrey;}
    .outWithinRegion #showvin .showvinBtn{display: flex;justify-content: center;}
    .outWithinRegion #showvin .group-table{display:grid;grid-template-columns:auto ;}
    .outWithinRegion #showresult .showvinBtn .btn-blue{width:95%;}

    .inWithinRegion #getvin,.inWithinRegion #showvin,.inWithinRegion #showresult{ margin:10px;margin-top:30px;}
    .inWithinRegion #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .inWithinRegion #getvin .grid-container .grid1{text-align: left;margin-top:5px;}
    .inWithinRegion #getvin .grid-container .grid2{grid-column: auto;}
    .inWithinRegion #getvin .grid-container .grid3{grid-column: auto;}
    .inWithinRegion #getvin .grid-container .grid2 .inputText{width:100%;}
    .inWithinRegion #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .inWithinRegion #showvin .table{  margin:10px}
    .inWithinRegion #showvin .table th, .inWithinRegion #showvin .table td{padding:5px;text-align: left;}
    .inWithinRegion #showvin .showvinBtn{display: flex;justify-content: center;}
    .inWithinRegion #showvin .showvinBtn .btn-blue{width:100%;}
    .inWithinRegion #showvin .showvinBtn .btn-black{width:100%;}
    .inWithinRegion #showresult .showvinBtn .btn-blue{width:95%;}

    .inOutOfRegion #getvin, .inOutOfRegion #showvin,.inOutOfRegion #showresult{margin:15px;margin-top:30px;}
    .inOutOfRegion #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;grid-row-gap: 15px;}
    .inOutOfRegion #getvin .grid-container .grid1{grid-column: span 1;align-self: auto; }
    .inOutOfRegion #getvin .grid-container .grid2{grid-column:auto ;}
    .inOutOfRegion #getvin .grid-container .grid3{grid-column: auto;}
    .inOutOfRegion #getvin .grid-container .grid2 .inputText{width:100%;}
    .inOutOfRegion #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .inOutOfRegion #showvin .table{margin:10px;}
    .inOutOfRegion #showvin .table th,.inOutOfRegion #showvin .table td{padding:5px;}
    .inOutOfRegion #showvin .showvinBtn .btn-blue{width:50%;;margin:10px}
    .inOutOfRegion #showvin .showvinBtn .btn-black{width:50%;;margin:10px}
    .inOutOfRegion #showvin .showvinBtn{display: flex;justify-content: center;}
    .inOutOfRegion #showresult .showvinBtn .btn-blue{width:95%}

    .sslp #getvin .grid-container .grid2 .inputText{width:100%;}
    .sslp #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .sslp #showvin .showvinBtn .btn-blue{width:100%;}
    .sslp #showvin .showvinBtn .btn-black{width:100%;}
    .sslp #getvin,.sslp #showvin {margin:10px; margin-top: 30px;}
    .sslp #showresult{margin:10px;margin-top: 30px;float:none}
    .sslp #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%}
    .sslp #getvin .grid-container .grid1{text-align: left;margin-top:5px;}
    .sslp #getvin .grid-container .grid2{grid-column: auto;}
    .sslp #getvin .grid-container .grid3{grid-column: auto;}
    .sslp #showvin .group-table .table {margin:10px;padding-right:0px;}
    .sslp #showvin .group-table .table th,.sslp #showvin .group-table .table td{padding:5px;text-align: left;border-bottom: 2px solid lightgrey;}
    .sslp #showresult .showvinBtn{width:100%}
    .sslp #showresult .showvinBtn .btn-blue{width:95%;}
    .sslp #showvin .showvinBtn{display: flex;justify-content: center;}
    .sslp #showvin .group-table{display:grid;grid-template-columns:auto ;}

   

    .allocationFooter .table{width:90%}
    .allocationAcc .allocationAcc-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}
    .allocationAcc .btn-blue{ width: 50%;}
    .allocationAcc .btn-black{ width: 50%;}

    .bulkAcc .allocations .bulk-Allocation{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));width:100%}
    .bulkAcc .carlines .bulk-carline{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
    .bulkAcc .allocations .allocationPNVW{display: none;}
    .bulkAcc .bulk-models{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));}
    .bulkAcc .carlines .lineTitle,.bulkAcc .bulk-modelTitle {float:none; }
    .bulkAcc .allocationNumber{margin:10px auto}
    .bulkAcc .modelTrim {margin:10px auto;}
    /*.bulk-grid{display:grid;grid-template-columns: repeat(1, minmax(0, 1fr));height: 100%;}*/
    .bulkAcc .bulk-grid{display: flex;flex-direction: column;height: 100%;}
    .bulkAcc .bulk-grid .bulk-grid1{border-right:none}
    .bulkAcc .bulk-grid .bulk-grid2{border-right:none;height:100%;overflow-y: auto;}
    .bulkAcc .bulk-grid .bulk-grid3{border-right:none;overflow-y: hidden;}
    .bulkAcc .bulk-slider{display: flex;justify-content: center}
    .bulkAcc .btn-blue{display:block;width:45%;height:30px;margin:10px;margin-top:20px}
    .bulkAcc .btn-black{display:block;width:45%;height:30px;margin:10px;margin-top:20px}
    .bulkAcc .bulk-grid .bulk-checkbox{padding:5px}
    .bulkAcc .allocations .mobileDisplay{display: block;text-align: center;cursor: pointer; text-decoration: underline; color: #005491;margin-top:5px}
    .bulkAcc .bulk-grid .bulk-trimAcc-grid{grid-template-columns: repeat(1, minmax(0, 1fr));}

    .bulkAccSubmit .flexContainer{display: flex;flex-direction: column;}
    .bulkAccSubmit .flexContainer .title{margin:10px 0px;}
    .bulkAccSubmit .carlineFlex{display: flex;flex-direction: column; }
    .bulkAccSubmit .carlineFlex .carlines .carline-number{ margin:10px;}
    .bulkAccSubmit .carModelFlex{display: flex;flex-direction: column;}
    .bulkAccSubmit .carModelFlex .carModels .carmodel-number{ margin:10px;}

    .retailCancel{margin:10px;}
    .retailCancel .retailCancel-table{   margin: 5px;font-size: 15px;}
    .retailCancel .retailCancel-table td{  padding: 5px;}
    .retailCancel  .textarea{   width:100%;}
    .retailCancel  .btn-blue{width:100%;}

    .updateCustomerInfo .grid-container{ grid-template-columns:1fr; width:100%}
    .updateCustomerInfo .grid-container .grid1{ margin:5px;  text-align: left; }
    .updateCustomerInfo .grid-container .grid2,.updateCustomerInfo .grid-container .grid3{   margin:5px; }
    .updateCustomerInfo .grid-container .grid3 .btn-blue{    width:100% }
    .updateCustomerInfo .flex-container .btn-blue{    width:50%}
    .updateCustomerInfo .flex-container .btn-black{ width:50%}
    .updateCustomerInfo .updateinfo-table{width:100;}
    .updateCustomerInfo .updateinfo-table td{padding:0px;}
    .updateCustomerInfo .flex-container{ width:100%;justify-content: center; }
    .updateCustomerInfoPrimary .primaryinfo{ width:100%;margin:5px auto;}
    .updateCustomerInfoPrimary .grid-container{ grid-template-columns: repeat(2, minmax(0, 1fr));width:100%; margin:10px auto;grid-column-gap:25px;}
    .updateCustomerInfoPrimary .grid-container1{grid-template-columns: repeat(2, minmax(0, 1fr));width: 100%;grid-column-gap: 25px;grid-column: span 2;}
    .updateCustomerInfoSecond .secondaryinfo .grid-container{grid-template-columns: repeat(2, minmax(0, 1fr));width:100%;grid-column-gap:25px;}
    .updateCustomerInfoSecond .secondaryinfo{ width:100%;margin:5px auto;}
    .updateCustomerInfoSecond .secondaryinfo .grid-changeinfo-title{flex-direction: column;}


    .demoReg #showVec,.demoReg #showresult{margin:10px;margin-top:30px;}
    .demoReg #showVec .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .demoReg #showVec .grid-container .grid1{grid-column: span 1;align-self: auto; }
    .demoReg #showVec .grid-container .grid2{grid-column: span 1;}
    .demoReg #showVec .grid-container .grid3{grid-column: span 1;align-self: auto;}
    .demoReg #showVec .grid-container .grid2 .inputText{width:100%;}
    .demoReg #showVec .grid-container .grid2 .inputDate{width:100%;}
    .demoReg #showVec .grid-container .grid3 .btn-blue{width:100%;}
    .demoReg #showVec .group-table{display:grid;grid-template-columns:auto ;}
    .demoReg #showVec .group-table .table{margin:10px;border-spacing: 0;}
    .demoReg #showVec .group-table .table th,.demoReg #showVec .group-table .table td{padding:5px;text-align: left;border-bottom: 2px solid lightgrey;}
    .demoReg #showVec .showvecBtn{display: flex;justify-content: center;}
    .demoReg #showVec .showvecBtn .btn-blue{width:50%;}
    .demoReg #showVec .showvecBtn .btn-black{width:50%;}
    .demoReg #showresult .showvecBtn .btn-blue{width:90%;}

    .cancelSale #getvin,.cancelSale #showvin,.cancelSale #showresult{margin:10px;margin-top: 30px;}
    .cancelSale #getvin .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;grid-gap:10px;}
    .cancelSale #getvin .grid-container .grid1{grid-column: span 1;margin-top:none;text-align:left}
    .cancelSale #getvin .grid-container .grid2{grid-column: span 1;}
    .cancelSale #getvin .grid-container .grid3{grid-column: span 1;}
    .cancelSale #getvin .grid-container .grid2 .inputText{width:100%;}
    .cancelSale #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .cancelSale #getvin .grid-container .grid2 #msgrtn{margin-top:5px;display:block;color:red;font-weight: bold;}   
    .cancelSale #showvin .table{ margin:10px;border-spacing: 0;}
    .cancelSale #showvin .table th, .cancelSale #showvin .table td{padding:10px;text-align: left;border-bottom: 2px solid lightgrey;}
    .cancelSale #showvin .reason-textarea{margin-left:10px}
    .cancelSale #showvin .textarea{width:97%}
    .cancelSale #showvin .showvinBtn{display: flex;justify-content: center;}
    .cancelSale #showvin .showvinBtn .btn-blue{width:50%;;margin:10px}
    .cancelSale #showvin .showvinBtn .btn-black{width:50%;;margin:10px}

    #VehicleSale .btn-blue{width:50%;}
    #VehicleSale{margin:10px;}
    #VehicleSale  .grid-container{ grid-template-columns: repeat(2, minmax(0, 1fr));width:100%;  margin:10px auto;  grid-column-gap:25px;  grid-column: span 2;}
    #VehicleSale .saleinfo{width:96%;}
    #VehicleSale .marginleft{display:block;width:95%;}
    #VehicleSale .grid-container1{  grid-template-columns: repeat(2, minmax(0, 1fr));width:100%; margin:10px auto;grid-column-gap:25px;}
    #VehicleSale .grid-item1 {width:100%;}
    #VehicleSale .grid-item2 {width:100%;grid-column: span 2;}
    #VehicleSale .vehinfo1{width:100%;margin-right: 0px;}
    #VehicleSale .vehinfo2{  width:100%; margin-left: 0px;}
    #VehicleSale  .table-striped{width:100%;overflow-x:auto;display:block;}

    .vehicleDealer{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .vehicleDetails{ grid-template-columns: repeat(1, minmax(0, 1fr));}
    .vehicleDrilldown .div-buttons .btn-blue { width:50%;margin:10px;}
    .vehicleOwner{ grid-template-columns: repeat(1, minmax(0, 1fr));}
    .VehicleSales .btn-blue{ width:50%;height:35px;}
    .VehicleSales  .table-striped{width:100%; overflow-x:auto;display:block;}
    .VehicleSales  .table-striped th, .VehicleSales  .table-striped td{ padding:5px;}
    .vehicleStatus{grid-template-columns: repeat(1, minmax(0, 1fr));}
  


    /*Report*/
    #ReportGrid.OutbackReport tr td{padding:5px 0px 5px 3px}
    #ReportGrid .datatable-grid .datatable-flex .datatable-flexselect .select{width: 90%;}
    #ReportGrid .datatable-grid{ grid-template-columns:auto auto ;}
    #ReportGrid .datatable-grid .datatable-flex{flex-direction:column}
    #ReportGrid .datatable-grid .datatable-flex .datatable-flexselect{align-self: auto;}
    #ReportGrid .datatable-grid .datatable-flex .datatable-optionTitle{align-self: auto;text-align:left}
    #ReportGrid .edit-popup{left:0%}
    /*#ReportGrid .ReportOptions .datatable-list{float:none; margin-left: -40px}*/
    #ReportGrid .ReportOptions ul.background-grey{flex-direction: column;}

    .dateRangeSelector { flex-direction: column; align-items: stretch; }
    .dateRangeSelector .dateItem { width: 100%; }
    .dateRangeSelector .dateItem .dateGroup {align-items: stretch;flex-direction: column;}
    .dateRangeSelector .dateItem .dateGroup .inputDate {width:100%;margin:5px auto; }
    .dateRangeSelector .btn-blue { margin: 5px auto; width: 100%; }
    .dateRangeSelector .btn-black { margin: 5px auto; width: 100%; }

    /*Slider*/
    .rdrDraft .divflex { margin: 20px auto;width:90%;} 
    .rdrDraft .divflex .grid-container{grid-template-columns:1fr;}
    .rdrDraft .divflex .grid-container .grid2 { grid-column: span 1;}
    .rdrDraft .btn-blue { width: 37%;}
    .rdrDraft .btn-black {width: 37%; }

    


    /*Retailer Resources*/
    .addattritubeCssStyler { width:95%;margin:20px auto; }

    .addChildCssStyler { width:95%;  margin:20px auto;}

    .createCssClass { width:95%;margin:20px auto;}
    .createCssClass .inputText {width: 100%;}
    .createCssClass .select {width: 95%;}
    .createCssClass .btn-blue{width:100%;}

    .createPageComponent {  width:95%;margin:20px auto;}

    .adminselect .populatedList{  display: grid; grid-template-columns:repeat(1, minmax(0, 1fr));}

    .dealerFeedback .table{ margin:20px auto;width:95%;}
    .dealerFeedback .table .btn-blue{ width:65%;}
    .dealerFeedback .flex-container{margin:10px auto;width:95%;}
    .dealerFeedback .flex-container .btn-blue{ width:50%;}
    .dealerFeedback .flex-container .btn-black{  width:50%;}

    .feedbackList .dropDownContainer{width:95%;}
    .feedbackList .header{width:95%;}
    .feedbackList .feedbackItem{ margin:10px;}
    .feedbackList .btn-blue{width:50%}

    .editPageComponent { width:95%;margin:20px auto;}

    .manageEnumTypes {width:90%;margin:40px auto}

    .reportColumnSettings  { width:90%; margin:40px auto;}
    .reportColumnSettings .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));}
    .reportColumnSettings  .btn-blue{width:100%;}
    .reportSettings  { width:90%; margin:40px auto;}
    .reportSettings .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));}
    .reportSettings  .btn-blue{width:100%;}
    .reportSpParams .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));}
    .reportSpParams  {  width:90%;margin:15px auto;}
    .reportSpParams  .btn-blue{ width:100%;}

    .reportPageSettings { width:90%; margin:20px auto;}
    .reportPageSettings .grid-container{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr))}
    .reportPageSettings .grid-container .grid-item1{grid-column: span 1;}
    .reportPageSettings .grid-container .grid-item2{grid-column: span 1;}
    .reportPageSettings  .btn-blue{ width:100%;}

    .newsGalleryImage {width:90%; }

    .paymentProfileInfo .divflex {margin: 20px auto;width:90%;}
    .paymentProfileInfo .divflex .grid-container{grid-template-columns:1fr;}
    .paymentProfileInfo .divflex .grid-container .grid2 {  grid-column: span 1;}
    .paymentProfileInfo .btn-blue { width: 40%;}
    .paymentProfileInfo .btn-black {width: 40%;}

    .paypalUpload .table1{width:95%;margin:20px auto}
    .paypalUpload  .preview {width:95%;margin:20px auto}
    .paypalUpload  .preview .table2{width:100%;border-spacing: 0;display: block;overflow: auto;}


    .automateContainer {   flex-direction: column;margin:10px auto}
    .automateContainer .leftContainer,.automateContainer .rightContainer {  padding: 15px;margin: 10px;  }
    .automateContainer .rightContainer {margin-top: 20px;}
    .automateContainer .formGroup {display:flex;flex-direction: column;align-items: unset;}
    .automateContainer .formGroup label {text-align: left;}
    .automateContainer .leftContainer button {width:100%}
    .automateContainer .titleBar button{width:35%}

    .addEditTemplate .templateContainer{flex-direction: column; height: auto; margin:10px;}
    .templateContainer .column1 {border-bottom: 1px solid #777; border-right: none;}
    .templateContainer .column2 {border-bottom: 1px solid #777;border-right: none;}
    .addEditTemplate .buttons button {margin: 15px;width: 40%;height: 35px;}
    

    .ascentPageImg{width:85%;}

    .announcementInfo .annHeader{flex-direction: column;} 

    .changeRetailer .lists .grid-container { grid-template-columns: 1fr; }
    .changeRetailer .retail-flex{ border-right: none;}
    .changeRetailer .lists .grid-container .lg{ display:none; }
    .changeRetailer .lists .grid-container .mobile{  display: flex; }
    .changeRetailer .searchBar .inputText{ width:35%; }
    .changeRetailer .lists .grid-container .retail-flex:active{color:#004bb4;font-weight: bold;}

    .createAnnouncement{margin:15px;}
    .createAnnouncement .maindiv .grid-container{grid-template-columns: auto;  }
    .createAnnouncement .maindiv .grid-container .grid-items1{text-align: start;}
    /*.createAnnouncement .maindiv .flex-container .btn-black{height: 30px;}*/
    .createAnnouncement .maindiv .inputDate{ width:100%;}
    .createAnnouncement  .btn-blue{width:90%; }
    .createAnnouncement  .btn-black{  width:90%;   }
    .createAnnouncement .maindiv .flex-container .inputText{   width:90px;}
    .createAnnouncement .maindiv .expand-div .grid-retail{display:grid;padding: 5px;grid-template-columns: repeat(1, minmax(0, 1fr));}

    .fixedoperations .column { width: 100%;display: block;margin-bottom: 10px;}
    .fixedoperations .row {   margin-left: 0px;}
    .fixedoperations .divider {font-size: 20px; }

    .final-goals { width: 100%; margin: 0; }

    .lovePromisePage .lp-logo-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lovePromisePage .grid-item1{ grid-column: span 1; align-self: center;}
    .lovePromisePage  .lp-text-summary{ margin: 0px;width:95%;transform: translate(3%, 0%); }
    .lovePromisePage #lp-text-head{ line-height: 1.0;}
    .lovePromisePage #lp-text{font-size: 15px;}
    .lovePromisePage .lp-links{display:none;}
    .lovePromisePage .lp-pillar-mb{display:block;}
    .lovePromisePage .lp-pillars{display:none;}
    .lovePromisePage .commit{ width:80%;}
    .lovePromisePage .carousel {display: block;margin: 0 auto;overflow: hidden;text-align: center;margin:20px;}
    .lovePromisePage .slides {width: 100%;display: flex;overflow-x: scroll;scrollbar-width: none;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
    .lovePromisePage .slides::-webkit-scrollbar {display: none;}
    .lovePromisePage .slides-item {flex-shrink: 0;font-size: 100px;height: 350px;justify-content: center;margin: 0 1rem;position: relative;scroll-snap-align: start;transform: scale(1);transform-origin: center center;transition: transform .5s;width: 100%;}
    .lovePromisePage .slides-pillar{flex-shrink: 0;font-size: 100px;height: 425px;justify-content: center;margin: 0 1rem;position: relative;scroll-snap-align: start;transform: scale(1);transform-origin: center center;transition: transform .5s;width: 100%;}
    .lovePromisePage .slider-nav {align-items: center;background-color: #ddd;border-radius: 50%;color: #000;display: inline-flex;height: 1.5rem;justify-content: center;padding: .5rem;position: relative;text-decoration: none;width: 30px;margin:4px;font-size: 11px;}
    .lovePromisePage .slider-nav:hover,
    .lovePromisePage .slider-nav:active {background-color: #000;color: #fff;}
    .lovePromisePage .logo-mb{width:99%;height:275px;}
    .lovePromisePage .button-links-mb{ margin-top:0px;}
    .lovePromisePage .pillar-image{ width:100%}
    .lovePromisePage .terracycle{width:25%;}

    .createUser .flex-container {flex-direction: column; margin: 10px;height: auto; }
    .createUser .flex-container #col-1 { border-bottom: 1px solid #777;border-right: none;padding: 10px;}
    .createUser .flex-container #col-2 {border-bottom: 1px solid #777; border-right: none; padding: 10px;}
    .createUser .flex-container #col-3 { padding: 10px;}
    .createUser .btn-blue {width: 40%; }
    .createUser .btn-black { width: 40%;}
    .createUser #retailes { display: block;overflow-x: auto; }

    .userProfile .divflex { margin: 10px; display: flex;flex-direction: column;}
    .userProfile .divflex .div-col-1 { padding: 15px;border-bottom: 1px solid #777;border-right: none;}
    .userProfile .divflex .div-col-2 { padding: 15px;}
    .userProfile .table-scheme { width: 90%;}
    .userProfile .btn-blue {width:40%;  }
    .userProfile .btn-black {width:40%;}

    /*Boston Port*/
    .vehicleHistory .vehHistory-table{width:95%}

    .damageVehicle-update .getInfo .getInfoSearch{align-items: stretch;flex-direction: column;}
    .damageVehicle-update .getInfo .inputText{width:100%; margin:10px auto;}
    .damageVehicle-update .getInfo .btn-blue{width:100%;}
    .damageVehicle-update .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .damageVehicle-update .grid-container .grid-item1{grid-column: span 1}
    .damageVehicle-update .grid-container .grid-item2{grid-column: span 1;}
    .damageVehicle-update .submitContainer{ width:80%}
    .damageVehicle-update .submitContainer .btn-blue{width:50%;}
    .damageVehicle-update .submitContainer .btn-black{ width:50%;}

    .loadLaneSearch .form-inline .inputText {width: 100% ;}
    .loadLaneSearch .form-inline .btn-blue {margin-top: 10px ; width: 100% ; }
    .loadLaneSearch .form-inline .btn-black { margin-top: 10px ;width: 100% ; }
    .loadLaneSearch .form-inline {flex-direction: column;align-items: stretch;}

    .actualDelivery .form-inline .inputText {width: 100% ;}
    .actualDelivery .form-inline .inputDate {width: 100% ;}
    .actualDelivery .form-inline .btn-blue {margin-top: 10px ; width: 100% ; }
    .actualDelivery .form-inline {flex-direction: column;align-items: stretch;}
    .actualDelivery .error { color: red; margin: 0; text-align: center; width: 100%; }

    .editContractMiles .displayDesktop{display:none}
    .editContractMiles .displayMobile{display:block}
    .editContractMiles .grid-container{display: flex;flex-direction: column;align-items: stretch;}
    .editContractMiles .fieldGroup{margin: 9px auto; width: 100%;display: flex;flex-direction: column;}
    .editContractMiles .textAlign{text-align: left;}
    .editContractMiles  .btn-blue{margin: auto;}

    .managedriver .divflex {width:90%;  }
    .managedriver .divflex .grid-container{grid-template-columns: repeat(1, 1fr);}
    .managedriver .divflex .grid-container .grid2 {grid-column: span 1; }
    .managedriver .divflex .grid-container .grid1 {grid-column: span 1;}
    .managedriver .divflex .grid-container .grid3 {grid-column: span 1;}
    .managedriver .btn-blue { margin: 5px;   width: 45%;}   
    .managedriver .btn-black {margin: 5px; width: 45%;}

    .managetractor .divflex {width:90%;  }
    .managetractor .divflex .grid-container{grid-template-columns: repeat(1, 1fr);}
    .managetractor .divflex .grid-container .grid2 {grid-column: span 1; }
    .managetractor .divflex .grid-container .grid1 {grid-column: span 1;}
    .managetractor .divflex .grid-container .grid3 {grid-column: span 1; }
    .managetractor .btn-blue { margin: 10px;   width: 45%}   
    .managetractor .btn-black {margin: 10px; width: 45%}

    .managetrailer .divflex {width:90%;  }
    .managetrailer .divflex .grid-container{grid-template-columns: repeat(1, 1fr);}
    .managetrailer .divflex .grid-container .grid2 {grid-column: span 1; }
    .managetrailer .divflex .grid-container .grid1 {grid-column: span 1;}
    .managetrailer .divflex .grid-container .grid3 {grid-column: span 1;}
    .managetrailer .btn-blue { margin: 10px;   width: 45%}   
    .managetrailer .btn-black {margin: 10px; width: 45%}
  

    /*Navision*/

    .accrualkeepscrapsearch .form-inline .inputDate { width: 100%;}
    .accrualkeepscrapsearch .form-inline .btn-blue { margin: 5px;width: 100%;}
    .accrualkeepscrapsearch .form-inline .btn-black { margin: 5px; width: 100%;}
    .accrualkeepscrapsearch .form-inline { flex-direction: column;align-items: stretch;}

    .aimDashboradMonthly .form-inline .select {width: 100% ;}
    .aimDashboradMonthly .form-inline .btn-blue {margin-top: 10px ; width: 100% ; }
    .aimDashboradMonthly .form-inline .btn-black { margin-top: 10px ;width: 100% ; }
    .aimDashboradMonthly .form-inline {flex-direction: column;align-items: stretch;}

    .accInquiry .form-inline .select {width: 100% ;}
    .accInquiry .form-inline .inputText {width: 100% ;}
    .accInquiry .form-inline .btn-blue {margin-top: 10px ; width: 100% ; }
    .accInquiry .form-inline .btn-black { margin-top: 10px ;width: 100% ; }
    .accInquiry .form-inline {flex-direction: column;align-items: stretch;}

      .aimMonthlyOrder .form-inline .inputDate { width: 100% ;}
      .aimMonthlyOrder .form-inline .btn-blue { margin: 5px ; width: 100% ; }
      .aimMonthlyOrder .form-inline .btn-black { margin: 5px ;width: 100% ;      }
      .aimMonthlyOrder .form-inline {flex-direction: column;align-items: stretch;}
      .aimMonthlyReturns .form-inline .inputDate { width: 100% ;}
      .aimMonthlyReturns .form-inline .btn-blue { margin: 5px ; width: 100% ;}
      .aimMonthlyReturns .form-inline .btn-black { margin: 5px ; width: 100% ;      }
      .aimMonthlyReturns .form-inline { flex-direction: column;align-items: stretch;}

      /*.vehicleDeliveryForm .divTable {display: table;width: 80%;text-align: center;margin:0 auto;}
      .vehicleDeliveryForm .divTableRow {display: table-row;}
      .vehicleDeliveryForm .vehicleDeliveryForm .divTableHeading {background-color: #ffffff;display: table-header-group;}
      .vehicleDeliveryForm .divTableCell, .divTableHead {border: 1px solid #ffffff;display: table-cell;padding: 3px 10px;}
      .vehicleDeliveryForm .divTableHeading {background-color: #ffffff;display: table-header-group;font-weight: bold;}
      .vehicleDeliveryForm .divTableBody {display: table-row-group;}
      .vehicleDeliveryForm .buttonLink {background: none!important;border: none;padding: 0!important;font-family: arial, sans-serif;color: #069;text-decoration: underline;cursor: pointer;}
      .vehicleDeliveryForm .form-inline .btn-blue {margin: 5px; width: 150px; height: 35px;}*/

      .vehicleDeliveryForm .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr)); margin: 0 auto; grid-column-gap:0px;}
      .vehicleDeliveryForm .grid-container .grid1{text-align: center;}
      .vehicleDeliveryForm .grid-container .grid5 .btn-blue{margin:0px 0px 15px 0px;}

      .masterList .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr)); margin: 0 auto; grid-column-gap:0px;}
      .masterList .grid-container .grid1{text-align: center;}
      .masterList .grid-container .grid5 .btn-blue{margin:0px 0px 15px 0px;}

      .vehicleDeliveryReceipt{font-size: 12px;overflow-x: scroll;}
      .vehicleDeliveryReceipt .header .logos .subaruLogo img {width: 65px; margin-top: 10px;}
      .vehicleDeliveryReceipt .header .receiptTitle h4{margin-top: 20px;}
      .vehicleDeliveryReceipt .addSapceRight{margin-right:120px;}
      .vehicleDeliveryReceipt .header .logos .bostonPort h2{font-size: 14px;margin-top: 20px;}
      .vehicleDeliveryReceipt .footer{margin-bottom: 10px;}

      .navisionFillRateContainer { flex-direction: column; align-items: stretch; }
      .navisionFillRateContainer .controls { flex-direction: column; } 
      .navisionFillRateContainer .controls .dates { flex: none; width: 100%;} 
      .navisionFillRateContainer .controls .summary { flex: 1; justify-content: left; width: 100%; margin: 5px; } 
      .navisionFillRateContainer .controls .summary label { text-align: right; } 
      .navisionFillRateContainer .controls  .btns{flex-direction: column;width:100%} 
      .navisionFillRateContainer .controls .btn-blue { margin-top: 10px; width: 100%;margin-left: 0px; }
      .navisionFillRateContainer .controls .btn-black { margin-top: 10px; width: 100%;margin-left: 0px; }

      .functionSaleSearch .form-inline .inputDate {width: 100% ;}
      .functionSaleSearch .form-inline .btn-blue {margin: 5px ;width: 100% ; }
      .functionSaleSearch .form-inline .btn-black {margin: 5px ;width: 100% ;  }
      .functionSaleSearch .form-inline {flex-direction: column;align-items: stretch;}

      .inventoryValuationSearch .form-inline .inputDate { width: 100% !important;}
      .inventoryValuationSearch .form-inline .btn-blue { margin-top: 10px !important;width: 100% !important;  margin-left: 0px !important;}
      .inventoryValuationSearch .form-inline .btn-black { margin-top: 10px !important;width: 100% !important; margin-left: 0px !important;     }
      .inventoryValuationSearch .form-inline {flex-direction: column; align-items: stretch; }

      .navisionFunctionCodeContainer .layout { flex-direction: column; }
      .navisionFunctionCodeContainer .controls .controlGroups { flex-direction: column; }
      .navisionFunctionCodeContainer .controls .controlGroups .controlGroup{margin-left: 5px;}
      .navisionFunctionCodeContainer .controls .controlGroups .controlGroup:last-child { margin-top: 14px; }
      .navisionFunctionCodeContainer .buttons {flex-direction: column;  margin: 10px auto;width:90% }
      .navisionFunctionCodeContainer .buttons .btn-blue {  width: 100%; margin: 5px;}
      .navisionFunctionCodeContainer .buttons .btn-black {  width: 100%; margin: 5px;}

      .navisionReportDateRangeContainer { flex-direction: column; align-items: stretch; }
      .navisionReportDateRangeContainer .controls { flex-direction: column; } 
      .navisionReportDateRangeContainer .controls .dates { flex: none; width: 100%; } 
      .navisionReportDateRangeContainer .controls .btns{display: flex;flex-direction: column;}
      .navisionReportDateRangeContainer .controls .btn-blue { margin: 10px auto; width: 100%; }
      .navisionReportDateRangeContainer .controls .btn-black { margin: 10px auto; width: 100%; }

      /*.navisionReportMonthYearContainer form { flex-direction: column; align-items: stretch; }
      .navisionReportMonthYearContainer form .group { margin-top: 10px; }  
      .navisionReportMonthYearContainer form .btn-blue {   margin-top: 10px; width: 98%; }
      .navisionReportMonthYearContainer form .btn-black {  margin-top: 10px; width: 98%; }*/

      .navisionReportTextInputContainer { flex-direction: column; align-items: stretch; }
      .navisionReportTextInputContainer form { flex-direction: column;align-items: stretch; } 
      .navisionReportTextInputContainer form  { width: 90%;margin:10px auto; } 
      .navisionReportTextInputContainer form  .inputText { width:100% } 
      .navisionReportTextInputContainer form .btn-blue { margin-top: 10px; width: 100%; }
      .navisionReportTextInputContainer form .btn-black { margin-top: 10px; width: 100%; }

      .partBinVelocity .form-inline .inputDate{ width: 100% ; }
      .partBinVelocity .form-inline .select {width: 100% ;}
      .partBinVelocity .form-inline .btn-blue { margin-top: 10px ;width: 100% ; }
      .partBinVelocity .form-inline .btn-black { margin-top: 10px ;width: 100% ;      }
      .partBinVelocity .form-inline {flex-direction: column;align-items: stretch;}
      .partBinVelocity .form-inline .inputs{flex-direction: column;align-items: stretch;}
      .partBinVelocity .form-inline .btns{width:100%;margin:5px;flex-direction: column;}

      .pickStatsSearch .form-inline .inputDate { width: 100% ;}
    .pickStatsSearch .form-inline .btn-blue { margin: 5px ; width: 100% ; }
    .pickStatsSearch .form-inline .btn-black {margin: 5px ; width: 100% ;      }
    .pickStatsSearch .form-inline {flex-direction: column;align-items: stretch;}

    .referalLines .form-inline .inputDate { width: 100% !important;}
    .referalLines .form-inline .btn-blue {margin-top: 10px !important;width: 100% !important;  margin-left: 0px !important;}
    .referalLines .form-inline .btn-black {margin-top: 10px !important;width: 100% !important; margin-left: 0px !important;     }
    .referalLines .form-inline { flex-direction: column;align-items: stretch;}

    .retailSummaryFreight .form-inline .inputDate { width: 100% !important;}
    .retailSummaryFreight .form-inline .btn-blue { margin-top: 10px !important;width: 100% !important; }
    .retailSummaryFreight .form-inline .btn-black {margin-top: 10px !important; width: 100% !important;}
    .retailSummaryFreight .form-inline {flex-direction: column;align-items: stretch;}

    .soaFreightSearch .form-inline .inputDate {width: 100% ;}
    .soaFreightSearch .form-inline .btn-blue {margin-top: 10px ; width: 100% ; }
    .soaFreightSearch .form-inline .btn-black { margin-top: 10px ;width: 100% ; }
    .soaFreightSearch .form-inline {flex-direction: column;align-items: stretch;}

    .soaInvoiceLineSearch .form-inline .inputDate {width: 100% ;}
    .soaInvoiceLineSearch .form-inline .btn-blue {margin-top: 10px ; width: 100% ; }
    .soaInvoiceLineSearch .form-inline .btn-black { margin-top: 10px ;width: 100% ; }
    .soaInvoiceLineSearch .form-inline {flex-direction: column;align-items: stretch;}

    .stdFreight .form-inline .inputDate {width: 100% ;}
    .stdFreight .form-inline .btn-blue { margin-top: 10px ;width: 100% ; }
    .stdFreight .form-inline .btn-black { margin-top: 10px ;width: 100% ; }
    .stdFreight .form-inline {flex-direction: column;align-items: stretch;}

    .unfilledinSearch .form-inline .inputDate{ width: 100%;}
    .unfilledinSearch .form-inline .btn-blue { margin-top: 10px; width: 100%; }
    .unfilledinSearch .form-inline .btn-black {margin-top: 10px;width: 100%; }
    .unfilledinSearch .form-inline {flex-direction: column; align-items: stretch;}

    .waybillSummary .form-inline .inputDate {width: 100% ;}
    .waybillSummary .form-inline .btn-blue { margin-top: 10px ; width: 100% ; }
    .waybillSummary .form-inline .btn-black {margin-top: 10px ;width: 100% ; }
    .waybillSummary .form-inline {flex-direction: column;align-items: stretch;}

    .comSearchCode .form-inline .inputDate {width: 100%;}
    .comSearchCode .form-inline .btn-blue {margin: 5px;width: 100%; }
    .comSearchCode .form-inline .btn-black { margin:5px;width: 100%; }
    .comSearchCode .form-inline {flex-direction: column;align-items: stretch;}

    .rfScans .form-inline .inputs{flex-direction: column;align-items: flex-start;}
    .rfScans .form-inline .btns{flex-direction: column;align-items: stretch;}
    .rfScans .form-inline .inputDate {width: 100%;margin: 0px;}
    .rfScans .form-inline .select {width: 100%; margin: 0px;}
    .rfScans .form-inline .btn-blue {margin-top: 10px;width: 100%;  margin-left: 0px;}
    .rfScans .form-inline .btn-black { margin-top: 10px;width: 100%; margin-left: 0px; }
    .rfScans .form-inline {flex-direction: column;align-items: stretch;}

    .comSaleSearch .form-inline .inputDate {width: 100% ;}
    .comSaleSearch .form-inline .btn-blue {margin: 5px ;width: 100% ; }
    .comSaleSearch .form-inline .btn-black { margin: 5px ; width: 100% ; }
    .comSaleSearch .form-inline {flex-direction: column;align-items: stretch;}

    .topPartSearch .form-inline .inputs{flex-direction: column;align-items: stretch;}
    .topPartSearch .form-inline .btns{flex-direction: column;justify-content: center; width:100%;}
    .topPartSearch .form-inline .inputDate { width: 100%;}
    .topPartSearch .form-inline .select {width: 100%;}
    .topPartSearch .form-inline .btn-blue {margin: 5px; width: 100%;  }
    .topPartSearch .form-inline .btn-black { margin: 5px;width: 100%;       }
    .topPartSearch .form-inline {flex-direction: column;align-items: stretch;}

    .soldAccessoryCount .form-inline .select {width: 100% ;}
    .soldAccessoryCount .form-inline .btn-blue {margin-top: 10px ;width: 100% ; }
    .soldAccessoryCount .form-inline .btn-black {margin-top: 10px ;width: 100% ;  }
    .soldAccessoryCount .form-inline {flex-direction: column;align-items: stretch;}

    .modelByMonth .form-inline .inputDate {width: 100% ;}
    .modelByMonth .form-inline .btn-blue {margin: 5px ;width: 100% ; }
    .modelByMonth .form-inline .btn-black { margin: 5px ; width: 100% ; }
    .modelByMonth .form-inline { flex-direction: column;align-items: stretch;}

    .managePartDetail { width: 95%; }
    .managePartDetail .header {width: 95%;}
    .managePartDetail .divflex .grid-container{ width: 95%;}
    .managePartDetail .divflex .grid-container{display: grid;grid-template-columns: repeat(1, 1fr);}
    .managePartDetail .btn-blue {width: 45%; } 
    .managePartDetail .btn-black { width: 45%;  }

    .managePartDetailSearch .form-inline .inputText { width: 100% !important;}
    .managePartDetailSearch .form-inline .btn-blue { margin-top: 10px !important;width: 100% !important;  margin-left: 0px !important;}
    .managePartDetailSearch .form-inline .btn-black { margin-top: 10px !important; width: 100% !important;  margin-left: 0px !important;     }
    .managePartDetailSearch .form-inline {flex-direction: column;align-items: stretch;}
   
    .printinvoice .form-inline {flex-direction: column;align-items: stretch;}
    .printinvoice .form-inline .inputText {vertical-align: middle;margin: 5px ;width:100%}
    .printinvoice .form-inline .btn-blue { margin-top: 10px;width: 100%; }
    .printinvoice .form-inline .btn-black { margin-top: 10px;width: 100%;  }

    .vehicletransactionhistorysearch .form-inline .inputText {margin: 10px 0;    width: 100%;}
     .vehicletransactionhistorysearch .form-inline .btn-blue { width: 100% !important;}
    .vehicletransactionhistorysearch .form-inline .btn-black {width: 100% !important;margin-left: 0px;}
    .vehicletransactionhistorysearch .form-inline {flex-direction: column;align-items: stretch;margin-left: 10px; margin-right: 10px;}
    .vehicletransactionhistorysearch .vehicletransactionhistory .table { width: 95%;}
    .vehicletransactionhistorysearch .table-final { width: 95%; }

    .salesbydaterange .form-inline {flex-direction: column;align-items: stretch;}
    .salesbydaterange .form-inline .inputDate {vertical-align: middle;margin: 5px ;width:100%;}
    .salesbydaterange .form-inline .select {margin: 5px; width: 100%;  }
    .salesbydaterange .form-inline .btn-blue { margin-top: 5px;width: 100%; }
    .salesbydaterange .form-inline .btn-black { margin-top: 5px;width: 100%; }

    .vehicleInventoryStatus .table1, .vehicleInventoryStatus .table2 {width:90%;}

    .portArrival .form-inline {flex-direction: column;align-items: stretch;}
    .portArrival .form-inline .inputText {vertical-align: middle; margin: 5px;width:100%}
    .portArrival .form-inline label {margin: 5px;}
    .portArrival .form-inline .btn-blue { margin-top: 10px; width: 100%;  }
    .portArrival .form-inline .btn-black { margin-top: 10px;width:100%; }

    .miscArrivalDates { width: 95%; margin: 20px auto 0 auto; }
    .miscArrivalDates .submitContainer .btn-blue{width:100%;margin-right: 0px;}

    .driverPayContainer { width: 95%;}
    .driverPayContainer .buttons { display: flex; flex-direction: column; }
    .driverPayContainer .btn-black { flex:none;margin:5px}
    .driverPayContainer .selects { display: flex; flex-direction: column;}
    .driverPayContainer .selects  .selectGroup { width:100%;flex-direction: column;align-items:stretch;margin:5px auto}
    .driverPayContainer .selects .select {width:100%;margin:5px auto;}
    .driverPayContainer .submit .btn-blue { width: 100%}

    .retailDiscrepancy { width: 95%; }
    .retailDiscrepancy .enteredBy {  align-items: normal; flex-direction: column;}
    .retailDiscrepancy .enteredBy .inputText {  margin-left: 0px;}
    .retailDiscrepancy .buttons button { width: 30%; }

  .etaUpdate .form-inline .select {  width: 100%;}
  .etaUpdate .form-inline .inputDate {width: 100%;}
  .etaUpdate .form-inline .btn-blue {   margin: 5px;width: 100%;}
  .etaUpdate .form-inline { flex-direction: column;align-items: stretch; }

  .postedAimCredits .form-inline .inputDate { width: 100%;}
  .postedAimCredits .form-inline .btn-blue { margin-top: 10px ;width: 100% ;margin-left: 0px;}
 .postedAimCredits .form-inline .btn-black {margin-top: 10px ;width: 100% ;margin-left: 0px ;}
  .postedAimCredits .form-inline {  flex-direction: column;align-items: stretch;}

  .noradPoUnpackingList .form-inline .inputText { width: 100% ;}
  .noradPoUnpackingList .form-inline .btn-blue {margin-top: 10px ;width: 100% ;  margin-left: 0px ;}
  .noradPoUnpackingList .form-inline .btn-black {  margin-top: 10px ; width: 100% ; margin-left: 0px ; }
  .noradPoUnpackingList .form-inline { flex-direction: column; align-items: stretch;}

   /* .shippingInfoNotAtPortHeader .divTable{ width: 95%;}*/
  .shippingInfoNotAtPortHeader .grid{display: grid;grid-template-columns: 1fr;}

  .shipmentInformationHeader .grid{display: grid;grid-template-columns: 1fr;}

  .salestoSoaHeader .table{ width:95%}

  .manageStdParts{margin:20px;}
  .manageStdParts .grid-container2{grid-template-columns: 1fr 1fr 30px; }
  .manageStdParts .grid-container1 .grid1{grid-column: span 2;}
  .manageStdParts .flex-btns .btn-blue{width:50%}
  .manageStdParts .flex-btns .btn-black{width:50%;}

  .mutualExclusive{width:90%;margin:40px auto;}
  .mutualExclusive .btn-blue {  width: 45%;height: 35px;}   
  .mutualExclusive .btn-black { width: 45%;height: 35px;}
  .mutualExclusive .table{ display:block;overflow-x: auto;width:100%;}

  .requiredParts{width:90%;margin:40px auto;}
  .requiredParts .btn-blue {  width: 45%;height: 35px;}   
  .requiredParts .btn-black { width: 45%;height: 35px;}
  .requiredParts .table{ display:block;overflow-x: auto;width:100%;}
}



@media only screen and (max-width: 700px) {

  .guidedTour.tour h1{font-size: 20px; margin:10px 0;}
  .guidedTour.tour p{font-size: 16px; line-height: 23px; }
  .guidedTour.tour .fa-times {  color:black;  }
  .guidedTour.tour .white-panel { bottom: 65%; right: 0;}
  .guidedTour.tour [class*='section'] {left:0;right:0;}
  .guidedTour.tour .section1 {bottom:65%}
  .guidedTour.tour .section2 {top:35%}
  .guidedTour.tour .section2 .videotag{width: calc(100% - 2%);}

  .guidedTour .arrows { color:white!important;}
  .guidedTour .arrows.prev {text-shadow: 1px 0px 3px black;}
  .guidedTour .arrows.next {text-shadow:-1px 0px 3px black;}

}

@media only screen and (max-width: 600px) {
  .guidedTour.tour .white-panel,
  .guidedTour.tour .section1 {bottom:60%}
  .guidedTour.tour .section2 {top:40%}
}

@media only screen and (max-width: 500px) {
  .guidedTour.tour .white-panel,
  .guidedTour.tour .section1 {bottom:55%}
  .guidedTour.tour .section2 {top:45%}
}

@media only screen and (max-width: 400px) {
  .guidedTour.tour .white-panel,
  .guidedTour.tour .section1 {bottom:50%}
  .guidedTour.tour .section2 {top:50%}
}

@media only screen and (max-width: 300px) {
  .guidedTour.tour .white-panel { bottom:45%;}
  .guidedTour.tour .section1 { bottom:45%; }
  .guidedTour.tour .section2 { top:55%; }
}

@media only screen and (max-width: 250px) {
  .guidedTour button { padding: 10px 25px; }
}
 @media only screen and (min-width: 600px) and (max-width:950px){ 
    #ReportGrid .datatable-grid{ grid-template-columns:auto auto ;} 
    
    .partOrder .partflex {flex-direction: column; }
    .partOrder .partflex .table-striped {display: block;overflow-x: auto;}
    .partOrder .partflex .flex2 .btn-blue {width: 30%;}
    .partOrder .partsContainer .partstable{font-size: 12px;}

    .buildACar .carlines .carline-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
    .buildACar .buildcar-models{display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
    .buildACar .buildcar-flex .optAcc-grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .buildACar .buildcar-flex .custInfo-flex{flex-direction: column; width: 100%;}
    .buildACar .buildcar-flex .custInfo-flex .btn-black{width:50%;height:15px;margin:0px;text-align: center;}

    .bulkAcc .bulk-models{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));}
    .bulkAcc .carlines .bulk-carline{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));}

    .paypalUpload  .preview {width:85%;margin:20px auto}

    .addEditTemplate .templateContainer{ margin:10px;}
    .templateContainer .column {  padding: 0 5px 10px 5px;}
    .templateContainer .column3 { flex: 25%;}

    .createUser .flex-container { margin: 20px;height: 66vh;}
    .createUser .flex-container #col-1 { padding: 10px;  flex:40%}
    .createUser .flex-container #col-2 { padding: 10px; flex:30% }
    .createUser .flex-container #col-3 {padding: 10px;}
    .createUser  #retailes { display: block; overflow-x: auto;} 

        
    .forgotPassword .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr)); margin-bottom: 0px;}
    .forgotPassword .btns{ margin:10px; width:95%;}
    .forgotPassword .vline{display:none;}

    .automateContainer {   flex-direction: column;}

    .navisionFillRateContainer .controls { flex-direction: column; align-items: stretch; }
    .navisionFillRateContainer .controls .summary{margin:5px}

    .partBinVelocity .form-inline {flex-direction: column;}
    .partBinVelocity .form-inline .inputs{width:100%}
    .partBinVelocity  .form-inline .btns{width:100%;margin:10px auto}

    .driverPayContainer { width: 80%;}


}

/*Love Promise Page*/
@media only screen and (min-width: 1700px) {
    .lovePromisePage .align1{ height:20%;}
}
@media only screen and (min-width: 1280px) and  (max-width: 1500px){
    .lovePromisePage .align1{height:37%;}
    .lovePromisePage .lp-pillars{width: 90%;transform: translate(6%, 0%);}
    .lovePromisePage .lp-links{width: 75%;transform: translate(17%, 0%);}
}
@media only screen and (min-width: 1030px) and  (max-width: 1280px){
    .lovePromisePage  .align1{height:30%;}
    .lovePromisePage  .lp-pillars{width: 90%;transform: translate(6%, 0%);}
    .lovePromisePage .lp-links{width: 75%;transform: translate(17%, 0%);}
}
@media only screen and (min-width: 768px)  and  (max-width: 1030px){
   
    .lovePromisePage .align1{height:40%;}
    .lovePromisePage .lp-pillars{width: 90%;transform: translate(6%, 0%);grid-column-gap: 30px;}
    .lovePromisePage .lp-links{width: 75%;transform: translate(17%, 0%);grid-column-gap: 30px;}
    .lovePromisePage .lp-text-summary{width:80%;transform: translate(13%, 0%);}
}
@media only screen and (min-width: 600px) and (max-width: 768px){
    .lovePromisePage  .align1{ height:47%;}
    .lovePromisePage .lp-pillars{width: 92%;transform: translate(5%, 0%);grid-column-gap: 20px;}
    .lovePromisePage .lp-links{width: 75%;transform: translate(17%, 0%);grid-column-gap: 30px;}

}

@media only screen and (max-width: 1280px) {

     #block .newMenu .toggleSideMenu{display: none;}

    .navHeader .displayMobile{display:block;}
    .navHeader .signOutMobile{  position:relative;  top:22px;right:0px;  z-index: 1000;}
    .navHeader .signOutMobile i{  font-size: 20px;}
    .navHeader .subMenus{width: 180px;position: relative;top: 60px; right: 15px;  z-index: 10;border: 1px solid lightgray;box-shadow: 4px 4px 4px -2px rgb(0 0 0 / 50%);}
    .navHeader .submenu-list{ padding: 15px; margin-left:20px;  font-size: 16px;}
    .navHeader .displayDesktop{display: none; }

    .displayFavMenuBar{display:none;}

    .dashBoardHeader .displayBlock { display: none;}
    .displayLogo { display: block;}
    .logoGridster { display: grid; grid-template-columns: 30% 40% 30%;padding-top: 10px; padding-bottom: 5px; box-shadow: 0px 2px 0px rgb(0 0 0 / 50%)}
    .gridsterMobile {position: relative;top: -40px }

    .fixedoperations .column { width: 100%;display: block;  margin-bottom: 10px;}
    .fixedoperations .row {margin-left: 0px; }

    .final-goals { width: 75%; margin: 0 auto; }

    
}

@media only screen and (min-width: 1280px) {
    .navHeader .displayMobile{ display:none }
    .navHeader .displayDesktop{  display: block;}
    .navHeader .subMenus{  display:none;}
 
} 




@media only screen and (min-width: 650px) and (max-width: 1024px) {
    .forgotPassword div.content {width: 100% !important;position: absolute !important; left: 50% !important; top: 44% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);min-height: 380px !important; margin-top: 0px !important;}
    .forgotPassword  .h2center {   text-align: center;}
    .forgotPassword  h2 {font-size: 16px !important;}
    .forgotPassword  .cfield input {    width:97%;}
    .forgotPassword .scroll{  overflow-y: scroll;}
   /* ::-webkit-scrollbar {width: 5px;}
      ::-webkit-scrollbar-thumb { background: #00205b;  border-radius: 10px;}*/

  .login div.content { width: 100% !important;position: absolute !important;left: 50% !important; top: 44% !important;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: 380px !important;margin-top: 0px !important;}
  .divposition .h2center {text-align: center;}
  .divposition h2 {font-size: 16px !important;}
  .divposition .btn {width: 100% !important;}
  .divposition   .cfield input {width:97%;}
  .divposition .scroll{overflow-y: scroll;}
  /*::-webkit-scrollbar {width: 5px}
    ::-webkit-scrollbar-thumb { background: #00205b;  border-radius: 10px;}*/
  }
  @media only screen and (max-width: 650px) {
    .forgotPassword div.content {width: 100% !important; position: absolute !important;left: 50% !important;top: 44% !important;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: 160px !important;}
    .forgotPassword  .h2center {text-align: center;}
    .forgotPassword h2 {  font-size: 16px !important;}
    .forgotPassword .vl {display: none !important;}
    .forgotPassword  .vline{ display: none !important;}
    .forgotPassword .btn { width: 100% !important;}
    .forgotPassword  .btn-fr { margin-right: -14px !important;}
    .forgotPassword  .divposition {margin-left: 30px !important;margin-right: 30px !important;}
    .forgotPassword .cfield input {width: 93% !important;}
    .forgotPassword .btn-contact {/*margin-top: 80px !important;*/position:absolute;transform: translate(0%,220px);}

    .login  div.content {width: 100% !important;font-size: 12px !important;position: absolute !important;left: 50% !important;top: 44% !important;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    .divposition .h2center {text-align: center;}
    .divposition  h2 {font-size: 16px !important;}
   .divposition .vl { display: none !important;}
    .divposition {margin-left: 30px !important;margin-right: 30px !important;}
    .divposition .btn-contact {position:absolute;transform: translate(0%,220px);}
    .divposition .cfield input { width:93%;}
  }
  
  
  @media only screen and (min-width: 1025px) {
    .forgotPassword  div.content {margin-top: 160px !important; }

    .login div.content { margin-top: 160px !important;}
  }
  
  @media only screen and (max-height:769px) and (min-width:650px){
    .forgotPassword  .btn-contact {    /*margin-top: 80px !important;*/  position:absolute;transform: translate(0%,40px);}

    .divposition .btn-contact {position:absolute;transform: translate(0%,40px); }
  }


@media only screen and (max-height:850px) and (min-width: 900px) and (max-width: 1200px)  {
    .showmenu{ height:calc(100vh - -90px) }
}