.form-wrap-outer .form-row .form-group{position: relative;}
.date_error{position: absolute; right: 0;  top: 102%;  color: #ff0000;}
.center-form-content .form-group{position:relative;}
@media screen and (max-width:1900px){
.form-row.row{margin: 0 -15px;}
.form-row.row > div{padding: 0 15px;}
.form-wrap-outer .form-row .form-group{gap: 0 12px;}
}

@media screen and (max-width:1700px){
.list-view-grid .action-btns > a{width: auto;}
.form-wrap-outer.bdr-bottom .form-row .form-group > label.form-label{flex: 0 0 80px; max-width:80px; white-space: normal;}
}
@media screen and (max-width:1600px){
   .dashboard-page .content-wrap-outer .right-cotnent-wrap{padding: 36px 20px 36px 20px;}
   .list-view-grid-wrap .list-view-grid{padding: 20px;}
   .list-view-grid-wrap.order-item-list .list-view-grid h3{margin:-20px -20px 20px -20px; padding: 12px 20px 12px;}
}
@media screen and (max-width:1365px){
 .select-location-wrap .container-fluid{padding: 0 15px;}
 .costcode .modal-dialog, .selecteditems .modal-dialog{max-width: 95%;}
  .list-view-grid .action-btns {gap:10px 5px;}
 .list-view-grid .action-btns > a{font-size: 14px; padding: 6px 15px;}
.form-row.row > div{width: 50%;}
.form-wrap-outer.bdr-bottom .form-row .form-group > label.form-label{flex: 0 0 120px; max-width:120px; white-space: normal;}
.create-new-order-btn-wrap{justify-content: flex-start;}
.create-new-order-btn-wrap .btn{width: auto;}
.form-page-wrap.center-form-content .form-row.row > div{width: 100%;}
}
@media screen and (max-width:1279px){
  .grid-title-wrap h3{font-size: 22px;}
  .modal .form-itesm-wrap label{font-size: 14px;}
}
@media screen and (max-width:1199px){
.list-view-grid-wrap.order-item-list .col-lg-4{margin-bottom: 20px;}
.list-view-grid-wrap.order-item-list .list-view-grid{padding-bottom: 0;}
.form-page-wrap.center-form-content .form-row.row > div{width: 100%;}
}
@media screen and (min-width:1170px){
.mobile-humberger{display: none;}
}
@media screen and (max-width:1169px){
.alert-message{padding: 13px 30px; font-size: 16px; line-height: 20px;}
.alert-message .close-alert{right: 8px;}
.dashboard-page .content-wrap-outer .left-menu-panel{margin-left: -225px;}
.dashboard-page .header-row{padding: 0 15px 0 15px;}
.dashboard-page .content-wrap-outer .left-menu-panel.active{margin-left: 0;}
.dashboard-page .content-wrap-outer .left-menu-panel{position:absolute; top:0; bottom: 0; z-index: 111;}
.dashboard-page .header-row-2{padding-left: 15px; padding-right: 15px;}
.select-location-wrap-outer .container-fluid{padding-left: 15px; padding-right: 15px;}
.dashboard-page .main-content-wrap{padding:90px 0 0;}
.form-wrap-outer{padding: 20px 0 0;}
.grid-title-wrap, .tabbing-wrap .nav-tabs{padding: 0;}
.footer{position: static;}
.costcode  .datatables  th[data-dt-column="3"]{min-width: 300px;}
.user-login-wrap .dropdown-menu{right: 0;}
.logout-btn-wrap{display: none;}
.right-btn-wrap .btn-wrap{margin-right: 0 !important; gap: 0 10px;}
}
@media screen and (max-width:1023px){
.modal-top-form-wrap .form-itesm-wrap .row > div{width: 33.333% !important;}
  
}
@media (min-width:992px){

   
}
@media screen and (max-width:991px){
.login-bg-img + .row{position: relative; z-index: 1;}
.loginwrapper .login-bg-img{left: 0; margin-left: 0;}
.login-bg-img{opacity: 0.5;}
.login-box + p{text-align: center;}
.icon-text{display: none;}
.user-text{display: none;}
 .btn.btn-filter{padding: 3px 12px;}
.filter-btn-order-btn{flex-wrap: wrap;}
.filter-btn-order-btn .filter-btns-wrap{gap: 0 8px;}
.filter-btn-order-btn .new-order-btn{margin-left: 0; margin-top: 20px; width: 100%;} 
.dashboard-page .content-wrap-outer .right-cotnent-wrap{padding: 30px 15px 30px 15px;}
.filter-btn-order-btn .filter-btns-wrap{flex-wrap: wrap; gap: 10px;}
.modal-top-form-wrap .text-right{text-align: left !important;}
.form-itesm-wrap{flex-wrap: wrap;}
.form-itesm-wrap > div{flex: 0 0 31%; max-width: 31%;}
.form-page-wrap .form-row.row .form-group{margin-bottom: 20px;}
.form-page-wrap .form-row.row{margin-bottom: 10px !important;}
.gap-70{margin: 0 -15px !important;}
.gap-70 > div{padding: 0 15px !important;}
.list-view-grid-wrap .list-view-grid{flex:0 0 100%;}

}
@media screen and (max-width:767px){
.login-box{padding: 30px 20px;}
.btn-wrap{margin-bottom: 0;}
.select-option-wrap{padding: 30px 0 60px;}
.select-option-wrap .select-option{flex-wrap: wrap; gap: 30px 0; justify-content: center;}
.select-option-wrap .select-option .select-box button{padding: 24px 40px; width: 100%;}
.select-location-wrap-outer{padding: 30px 0;}
.header{padding: 10px 0;}
.main-content-wrap{padding: 77px 0 40px;}
.select-box{width: 100%;}
.costcode .modal-dialog .modal-content, .selecteditems .modal-dialog .modal-content, .invoicemodal .modal-dialog .modal-content{padding: 20px 15px !important;}
.form-itesm-wrap > div{flex: 0 0 48%; max-width: 48%;}
.form-page-wrap .btn-row .btn{padding: 12px 18px;}
.form-page-wrap .title-row h3{font-size: 22px;}
.modal-dialog .modal-content{padding: 20px 15px;}
.grey-box-info{margin-bottom: 30px;}
.add-cart-item-list .cart-list-box .product-img{margin-bottom: 24px;}
.add-cart-item-list .cart-list-box .price-plan-lable{text-align: left;}
.add-cart-item-list .cart-list-box .price-plan-lable:first-child{margin-top: 10px;}
div.dt-container div.dt-layout-row{display: flex !important;}
.select-location-table-wrap{padding-top: 20px;}
.wrapper{position: relative;}
.dashboard-page .main-content-wrap {padding: 68px 0 0;}
.form-row.row > div{width: 100%;}
.form-wrap-outer .form-row .form-group{flex-wrap: wrap;}
.form-wrap-outer.bdr-bottom .form-row .form-group > label.form-label{flex: 0 0 100%; max-width: 100%;}
.form-wrap-outer.bdr-bottom .form-row .form-group > label.form-label{margin-bottom: 5px;}
.form-wrap-outer.bdr-bottom .form-row .form-group .date_error{position: static; margin-top: 5px; font-size: 12px;}
.form-wrap-outer.bdr-bottom{padding: 30px 0 20px;}
.process-steps-wrap .process-steps li span.step-text{font-size: 14px; width: 126px;}
.process-steps-wrap .process-steps li.step-connector{width: 60%;}
.right-btn-wrap{flex-wrap: wrap;}
.right-btn-wrap .btn-wrap{margin-bottom: 10px; justify-content: flex-start; width: 100%; margin-top: 20px !important;}
.form-wrap-outer .form-row .form-group > label{flex:0 0 100%;}
.date_error{position: static; margin-top: 5px;}
.form-page-wrap .btn-row{gap: 0 15px;}
.editequimpment p{font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:639px){
.loginwrapper{padding: 0;}
.btn-and-selected-items {flex-wrap: wrap; display: flex;}
.btn-and-selected-items .nav-tabs{order: 2; width: 100%;}
.btn-and-selected-items .right-btn-wrap{position: static; width: 100%; justify-content: flex-start;}
.tabbing-wrap .nav-tabs .nav-link{font-size: 16px; line-height: 24px;}
.modal-dialog .btn-wrap .btn{font-size: 14px; padding: 8px 16px;}
.modal-top-form-wrap .form-itesm-wrap .row > div{width: 50% !important;}
.radio-wrap-outer{flex-wrap: wrap;}
.radio-wrap-outer .radio-wrap{width: 100%;}
.radio-wrap-outer .radio-wrap label{width: 100%;}
}
@media screen and (max-width:575px){

   .user-login-wrap .user-text{max-width: 120px; overflow: hidden; text-overflow: ellipsis;}
   .form-wrap-outer .form-row .form-group{flex-wrap: wrap;}
   .form-itesm-wrap > div{flex: 0 0 100%; max-width: 100%;}
   div.dt-container div.dt-layout-row{flex-wrap: wrap;}
     div.dt-container div.dt-layout-row > div{flex: 0 0 100%; max-width: 100%;}
     div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search{width: 100%;}

}
@media screen and (max-width:479px){  
   .list-view-grid-wrap .list-view-grid{padding: 20px 15px;}
   .list-view-grid .action-btns{gap: 5px;}
   .list-view-grid .action-btns > a{width: 100%; max-width: 100%;}
.list-view-grid-wrap.order-item-list .list-view-grid h3{margin:-20px -15px 20px -15px;  padding: 12px 15px 12px;}
.modal-top-form-wrap .form-itesm-wrap .row > div{width: 100% !important;}
.btn.btn-filter{font-size: 14px; padding: 3px 8px;}
.filter-btn-order-btn .filter-btns-wrap{gap:0 7px;}
.dashboard-page .location-selected{font-size: 14px;}
.process-steps-wrap .process-steps li.step-connector{width: 25%;}
.process-steps-wrap .process-steps li span.step-text{width: 90px;}
.back-btn-wrap .btn, .btn.btn-outline{font-size: 14px;}
.right-btn-wrap .btn-wrap .btn.btn-primary{padding: 9px 10px;}

}
@media screen and (max-width:380px){
   
}
@media screen and (max-width:360px){
    
}
@media (orientation:landscape){
   
}