@media screen and (max-width:1599px) {
    .dashboard-card .card span, #order_status_count  { 
        font-size: 40px;
        line-height: 40px;
    }
    .dashborad-cards {
        gap: 25px;
    }
    .job-form-item-div {
        width: 23%;
    }
    
}

@media screen and (max-width:1499px){
    .per-piece-input {
         width: 74%
    }
    .job-cards .job-inner-card:nth-child(1) , .job-cards .job-inner-card:nth-child(2) {
        width: 50%;
    }
    .companyInfo-div .company-detail {
        flex-direction: column;
        gap: 0 !important;
    }
    .company-detail span ,  .company-detail h4 {
        width: 100% !important;
    }
    .company-detail h4 {
        padding: 0 !important;
    }
    .companyInfo-div .company-detail span {
        font-size: 14px  !important;
    }
    .job-inner-card .card-body .companyInfo-div {
        padding: 20px  !important;
        gap: 5px;
    }
  .job-cards .job-inner-card:nth-child(2) .card-body,  .job-cards .job-inner-card:nth-child(2) .card-header  {
        padding-left: 0 !important;
    }
}

@media screen and (max-width:1399px) {
    .dashboard-inner-card {
        min-height: 196px ;
    }
    .dashboard-card-img {
        width: 44px;
    }
    .dashboard-inner-card {
        gap: 30px;
    }
    .side-panel-form {
        max-height: 56vh !important;
    }
    .form-logo img {
        width: 80px  !important;
    }
    .side-panel-form.company-sidebar {
        max-height: 56vh !important;
    }
    .form-select {
        background-size: 10px 10px !important;
        padding:.375rem 1rem .375rem .375rem !important;
    }
    .per-unit-div select {
    font-size: 11px;
    }
    .btn-radio svg {
        width: 15px !important;
        height: 15px !important;
    }
    
    .job-form-inner-header.job-finish-div {
        width: 65%;
    }
    .finish-rate-div input, .finish-rate-date .finish-rate-date-select {
        width: 56%;
    }
    .job-finish-div input , .job-finish-div select {
         font-size: 11.5px;
    }
    .card-inner-header.master-div {
        flex-direction: column;
        gap:15px;
        align-items: unset;
    }
  
    .card-inner-header.master-div .card-header-right {
   justify-content: end;
  }
    .login-img {
        padding-left: 25px;
        justify-content: center;
        gap:50px;
    }
    .login-container .login-form .login-form-inner {
        width: 70% !important;
    }
    .side-panel-form label {
        font-size: 12px ;
    }
    .job-form-item-div input, .job-form-item-div-other input {
        font-size: 13px;
    }
   
    .job-form-item-div-other {
        width: 31%;
    }
    .job-form-item-div-other-delete  {
        width: 7%;
    }
    .job-form-item-div {
        width: 22%;
    }
    .job-form-item-div-other-delete {
        width: 6%;
    }
    .job-form-item-div-other {
   width: 21%;
    }
    .job-form-item-div:nth-child(1)    {
        width: 24%;
    }
  
    .dashborad-cards {
        gap: 18px;
    }
    .dashboard-card .card h6 {
        font-size: 20px;
    }
    .dashboard-card .card span, #order_status_count {
        font-size: 30px;
        line-height: 35px;
    }
    .dashboard-card .card i, .filter-outer-div i {
        font-size: 35px;
    }
    .filter-div select {
        width: 130px  !important;
    }
}
@media screen and (max-width:1260px) {
   
    .job-form-inner-header.job-form-inner-header-left {
        flex-direction: column;
    }
    .job-form-inner-header {
        width: 25%;
    }
    .job-form-inner-header.job-finish-div {
        width: 75%;
    }
    .finish-rate-div input, .finish-rate-date .finish-rate-date-select {
        width: 61%;
    }
    .per-piece-input {
        width: 75%;
    }
}
@media screen and (max-width:1199px) {
  
    .filter-div select {
        width: 125px !important;
    }
    .drop-down-icon {
        display: none;
    }
    #sidebar:hover .drop-down-icon  {
        display: block;
    }
    .pin-sidebar {
        display: none !important;
    }
    .toggle-sidebar {
        display: none !important;
    }
    .sidebar-wrapper {
        width: 74px;
    }
    .sidebar-menu>li>a span {
        display: none;
    }
    .desktop-logo   {
        display: none;
    }
    .mobile-logo  {
        display: block !important;
    }
    .sidebar-wrapper:hover {
        width: 290px;
    }
    .sidebar-wrapper:hover  .mobile-logo {
         display: none !important;
    }
    .sidebar-wrapper:hover  .desktop-logo  {
        display: block !important;
   }
   .sidebar-wrapper:hover .sidebar-menu>li>a span {
    display: block !important;
   }
   .toggle-sidebar {
    display: none;
   }
   .app-body {
    margin-left: 75px;
   }
   .inner-ul>li>a {
    padding: 10px 15px 10px 30px !important;
    
}
.order-status-div {
    padding-top: 8px !important;
}

}
@media screen and (max-width:1024px) {
    .form-logo img {
        width: 100px !important;
    }
    .per-unit-div {width: 25%;}

    .login-img {
        gap: 70px;
    }
    .business-card .job-inner-card {
        width: 55% !important   ;
    }
    .job-form-item-div-other-delete {
        width: 4%;
    }
    .job-form-item-div-other {
        width: 22.5%;
    }
        .job-cards {
            flex-direction: column;
        }
        .job-cards .job-inner-card:nth-child(1), .job-cards .job-inner-card:nth-child(2) {
            width: 100%;
        }
        .job-form-item-div {
            width: 24%;
        }
        #sidePanel, .custom-side-panel {
            width: 100%;
        }
        .job-cards .job-inner-card:nth-child(2) .card-body, .job-cards .job-inner-card:nth-child(2) .card-header {
            padding-left: 25px  !important;
        }
        .side-panel-form label {
            font-size: 14px;
        }
        .finish-rate-div label , .finish-rate-date label {
            display: flex;
            justify-content: end;
        }
}
@media screen and (max-width:991px) {
   
    .job-form-inner-header {
        width:25%;
    }
    .over-write-table {
        width: 60%;
    }
   
    .view-page-image {
       width: 100px;
    }
    .job-list-select .select2-container {
        width: 120px !important;
    }
    .card-header-right.job-list-page {
        flex-direction: row;
    }
    .filter-div select {
        width: 115px !important;
    }
    h2 {
        font-size: 19px;
    }
    .form-select {
        padding: 5px 8px !important;
        font-size: 12px !important;
    }
    .form-control {
        padding: 5px 8px !important;
        font-size: 12px !important;
    }
    #clock, .user-admin, .header-actions .line {
        font-size: 14px;
    }
    .btn-css {
        padding: 5px 8px;
        font-size: 12px;
    }
    .filter-div input, .filter-div select {
        height: 28px;
        font-size: 12px;
    }
    .select2-container--default .select2-selection--single {
        height: 29px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 28px !important;
        font-size: 12px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 2px !important;
    }
    .add-job-pop-up i {
        font-size: 15px;
    }
    .companyInfo-div .company-detail h4 {
        font-size: 14px;
    }
    .notification i {
        font-size: 14px;
    }
    .companyInfo-div .company-detail span {
        font-size: 13px !important;
    }
    .job-cards .job-inner-card:nth-child(2) .card-body, .job-cards .job-inner-card:nth-child(2) .card-header {
        padding-left: 13px !important;
    }
    .job-inner-card .card-body .companyInfo-div {
        padding: 16px !important;
    }
    #sideViewPanel label {
        width: 145px;
    }
.header-actions .header-icon {
    justify-content: unset;
    align-items: unset;
    width: 29px;
    height: 29px;
}
.chat-btn i {
    font-size: 12px;
}
.user-logOut {
    margin-left: 15px !important;
}
.avatar-box {
    width: 29px;
    height: 29px;
    border-radius: 6px;
}
.app-header {
    min-height: 54px;
}
    .chat-btn {
        background-color: #fff;
        width: 61px;
        height: 28px;
        gap: 5px;
        border-radius: 6px;
        font-size: 12px;
        margin-left: 10px !important;
    }
    #clock {
        width: 171px;
    }
    #clock, .user-admin , .header-actions .line{
        margin-right: 8px;
    }
   
    .business-card .job-inner-card {
        width: 70% !important   ;
    } 
    .business-card img {
        width: 236px !important;
    }
    .login-container .login-form .login-form-inner {
        width: 100% !important;
        padding: 0 30px !important;
    }
    .login-container .login-img {
        width: 62%;
    }
     
    #financial_year_filter {
        width: 100%;
    }
    .job-form-item-div {
        width: 23.5%;
    }
    .dashboard-card {
        width: 31%;
    }
    .dashboard-inner-card {
        min-height: 155px;
    }
    .chartCards {
        flex-direction: column;
    }
    .chartCards .chartCard {
        width: 100%;
    }
    .card.chartCard {
        margin: 0;
    }
    .dashboard-inner-card {
        min-height: 165px;
    }
    .dashborad-cards {
        gap: 22px;
    }
    .mobile-logo {
        width: 43px !important;
    }
    .sidebar-wrapper {
        top: 54px;
    }
    .btn-css-icon i {
        font-size: 14px;
    }
    .sidebar-menu>li>a {
        font-size: 13px;
    }
    th {
        font-size: 14px;
    }
    table tbody td {
        padding: 9px 12px !important;
    }
    table thead tr:last-child th{
        padding: 9px 12px;
    }
     td {
        font-size: 12px;    }
        .switch {
            width: 44px;
            height: 20px;
        }
        .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 0px;
            bottom: 3px;
        }
   
    .card-header-right {
        justify-content: end;
        /* flex-direction: column; */
        align-items: flex-end;
    }
    .table-pagination {
        padding: 11px 2px;
    }
    .page-link {
        padding: 5px 7px !important;
        font-size: 12px !important;
    }
    .fav-image img {
        width: 92px !important;
    }
    .sidebar-menu>li>a>i {
        font-size: 14px;
        width: 30px;
        height: 30px;
        border-radius: 7px;
        margin-right: 13px;
    }
    table thead tr:last-child th {
        font-size: 13px;
    }
    .card-body {
        padding-top: 0;
    }
    .card-header, .card-body {
        padding: 18px;
        padding-top: 15px;
    }
    #sideViewPanel label {
        font-size: 13px;
    }
    .mb-3 {
        margin-bottom: 12px !important;
    }

    #sideViewPanel h5 {
        padding: 7px 7px;
        min-height: 32px;
    }
    #sideViewPanel h5 {
        font-size: 12px;
    }
    .card-header {
        padding-bottom: 0px;
    }
    label {
        font-size: 13px;
    }
    .card-body h5 {
        font-size: 13px;
        padding:9px 10px;
    }
    .side-panel-form {
        padding: 0 15px;
    }
    .side-panel-close-btn i {
        font-size: 18px;
        padding-left: 20px;
        padding-top: 8px;
    }
    .side-panel-header {
        padding: 3px 0;
    }
    .custom-side-panel h3 {
        padding: 12px;
        padding-bottom: 6px;
        font-size: 20px;
    }
    .sidebar-wrapper {
        width: 64px;
    }
    .app-body {
        margin-left: 54px;
    }

 
}
@media screen and (max-width:860px) {
    .card-inner-header {
        flex-direction: column;
        gap: 12px;
        align-items:unset;
    }
}
@media screen and (max-width:825px) { 
    .dashboard-card .card span, #order_status_count {
        font-size: 26px;
        line-height: 35px;
    }
    
    .dashboard-inner-card {
        min-height: 150px;
    }
    .filter-outer-div h6 {
        font-size: 17px;
    }
    .dashboard-card .card i, .filter-outer-div i {
        font-size: 27px;
    }
    .dashboard-card .card h6 {
        font-size: 17px;
    } 
   
    .dashboard-card {
        width: 30%;
    }
    
}
@media(max-width: 1199.98px) {
    .toggle-sidebar {
        display: flex
    }
}


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

}

@media screen and (max-width: 480px) {
    .btn-radio {
      display: block;
      float: none;
    }
    .btn-radio:not(:first-child) {
      margin-left: 0;
      margin-top: 15px;
    }
  }