@media (max-width: 1650px) {
    .invoice-generator-top .invoice-generator-top-inner {
	    width: calc(100% - 160px);
    }
    .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box {
	    width: 33.33%;
    }
    .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box .billing-date {
	    width: calc(100% - 94px);
    }
    .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box .billing-date .input-group {
	    width: 100%;
    }
    .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box .billing-date .input-group input {
	    width: calc(100% - 36px);
    }
    .openNav .left-section {
        width: 215px;
    }
    .openNav .right-section {
        width: calc(100% - 215px);
    }
    .crm-lead-search-wrapper .crm-table-top-left.lead-searchbar {
        width: 40% !important;
    }

    .mb-2-1650 {
        margin-bottom: 8px;
    }
    
}
@media (max-width: 1500px){
    .mb-2-1500{
        margin-bottom: 8px;
    }
}

@media (max-width: 1600px){
    .shift-time-wrapper .shift-time-box {
        width: calc(33.33% - 16px);
        margin: 0 8px 16px 8px;
    }
    .w-25-1600 {
        width: 25%;
    }
}


@media (max-width: 1700px){
    .first-menu.incident-list-main{
        display: flex;
        flex-wrap:wrap;
        align-items: flex-start;
    }
    .nav-risk-menu {
        width: calc(100% - 57px) !important;
        margin-left: 5px;
    }
    .navigation ul li.level-0{
        padding-left: 6px;
        padding-right: 0px
    }
    .first-menu.invoice-list-main {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    /*.left-section{
        width: 13%;
    }
    .openNav .right-section {
        width: calc(100% - 13%);
    }*/
    .scheduler-mid-header-first.scheduler-date-wrap {
        width: 20%;
    }
    .navigation ul li a i{
        width:20px;
        display:inline-block;
    }
    .delta-activity-bottom .crm-radio{
        margin-bottom:12px;
    }
    .mt-3-1700{
        margin-top: 16px;
    }
}

@media (max-width: 1400px) {
   
    .client-left-top-center .client-left-top-center-left {
        padding-right: 25px;
    }
    .setting-wrapper .setting-box-company,
    .setting-wrapper .setting-box-company-detail,
    .setting-wrapper .setting-box-shift {
/*        padding: 0 10px;*/
    }
    .setting-wrapper {
        margin: 0 -10px;
    }
    .advance-shift .split-wrapper .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .advance-shift .split-wrapper .row .col-md-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .crm-lead-search-wrapper .lead-select-wrap {
        width: 20%;
    }
    .w-35-1400{
        width: 35% !important;
    }
    .w-50-1400{
        width: 50% !important;
    }
    .document-text.incident-file-name p {
        word-break: break-all;
        width: calc(50% - 50px);
    }
    .mb-3-1400{
        margin-bottom: 16px;
    }
    .w-100-1400{
        width: 100%;
    }
    .pr-0-1400{
        padding-right: 0 !important;
    }

}

@media (max-width: 1340px) {
    .pt-40 {
        padding-top: 20px;
    }

    .pr-30 {
        padding-right: 15px;
    }

    .pl-50 {
        padding-left: 25px;
    }

    .border-radius-top-bottom-left {
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .client-left-top-img {
        width: 100%;
    }

    .client-left-top-center {
        width: 100%;
        margin-top: 30px;
    }

    .client-left-top-img .client-logo {
        width: 128px;
        height: 128px;
    }

    .client-name h1 {
        font-size: 33px;
        line-height: 38px;
    }

    .client-wrapper .client-wrapper-left {
        width: 100%;
        padding-right: 0 !important;
    }

    .client-wrapper .client-wrapper-right {
        width: 100%;
        padding-left: 0 !important;
        margin-top: 40px;
    }

    .client-list-table-wrapper .table-pagination {
        justify-content: center
    }

        .client-list-table-wrapper .table-pagination .next-prev-page {
            margin-top: 15px;
        }

    .scheduler-mid-header-first {
        width: 20%;
        margin-right: 12px;
    }

    .scheduler-mid-header-left {
        margin-right: 10px;
    }

    .checkmark {
        padding: 0 18px;
    }

    .scheduler-mid-header-middle {
        margin-right: 10px;
    }

    .scheduler-mid-header-right button {
        width: 100px;
    }

    .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.tasks-box .col-md-6,
    .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.tasks-box .col-md-6,
    .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.shift-box .col-md-6,
    .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.shift-box .col-md-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 20px;
    }

    .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.time-location-box .date-main,
    .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.time-location-box .date-main,
    .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.time-location-box .time-main,
    .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.time-location-box .time-main,
    .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main .repeat-content-main .col-md-6,
    .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main .repeat-content-main .col-md-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 20px;
    }

    .client-wrapper .client-wrapper-right.setting-box-shift {
        width: 100%;
        padding-left: 10px !important;
    }

    .client-wrapper .client-wrapper-right.setting-box-company,
    .client-wrapper .client-wrapper-right.setting-box-company-detail {
        width: calc(50% - 24px);
        margin-top: 0;
        /*        padding-left: 10px !important;*/
    }

    .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box {
        width: 50%;
        margin-bottom: 20px;
    }

    .invoice-generator-top .invoice-generator-top-inner {
        width: 100%;
    }

    .invoice-generator-top .scheduler-mid-header-right {
        width: 100%;
        text-align: right;
        margin-top: -85px;
    }

    .client-wrapper.staff-detail-client-wrapper .client-wrapper-right {
        width: 100%;
    }
}


    @media (max-width: 1200px) {
        .crm-wrapper .crm-table .crm-table-top-left {
            width: 100%;
        }

        .crm-wrapper .crm-table .crm-table-top-right {
            width: 100%;
        }

        .mb-3-1200 {
            margin-bottom: 16px;
        }

        .crm-lead-search-wrapper .lead-select-wrap {
            width: 25%;
        }

        .crm-lead-search-wrapper .crm-table-top-left.lead-searchbar {
            width: 100% !important;
        }

        .mt-2-1200 {
            margin-top: 8px;
        }

        .w-50-1200 {
            width: 50% !important;
        }

        .active-staff-filter-wrapper .active-staff-filter-div {
            width: calc(33.33% - 24px);
            margin: 0 12px;
            margin-bottom: 12px;
        }

        .w-100-1200 {
            width: 100%;
        }

        .w-40-1200 {
            width: 40% !important;
        }

        .client-list-search.incident-search-input {
            width: 50% !important;
        }

        .client-list-top-wrapper .incident-date-picker {
            width: 50% !important;
        }
    }


    @media (max-width: 1024px) {
        .advance-shift .split-wrapper .split-inner {
            width: 100%;
        }

        .invoice-detail-top .invoice-detail-top-box {
            width: 33.33%;
        }

        .shift-time-wrapper .shift-time-box {
            width: calc(50% - 16px);
            margin: 0 8px 16px 8px;
        }

        .hrms-wrapper .hrms-left-section {
            width: 100%;
            margin-bottom: 16px;
        }

        .hrms-wrapper .hrms-right-section {
            width: 100%;
            margin-left: 0;
        }

        .hrms-wrapper-bottom.hrms-wrapper .hrms-right-section {
            margin-left: 0;
        }

        .client-list-top .client-list-top-wrapper .client-list-search {
            width: 100%;
            margin-right: 0 !important;
            margin-block: 20px;
            margin-top: 0;
        }

        .pr-3-1024 {
            padding-right: 16px;
        }

        .w-50-1024 {
            width: 50% !important;
        }
    }

    @media (max-width: 991px) {


        .client-list-top .client-list-top-wrapper.teams-wrapper .client-list-search {
            width: calc(100% - 186px);
            margin: 0;
        }

        .all-client-header.client-list-top .client-list-top-wrapper .client-list-top-btn {
            width: 100%;
        }

            /*.all-client-header.client-list-top .client-list-top-wrapper .client-list-top-btn a {
                width: calc(50% - 1rem);
                margin-bottom: 1rem;
            }*/

            .all-client-header.client-list-top .client-list-top-wrapper .client-list-top-btn a:nth-child(2) {
                margin-right: 0 !important;
            }

            .all-client-header.client-list-top .client-list-top-wrapper .client-list-top-btn a.bulk-mail-btn {
                margin-right: 8px !important;
            }

        .client-list-top .client-list-top-wrapper .client-list-top-btn {
            display: flex;
            flex-wrap: wrap;
            /* justify-content: space-between;*/
        }

        .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_info {
            width: 100%;
            padding-right: 0;
            text-align: center;
            margin-bottom: 20px;
        }

        .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate {
            text-align: center;
            width: 100%;
        }

        .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs button label {
            display: none;
        }

        .pagination-wrapper {
            padding: 14px 10px;
        }

            .pagination-wrapper .pagination-inner .paginate-button {
                width: 78px;
            }

            .pagination-wrapper .pagination-inner .page-number,
            .pagination-wrapper .pagination-inner .paginate-button {
                margin: 0 4px;
            }

        .scheduler-mid-header .scheduler-mid-header-first {
            width: calc(40% - 10px);
            margin-bottom: 15px;
            margin-right: 10px;
        }

        .scheduler-mid-header .scheduler-mid-header-left {
            width: 60%;
            margin-right: 0;
            margin-bottom: 15px;
        }

        .scheduler-mid-header .scheduler-mid-header-middle {
            width: calc(100% - 112px);
        }

        .scheduler-mid-header .scheduler-mid-header-right {
            width: 100px;
        }

        .scheduler-mid-header {
            flex-wrap: wrap;
        }

            .scheduler-mid-header .scheduler-search {
                width: 100%;
                margin-bottom: 15px !important;
            }

            .scheduler-mid-header .status-drop-down {
                width: 50%;
            }

            .scheduler-mid-header .type-drop-down {
                width: 50%;
            }

            .scheduler-mid-header .status-drop-down-label,
            .scheduler-mid-header .type-drop-down-label {
                margin-left: 0;
            }

            .scheduler-mid-header .status-drop-down-label {
                width: 56px;
            }

        .status-drop-down .dropdown {
            width: calc(100% - 56px);
        }

            .status-drop-down .dropdown button {
                width: 100%;
            }

        .scheduler-mid-header .type-drop-down-label {
            width: 52px;
            padding-left: 15px;
        }

        .scheduler-mid-header .type-drop-down .dropdown {
            width: calc(100% - 52px);
        }

            .scheduler-mid-header .type-drop-down .dropdown button {
                width: 100%;
            }

        .modal-open-custom .modal.fade .modal-dialog,
        .modal-open .modal.fade .modal-dialog {
            width: calc(100% - 30px) !important;
        }

        .staff-detail-wrapper {
            padding: 10px;
        }

            .staff-detail-wrapper form {
                margin: 0 -10px;
            }

                .client-detail-wrapper form .col-md-4,
                .staff-detail-wrapper form .find-address,
                .staff-detail-wrapper form .col-md-6,
                .client-communication .communication-box .timeline-item .timeline-body form .col-md-12 {
                    padding-left: 10px;
                    padding-right: 10px;
                }

        .edit-communication .edit-communication-full {
            padding-left: 10px;
            padding-right: 10px;
        }

        .client-wrapper .client-wrapper-right.setting-box-company,
        .client-wrapper .client-wrapper-right.setting-box-company-detail,
        .client-wrapper .client-wrapper-right.setting-box-shift {
            width: 100%;
            padding: 0 !important;
            margin: 24px 0 0 0;
        }

        .setting-wrapper {
            margin: 0;
        }

        .client-wrapper .client-wrapper-right.setting-box-company {
            margin-top: 0;
        }

        .billing-report-header.staff-timesheet .client-list-search {
            width: 100%;
            margin-bottom: 20px;
        }

        .staff-timesheet.billing-report-header .billing-date {
            margin-left: 0;
        }

        .billing-report-header.staff-timesheet {
            justify-content: space-between;
        }

        .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box {
            width: 100%;
            padding-right: 0 !important;
        }

        .invoice-generator-top .scheduler-mid-header-right {
            margin-top: 0;
        }

        .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box label {
            width: 76px;
        }

        .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box .billing-date {
            width: calc(100% - 86px);
            margin-right: 0 !important;
        }

        .invoice-detail-top .invoice-detail-top-box {
            width: 100%;
            margin-bottom: 20px;
        }

        .invoice-black-btn,
        .invoice-white-btn {
            padding: 14px 13px;
        }

        .modal-open-custom .advance-shift.add-shift-new.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .popup-half-box,
        .modal-open .add-shift-new.modal.fade.advance-shift .modal-dialog .modal-content .modal-body .popup-form.row .popup-half-box {
            width: calc(100% - 16px);
        }

        .agree-client-detail .agree-client-content > div {
            width: 100%;
        }

        .create-service-agreementfor .client-guardian-content .search-gaurdian,
        .create-service-agreementfor .client-guardian-content .search-client {
            width: 100%;
        }

        .support-box .support-box-content li {
            width: 100%;
        }

        .ratting-tab-new-wrapper {
            margin: 16px 0 0 0;
        }

            .ratting-tab-new-wrapper .ratting-tab-new-box {
                width: 100%;
                margin: 0 0 24px 0;
            }

        .shift-coun-wrapper .shift-coun-box {
            width: calc(50% - 16px);
            margin-bottom: 16px;
        }

        .crm-lead-search-wrapper .lead-select-wrap {
            width: 50%;
        }

        .mb-2-991 {
            margin-bottom: 8px;
        }

        body.remove-scroll-body {
            overflow: unset;
        }

        .client-list-search.incident-search-input {
            width: 100% !important;
        }

        .client-list-top-wrapper .incident-date-picker {
            width: 100% !important;
        }

        /*.incident-name {
            width: 100% !important;
        }*/

        /*.incident-stage {
            width: 100% !important;
        }*/

        .incident-name div span {
            width: 100%;
        }


        .w-50-991 {
            width: 50% !important;
        }

        .shift-coun-wrapper .shift-coun-box {
            width: calc(100% - 16px);
            margin-bottom: 16px;
        }

        .w-100-991 {
            width: 100% !important;
        }

        .mr-0-991 {
            margin-right: 0 !important;
        }

        .pr-2-991 {
            padding-right: 8px;
        }
    }


    @media (max-width: 768px) {
        .shift-time-wrapper .shift-time-box {
            width: calc(100% - 16px);
            margin: 0 8px 16px 8px;
        }

        .w-100-768 {
            width: 100% !important;
        }

        .pr-0-768 {
            padding-right: 0 !important;
        }

        .mb-2-768 {
            margin-bottom: 8px;
        }

        .active-staff-filter-wrapper .active-staff-filter-div {
            width: calc(50% - 24px);
            margin: 0 12px;
            margin-bottom: 12px;
        }

        .mr-0-768 {
            margin-right: 0 !important;
        }

        .mt-2-768 {
            margin-top: 8px;
        }

        .showUpdateButton {
            bottom: -45px;
        }

        .active-staff-information {
            padding-bottom: 60px;
        }

        .document-text.incident-file-name p {
            word-break: break-all;
            width: calc(90% - 50px);
        }
    }

    @media (max-width: 767px) {
        .mobile-top-navigation {
            display: block;
            padding: 15px;
        }

        .openNav .left-section {
            width: 100%;
        }

        .left-section .navigation-wrapper .navigation-btn {
            display: none;
        }

        .left-section .navigation-wrapper .navigation-top .client-detail,
        .left-section .navigation-wrapper .navigation-top .logo {
            display: none;
        }

        .left-section .navigation-wrapper {
            display: none;
        }

        .left-section.mobile-menu .navigation-wrapper {
            display: block;
            position: absolute;
            top: 79px;
            width: 100%;
            height: 100vh;
            z-index: 9;
        }

            .left-section.mobile-menu .navigation-wrapper .navigation-top {
                background: #fff;
            }

        .nightmode .left-section.mobile-menu .navigation-wrapper .navigation-top {
            background: #343A40;
        }

        .main-wrapper .left-section {
            height: unset;
        }

        .main-wrapper {
            height: 100%;
        }

        .log-out-btn {
            position: unset;
            transform: unset;
            border-bottom: 1px solid #EFEFEF;
        }

        .navigation-top {
            padding-bottom: 0;
        }

        .main-wrapper .right-section {
            width: calc(100% - 30px);
            margin: 0 15px;
            border-radius: 25px;
            padding: 20px;
        }

        .client-top-header-left p {
            font-size: 27px;
            line-height: 31px;
        }

        .right-wrapper-inner .client-top-header {
            padding-bottom: 15px !important;
        }

        .client-name h1 {
            font-size: 30px;
            line-height: 35px;
        }

        .right-section .client-top-header-left {
            width: calc(100% - 90px);
        }

        .right-section .client-top-header-right {
            width: 80px;
        }

        .client-wrapper-left .client-wrapper-left-top {
            padding: 15px;
            margin-bottom: 30px;
        }

        .client-left-top-img .client-name {
            width: 100%;
            margin-left: 0 !important;
            margin-top: 15px;
        }

        .client-left-top-center {
            margin-top: 20px;
        }

            .client-left-top-center .client-left-top-center-left {
                width: 100%;
                padding-right: 0;
                margin-bottom: 20px;
            }

        .client-wrapper-left-bottom {
            padding: 15px 15px 50px 15px;
        }

            .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .tab-content ul li {
                width: 100%;
                padding-bottom: 30px;
            }

                .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .tab-content ul li.tabb-map {
                    width: 100%;
                }

        .service-agreement-content-wrapper .service-agreement-box.action,
        .service-agreement-heading .service-agreement-box.action {
            width: 60px;
        }

        .service-agreement-content-wrapper .service-agreement-box.images,
        .service-agreement-heading .service-agreement-box.images {
            width: 70px;
        }

        .service-agreement-heading .service-agreement-box.type,
        .service-agreement-content-wrapper .service-agreement-box.type {
            width: calc(100% - 130px);
        }

        .mobile-client-detail .client-name {
            width: 80px;
        }

        .client-list-table-wrapper table.dataTable thead {
            display: none;
        }

        .client-list-table-wrapper table.dataTable tbody tr td {
            width: 100%;
            float: left;
            box-shadow: none !important;
            border: none;
            padding: 0 0 10px 15px;
            box-sizing: border-box;
        }

            .client-list-table-wrapper table.dataTable tbody tr td:first-child {
                padding-top: 15px;
            }

            .client-list-table-wrapper table.dataTable tbody tr td:last-child {
                border-bottom: 1px solid #222222;
                padding-bottom: 15px;
            }

            .client-list-table-wrapper table.dataTable tbody tr td.text-center {
                text-align: left !important;
            }

        .client-list-table-wrapper {
            background: #ffffff;
        }

            .client-list-table-wrapper table.dataTable tbody td:before {
                content: attr(data-th);
                display: inline-block;
                font-weight: 600;
                margin-right: 10px;
                color: #222;
            }

        .nightmode .client-list-table-wrapper table.dataTable tbody td:before {
            color: #fff;
        }

        .client-list-top .client-list-top-wrapper .client-list-top-btn .white-btn {
            /*width: 100%;*/
            /*margin-right: 0 !important;*/
            margin-bottom: 20px;
        }

        .all-client-header.client-list-top .client-list-top-wrapper .client-list-top-btn .white-btn {
            /*width: 100%;
            margin-right: 0 !important;*/
            margin-bottom: 20px;
        }

        .client-list-table-wrapper tbody,
        .nightmode .client-list-table-wrapper tbody {
            background: none;
        }

        .nightmode .client-list-table-wrapper table.dataTable tbody tr td:last-child {
            width: 100% !important;
            border-color: #ffffff;
        }

        .nightmode .client-list-table-wrapper {
            background: #343A40;
        }

        .client-list-table-wrapper .table-pagination {
            padding: 20px 15px;
        }

            .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate span .paginate_button {
                height: 30px;
                width: 30px;
                line-height: 30px;
                margin: 0 3px;
                font-size: 13px;
            }

            .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.previous, .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.disabled, .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.disabled:hover, .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.next {
                width: 63px;
                height: 30px;
                line-height: 30px;
                margin: 0;
                font-size: 13px;
            }

        .right-section .right-wrapper-inner {
            padding-right: 0;
        }

        .client-wrapper-left .client-wrapper-left-top:before {
            background: url('../images/ic_pattern_day_mobile.svg');
            background-repeat: no-repeat;
            background-size: cover;
        }

        .nightmode .client-wrapper-left .client-wrapper-left-top:before {
            background: url('../images/ic_pattern_night_mobile.svg');
            background-repeat: no-repeat;
            background-size: cover;
        }

        .pagination-wrapper .pagination-inner .paginate-button span {
            display: none;
        }

        .pagination-wrapper .pagination-inner .paginate-button {
            width: 32px;
            height: 32px;
            line-height: 32px;
        }

        .pagination-wrapper .pagination-inner .page-number {
            width: 32px;
            height: 32px;
            line-height: 32px;
        }

        .pagination-wrapper .pagination-inner .paginate-button.previous:before {
            content: '<';
        }

        .pagination-wrapper .pagination-inner .paginate-button.next:before {
            content: '>';
        }

        .scheduler-mid-header .scheduler-mid-header-first {
            width: 100%;
            margin-right: 0;
        }

        .scheduler-mid-header .scheduler-mid-header-left {
            width: 100%;
        }

        .week-label {
            width: 33.33%;
            text-align: center;
        }

        .checkmark {
            padding: 0;
            width: 100%;
        }

        .scheduler-mid-header {
            margin-bottom: 15px !important;
        }

            .scheduler-mid-header .status-drop-down {
                width: 100%;
                margin-bottom: 15px;
            }

            .scheduler-mid-header .type-drop-down {
                width: 100%;
            }

            .scheduler-mid-header .type-drop-down-label {
                padding-left: 0;
            }

        .service-agreement-content-wrapper .service-agreement-box.type,
        .service-agreement-content-wrapper .service-agreement-box.images,
        .service-agreement-content-wrapper .service-agreement-box.action {
            width: 100% !important;
        }

        .modal-open-custom .modal.fade .modal-dialog .modal-content .modal-header .modal-title,
        .modal-open .modal.fade .modal-dialog .modal-content .modal-header .modal-title {
            font-size: 25px;
        }

        .add-shift-new .modal-header {
            margin-bottom: 20px;
        }

        .add-shift-new .form-box-main .from-title-with-img {
            margin-bottom: 20px;
        }

        /*        .add-shift-new .modal-body .col-md-6 {
            margin-bottom: 20px;
        }*/

        .modal-open-custom .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main,
        .modal-open .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main {
            padding-bottom: 10px;
        }

        .add-shift-new .custom-checkbox.repeat-shift {
            margin-top: 0;
        }

        .mt-30 {
            margin-top: 0 !important;
        }

        .modal-open-custom .add-shift-new.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row,
        .modal-open .add-shift-new.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row {
            padding: 0 20px;
        }

        .modal-open-custom .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row,
        .modal-open .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row {
            margin-left: -20px;
            margin-right: -20px;
        }

        .occurs-on.custom-checkbox {
            width: 25%;
            margin-bottom: 10px;
        }

        .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main,
        .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main {
            width: 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .modal-open-custom .modal.fade .modal-dialog .modal-content,
        .modal-open .modal.fade .modal-dialog .modal-content {
            padding: 20px 0;
        }

            .modal-open-custom .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row > *,
            .modal-open .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row > * {
                padding-left: 20px;
                padding-right: 20px;
            }

        .client-left-top-img .client-logo img {
            width: 112px;
            height: 112px;
        }

        .staff-detail-wrapper form .col-md-6#roleddl {
            margin-top: 1.5rem;
        }

        .staff-detail-wrapper.client-detail-wrapper {
            padding: 10px 17.5px;
        }

        #emailBulkModal .custom-checkbox,
        #smsBulkModal .checkbox-center {
            margin: 0 0 20px 0;
        }

        #emailBulkModal .col-10,
        #smsBulkModal .col-10 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .modal-open #emailBulkModal.modal.fade .modal-dialog,
        .modal-open #smsBulkModal.modal.fade .modal-dialog {
            overflow: unset;
        }

        .billing-report-header .billing-date {
            margin-right: 0;
            margin-bottom: 15px;
        }

        .client-communication .timeline::before {
            left: 16px;
        }

        .client-communication .timeline .fa,
        .timeline .communication-box .fa-clock {
            left: 4px;
        }

        .client-communication .timeline .timeline-item {
            margin-left: 45px;
        }

        .client-communication .timeline > div > .timeline-item > .timeline-header,
        .client-communication .timeline-edit,
        .client-communication .communication-box .timeline-item .timeline-body {
            padding: 20px 10px;
        }

        .client-communication .note-body,
        .client-communication .note-img {
            padding: 0 10px 20px 10px
        }

        .client-communication .communication-box .timeline-item .timeline-body .timeline-header {
            font-size: 23px;
            margin-bottom: 10px;
        }

        .mobile-margin {
            margin-bottom: 30px;
        }

        .client-list-top .client-list-top-wrapper.teams-wrapper .client-list-search {
            width: 100%;
            margin-bottom: 20px;
        }

        .teams-wrapper .add-teams-button {
            margin-left: 0;
        }

            .teams-wrapper .add-teams-button a {
                display: inline-block;
            }

        .images-uploader a {
            width: 128px;
            height: 128px;
        }

            .images-uploader a img {
                width: 112px;
                height: 112px;
            }

        .shift-type-popup-content .shift-type-popup-heading .shift-type-popup-heading-name {
            padding: 0 20px;
            width: calc(100% - 90px);
        }

        .shift-type-popup-content .shift-type-popup-heading .shift-type-popup-heading-action {
            padding: 0 20px;
            width: 90px;
        }

        .shift-type-popup-content {
            margin: 0 -20px;
        }

        .setting-wrapper .client-right-box .client-right-box-heading h3 {
            width: calc(100% - 62px);
        }

        .w-100f-100 {
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

        .w-80f-80 {
            -ms-flex: 0 0 80% !important;
            flex: 0 0 80% !important;
            max-width: 80% !important;
        }

        .w-20f-20 {
            -ms-flex: 0 0 20% !important;
            flex: 0 0 20% !important;
            max-width: 20% !important;
        }

        .login-page-box {
            width: 100%;
        }

        .staff-timesheet.billing-report-header .billing-date {
            margin: 0 0 20px 0;
            width: 100%;
        }

        /*.modal.add-shift-new .modal-header .dropdown button {
            width: 145px;
        }*/

        .advance-shift .split-wrapper .split-inner .row .col-md-6 {
            width: 50%;
        }

        .invoice-generator-top .invoice-generator-top-inner .invoice-generator-top-box .billing-date {
            width: 100%;
            margin-bottom: 0;
        }

        .invoice-detail-table table thead {
            display: none
        }

        .invoice-detail-table table tbody td:first-child {
            padding-top: 15px;
        }

        .invoice-detail-table table tbody td:last-child {
            border-bottom: 1px solid #222222;
            padding-bottom: 15px;
        }

        .invoice-detail-table table tbody td {
            width: 100%;
            float: left;
            box-shadow: none !important;
            border: none;
            padding: 0 0 10px 15px;
            box-sizing: border-box;
        }

            .invoice-detail-table table tbody td:before {
                content: attr(data-th);
                display: inline-block;
                font-weight: 600;
                margin-right: 10px;
                color: #222;
            }

        .invoice-detail-table table tfoot,
        .invoice-detail-table table tfoot tr {
            width: 100%;
            float: left;
        }

            .invoice-detail-table table tfoot tr {
                background: #fff;
            }

        .invoice-detail-btn-footer {
            margin-bottom: 0 !important;
        }

            .invoice-detail-btn-footer a {
                margin-bottom: 20px;
            }

        .invoice-detail-table table tfoot tr td.mobile-none-td {
            display: none;
        }

        .invoice-detail-table table tfoot tr td {
            width: 50%;
            float: left;
        }

        .invoice-payment-status {
            width: 100%;
            text-align: right;
            margin-top: 15px;
        }

        .modal-open-custom .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.tasks-box .col-md-6,
        .modal-open .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.tasks-box .col-md-6,
        .modal-open-custom .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.shift-box .col-md-6,
        .modal-open .modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main.shift-box .col-md-6 {
            margin-bottom: 16px;
        }

        .modal-open-custom .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main .repeat-content-main .col-md-6, .modal-open .advance-shift.modal.fade .modal-dialog .modal-content .modal-body .popup-form.row .form-box-main .repeat-content-main .col-md-6 {
            margin-bottom: 0;
        }

        .service-agree-top ul li label {
            display: none;
        }

        .agree-client-detail .agree-client-img {
            margin: 0 0 20px 0;
        }

        .agree-client-detail .agree-client-content {
            width: 100%;
        }

        .create-service-agreementfor .client-guardian-content .search-gaurdian {
            margin-bottom: 16px;
        }

        .custom-radio-agree {
            width: 100%;
            margin-bottom: 16px;
        }

            .custom-radio-agree:last-child {
                margin-bottom: 0;
            }

        .service-finish-btn {
            margin-bottom: 16px;
        }

        .create-service-billing-details table .drop-down {
            width: 100% !important;
        }

        .create-service-billing-details .client-list-table-wrapper table .sub-table-wrapper > td {
            padding-top: 0;
            padding-left: 0;
        }

        .billing-details-yes > div {
            width: 100%;
        }

            .billing-details-yes > div:first-child {
                margin-bottom: 16px;
            }

            .billing-details-yes > div .normal-p.text-end {
                text-align: left !important;
            }

        .feedback-ratting-wrapper {
            width: calc(100% - 30px);
            max-width: 100%;
        }

        .ratting-tab-new-wrapper .ratting-tab-new-box .ratting-tab-new-box-right .ratting-date {
            width: 100%;
            margin-top: 8px;
        }

        .mb-3-767 {
            margin-bottom: 16px;
        }

        .w-100-768 {
            width: 100%;
        }

        .mb-0-767 {
            margin-bottom: 0 !important;
        }

        .mt-2-767 {
            margin-top: 8px;
        }

        .crm-lead-search-wrapper .lead-select-wrap {
            width: 100%;
        }

        .mb-2-768 {
            margin-bottom: 8px;
        }

        .client-list-search.incident-search-input {
            width: 100%;
        }

        .incident-top-wrapper .client-list-search.incident-search-input {
            width: 100% !important;
        }

        .pr-0-767 {
            padding-right: 0 !important;
        }

        .client-list-top-wrapper.incident-top-wrapper .incident-date-picker {
            width: 100% !important;
            padding-right: 0;
        }

        .client-list-top-wrapper.incident-top-wrapper .incident-name {
            width: 100% !important;
            padding-right: 0;
        }

        .client-list-top-wrapper.incident-top-wrapper .incident-stage {
            width: 100% !important;
        }

        .active-staff-filter-wrapper .active-staff-filter-div {
            width: calc(100% - 24px);
            margin-bottom: 12px;
        }

        .mr-3-767 {
            margin-right: 16px !important;
        }

        .w-100-767 {
            width: 100% !important;
        }

        .billing-report-header.timesheet-top-wrapper {
            justify-content: start !important;
        }

        .task-col-description {
            width: 100%;
        }

        .mb-2-767 {
            margin-bottom: 8px;
        }

        .p-0-767 {
            padding: 0 !important;
        }

        .ml-0-767 {
            margin-left: 0 !important;
        }
    }

    @media (max-width: 500px) {
        .mr-0-500 {
            margin-right: 0 !important;
        }

        .hrms-active-staff-left {
            width: 100%;
            margin-bottom: 12px;
        }

        .mb-2-500 {
            margin-bottom: 8px;
        }

        .client-list-top.all-client-header .invoice-generate-wrap {
            justify-content: start !important;
        }

        .mb-3-500 {
            margin-bottom: 16px;
        }

        .pr-0-500 {
            padding-right: 0 !important;
        }
    }