@media screen and (max-width: 1599px) {
    .back_dashboard {
        display: none;
    }
    .list-inline-item a.prev-link {
        height: 44px;
        padding: 0 23px;
    }
    li.list-inline-item {
        display: flex;
        align-items: center;
    }
    .endAudit-popup .question-checkbox {
        padding: 0;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    .endAudit-popup .que_checkbox label {
        padding: 15px;
        color: #3f3f3f;
        font-weight: normal;
        border-radius: 10px;
        border: 1px solid #cbcbcb;
        display: block;
        max-width: 100%;
        width: 100%;
        height: 70px;
        padding-left: 30px;
        font-size: 19px;
        display: flex;
        align-items: center;
    }
    .endAudit-popup .que_checkbox span {
        padding: 5px 9px;
        width: 50px;
        font-size: 22px;
        height: 50px;
        top: -1px;
        border: 4px solid #787878;
        color: #787878;
        font-weight: 500;
    }
}

@media screen and (max-width: 1399px) {
    #simulation-report .modal-dialog,
    #audit-report-modal .modal-dialog {
        max-width: 1110px;
    }
}

@media screen and (max-width: 1199px) {
    .header-navigation ul li a {
        padding: 7px 10px;
        padding-left: 40px;
        font-weight: normal;
        font-size: 17px;
    }
    .list-inline-item a.module_selection {
        height: 44px;
        padding: 0 21px;
    }
    .module_responsive {
        display: none;
    }
    .user-account {
        max-width: 220px;
    }
    .user-account .user-img {
        margin-right: 4px;
    }
    .user-account>a {
        padding: 5px 24px 5px 10px;
    }
    .user-account span {
        font-size: 17px;
        font-weight: normal;
    }
    img.caret {
        right: 8px;
    }
    .header-wrapper {
        margin-top: 0px;
    }
    a.logo-img {
        margin-right: -20px;
    }
    .header-wrapper {
        padding-right: 10px;
    }
    ul.dropdown-content li a {
        font-size: 16px;
    }
    .user-account img.user-img {
        width: 32px;
    }
    .account-type .practice-form {
        padding: 0 0px;
    }
    .module-tabing ul li {
        width: 23%;
    }
    .modules-nav {
        min-height: 225px;
    }
    .modules-nav_title {
        height: 160px;
    }
    .modules-nav a {
        padding: 20px 14px 0px;
    }
    .modules-nav i {
        height: 58px;
    }
    .modules-nav_title>h4 {
        font-size: 20px;
        margin: 12px 0 10px;
    }
    .modules-nav_title p {
        font-size: 17px;
    }
    .clinical-role table th:last-child {
        min-width: 190px;
    }
    .n_clinical-role table th {
        min-width: 130px;
        width: 100%;
    }
    .n_clinical-role table th:first-child {
        min-width: 150px;
    }
    .n_clinical-role table th {
        min-width: 170px;
        width: 100%;
    }
    .n_clinical-role table th:first-child {
        min-width: 500px;
    }
    .clinical-role table input {
        padding: 13px 10px;
    }
    .n_clinical-role table input {
        padding: 13px 10px;
    }
    ul.welcome-module1 li {
        width: auto;
    }
    ul.welcome-module1 li a {
        font-size: 16px;
        padding: 6px 11px;
        letter-spacing: 0px;
    }
    .brief-tbl-main table.table-responsive {
        display: table;
    }
    .brief-tbl-main table thead th {
        padding: 10px 15px;
        font-size: 18px;
    }
    .brief-tbl-main table th {
        min-width: 130px;
    }
    .brief-tbl-main table td {
        font-size: 17px;
    }
    .brief-tbl-main table th:first-child {
        min-width: 180px;
    }
    .brief-tbl-main table th:last-child {
        min-width: 200px;
    }
    span.mrk-done {
        font-size: 17px;
    }
    .brief-tbl-main table td,
    .do .brief-tbl-main table td {
        font-size: 17px;
    }
    .error-txt {
        max-width: 315px;
    }
    a.mrk-completed {
        padding: 17px 15px;
    }
    .brief-tbl-main table td span {
        line-height: 47px;
    }
    .brief-tbl-resource span.resource-view::before,
    .brief-tbl-team span.team-view::before,
    .brief-tbl-done span.mrk-done::before {
        background-size: 430px;
        width: 52px;
        height: 50px;
    }
    a.mrk-completed span.mrk-done::before {
        background-position: -58px -101px;
        width: 35px;
        height: 32px;
        top: 8px;
    }
    .brief-tbl-resource span.resource-view::before {
        background-position: -309px -108px;
        left: 0;
    }
    .brief-tbl-team span.team-view::before {
        background-position: -247px -108px;
        margin-right: 10px;
    }
    .brief-tbl-done span.mrk-done::before {
        background-position: -6px -181px;
        width: 53px;
        height: 53px;
    }
    .do-resource label {
        width: 25%;
        font-size: 17px;
        margin-bottom: 12px;
    }
    .do-form input {
        font-size: 16px;
        width: 75px;
    }
    .do-resource .do-form {
        width: 72%;
    }
    .do-form span {
        margin-right: 9px;
    }
    .do-form button {
        padding: 13px 0;
        font-size: 17px;
        padding-left: 13px;
    }
    a.do-audit {
        padding: 10px;
        font-size: 17px;
    }
    .culture-level .question_icon .tooltip_text {
        max-width: 250px;
        font-size: 17px;
        padding: 15px;
    }
    .culture-level .question_icon .tooltip_text::before {
        margin-left: -4px;
        max-width: 218px;
    }
    .culture-level .question_icon .tooltip_text::after {
        margin-left: -1px;
        max-width: 218px;
    }
    .culture-level:last-child .question_icon .tooltip_text {
        max-width: 250px;
        font-size: 17px;
        padding: 15px;
        left: -100px;
    }
    .culture-level:last-child .question_icon .tooltip_text::before {
        margin-left: 96px;
        max-width: 218px;
    }
    .culture-level:last-child .question_icon .tooltip_text::after {
        margin-left: 99px;
        max-width: 218px;
    }
    .action-planner-tbl table th:first-child {
        min-width: 283px;
    }
    .culture-benefit-btn {
        margin-bottom: 270px;
    }
    .simulate-main {
        margin: 30px auto -50px;
    }
    .multiple-category {
        max-width: 670px;
        padding: 10px 20px;
    }
    .multiple-category p {
        font-size: 16px;
    }
    button.choose-category-btn {
        background-size: 38px;
        margin-top: 3px;
    }
    .nhs-countings {
        font-size: 30px;
        margin: 15px 0px;
    }
    .practice-heading {
        font-size: 13px;
    }
    #total-clinical-time,
    #total-admin-time {
        margin-top: 3px;
    }
    .practice-involved p {
        font-size: 22px;
    }
    #total-clinical-time::before,
    #total-admin-time::before {
        left: -7px;
        top: 5px;
    }
    .nhs-gp-appointments .practice-involved p {
        font-size: 14px;
    }
    .practice-involved .progress-chart {
        position: relative;
        left: -16px;
    }
    #no-of-practice {
        margin-top: 22px;
    }
    .nhs-benefit-category .ccg-nhs-dropdown .custom_checkbox label {
        padding-left: 18px;
    }
    #simulation-report .modal-dialog {
        max-width: 970px;
    }
    #audit-report-modal .modal-dialog {
        max-width: 970px;
    }
    .module-popup-content button.close {
        background-position: 1px 1px;
        width: 64px;
        height: 64px;
        right: -28px;
        top: -25px;
    }
    ul.report-tabing li a {
        font-size: 16px;
    }
    ul.report-tabingII li a {
        padding: 8px 14px;
    }
    ul.report-tabingII li {
        min-width: 120px;
    }
    .simulation-report-modal {
        padding: 0;
    }
    .simulation-report-txt {
        padding: 0 50px;
    }
    .padding-x {
        padding: 0 50px;
    }
    ul.access-nav li a {
        font-size: 22px;
        color: #5f5f5f;
        font-weight: 500;
        text-align: center;
        letter-spacing: 1px;
        padding: 6px 25px;
    }
    .aa-audit-report-model .modal-dialog {
        max-width: 950px;
    }
    .audit-popup-content {
        padding: 0 30px;
    }
    .aa-audit-wrapper {
        max-width: 750px;
    }
    .benefit-popup-modal .modal-dialog {
        max-width: 970px;
    }
    .culture_table table th:first-child {
        width: 155px;
    }
    .culture_table table td {
        padding: 22px 10px 0;
    }
    .culture-radio-btn {
        padding-left: 0;
        padding-right: 0;
    }
    .culture-level {
        max-width: 80px;
    }
    .data-gathering table.table-responsive {
        overflow-x: scroll;
    }
    .data-gathering table th {
        min-width: 132px;
    }
    .data-gathering table thead th .question_icon {
        margin-top: 19px;
    }
    .benefit-level-title {
        padding-left: 7em;
    }
    .benefit-level-title::before {
        bottom: 8px;
        left: 5em;
    }
    .benefit-skill-inner-text {
        padding-left: 4em;
        max-width: 920px;
    }
    .team-progress-tbl.module1-teamProgress table th:first-child {
        min-width: 120px;
    }
    .team-progress-tbl.module1-teamProgress table th:nth-child(2) {
        min-width: 99px;
    }
    table#crud-table tbody tr td:nth-child(4) {
        min-width: 99px;
    }
    .line_separator::before {
        display: none;
    }
    .line_separator::after {
        display: none;
    }
    .horizontal_line::after {
        display: none;
    }
    .email-data-gather .interruptions_btn a {
        max-width: 300px;
    }
    .line_separator,
    .horizontal_line {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .header-navigation ul li a {
        font-size: 16px;
    }
    .header-navigation ul li a.module_selection::before {
        background-position: -389px -6px;
    }
    .user-account img.user-img {
        width: 30px;
    }
    ul.dropdown-content li a {
        padding-left: 38px;
        font-size: 15px;
    }
    .header-navigation ul li a.faq::before {
        height: 27px;
        top: 6px;
        background-position: -450px -9px;
    }
    .user-account {
        width: auto;
    }
    .user-account>a {
        width: auto;
    }
    ul.dropdown-content li a.s_account::before {
        background-position: -388px -65px;
    }
    ul.dropdown-content li a.modules::before {
        background-position: -388px -10px;
    }
    ul.dropdown-content li a.log-out::before {
        background-position: -111px -71px;
    }
    ul.dropdown-content li a.setting::before {
        background-position: -62px -72px;
    }
    .header-wrapper {
        padding: 20px 0px;
        margin-top: 0px;
    }
    ul.dropdown-content {
        min-width: 180px;
        right: 0px;
    }
    section.banner h1 {
        font-size: 50px;
    }
    .banner-txt p {
        font-size: 20px;
    }
    .banner-links a.btn {
        font-size: 17px;
    }
    .footer-nav ul li.list-inline-item {
        margin-right: 40px;
    }
    h1.title {
        font-size: 28px;
    }
    h1.title::after {
        left: 70px;
        width: 190px;
    }
    h1.title::before {
        right: 70px;
        width: 190px;
    }
    .module-popup-content button.close {
        width: 62px;
        height: 56px;
        right: -35px;
        top: -25px;
        background-size: 53px;
    }
    .module-tabing ul li a {
        font-size: 20px;
        font-weight: 500;
    }
    .module-tabing ul li a {
        padding: 10px 16px;
    }
    .modules-txt {
        margin: 30px 0 35px;
    }
    .choose-module h4 {
        font-size: 26px;
    }
    .modules-txt h1,
    .module-popup-content>.modules-txt h2,
    .practice-txt h1 {
        font-size: 28px;
        margin-right: 32px;
    }
    .modules-txt a,
    button.change-date {
        font-size: 18px;
    }
    .modules-txt a.module-icons::before {
        background-position: -1px -66px;
    }
    .modules-popup-wrap .modal-dialog {
        max-width: 690px;
    }
    .modules-nav_title>h4 {
        font-size: 18px;
        padding: 0px;
    }
    .modules-nav_title p {
        font-size: 16px;
    }
    .modules-nav {
        min-height: 222px;
    }
    .modules-nav_title>h4 {
        margin: 20px 0 10px;
    }
    .play .select-module-icon::before,
    .stop .select-module-icon::before,
    .pause .select-module-icon::before,
    .completed .select-module-icon::before {
        background-size: 440px;
        height: 50px;
        width: 53px;
    }
    .play .select-module-icon::before {
        background-position: -9px -257px;
    }
    .stop .select-module-icon::before {
        background-position: -257px -256px;
    }
    .pause .select-module-icon::before {
        background-position: -86px -256px;
    }
    .completed .select-module-icon::before {
        background-position: -174px -256px;
    }
    .practice-form {
        padding: 0 20px;
    }
    .workforce-txt {
        padding: 0 50px;
    }
    .workforce-txt p {
        padding: 0 60px;
        font-size: 18px;
    }
    .custom-table table th {
        font-size: 16px;
    }
    .custom-table table td {
        font-size: 16px;
    }
    .custom-table table td span {
        font-size: 16px;
    }
    .clinical-role table,
    .n_clinical-role table {
        font-size: 16px;
    }
    .clinical-role table th:last-child {
        min-width: 130px;
    }
    .clinical-role table th {
        min-width: 140px;
    }
    .clinical-role table th:nth-child(1) {
        min-width: 150px;
    }
    .clinical-role table th:nth-child(5),
    .clinical-role table th:nth-child(4) {
        font-size: 14px;
    }
    .clinical-role table th:nth-child(5) {
        padding-right: 12px;
    }
    .clinical-role table thead th .question_icon,
    .n_clinical-role table thead th .question_icon {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .clinical-role table input,
    .n_clinical-role table input {
        padding: 9px 10px;
    }
    .n_clinical-role table th:first-child {
        min-width: 300px;
    }
    .clinical-role table tr th:last-child .question_icon .tooltip_text {
        margin-left: -178px;
    }
    .n_clinical-role table tr th:last-child .question_icon .tooltip_text {
        margin-left: -155px;
    }
    .question_icon .tooltip_text {
        width: 200px;
        left: 78%;
        padding: 5px 9px;
        font-size: 14px;
    }
    .question_icon .tooltip_text::after,
    .question_icon .tooltip_text::before {
        left: 27%;
    }
    .data-gathering table tr th:nth-child(10) .question_icon .tooltip_text {
        margin-left: -60px;
    }
    section.thanks {
        padding: 30px;
        margin-bottom: 100px;
        margin-top: 20px;
    }
    .thumbs-up {
        margin-bottom: 60px;
    }
    section.thanks h1 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    p.thanks-txt {
        font-size: 20px;
        padding: 0 10px;
    }
    .switch-acc-popup .modal-dialog {
        max-width: 640px;
    }
    .pcn-role-title {
        min-height: 100px;
    }
    .pcn-role {
        padding: 0 25px;
        margin-bottom: 30px;
    }
    .pcn-role:last-child {
        padding-left: 25px;
    }
    span.current-acc {
        font-size: 19px;
    }
    .pcn-role-title a.role-switcher {
        font-size: 19px;
    }
    /* .staff-popup-wrap .modal-dialog {
        max-width: 690px;
    } */
    .swal2-popup {
        width: 690px;
    }
    .header-wrapper .user-account span {
        display: none;
    }
    .header-navigation {
        margin-right: 8px;
    }
    .row_center {
        justify-content: center;
    }
    .pagination-line {
        max-width: 670px;
    }
    ul.pagination-p1 {
        max-width: 640px;
    }
    .pick-date {
        max-width: 315px;
    }
    ul.staff-nav li::before,
    ul.timeline-nav li::before {
        top: 15px;
    }
    .brief-tbl-main table thead {
        display: none;
    }
    .brief-tbl-main table td {
        padding: 15px;
    }
    .brief-tbl-main table tr {
        display: flex;
        flex-direction: column;
    }
    .brief-tbl-main table tr td:first-child {
        background-color: #eaeaea;
        font-weight: bold;
        position: relative;
    }
    .brief-tbl-main table td::before {
        content: attr(data-title)" :";
        margin-bottom: 10px;
        width: 100%;
        display: inline-block;
    }
    .brief-tbl-main.custom-table table td {
        font-size: 18px;
    }
    .brief-tbl-main table td:nth-last-child(3),
    .brief-tbl-main table td:nth-last-child(2),
    .brief-tbl-main table td:last-child {
        padding: 15px;
    }
    .brief-tbl-done a,
    .brief-tbl-team a,
    .brief-tbl-resource a {
        padding: 0px;
        margin-top: 10px;
    }
    .brief-tbl-done a {
        margin-top: 0;
    }
    .brief-tbl-resource a {
        margin-top: 0px;
        height: auto;
    }
    .brief-tbl-resource span.resource-view::before {
        margin-right: 12px;
        margin-left: 0;
    }
    .do-resource label,
    .do-resource .do-form {
        width: auto;
    }
    .aa-audit .modal-dialog {
        max-width: 720px;
    }
    .do-form input {
        width: 90px;
        font-size: 16px;
    }
    .do-form button {
        padding: 11px 0;
        font-size: 16px;
        padding-left: 12px;
        float: right;
    }
    .do-resource .do-form span {
        margin-right: 7px !important;
        font-size: 16px;
    }
    a.mrk-completed {
        padding: 0 10px;
    }
    .brief-tbl-main.custom-table table td span {
        font-size: 18px;
        margin: 0;
    }
    .brief-tbl-team span.team-view::before {
        background-position: -246px -108px;
    }
    span.mrk-done {
        margin: 0;
        justify-content: start;
    }
    .resource-wrapper img {
        height: 280px;
    }
    .do .brief-tbl-done,
    .do .brief-tbl-team,
    .do .brief-tbl-resource,
    .brief-tbl-resource {
        padding: 0px 0;
        margin-top: 0px;
    }
    .do-date {
        padding: 15px 0;
        display: inline-block;
    }
    .do .brief-tbl-team a {
        padding: 0;
        margin: 0;
    }
    .do .brief-tbl-done a,
    .do .brief-tbl-team a,
    .do .brief-tbl-resource a {
        position: unset;
        padding: 0;
    }
    .do .brief-tbl-done a {
        margin-top: 0;
    }
    .do .brief-tbl-main table td p {
        font-size: 15px;
        padding: 0;
        max-width: 100%;
        margin-top: 4px;
    }
    .do .brief-tbl-main table td:nth-last-child(2) {
        padding: 15px;
    }
    a.do-audit {
        padding: 10px 20px;
        font-size: 17px;
        margin-top: 5px;
    }
    .do-resource.target-bg span.mrk-done {
        text-align: center;
        padding-right: 0;
    }
    .do-resource.target-bg {
        background-color: transparent;
    }
    .do-resource.target-bg .mrk-completed {
        background-color: rgba(109, 175, 78, 0.16);
    }
    .initiated {
        text-align: left;
    }
    .simulate-report .brf-complete,
    h2.module-title {
        font-size: 30px;
    }
    .simulate-report a {
        font-size: 17px;
    }
    .brief-complete span {
        font-size: 22px;
    }
    .brief-complete span.brf-incomplete::before {
        width: 41px;
        height: 41px;
        top: 13px;
        background-size: 440px;
    }
    .brief-complete span.brf-complete::before {
        background-size: 405px;
    }
    .brief-complete span.brf-complete::before {
        background-position: -160px -234px;
    }
    .brief-complete span.brf-incomplete::before {
        background-position: -344px -260px;
    }
    .simulation-report-modal h4 {
        padding: 0 30px;
        font-size: 30px;
    }
    .simulation-report-txt {
        padding: 0 30px;
    }
    .padding-x {
        padding: 0 30px;
    }
    ul.report-tabing li a {
        font-size: 17px;
    }
    .error-txt {
        width: 100%;
        max-width: 100%;
        margin-top: 7px;
    }
    .error-txt span {
        font-size: 15px !important;
    }
    .culture-level .question_icon .tooltip_text::before {
        margin-left: 9px;
    }
    .culture-level .question_icon .tooltip_text::after {
        margin-left: 12px;
    }
    .culture-level:nth-child(2) .question_icon .tooltip_text {
        margin-left: -136px;
    }
    .culture-level:nth-child(2) .question_icon .tooltip_text::before {
        margin-left: 86px;
    }
    .culture-level:nth-child(2) .question_icon .tooltip_text::after {
        margin-left: 89px;
    }
    .culture-level:last-child .question_icon .tooltip_text {
        margin-left: -44px;
    }
    .culture-level:last-child .question_icon .tooltip_text::before {
        margin-left: 86px;
    }
    .culture-level:last-child .question_icon .tooltip_text::after {
        margin-left: 89px;
    }
    .graph-txt {
        padding: 0 10px;
    }
    .user-brief-video {
        max-width: 700px;
        height: 400px;
    }
    .simulation-result table thead th {
        font-size: 18px;
        padding: 12px 20px;
    }
    .simulation-result table tbody td:first-child {
        min-width: 300px;
    }
    .simulation-result table tbody td:nth-child(2) {
        min-width: 190px;
    }
    .simulation-result table tbody td:last-child {
        min-width: 190px;
    }
    .simulation-result table tbody td .result-que {
        width: calc(100% - 50px);
    }
    .simulation-result table tbody td {
        padding: 10px;
        font-size: 17px;
        min-width: 45%;
    }
    .simulation-result table tbody td:first-child {
        min-width: 240px;
    }
    .simulation-result table tbody td:nth-child(2) {
        min-width: 150px;
    }
    .simulation-result table tbody td:last-child {
        min-width: 130px;
    }
    .user-brief-btn a {
        max-width: 210px;
    }
    .user-do-btns {
        padding: 0 30px;
    }
    .team-progress-tbl table td {
        font-size: 17px;
    }
    .team-progress-tbl table th {
        font-size: 18px;
    }
    .action-planner-tbl table th {
        min-width: 100px;
    }
    .action-planner-tbl table th:first-child {
        min-width: 190px;
    }
    .action-planner-tbl table th:last-child {
        min-width: 180px;
    }
    .action-planner-tbl table th:nth-child(2) {
        min-width: 210px;
    }
    .action-planner-tbl table td .brief-tbl-done a.action-done {
        padding-left: 10px;
    }
    .action-planner-tbl table td .brief-tbl-done span {
        line-height: 49px;
    }
    .action-planner-tbl a.mrk-completed {
        padding: 20px 15px;
    }
    .add_action button.time-saving-btn {
        font-size: 16px;
        padding: 11px 10px;
        padding-left: 40px;
    }
    .add_action button.time-saving-btn::before {
        background-position: -34px -139px;
        height: 44px;
        width: 35px;
        left: 0;
        top: -1px;
        background-size: 440px;
    }
    .action-planner-txt p {
        font-size: 17px;
    }
    .assigned-txt {
        padding-top: 7px;
    }
    #module-participants .modal-dialog,
    #resource-modal .modal-dialog,
    #confirmation-admin-modal .modal-dialog {
        max-width: 700px;
    }
    /* ---- Account Management -----  */
    .account_tbl table td:nth-child(4),
    .account_tbl table td:nth-child(5),
    .account_tbl table td:last-child {
        text-align: left;
    }
    .nhs-tbl table th:nth-child(3),
    .nhs-tbl table th:nth-child(4),
    .nhs-tbl table th:last-child {
        text-align: center;
        min-width: unset;
    }
    .nhs-tbl table td:nth-child(3),
    .nhs-tbl table td:nth-child(4),
    .nhs-tbl table td:last-child {
        text-align: left;
    }
    .nhs_title h4 {
        font-size: 30px;
    }
    .nhs-top .practice-involved {
        min-height: 140px;
        margin-bottom: 30px;
        height: unset;
    }
    .nhs-top {
        margin-bottom: 0px;
    }
    #total-clinical-time,
    #total-admin-time {
        margin-top: 25px;
    }
    #no-of-practice {
        margin-top: 33px;
    }
    .nhs-top .nhs-countings {
        margin-top: 23px;
    }
    #total-cost-saved {
        margin-top: 30px;
    }
    .module-piechart {
        margin-top: 30px;
    }
    .stats .progress-content p {
        font-size: 20px;
        padding: 0 10px;
        display: inline-block;
    }
    .progress-content p {
        font-size: 15px;
        padding: 0 10px;
    }
    .nhs-gp-appointments .practice-involved {
        height: unset;
        padding: 15px;
    }
    .nhs-gp-appointments span {
        margin: 20px 0 0;
    }
    .practice-involved .progress-chart {
        position: unset;
        left: 0;
    }
    .popup_tbl_info {
        width: 70%;
    }
    .popup_tbl_info table th:nth-child(2) {
        min-width: 170px;
    }
    .popup_tbl_info table th {
        min-width: 100px;
    }
    .popup_tbl_info table th:last-child {
        min-width: 90px;
    }
    .popup_tbl_status table td {
        min-width: 55px;
    }
    .popup_tbl_status {
        width: 21%;
        margin-left: 16px;
    }
    .popup_tbl_reference table td {
        min-width: 50px;
    }
    .popup_tbl_reference {
        width: 22%;
    }
    .terms_title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .terms_policy p {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .aa-audit .modal-dialog {
        margin: 100px auto 0;
    }
    .aa-audit-report-model .modal-dialog {
        max-width: 700px;
    }
    .resource-title h3 {
        font-size: 26px;
    }
    .audit-popup-title h4,
    .audit-popup-title span {
        font-size: 20px;
    }
    .audit-popup-title h4::before {
        background-position: -217px -149px;
        right: 7px;
        height: 31px;
        width: 35px;
        background-size: 460px;
    }
    .audit-content {
        max-width: 680px;
    }
    .audit-popup-content h5 {
        font-size: 20px;
    }
    .audit-popup-content p {
        font-size: 18px;
    }
    .aa-audit-wrapper {
        max-width: 500px;
    }
    .aa-audit-info p {
        font-size: 18px;
    }
    .aa-audit-info::before {
        background-position: -304px -363px;
        height: 50px;
        width: 50px;
        left: -70px;
        top: 4px;
        background-size: 460px;
    }
    .aa-audit-tbl table thead th,
    .respodent-tbl table thead th,
    .avoidable-tbl table thead th {
        font-size: 17px;
    }
    .aa-audit-tbl table td:first-child,
    .respodent-tbl table td:first-child,
    .avoidable-tbl table td:first-child {
        font-size: 17px;
        min-width: 200px;
    }
    .aa-audit-tbl table td:first-child span {
        width: 40px;
        height: 40px;
        font-size: 18px;
        padding: 7px 0;
    }
    .aa-audit-tbl table td,
    .respodent-tbl table td,
    .avoidable-tbl table td {
        font-size: 18px;
        min-width: 110px;
    }
    .arrow-down::before {
        background-position: -382px -336px;
        height: 12px;
        width: 17px;
        right: 0px;
        top: 7px;
        background-size: 460px;
    }
    .arrow-up::before {
        background-position: -355px -336px;
        height: 12px;
        width: 17px;
        right: 0px;
        top: 7px;
        background-size: 460px;
    }
    .aa-audit-tbl table thead th:nth-child(5) {
        min-width: 120px;
    }
    .aa-audit-tbl-info p {
        font-size: 13px;
    }
    .respodent-tbl table td:first-child p {
        margin-top: 7px;
    }
    .aa-audit-tbl table td:first-child,
    .respodent-tbl table td:first-child,
    .avoidable-tbl table td:first-child {
        font-size: 18px;
        min-width: 200px;
    }
    .respodent-tbl table th i,
    .avoidable-tbl table th:last-child i {
        width: 18px;
        height: 18px;
    }
    .avoidable-tbl table th:last-child {
        min-width: 340px;
    }
    .audit-container {
        padding: 0 30px;
    }
    .custom-table.aa-question-tbl table thead th,
    .custom-table.aa-question2-tbl table thead th {
        padding: 19px 10px;
        font-size: 19px;
    }
    .aa-question-tbl table tbody td p {
        font-size: 18px;
    }
    .aa-question-tbl table tbody td:last-child {
        min-width: 80px;
        font-size: 20px;
    }
    .aa-tbl-wrapper .sr_no {
        width: 40px;
        padding: 10px 10px;
    }
    .aa-tbl-wrapper p {
        font-size: 17px;
    }
    .aa-tbl-wrapper .tbl_roles {
        width: 240px;
        padding-left: 10px;
    }
    .aa-tbl-wrapper .role_practice p {
        font-size: 18px;
    }
    .aa-tbl-wrapper .role_practice {
        width: 30px;
    }
    .respodent-tbl {
        overflow-x: auto;
    }
    .respodent-tbl table {
        overflow-x: unset;
    }
    .respodent-tbl table th:last-child {
        min-width: 330px;
    }
    .faq_section .brief-intro .card .card-header p {
        max-width: 600px;
    }
    .faq_section .brief-intro .faq-lorem-second {
        margin-top: 3rem;
    }
    .item_test_popup .modal-dialog {
        max-width: 690px;
    }
    .item_test_popup .module-popup-content {
        padding: 30px 50px;
    }
    .item_test_popup h3 {
        font-size: 29px;
    }
    .upload_btn {
        text-align: left;
    }
    .module5-main .do .brief-tbl-main tr:nth-child(5) td .brief-tbl-done span.mrk-done {
        justify-content: start;
    }
    .module-popup-content .drag_upload_img button.close {
        width: 26px;
        height: 24px;
        left: 52px;
        top: -11px;
        background-position: -2px -3px;
        background-size: 30px;
    }
    .resource-wrapper .drag_upload_img img {
        height: auto;
    }
    .culture_table table td {
        text-align: center;
    }
    .culture-level {
        max-width: 90px;
    }
    .culture-radio-btn label {
        margin-bottom: 5px;
        max-width: 90px;
    }
    .culture-benefit-btn {
        margin-bottom: 340px;
        margin-top: 40px;
    }
    .data-gathering table tr th:last-child .question_icon .tooltip_text {
        margin-left: -180px;
    }
    .benefit-level-title {
        padding-left: 0;
    }
    .benefit-level-title::before {
        bottom: 8px;
        left: -30px;
    }
    .benefit-skill-inner-text {
        padding-left: 0;
    }
    .benefit-skill-inner-text p {
        padding-left: 0;
        max-width: 100%;
    }
    .email-data-gather .interruptions_btn a {
        max-width: 230px;
    }
    .main_checkbox {
        max-width: 50%;
    }
    .header-navigation {
        display: none;
    }
    .user-footer img {
        max-width: 250px;
    }
}

@media screen and (max-width: 767px) {
    .carry-data-title h1 {
        text-align: center;
    }
    .staff-table-sec .staff_tbl table tbody tr td:nth-child(3) {
        padding: 15px 4px;
        text-align: center;
    }
    .staff-table-sec .staff_tbl table tbody tr td:nth-child(4) {
        padding: 15px 4px;
        text-align: center;
    }
    .staff-table-sec .staff_tbl table tbody tr td:last-child {
        padding: 15px 4px;
        text-align: center;
    }
    a.staff_tbl_btn.light-active-staff-btn::before {
        background-position: -5px -209px;
        height: 63px;
        width: 63px;
    }
    a.staff_tbl_btn.dark-inactive-staff-btn::before {
        background-position: -429px -121px;
        height: 63px;
        width: 63px;
        left: 0;
    }
    a.trash_icon.staff_tbl_btn::before {
        background-position: -426px -207px;
        height: 63px;
        width: 63px;
    }
    a.staff_tbl_btn.dark-active-staff-btn::before {
        background-position: -172px -207px;
        height: 63px;
        width: 63px;
    }
    a.staff_tbl_btn.light-inactive-staff-btn::before {
        background-position: -87px -209px;
        height: 63px;
        width: 63px;
    }
    a.staff_tbl_btn {
        height: 60px;
        width: 60px;
    }
    header .logo.col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .list-inline-item a.module_selection {
        height: 40px;
        padding: 0 21px;
    }
    .list-inline-item a.prev-link {
        height: 40px;
    }
    .list-inline-item a.prev-link::before {
        top: 8px;
    }
    .user-footer .footer-logo {
       text-align: center;
    }
    /* .footer-logo img {
        max-width: 130px;
        margin-top: -27px;
    } */
    .footer-txt {
        margin-bottom: 10px;
    }
    section.banner h1 {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .banner-wrapper {
        top: 30px;
    }
    .banner-txt {
        max-width: 380px;
        padding: 20px 20px;
    }
    .banner-txt p {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .banner-links a.btn {
        font-size: 16px;
        padding: 7px 20px;
    }
    p.login-content {
        font-size: 22px;
    }
    .qa_popup .modal-dialog {
        max-width: 500px;
    }
    section.thanks {
        padding: 30px;
        margin-top: 0px;
        margin-bottom: 60px;
    }
    .thumbs-up {
        margin-bottom: 50px;
    }
    section.thanks h1 {
        font-size: 28px;
        margin-bottom: 25px;
    }
    p.thanks-txt {
        font-size: 18px;
        padding: 0 0px;
    }
    .radio-btn label {
        font-size: 27px;
    }
    .form-group label,
    .pick-date label,
    .form-group p.form-txt {
        font-size: 18px;
    }
    .create-new .no-account {
        text-align: center;
    }
    .create-new {
        margin-top: 30px;
    }
    .create-new .login-btn {
        text-align: center;
        margin-top: 20px;
    }
    .ccg-class #ccg-dropdown {
        margin-bottom: 0px;
    }
    .module-tabing {
        margin-top: 23px;
    }
    .modules-txt {
        margin: 30px 0 40px;
    }
    .modules-txt a {
        float: none;
    }
    .modules-nav {
        min-height: 215px;
    }
    .choose-module h4 {
        font-size: 26px;
        margin: 0px 0 40px;
    }
    .module-tabing ul li a {
        font-size: 18px;
    }
    .module-tabing ul li a {
        font-size: 18px;
        padding: 10px 12px;
    }
    .practice_subTxt {
        max-width: 600px;
        margin: 30px auto 0;
    }
    .practice_subTxt p {
        font-size: 17px;
    }
    .workforce-txt h2 {
        margin-bottom: 38px;
    }
    .workforce-txt p {
        font-size: 18px;
        padding: 0 30px;
    }
    .clinical-role table tr {
        display: flex;
        flex-direction: column;
    }
    .clinical-role table td::before {
        content: attr(data-title)" :";
        margin-bottom: 10px;
    }
    .clinical-role table tr td:first-child {
        background-color: #eaeaea;
        font-weight: bold;
        position: relative;
    }
    .clinical-role table thead {
        display: none;
    }
    .clinical-role table input {
        margin-top: 7px;
    }
    i.question_icon {
        display: block !important;
        right: 0;
        position: absolute;
    }
    i.question_icon {
        display: block !important;
        right: 4px;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 11px;
        z-index: 9;
        background-image: url('../images/que-mrk.png');
        background-repeat: no-repeat;
    }
    .n_clinical-role table thead th .question_icon {
        margin-top: 0px;
    }
    .n_clinical-role table th:first-child {
        min-width: 180px;
    }
    .modules-txt h1 {
        margin-right: 0px;
        display: block;
    }
    a.video {
        margin-top: 15px;
    }
    ul.staff-nav li::before {
        top: 60%;
    }
    ul.staff-nav li a,
    ul.account-nav li a {
        font-size: 20px;
    }
    ul.staff-nav li::before {
        width: 11px;
        height: 11px;
        top: 23px;
    }
    .practice-txt {
        margin: 50px 0 25px;
    }
    .staff-txt h4 {
        font-size: 21px;
    }
    .pagination-line {
        max-width: 530px;
    }
    ul.pagination-p1 {
        max-width: 500px;
    }
    .custom-table table th {
        font-size: 17px;
    }
    .custom-table table td {
        font-size: 16px;
    }
    .modules-txt .modal-dialog {
        max-width: 500px;
        margin: 100px auto;
    }
    .modules-txt .module-popup-content>.modules-txt h1 {
        font-size: 30px;
    }
    .modules-txt .module-popup-content>.modules-txt p {
        font-size: 26px;
    }
    .modules-txt .intro-video {
        width: 100%;
        height: 430px;
    }
    .modules-txt .module-popup-content button {
        width: 60px;
        height: 60px;
        right: -24px;
        top: -27px;
        background-size: 50px;
    }
    .switch-acc-popup .modal-dialog {
        max-width: 500px;
    }
    .switch-acc-popup p {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .pcn-role-title {
        min-height: auto;
    }
    .s_acc-form label {
        font-size: 16px;
        padding-left: 23px;
    }
    .s_acc-form label::before {
        width: 15px;
        height: 15px;
    }
    div.login-btn {
        margin-top: 30px !important;
    }
    h1.s_acc-ptitle {
        margin: 36px 0 28px;
    }
    #switchAccount button.close {
        background-size: 50px;
    }
    .switch-acc-popup .modal-body {
        margin-bottom: 40px;
    }
    .pcn-role {
        margin-bottom: 25px;
    }
    .pcn-role:last-child {
        margin-bottom: 0;
    }
    span.current-acc {
        font-size: 17px;
    }
    .s_acc-form label::after {
        left: 1px;
        top: 0px;
        transform: scale(0.8);
    }
    .pcn-role-title a.role-switcher {
        font-size: 17px;
    }
    .staff-table-sec .card .card-body .actions_col {
        text-align: center;
    }
    .staff-table-sec .staff_tbl div.dataTables_wrapper div.dataTables_info {
        padding: 5px 0;
    }
    .progress-gauge {
        margin: 40px auto 0;
        height: 200px;
    }
    /* ------- staff tab TRASH pop up ---------- */
    .swal2-popup {
        padding: 20px;
        width: 500px;
    }
    .swal2-title {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .swal2-cancel::before {
        right: -33px;
        top: -20px;
        background-size: 50px;
    }
    .swal2-content {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .swal2-actions button.swal2-confirm.swal2-styled {
        padding: 6px 20px;
        margin-right: 30px;
        font-size: 18px;
    }
    .swal2-styled.swal2-confirm::after {
        right: -37px;
    }
    header .logo {
        max-width: 100%;
    }
    header .logo .logo-img {
        max-width: 375px;
        display: block;
        margin: 0 auto;
    }
    .header-wrapper {
        text-align: center;
    }
    ul.dropdown-content {
        right: 0;
    }
    .qa_popup {
        padding: 0 15px !important;
    }
    .qa_popup .modules_title {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .qa_popup .result_content p.modules_mid_green {
        font-size: 24px;
        margin-bottom: 70px;
    }
    .qa_popup .result_content {
        margin: 0 auto 30px;
    }
    .result_content button {
        padding: 8px 26px;
        font-size: 18px;
    }
    .qa_popup .module-popup-content button.close {
        width: 50px;
        height: 49px;
        right: -21px;
        top: -14px;
        background-size: 100%;
        background-position: unset;
    }
    .qa_popup .module-popup-content {
        height: unset;
    }
    .qa_popup .yn_content ul.all_options li .yn_btn {
        width: unset;
        height: unset;
        padding: 33px 41px;
    }
    .qa_popup .result_content .modules_mid_green {
        margin-bottom: 40px;
    }
    .pagination-p1 .tab-check.done::before {
        background-size: 36px;
        left: 0px;
    }
    .nextpg-navigate {
        margin: 70px 0px 35px;
    }
    .nextpg-navigate button.prev-link::before,
    .nextpg-navigate a.prev-link::before {
        background-position: -153px -62px;
    }
    .nextpg-navigate .pg_nav {
        text-align: center;
    }
    .nextpg-navigate .pg_nav:first-child {
        margin-bottom: 25px;
    }
    .nextpg-navigate button.nxt-pg,
    .nextpg-navigate a.nxt-pg {
        float: none;
    }
    .nextpg-navigate button,
    .nextpg-navigate a {
        font-size: 17px;
        padding: 8px 24px 8px 50px;
    }
    .nextpg-navigate button.nxt-pg::before,
    .nextpg-navigate a.nxt-pg::before {
        top: 1px;
    }
    .welcome-module-title h1 {
        font-size: 26px;
    }
    .welcome-module-title h1::before {
        background-position: -174px -110px;
        height: 30px;
        width: 34px;
        margin: 0 9px 6px 0;
        background-size: 470px;
    }
    ul.appointment-breadcrumb li a {
        font-size: 16px;
    }
    ul.appointment-breadcrumb li.active {
        font-size: 16px;
    }
    ul.appointment-breadcrumb li a.menu-home {
        margin-top: 3px;
    }
    h2.module-title {
        margin: 58px 0 50px;
        font-size: 29px;
    }
    .welcome-intro p {
        font-size: 18px;
    }
    .problem-improvement h4,
    .staff-members h4,
    .baseline-txt h4,
    .start-module h4,
    .brief-intro h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .problem-improvement p,
    .baseline-txt p,
    .timeline-module p {
        font-size: 18px;
    }
    .problem-improvement span,
    .baseline-txt span {
        font-size: 16px;
    }
    .baseline-que h2.module-title,
    .staff_tbl h2.module-title,
    .start-date h2.module-title,
    .timeline h2.module-title,
    .data-gathering h2.module-title,
    .congrats h2.module-title {
        margin: 45px auto 30px;
        font-size: 29px;
    }
    .baseline-que h2.module-title {
        margin: 45px auto 10px;
    }
    .baseline-txt p,
    .congrats-module p,
    .congrats-date-cls p {
        font-size: 18px;
    }
    /* .baseline-txt:first-child{padding: 0px 0 24px;} */
    .baseline-radio-btn label[for="pcn-check"] {
        margin-bottom: 25px;
        margin-top: 10px;
    }
    .staff-members {
        margin: 10px 0 50px;
    }
    .staff_tbl .custom-table table th {
        padding: 15px 14px;
    }
    .staff_tbl .custom-table table td {
        padding: 15px 15px;
    }
    /* --------- custom-checkbox --------- */
    .custom_checkbox label::before {
        width: 15px;
        height: 15px;
    }
    .custom_checkbox label::after {
        left: 1px;
        top: 0px;
        transform: scale(0.8);
    }
    .pick-date:first-child {
        margin-bottom: 20px;
    }
    .timeline-content p {
        font-size: 18px;
        margin-bottom: 25px;
    }
    ul.timeline-nav li {
        font-size: 18px;
        padding: 0 20px;
        margin-bottom: 35px;
    }
    ul.staff-nav li::before,
    ul.timeline-nav li::before,
    ul.account-nav li::before {
        width: 10px;
        height: 10px;
    }
    .data-module p {
        font-size: 18px;
    }
    .data-module span {
        font-size: 18px;
        padding: 11px 0;
    }
    .brief-intro h4 {
        font-size: 28px;
    }
    .benefit-title h3 {
        margin-bottom: 20px;
    }
    .benefit-content h5 {
        font-size: 20px;
    }
    ul.brief-nav li {
        margin-bottom: 15px;
    }
    ul.brief-nav li,
    ul.benefit-nav li p:first-child {
        font-size: 18px;
    }
    ul.benefit-nav li p {
        font-size: 18px;
    }
    .brief-intro p {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .brief-intro p.black {
        font-size: 20px;
        margin-bottom: 20px;
    }
    ul.brief-nav {
        padding-left: 30px;
    }
    .brief-start-dt p {
        font-size: 20px;
    }
    .brief-start-dt p::before {
        background-position: -8px -137px;
    }
    .stats .progress-content {
        margin-top: 0px;
    }
    .progress-content {
        margin-bottom: 10px;
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: -50px;
    }
    .progress-content p {
        font-size: 20px;
        padding: 0 30px;
        float: left;
        width: 100%;
    }
    .do .progress-content a {
        font-size: 18px;
        white-space: normal;
    }
    .simulate-report a {
        display: inline-block;
    }
    .baseline-results {
        padding: 40px 0;
        margin-bottom: 60px;
    }
    span.graph {
        margin-bottom: 20px;
        font-size: 50px;
    }
    .graph-txt {
        margin-bottom: 50px;
        padding: 0px;
    }
    .time-saving {
        margin-top: 0px;
    }
    .time-saving p {
        font-size: 18px;
    }
    .graph-txt h5,
    .time-saving h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .graph-txt p {
        font-size: 18px;
    }
    span.graph::before {
        background-position: -7px -329px;
        height: 60px;
        width: 60px;
        left: -64px;
        top: 7px;
        background-size: 440px;
    }
    .area-radio-btn .consult-yes:first-child {
        padding-left: 15px;
        margin-left: 0px;
    }
    .data-input span {
        padding: 14px 0;
        font-size: 18px;
    }
    .add-time-txt p {
        font-size: 18px;
    }
    .time_saving p,
    .patient-benefit p {
        font-size: 18px;
    }
    button.time-saving-btn {
        font-size: 18px;
        padding: 11px 16px;
        padding-left: 60px;
    }
    button.time-saving-btn::before {
        background-position: -31px -145px;
        height: 37px;
        width: 40px;
        left: 7px;
        top: 5px;
        background-size: 440px;
    }
    .benefit-skills {
        padding: 50px 20px;
        margin-bottom: 10px;
    }
    .skills-txt p {
        font-size: 18px;
        padding: 0 20px;
    }
    .benefit-skill-tbl {
        padding: 0px 0px;
    }
    .check-title p {
        font-size: 17px;
    }
    .print .print-btn {
        padding-left: 60px;
        font-size: 18px;
    }
    .print .print-btn::before {
        top: 5px;
        left: 11px;
    }
    .culture-level {
        margin-bottom: 15px;
    }
    .culture-level .question_icon .tooltip_text {
        font-size: 14px;
        padding: 10px 10px;
        line-height: normal;
    }
    .culture-level:last-child .question_icon .tooltip_text {
        font-size: 14px;
        padding: 10px 10px;
        line-height: normal;
    }
    .culture-level .question_icon .tooltip_text::before {
        margin-left: 9px;
    }
    .culture-level .question_icon .tooltip_text::after {
        margin-left: 12px;
    }
    .culture-radio .form-group {
        margin-bottom: 20px;
    }
    .benefit-btn {
        margin-bottom: 140px;
        margin-top: 50px;
    }
    .benefit-btn a {
        font-size: 18px;
    }
    .user-intro {
        margin-top: 20px;
    }
    .user-intro h2 {
        font-size: 24px;
    }
    .user-intro p {
        font-size: 18px;
    }
    .user-intro-btn {
        margin-top: 10px !important;
    }
    .user-brief-btn a {
        max-width: 150px;
        font-size: 22px;
        margin-right: 20px;
        padding: 30px 20px;
    }
    .user-brief-video {
        max-width: 510px;
        height: 287px;
    }
    .pg_nav.user-btn-nav {
        margin-bottom: 0 !important;
    }
    .user-brief-complete::before {
        background-position: -146px -218px;
        height: 50px;
        width: 50px;
        right: -18px;
        bottom: -11px;
        background-size: 380px;
    }
    .aa-audit .modal-dialog {
        max-width: 520px;
    }
    .user-do-btns {
        text-align: center;
        padding: 0 30px;
    }
    .user-do-btns button {
        margin-bottom: 25px;
        font-size: 20px;
        max-width: 250px;
    }
    .action-planner-tbl table td:last-child {
        padding: 10px;
    }
    .action-planner-txt p {
        font-size: 16px;
        margin-bottom: 0;
        text-align: center;
    }
    .action-planner-txt {
        margin-bottom: 30px;
    }
    .add_action {
        margin-bottom: 30px;
        text-align: center;
    }
    .assigned-txt {
        padding-top: 10px;
    }
    /* .action-planner-tbl table {
        display: table;
    } */
    #module-participants .modal-dialog,
    #resource-modal .modal-dialog,
    #confirmation-admin-modal .modal-dialog {
        max-width: 520px;
    }
    #module-participants .modal-dialog .module-popup-content {
        padding: 40px 30px;
    }
    .resource-title h3 {
        font-size: 27px;
        margin-bottom: 10px;
    }
    p.ap_modal-txt {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .congrats-link a.continue-btn,
    .congrats-date-cls a {
        font-size: 18px;
        padding: 7px 14px;
        white-space: normal;
    }
    #resource-modal .module-popup-content {
        padding-left: 40px;
        padding-right: 0;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 10px 0 2px;
        justify-content: center;
    }
    .nhs-gp-appointments .progress-content {
        margin-top: 0px;
    }
    .nhs-gp-appointments .progress-content p {
        font-size: 16px;
    }
    .email-content {
        margin: 20px 0 20px;
    }
    .email-content h5 {
        font-size: 21px;
    }
    .resource-paragraph p {
        font-size: 18px;
    }
    .resource-txt,
    ul.resource-nav li p,
    .resource-ol-nav li p {
        font-size: 18px;
    }
    .resource-title h4 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .resource-title h4::before {
        background-position: -79px -145px;
        width: 30px;
        top: -4px;
        left: -5px;
        background-size: 440px;
    }
    .resource-wrapper {
        margin-bottom: 10px;
    }
    ul.resource-nav {
        margin-top: 10px;
    }
    .resource-ol-nav {
        margin-top: 10px;
    }
    .resource-subtitle {
        font-size: 18px;
    }
    h5.resource-subtitle-post {
        margin: 15px 0 20px -40px;
        font-size: 18px;
    }
    .resource-ol-nav span.timer-icon::before {
        background-position: -65px -116px;
        width: 24px;
        background-size: 360px;
        left: 2px;
    }
    .resource-wrapper img {
        margin: 20px 0 20px;
        height: 250px;
    }
    .simulate-ol-nav li p {
        font-size: 18px;
    }
    .simulate-ol-nav {
        padding-left: 40px;
        margin-top: 0px;
    }
    .popup_tbl_info {
        width: 100%;
        display: block;
        max-width: 100%;
    }
    .popup_tbl_status {
        width: 100%;
        display: block;
        margin-left: 0;
        max-width: 100%;
        margin-top: 30px;
    }
    .popup_tbl_wrapper {
        display: flex;
        flex-direction: column;
        margin-left: 0px;
        align-items: center;
    }
    .popup_tbl_reference {
        width: 25%;
        margin-bottom: 20px;
    }
    .midway {
        margin-left: 0px;
    }
    .tbl_complete {
        margin-left: 0px;
    }
    .popup_tbl_reference table td {
        min-width: 80px;
    }
    .popup_tbl_reference {
        width: 38%;
    }
    .allow-access-txt p {
        font-size: 20px;
    }
    .allow-access-txt {
        margin: 50px 0px;
    }
    .aa-audit .modal-dialog {
        margin: 30px auto 0;
    }
    form ul#parsley-id-multiple-i_type li {
        bottom: -130px;
    }
    .endAudit-popup-title h3 {
        font-size: 22px;
    }
    .endAudit-popup .que_checkbox label {
        max-height: 90px;
        font-size: 17px;
        height: 100%;
    }
    .endAudit-popup .que_checkbox span {
        padding: 5px 9px;
        width: 45px;
        font-size: 18px;
        height: 45px;
    }
    .endAudit-choice {
        margin: 40px 0 0px;
    }
    .endAudit-popup .row {
        justify-content: center;
    }
    .custom-table.aa-question-tbl table thead th,
    .custom-table.aa-question2-tbl table thead th {
        padding: 13px 10px;
        font-size: 18px;
    }
    .respodent-tbl table th:nth-child(3) {
        font-size: 17px;
        min-width: 130px;
    }
    .respodent-tbl table td:first-child,
    .avoidable-tbl table td:first-child {
        font-size: 17px;
        min-width: 170px;
    }
    .aa-audit-tbl table td:first-child {
        font-size: 17px;
    }
    .aa-audit-report-model .modal-dialog {
        max-width: 510px;
    }
    .resource-title h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .resource-title h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .aa-tbl-wrapper .tbl_roles {
        width: 150px;
    }
    .aa-audit-info::before {
        display: none;
    }
    .pdf_logo img {
        width: 440px;
    }
    /* .benefit-popup-modal .modal-dialog {
	    max-width: 530px;
    } */
    .pdf_main_title h1 {
        font-size: 46px;
        margin-bottom: 20px;
    }
    .pdf_main_title {
        top: 31%;
    }
    .module_img img {
        width: 38px;
    }
    .pdf_main_title h6 {
        font-weight: 500;
        margin-bottom: 50px;
    }
    .module_txt h5 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .module_txt p {
        font-size: 22px;
    }
    .end_module_wrapper {
        margin-bottom: 15px;
    }
    .minutes_saved img {
        width: 50px;
        margin-bottom: 30px;
    }
    .minutes_saved h6 {
        font-size: 20px;
    }
    .module2-main .time-saving {
        margin-top: 80px;
    }
    .interruption_tbl table td:nth-child(4) {
        padding: 20px 15px;
    }
    .welcome-module-title .faq-box-title::before {
        margin: 0 9px 6px 0;
        background-size: auto;
    }
    .faq_section .brief-intro .faq-inline-text-one {
        font-size: 16px;
        padding: 0;
    }
    .faq_section .faq-last-box {
        margin-bottom: 2rem;
    }
    .faq_section .brief-intro .card .card-header p {
        max-width: 425px;
        font-size: 18px;
    }
    .faq_section #accordion .card-plus::before {
        background-position: -100px -362px;
        height: 35px;
        width: 35px;
        right: -5px;
        top: 20px;
        background-size: 400px;
    }
    .faq_section #accordion .card-minus::after {
        background-position: -146px -362px;
        height: 35px;
        width: 35px;
        right: -5px;
        top: 20px;
        background-size: 400px;
    }
    .item_test_popup .modal-dialog {
        max-width: 520px;
    }
    .item_test_popup .module-popup-content {
        padding: 30px;
    }
    .item_test_popup h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .item_time_txt p {
        font-size: 18px;
    }
    .item_time_txt input {
        padding: 13px 10px;
        max-width: 190px;
    }
    .item_time_txt {
        margin-bottom: 20px;
    }
    .time_total li p {
        font-size: 18px;
    }
    .time_total li::before {
        left: -20px;
        top: 13px;
        width: 11px;
        height: 11px;
    }
    .module-popup-content .drag_upload_img button.close {
        width: 21px;
        height: 21px;
        left: 58px;
        top: 10px;
        background-position: -2px -1px;
        background-size: 25px;
    }
    .module4-main .time_spent .minutes_saved::before,
    .module5-main .time_spent .minutes_saved::before {
        width: 51px;
        height: 51px;
        left: -70px;
        top: 16px;
        background-size: 50px;
    }
    p.small-heading {
        font-size: 18px;
    }
    .all_time_saved textarea {
        max-width: 550px;
    }
    .minutes_saved {
        max-width: 410px;
    }
    .culture_table table td {
        font-size: 17px;
        border-right: 0px solid #c2c2c2;
    }
    .culture_table table thead {
        display: none;
    }
    .culture_table table tr {
        display: flex;
        flex-direction: column;
    }
    .culture_table table tr td:first-child {
        background-color: #eaeaea;
        font-weight: bold;
        position: relative;
    }
    .culture_table table td::before {
        content: attr(data-title)"";
        margin-bottom: 0px;
        width: 100%;
        display: block;
    }
    .culture_table table tbody tr:last-child td {
        padding-bottom: 20px;
    }
    .culture_table table tbody tr:first-child td {
        padding-top: 30px;
        font-size: 17px;
    }
    .culture_table table tr td:first-child {
        text-align: center;
        padding: 20px 15px;
    }
    /* .culture_table.table-responsive{
        overflow: hidden;
    } */
    .action-planner-tbl table td .brief-tbl-done span {
        line-height: 53px;
        margin: 20px 0;
    }
    .reports_details_wrap h3 {
        font-size: 24px;
    }
    .reports-nav li {
        font-size: 18px;
    }
    .choose-module_title h4 {
        font-size: 26px;
    }
    .total_modules p {
        font-size: 30px;
    }
    .total_modules span {
        font-size: 20px;
    }
    .total_modules {
        min-height: 190px;
    }
    .carry-email-data-main a {
        margin-bottom: 15px;
    }
    .main_checkbox {
        max-width: 100%;
    }
    .account-change.request_access .save-btn.mt-5 {
        margin-top: 1rem !important;
    }
    .account-change.request_access .form-group label {
        font-size: 22px;
    }
    .general-practice-logo img {
        max-width: 320px;
        margin: 30px 0;
    }
    .general-practice-logo,
    header .logo {
        text-align: center;
    }
    .user_banner_bg {
        min-height: 840px;
    }
    .user-home-footer {
        padding-left: 0;
        text-align: center;
    }
    .banner-wrapper {
        padding: 0 15px;
    }
}

@media screen and (max-width: 575px) {
    .module4-main .baseline-pcn {
        margin-top: .5rem;
        margin-right: 0;
    }
    .module4-main .baseline-practice {
        margin-top: .5rem;
        margin-right: 0;
    }
    .module4-main .baseline-radio-btn label {
        margin-bottom: 5px;
    }
    .do_click {
        padding-left: 20px;
        font-size: 14px;
    }
    .do .brief-tbl-main tr:nth-child(5) td .brief-tbl-done span.mrk-done {
        justify-content: start;
        margin-right: 0px;
    }
    header .logo .logo-img {
        max-width: 300px;
    }
    .user-icon img {
        width: 50px;
    }
    .user-icon,
    .setting-icon {
        margin-bottom: 20px;
    }
    section.banner h1 {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .banner-txt {
        max-width: 348px;
        padding: 20px 20px;
    }
    .banner-txt p {
        margin-bottom: 15px;
    }
    .banner-links a.btn {
        font-size: 15px;
    }
    h1.title {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .practice_subTxt {
        max-width: 300px;
        margin: 30px auto 0;
    }
    .practice_subTxt p {
        font-size: 16px;
    }
    /* .footer-logo img {
        margin-top: 0px;
        text-align: center;
        margin-bottom: 15px;
        position: unset;
        max-width: 110px;
    } */
    /* .footer-logo {
        text-align: center;
    } */
    .footer-txt {
        padding: 10px 0px;
        margin-bottom: 0;
        margin-top: 30px;
    }
    .footer-nav ul li.list-inline-item a {
        font-size: 15px;
    }
    .footer-nav ul {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .footer-nav ul li.list-inline-item {
        margin-right: 18px;
        float: none;
    }
    .copyright p {
        font-size: 15px;
    }
    .copyright {
        padding: 10px 15px;
    }
    .forgot-pwd-form,
    .reset-pwd-form {
        padding: 0px 10px;
    }
    p.login-content {
        font-size: 20px;
    }
    section.thanks {
        padding: 30px 10px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .thumbs-up {
        margin-bottom: 30px;
    }
    section.thanks h1 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    p.thanks-txt {
        font-size: 16px;
        padding: 0 0px;
    }
    .banner-links a:hover,
    .register-form-btn a.btn:hover,
    .login-btn .btn:hover,
    .register-form-btn button.btn.red:hover,
    .save-btn .btn:hover,
    button.change-date:hover {
        font-size: 17px;
    }
    .login-form {
        max-width: 430px;
        padding: 0px;
        margin: 10px auto 50px;
    }
    .lock-icon::before {
        background-position: -55px 1px;
    }
    .login-btn button {
        font-size: 17px;
    }
    .form-group label {
        font-size: 18px;
    }
    .create-new .no-account span {
        margin-right: 3px;
    }
    .mail-icon input,
    .lock-icon input,
    .name-icon input,
    .pwd-icon input,
    .cpwd-icon input,
    .timer-icon input,
    .pick-date input {
        padding-left: 54px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .lock-icon a {
        padding-left: 16px;
        top: 12px;
        right: 15px;
        font-size: 16px;
    }
    .register-fields {
        max-width: 330px;
    }
    .mail-icon::before,
    .lock-icon::before,
    .ccg-icon::before,
    .pcn-icon::before,
    .name-icon::before,
    .pwd-icon::before,
    .ccg-icon .select2-container::before,
    .pcn-icon .select2-container::before,
    .speciality-icon .select2-container::before,
    .role-icon .select2-container::before {
        background-size: 455px;
        height: 45px;
        width: 50px;
    }
    .ccg-icon .select2-container::before {
        background-position: -110px -1px;
    }
    .pcn-icon .select2-container::before {
        background-position: -168px 0px;
    }
    .speciality-icon .select2-container::before {
        background-position: -226px 0px;
    }
    .role-icon .select2-container::before {
        background-position: -278px 1px;
    }
    .name-icon::before,
    .timer-icon::before {
        background-position: -278px 1px;
    }
    .mail-icon::before {
        background-position: -4px -3px;
    }
    .pwd-icon::before {
        background-position: -59px 1px;
    }
    .ccg-icon .select2-container .select2-selection--single .select2-selection__rendered,
    .pcn-icon .select2-container .select2-selection--single .select2-selection__rendered,
    .speciality-icon .select2-container .select2-selection--single .select2-selection__rendered,
    .role-icon .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 55px;
        padding-top: 8px;
    }
    .ccg-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .pcn-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .speciality-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .role-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .name-icon .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 11px;
        right: 6px;
    }
    .register-form-btn button.btn.red {
        padding: 6px 20px;
        font-size: 16px;
    }
    .module-tabing ul li {
        width: 127px;
    }
    .modules-txt {
        margin: 20px 0 30px;
    }
    .modules-txt a,
    button.change-date {
        font-size: 17px;
        padding: 8px 20px 8px 45px;
    }
    .module-tabing ul li a {
        font-size: 16px;
        font-weight: normal;
        padding: 10px 7px;
    }
    .module-tabing ul li a.active,
    .module-tabing ul li a:hover {
        font-weight: 500;
    }
    .modules-txt h1,
    .practice-txt h1 {
        font-size: 28px;
    }
    i.question_icon {
        display: block !important;
        right: 0;
        position: absolute;
    }
    i.question_icon {
        display: block !important;
        right: 4px;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 11px;
        z-index: 9;
        background-image: url('../images/que-mrk.png');
        background-repeat: no-repeat;
    }
    .n_clinical-role table tr {
        display: flex;
        flex-direction: column;
    }
    .n_clinical-role table td::before {
        content: attr(data-title)" :";
        margin-bottom: 10px;
    }
    .n_clinical-role table tr td:first-child {
        background-color: #eaeaea;
        font-weight: bold;
        position: relative;
    }
    .n_clinical-role table thead {
        display: none;
    }
    .n_clinical-role table input {
        margin-top: 7px;
    }
    #practice_info_id .save-btn button {
        margin: 30px auto 0;
    }
    .create-new .login-btn .btn,
    .save-btn .btn {
        font-size: 17px;
        padding: 7px 28px;
    }
    .modules-txt .module-popup-content {
        padding: 20px;
    }
    .modules-txt .modules-txt .modal-dialog {
        max-width: 390px;
        margin: 100px auto;
    }
    .modules-txt .module-popup-content>.modules-txt h1 {
        font-size: 30px;
    }
    .modules-txt .module-popup-content>.modules-txt p {
        font-size: 26px;
    }
    .modules-txt .intro-video {
        width: 100%;
        height: 300px;
    }
    .modules-txt .module-popup-content button {
        width: 60px;
        height: 60px;
        right: -24px;
        top: -27px;
        background-size: 40px;
    }
    .modules-txt .module-popup-content>.modules-txt h1 {
        font-size: 26px;
    }
    .modules-txt .module-popup-content>.modules-txt p {
        font-size: 24px;
    }
    .radio-btn label {
        padding: 30px 15px;
        font-size: 20px;
    }
    .existing-account span,
    .existing-account a {
        font-size: 17px;
        margin-right: 0;
    }
    label .tick-img {
        width: 55px;
        right: -24px;
        bottom: -24px;
    }
    .account-type ul li {
        margin-right: 22px;
    }
    .account-type {
        margin: 0px auto 0px;
    }
    .ccg-icon .select2-container .select2-selection--single,
    .pcn-icon .select2-container .select2-selection--single,
    .speciality-icon .select2-container .select2-selection--single,
    .role-icon .select2-container .select2-selection--single,
    .name-icon .select2-container .select2-selection--single {
        height: 46px;
    }
    .register-below {
        margin: 50px 0 40px;
    }
    .register-form-btn {
        padding: 80px 0 30px;
        text-align: center;
        margin-bottom: 0;
    }
    .modules-nav {
        min-height: 185px;
    }
    .modules-nav_title>h4 {
        margin: 15px 0 10px;
    }
    .modules-nav a {
        padding: 20px 12px 0px;
    }
    .modules-nav_title p::before,
    .brief-start-dt p::before {
        background-position: -7px -115px;
        background-size: 420px;
    }
    .play .select-module-icon::before {
        background-position: -8px -257px;
    }
    .stop .select-module-icon::before {
        background-position: -257px -256px;
    }
    .pause .select-module-icon::before {
        background-position: -86px -257px;
    }
    .completed .select-module-icon::before {
        background-position: -172px -256px;
    }
    .practice-txt h1 {
        margin-right: 0px;
        font-size: 28px;
    }
    .staff-txt h4 {
        font-size: 20px;
    }
    ul.staff-nav li a {
        font-size: 18px;
    }
    /*  ul.staff-nav li::before {
        top: 23px;
        width: 11px;
        height: 11px;
    } */
    .switch-acc-popup .modal-dialog {
        max-width: 350px;
    }
    .module-popup-content,
    .switch-acc-popup .s_acc-popup-content {
        padding: 20px;
    }
    .switch-acc-popup p {
        font-size: 18px;
        margin-bottom: 35px;
    }
    h1.s_acc-ptitle {
        margin: 10px 0 20px;
        font-size: 28px;
    }
    .pcn-role-title {
        font-size: 17px;
    }
    .s_acc-form label {
        font-size: 17px;
    }
    #switchAccount button.close {
        background-size: 40px;
        width: 50px;
        height: 47px;
        right: -8px;
        top: -14px;
    }
    .s_acc_btn button.btn {
        font-size: 16px;
    }
    .switch-acc-popup .modal-body {
        margin-bottom: 40px;
    }
    .s_acc_btn {
        margin-bottom: 20px;
    }
    .practice-txt {
        margin: 40px 0 20px;
    }
    .progress-gauge {
        height: 140px;
    }
    /* ------- staff tab TRASH pop up ---------- */
    .swal2-popup {
        padding: 20px 10px;
        width: 350px;
    }
    .swal2-title {
        font-size: 28px;
        margin-bottom: 0;
    }
    .swal2-content {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .swal2-cancel::before {
        right: -38px;
        top: -19px;
        background-size: 45px;
    }
    .qa_popup .module-popup-content button.close {
        width: 40px;
        height: 40px;
        right: -10px;
        top: -10px;
    }
    .qa_popup .modules_title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .qa_popup .result_content p.modules_mid_green {
        font-size: 20px;
        margin-bottom: 50px;
    }
    .qa_popup .result_content {
        margin: 0 auto 30px;
    }
    .result_content button {
        padding: 8px 26px;
        font-size: 17px;
    }
    .qa_popup .module-popup-content {
        padding: 15px;
    }
    .qa_popup ul.all_options li .qa_options_btn {
        font-size: 16px;
        padding: 10px 18px;
    }
    .qa_popup .yn_content ul.all_options li .yn_btn {
        padding: 23px 31px;
        font-size: 18px;
    }
    .qa_popup .result_content .result_top_icon {
        margin-top: 20px;
    }
    .welcome-module-title {
        margin-top: 30px;
    }
    .welcome-module-title h1 {
        font-size: 26px;
    }
    .welcome-module-title h1::before {
        background-position: -172px -110px;
        width: 30px;
        background-size: 460px;
    }
    .modules-txt .modal-dialog {
        max-width: 350px;
        margin: 100px auto;
    }
    .appointment-tabing {
        margin-top: 38px;
    }
    ul.welcome-module1 li {
        max-width: 100%;
        width: 100%;
    }
    h2.module-title {
        margin: 40px 0;
        font-size: 26px;
    }
    .welcome-intro p {
        font-size: 16px;
    }
    #page-1 {
        margin-top: 30px;
    }
    .pagination-p1 li a {
        width: 30px;
        height: 30px;
        font-size: 16px;
        box-shadow: 0px 0px 0px 5px #fff;
        -webkit-box-shadow: 0px 0px 0px 3px #fff;
        -o-box-shadow: 0px 0px 0px 3px #fff;
        -ms-box-shadow: 0px 0px 0px 3px #fff;
        -moz-box-shadow: 0px 0px 0px 3px #fff;
    }
    .pagination-p1 .tab-check.active a::before {
        width: 22px;
        height: 22px;
        left: 3px;
        top: 3px;
    }
    .pagination-p1 .tab-check.done::before {
        background-size: 30px;
    }
    .pagination-p1 li a::after {
        width: 22px;
        height: 22px;
        left: 3px;
        top: 3px;
    }
    .pagination-p1.pagination-sm .page-link {
        padding: 2px 9px;
        font-size: 16px;
    }
    .pagination-line {
        max-width: 400px;
        margin: 50px auto 0;
    }
    ul.pagination-p1 {
        max-width: 380px;
    }
    .nextpg-navigate button.prev-link::before,
    .nextpg-navigate a.prev-link::before {
        background-position: -153px -64px;
    }
    .nextpg-navigate button,
    .nextpg-navigate a {
        font-size: 16px;
    }
    .nextpg-navigate {
        margin: 50px 0px 10px;
    }
    .baseline-que h2.module-title,
    .staff_tbl h2.module-title,
    .start-date h2.module-title,
    .timeline h2.module-title,
    .data-gathering h2.module-title,
    .congrats h2.module-title {
        margin: 40px auto 30px;
        font-size: 26px;
    }
    .staff-members {
        margin: 10px 0 40px;
    }
    .congrats-date-cls a {
        font-size: 17px;
    }
    /* --------- custom-checkbox --------- */
    .staff_tbl .custom-table table th:first-child {
        min-width: 45px;
    }
    .baseline-que h2.module-title {
        margin: 40px auto 10px;
    }
    .problem-improvement h4,
    .staff-members h4,
    .baseline-txt h4,
    .start-module h4,
    .brief-intro h4 {
        font-size: 22px;
    }
    .custom_calendar {
        margin-top: 30px;
    }
    .custom_calendar .datepicker .datepicker-switch {
        font-size: 23px;
    }
    .custom_calendar table td,
    .custom_calendar table th {
        padding: 10px 12px;
        font-size: 17px;
    }
    .custom_calendar table th.prev::after,
    .custom_calendar table th.next::after {
        background-size: 440px;
        margin: -5px auto 0;
    }
    .custom_calendar table thead tr:nth-last-child(2) th.datepicker-switch {
        left: -44px;
    }
    .custom_calendar table th.prev::after {
        background-position: -200px -112px;
    }
    .custom_calendar table th.next::after {
        background-position: -230px -112px;
    }
    .timeline-content {
        padding: 34px 0;
    }
    .timeline-module {
        margin: 10px auto 0px;
        padding: 0 20px;
    }
    .pick-date:first-child {
        margin-bottom: 20px;
    }
    .pick-date label {
        font-size: 17px;
    }
    .pick-date input {
        padding-left: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pick-date-wrapper span {
        padding-left: 10px !important;
        margin-bottom: 10px;
    }
    .pick-date:first-child {
        margin-bottom: 10px;
    }
    .pick-date:last-child {
        margin-top: 10px;
    }
    .calendar-icon::before {
        background-position: -205px -141px;
        height: 45px;
        background-size: 460px;
    }
    .timeline-content p {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .timeline-module p {
        font-size: 17px;
    }
    ul.timeline-nav li {
        font-size: 17px;
    }
    .timeline-content h5 {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .timeline-wrapper {
        padding: 0px 20px;
    }
    .data-module p {
        font-size: 17px;
    }
    .data-module span {
        font-size: 17px;
    }
    .congrats-module .thumbs-up {
        margin-bottom: 25px;
    }
    .brief-intro h4 {
        font-size: 26px;
    }
    .brief-intro p {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .brief-intro p.black {
        font-size: 18px;
        margin-bottom: 15px;
    }
    ul.brief-nav {
        margin-bottom: 20px;
        padding-left: 10px;
    }
    .brief-complete {
        margin-bottom: 30px;
    }
    .simulate-txt p:last-child {
        margin-bottom: 15px;
    }
    .brief-start-dt p {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .brief-tbl-main {
        margin: 20px auto 60px;
    }
    .simulate-report-progress .simulate-report {
        padding: 30px 20px;
    }
    .simulate-report .brf-complete {
        display: block;
        margin-bottom: 20px;
    }
    .stats h2.module-title,
    .brief-complete h2.module-title {
        margin: 4px 0 20px;
    }
    .stats .progress-content p {
        font-size: 18px;
    }
    .progress-chart {
        width: 250px;
        height: 250px;
        margin: 0 auto;
        /* float: left; */
    }
    .simulate-report a {
        padding: 7px 17px;
        font-size: 16px;
    }
    .simulate-report .brf-complete,
    h2.module-title {
        font-size: 28px;
        margin-right: 0px;
    }
    .brief-complete span {
        font-size: 18px;
    }
    .brief-complete span.brf-incomplete::before {
        background-position: -327px -248px;
    }
    .brief-complete span.brf-incomplete::before {
        background-size: 420px;
    }
    .brief-complete span.brf-complete::before {
        background-position: -112px -168px;
        background-size: 300px;
        width: 46px;
        height: 46px;
        top: 20px;
    }
    .brief-tbl-main.custom-table table td,
    .brief-tbl-main.custom-table table td span {
        font-size: 16px;
    }
    .do .brief-complete {
        padding: 40px 0;
    }
    .workforce-txt {
        padding: 0 30px;
    }
    .workforce {
        margin: 55px auto 0px;
        padding: 28px 20px 40px;
    }
    .workforce-txt {
        margin-bottom: 20px;
    }
    .workforce-txt p {
        padding: 0px;
        font-size: 17px;
    }
    .workforce-txt h2 {
        margin-bottom: 18px;
        font-size: 30px;
    }
    .benefit-title h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .benefit-content h5 {
        font-size: 19px;
    }
    .data-input span {
        padding: 12px 0;
        font-size: 18px;
    }
    ul.benefit-nav li {
        margin-bottom: 30px;
    }
    .benefit-nav textarea {
        max-width: 410px;
    }
    .benefit-select select {
        max-width: 410px;
    }
    ul.benefit-nav li p {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .baseline-results {
        padding: 35px 0;
        margin-bottom: 50px;
    }
    span.graph {
        margin-bottom: 5px;
        font-size: 40px;
    }
    span.graph::before {
        background-position: -5px -321px;
        top: -6px;
        background-size: 430px;
    }
    .graph-txt h5,
    .time-saving h5 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .graph-txt {
        margin-bottom: 40px;
    }
    .time-saving {
        margin-top: 20px;
    }
    .time-saving p {
        font-size: 18px;
    }
    .graph-txt p {
        font-size: 18px;
    }
    .area-radio-btn .consult-yes:first-child {
        padding-left: 15px;
        margin-left: 0px;
    }
    .add-time-txt p {
        font-size: 18px;
    }
    .time_saving p,
    .patient-benefit p {
        font-size: 17px;
    }
    button.time-saving-btn {
        font-size: 17px;
        padding: 10px 11px;
        padding-left: 46px;
    }
    .benefit-nav .consult-radio-btn {
        max-width: 250px;
    }
    .small-heading {
        font-size: 17px;
    }
    .benefit-content .register-fields,
    .patient-content .register-fields {
        margin: 0;
        max-width: unset;
    }
    .patient-content .register-fields {
        max-width: 250px;
        padding-left: 20px;
    }
    button.time-saving-btn::before {
        background-position: -38px -143px;
        height: 40px;
        width: 33px;
        top: 2px;
        background-size: 440px;
    }
    .area-radio-btn input[type="radio"]:checked+label[for="no"]::before {
        display: block;
        background-position: -163px -141px !important;
    }
    .print h2 {
        font-size: 18px;
    }
    .benefit-btn button {
        border-radius: 10px;
        padding: 7px 19px;
        font-size: 16px;
    }
    .show-confirmation-btn p {
        padding-left: 0;
        display: block;
        margin-right: 0;
    }
    .show-confirmation-btn {
        padding-left: 25px;
    }
    .benefit-skills {
        padding: 40px 20px;
        margin-bottom: 50px;
    }
    .skills-txt p {
        font-size: 18px;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .benefit-skill-tbl {
        padding: 0px;
    }
    .culture {
        padding: 0px;
    }
    .benefit-skills {
        padding: 20px 20px;
        margin-bottom: 20px;
    }
    .check-title {
        padding: 5px 10px;
    }
    .checkbox-wrapper>div.custom_checkbox {
        max-width: 42px;
        height: 65px;
    }
    .benefit-skill-tbl .checkbox-wrapper>div.custom_checkbox label::before {
        top: 25px;
    }
    .benefit-skill-tbl .checkbox-wrapper>div.custom_checkbox input[type="checkbox"]:checked~label::after {
        top: 19px;
    }
    .print .print-btn::before {
        top: 5px;
        left: 9px;
        background-size: 430px;
        background-position: -119px -141px;
        height: 32px;
        width: 33px;
    }
    .print .print-btn {
        padding-left: 50px;
    }
    .form-group label {
        font-size: 17px;
    }
    .consult-radio-btn label,
    .baseline-radio-btn label,
    .culture-radio-btn label {
        padding: 14px 10px;
        font-size: 16px;
    }
    .culture-rating p {
        font-size: 18px;
    }
    .xs-container.culture-radio {
        padding: 0 10px;
    }
    /* .culture-level:nth-child(2n) .question_icon .tooltip_text {
        margin-left: -137px;
    } */
    .culture-level:nth-child(2n) .question_icon .tooltip_text::before {
        margin-left: 78px;
    }
    .culture-level:nth-child(2n) .question_icon .tooltip_text::after {
        margin-left: 81px;
    }
    .benefit-btn {
        margin-top: 40px;
    }
    a.staff_tbl_btn.dark-active-staff-btn::before {
        background-position: -146px -177px;
        height: 60px;
        width: 60px;
        background-size: 440px;
    }
    a.staff_tbl_btn.gray-inactive-staff-btn::before {
        background-position: -223px -177px;
        height: 60px;
        width: 60px;
        background-size: 440px;
    }
    a.staff_tbl_btn.light-active-staff-btn::before {
        background-position: 2px -179px;
        height: 60px;
        width: 60px;
        background-size: 440px;
    }
    a.staff_tbl_btn.dark-inactive-staff-btn::before {
        background-position: -376px -101px;
        height: 60px;
        width: 60px;
        background-size: 440px;
    }
    a.trash_icon.staff_tbl_btn::before {
        background-position: -374px -175px;
        height: 60px;
        width: 60px;
        top: 7px;
        background-size: 440px;
    }
    a.staff_tbl_btn.light-inactive-staff-btn::before {
        background-position: -75px -178px;
        height: 60px;
        width: 60px;
        background-size: 440px;
    }
    a.staff_tbl_btn.gray-active-staff-btn::before {
        background-position: -297px -175px;
        height: 60px;
        width: 60px;
        background-size: 440px;
    }
    .user-intro h2 {
        font-size: 22px;
    }
    .user-intro p {
        font-size: 17px;
    }
    .user-intro-btn {
        margin-top: 10px;
    }
    .user-brief-btn a {
        font-size: 19px;
        margin-right: 15px;
        padding: 20px 15px;
    }
    .user-brief-video {
        max-width: 340px;
        height: 193px;
        margin-top: 15px;
    }
    .simulation-dt {
        margin-top: 20px;
        padding-left: 15px;
        font-size: 20px;
    }
    .user-brief-complete::before {
        background-position: -128px -190px;
        height: 45px;
        width: 45px;
        right: -18px;
        bottom: -21px;
        background-size: 330px;
    }
    .user-intro h4 {
        margin: 10px 0;
        font-size: 20px;
    }
    .user-do-btns {
        margin-top: 40px;
    }
    .add_action button.time-saving-btn {
        padding-left: 50px;
    }
    .add_action button.time-saving-btn::before {
        left: 6px;
    }
    .action-planner-txt p {
        font-size: 16px;
        margin-bottom: 0;
        text-align: center;
    }
    .action-planner-txt {
        margin-bottom: 30px;
    }
    .add_action {
        margin-bottom: 30px;
        text-align: center;
    }
    .area-radio-btn input[type="radio"]:checked+label::before,
    .book-in-txt input[type="radio"]:checked+label::before {
        background-position: -62px -105px !important;
        background-size: 440px;
        top: 12px;
    }
    .stats .highcharts-container .highcharts-root {
        height: 210px;
    }
    .stats .highcharts-container {
        width: 240px;
        height: 200px !important;
        text-align: center !important;
    }
    .progress-wrapper {
        height: 190px;
    }
    #module-participants .modal-dialog .module-popup-content {
        padding: 20px 5px;
        margin-bottom: 0;
    }
    #module-participants h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    #module-participants .custom-table.staff-scroll-tbl.meeting-participants thead th:last-child {
        min-width: unset;
    }
    #module-participants .custom-table.staff-scroll-tbl.meeting-participants tbody td {
        padding: 10px;
    }
    .participants_btn button {
        padding: 8px 13px;
        font-size: 16px;
        padding-left: 45px;
    }
    .participants_btn button::before {
        top: 3px;
    }
    .participants_btn {
        margin-top: 30px;
    }
    #module-participants .modal-dialog .module-popup-content.action-planner-content {
        padding: 20px 30px;
        margin-bottom: 0;
    }
    #resource-modal .module-popup-content {
        padding: 30px 30px;
        padding-right: 0px;
    }
    #resource-modal .print {
        padding-right: 20px;
    }
    #resource-modal .resource-title {
        padding-right: 20px;
    }
    #resource-modal .resource-wrapper {
        padding-right: 20px;
    }
    .resource-title h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .resource-title h4::before {
        background-position: -85px -153px;
        width: 30px;
        top: -2px;
        background-size: 460px;
        left: -5px;
    }
    .resource-subtitle {
        font-size: 18px;
    }
    h5.resource-subtitle-post {
        margin: 15px 0 20px -10px;
    }
    .resource-txt,
    ul.resource-nav li p,
    .resource-ol-nav li p {
        font-size: 17px;
    }
    .resource-wrapper {
        margin-bottom: 10px;
    }
    ul.resource-nav {
        margin-top: 10px;
        padding-left: 13px;
    }
    .resource-ol-nav {
        margin-top: 10px;
        padding-left: 10px;
    }
    .simulate-how-to {
        margin: 10px 0 50px;
    }
    /* #simulation-report .module-popup-content {
        padding: 40px 20px;
    } */
    .simulation-report-modal h4 {
        padding: 0;
        font-size: 23px;
    }
    .simulation-report-modal {
        margin-bottom: 30px;
    }
    .simulation-report-txt p {
        font-size: 18px;
    }
    form ul.parsley-errors-list li {
        bottom: -16px;
    }
    ul#parsley-id-11 li {
        bottom: -17px;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 3px;
    }
    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #025790;
    }
    .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
        background-color: #0070ba;
    }
    .module-category-nav ul li a.nav-link {
        padding: 15px 15px;
    }
    .nhs_title h4 {
        font-size: 24px;
    }
    .email-content h5 {
        font-size: 20px;
    }
    .resource-paragraph p {
        font-size: 17px;
    }
    .resource-wrapper img {
        margin: 10px 0 10px;
        height: 180px;
    }
    .staff_complete .resource-title h3 {
        margin-bottom: 20px;
    }
    .simulate-nav-title p {
        font-size: 18px;
        margin: 20px 0;
    }
    .simulate-ol-nav {
        padding-left: 20px;
    }
    .meeting_ul {
        margin: 20px 10px 30px 3px;
    }
    .meeting_ul_list {
        padding: 10px 20px 10px 10px;
    }
    .meeting_ul_txt h6 {
        font-size: 16px;
    }
    .meeting_ul_list p {
        font-size: 18px;
    }
    .meeting_tbl_title h4 {
        font-size: 16px;
    }
    .popup_tbl_info table th {
        font-size: 16px;
    }
    .popup_tbl_status table th {
        font-size: 16px;
    }
    .popup_tbl_reference {
        width: 33%;
    }
    .popup_tbl_reference table td {
        min-width: 70px;
    }
    ul.access-nav li a {
        font-size: 18px;
        letter-spacing: 0px;
        padding: 6px 20px;
    }
    ul.access-nav li {
        max-width: unset;
        width: unset;
    }
    .allow-access-txt p {
        font-size: 18px;
        padding: 0;
    }
    .revoke_txt {
        font-size: 16px;
        padding-left: 0px;
    }
    .access-checkbox .custom_checkbox label,
    .access-checkbox ul li {
        font-size: 16px;
        padding-left: 10px;
    }
    .qa_popup h2.modules_title,
    h2.userDo_title {
        font-size: 27px;
    }
    .forgot_pwd {
        margin-bottom: 20px !important;
    }
    .terms_title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .terms_policy p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .aa-audit .modal-dialog {
        max-width: 360px;
    }
    .module-popup-content button.close {
        width: 49px;
        height: 46px;
        right: -21px;
        top: -20px;
        background-size: 45px;
    }
    h2.userDo_title {
        font-size: 24px;
    }
    .user-do-popup p,
    .aa-audit-txt p {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .module-is-it label {
        font-size: 16px;
        font-weight: normal;
    }
    .module-is-staff {
        flex-direction: column !important;
        margin-top: 30px !important;
        align-items: center;
    }
    .module-is-staff a {
        font-size: 20px;
        height: 130px;
    }
    .module-is-staff a:first-child {
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .module-close-title h2 {
        font-size: 26px;
        margin: 45px 0 50px;
    }
    .module-close-txt p.selection_link {
        font-size: 20px;
    }
    #module-selection-modal .modal-dialog {
        height: 500px;
    }
    p.end-audit-subTxt {
        padding: 0 0px;
        font-size: 20px;
    }
    .end-aa-audit {
        margin-bottom: 0px;
    }
    .endAudit-popup .question-checkbox {
        padding-right: 0;
    }
    .endAudit-popup-title h3 {
        font-size: 20px;
        padding: 0 0px;
    }
    .endAudit-choice ul.parsley-errors-list li {
        bottom: -73px;
    }
    .endAudit-popup .que_checkbox label {
        max-height: 120px;
    }
    .endAudit-popup .que_checkbox span {
        padding: 4px 9px;
        height: 42px;
    }
    .respodent-tbl table th i,
    .avoidable-tbl table th:last-child i {
        width: 16px;
        height: 16px;
        top: 1px;
    }
    .aa-question2-tbl table tbody tr td {
        min-width: 100%;
        padding: 0;
        width: 100%;
        white-space: normal;
        display: block;
        float: none;
        border-bottom: unset;
    }
    .aa-tbl-wrapper .tbl_roles {
        width: 210px;
        padding-left: 0;
        text-align: left;
    }
    .aa-tbl-wrapper .role_practice {
        width: 50px;
    }
    .aa-audit-report-model .modal-dialog {
        max-width: 360px;
    }
    .audit-popup-content {
        padding: 0 20px;
    }
    .aa-question-tbl table tbody td p {
        font-size: 16px;
    }
    .audit-container {
        padding: 0 20px;
    }
    .audit-popup-content p {
        font-size: 17px;
    }
    .avoidable-tbl table th:last-child {
        min-width: 270px;
    }
    .aa-question-tbl table tbody td:last-child {
        min-width: 60px;
        font-size: 18px;
        font-weight: 500;
    }
    .custom-table.aa-question-tbl table thead th,
    .custom-table.aa-question2-tbl table thead th {
        font-size: 17px;
    }
    .aa-tbl-wrapper p {
        font-size: 16px;
    }
    .aa-tbl-wrapper .role_practice {
        width: 40px;
    }
    .aa-tbl-wrapper .role_practice p {
        font-size: 17px;
    }
    /* .benefit-popup-modal .modal-dialog {
	    max-width: 370px;
    } */
    ul.report-tabing li a {
        font-size: 16px;
        padding: 8px 15px;
    }
    .pdf_banner img {
        height: 970px;
    }
    .benefit-report-popup .pdf_banner img {
        height: unset;
    }
    .minutes_saved img {
        width: 50px;
        margin-bottom: 30px;
    }
    .minutes_saved h6 {
        font-size: 17px;
    }
    .interruption_tbl table thead th {
        font-size: 16px;
        padding: 10px 10px;
    }
    .interruption_tbl table td:nth-child(4) {
        padding: 10px 15px;
    }
    .welcome-module-title .faq-box-title::before {
        background-position: -448px -6px;
    }
    .faq_section .faq-last-box {
        margin-bottom: 1rem;
    }
    .faq_section .brief-intro .card .card-header p {
        max-width: 312px;
    }
    .item_test_popup .modal-dialog {
        max-width: 350px;
    }
    .item_test_popup .resource-wrapper p {
        font-size: 17px;
        color: #000;
        font-weight: 300;
        margin-bottom: 0;
    }
    .item_time_txt p {
        font-size: 17px;
    }
    .btnSaveTime {
        font-size: 18px;
        font-weight: normal;
    }
    .time_total li {
        max-width: 49%;
    }
    .module-popup-content .drag_upload_img button.close {
        width: 21px;
        height: 21px;
        left: 58px;
        top: 0px;
        background-position: -2px -1px;
        background-size: 25px;
    }
    .dropzone.drop_img .dz-preview .dz-image {
        border-radius: 10px;
        width: 80px;
        height: 80px;
    }
    .dropzone.drop_img .dz-preview {
        margin: 10px;
        min-height: 80px;
    }
    .dropzone.drop_img {
        padding: 20px 0;
    }
    .dropzone.drop_img .dz-preview .dz-image img {
        display: block;
        width: 100%;
    }
    .dropzone.drop_img .dz-preview .dz-details {
        min-width: unset;
        max-width: unset;
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }
    p.small-heading {
        font-size: 17px;
    }
    .all_time_saved textarea {
        max-width: 410px;
    }
    .minutes_saved {
        max-width: 340px;
    }
    .module4-main .time_spent .minutes_saved::before,
    .module5-main .time_spent .minutes_saved::before {
        width: 51px;
        height: 51px;
        left: 0;
        top: -60px;
        background-size: 50px;
        right: 0;
        margin: 0 auto;
    }
    .mobile_baseline {
        padding-top: 100px;
    }
    .culture-benefit-btn {
        margin-bottom: 160px;
        margin-top: 30px;
    }
    .benefit-level-title {
        padding-left: 30px;
    }
    .benefit-level-title::before {
        bottom: 8px;
        left: 0px;
    }
    .user_banner .sign-banner-txt p span {
        font-size: 17px;
        line-height: 24px;
    }
    .user_banner .name-icon::before {
        background-position: -290px -5px;
        height: 34px;
        width: 34px;
        left: 10px;
        top: 7px;
    }
    .user_banner .register-fields {
        max-width: 100%;
    }
    .sign-banner-txt {
        margin-bottom: 20px;
    }
    .general-practice-logo img {
        max-width: 320px;
        margin: 10px 0 30px;
    }
    .sign-banner-txt .data-radio-btn,
    .sign-banner-txt .data-checkbox-btn {
        max-width: unset;
    }
    #Important_note {
        padding: 0 15px;
    }
    #Important_note .simulation_completed-title h2 {
        font-size: 26px;
    }
    #Important_note .simulate-exit-btn a.btn {
        padding: 3px 25px;
        border-radius: 6px;
        font-size: 16px;
    }
    #Important_note.modules-popup-wrap .modal-dialog {
        max-width: 400px;
        margin: 100px auto 50px;
        display: block;
        min-height: unset;
    }
    .user-home-footer img {
        max-width: 280px;
    }
    section.user_banner h1 {
        font-size: 24px;
    }
    .user_banner .banner-wrapper {
        top: 30px;
    }
}

@media screen and (max-width: 460px) {
    label .tick-img {
        width: 48px;
        right: -21px;
        bottom: -19px;
    }
    .existing-account {
        padding: 20px 20px 0px;
    }
    .banner-txt.sign-banner-txt {
        max-width: unset;
    }
    /* .user_banner .register-fields {
        max-width: 300px;
    }
    .user_banner .data-radio-btn {
        max-width: 300px;
    } */
    .user_banner .data-radio-btn ul {
        flex-direction: column;
    }
    .sign-banner-txt .practice-form {
        justify-content: center !important;
    }
    .user_banner .data-radio-btn ul li {
        max-width: 250px;
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 420px) {
    .create-new .no-account a {
        font-size: 17px;
    }
    .create-new .no-account span {
        font-size: 17px;
    }
    .create-new .login-btn .btn {
        font-size: 16px;
        padding: 7px 25px;
    }
    .lock-icon a {
        font-size: 16px;
    }
    .login-form .create-new .no-account {
        padding-left: 20px;
        padding-right: 0;
        margin: 0;
    }
    .popup_tbl_reference {
        width: 50%;
    }
    .popup_tbl_reference table td {
        min-width: 80px;
    }
    .popup_tbl_wrapper {
        align-items: flex-start;
    }
    .reports-nav li {
        font-size: 17px;
    }
    .reports_details_wrap h3 {
        font-size: 20px;
    }
    .reports_details_wrap ul.resource-nav li::before {
        top: 12px;
        width: 10px;
        height: 10px;
    }
    .sign-banner-txt .checkbox-btn .container {
        font-size: 16px;
    }
    .sign-banner-txt .register-form-btn {
        padding: 10px 0 0px;
    }
}

@media screen and (max-width: 399px) {
    .module-close-txt p.selection_link {
        font-size: 17px;
    }
    .list-inline-item a.module_selection {
        height: 36px;
        padding: 0 20px;
    }
    .list-inline-item a.prev-link {
        height: 36px;
    }
    .list-inline-item a.prev-link::before {
        top: 6px;
    }
    .header-navigation ul li a.module_selection::before {
        background-position: -390px -10px;
        height: 24px;
        top: 5px;
    }
    ul#parsley-id-13 li {
        top: 51px;
    }
    ul#parsley-id-11 li {
        bottom: -27px;
    }
    .radio-btn label {
        padding: 20px 15px;
    }
    h1.title {
        font-size: 23px;
    }
    h1.title span::before {
        max-width: 90px;
    }
    h1.title span::after {
        max-width: 90px;
    }
    h1.title span {
        padding: 0px 10px;
    }
    .header-navigation {
        margin-right: 5px;
    }
    .header-wrapper {
        padding: 10px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-navigation ul {
        display: flex;
        align-items: center;
    }
    .header-navigation ul li a {
        font-size: 13px;
        padding-left: 30px;
    }
    .header-navigation ul li a.faq::before {
        top: 3px;
        left: 2px;
        background-size: 400px;
    }
    .header-navigation ul li a.faq::before {
        background-position: -357px -4px;
    }
    header .logo .logo-img {
        max-width: 330px;
        display: block;
        margin: 0 auto;
    }
    .banner-txt {
        padding: 15px 15px;
    }
    .banner-txt p {
        font-size: 14px;
    }
    .banner-links a.btn {
        font-size: 13px;
        padding: 6px 17px;
    }
    .login-btn button {
        padding: 7px 19px;
    }
    .lock-icon a {
        padding-left: 16px;
        top: 12px;
        right: 15px;
        font-size: 16px;
    }
    .radio-btn label {
        font-size: 18px;
    }
    .account-type ul li {
        margin-right: 15px;
    }
    .register-below {
        margin: 40px 0 25px;
    }
    p.login-content {
        font-size: 16px;
    }
    .register-below {
        margin: 30px 0 25px;
    }
    .form-group label {
        font-size: 16px;
    }
    .qa_popup .modules_title {
        font-size: 24px;
        padding-top: 20px;
    }
    .forgot-pwd-form,
    .reset-pwd-form {
        padding: 0px;
    }
    /* .register-fields {
        max-width: 270px;} */
    .register-fields {
        max-width: 100%;
        width: 100%;
    }
    .mail-icon::before,
    .lock-icon::before,
    .ccg-icon::before,
    .pcn-icon::before,
    .name-icon::before,
    .pwd-icon::before,
    .ccg-icon .select2-container::before,
    .pcn-icon .select2-container::before,
    .speciality-icon .select2-container::before,
    .role-icon .select2-container::before {
        background-size: 450px;
        height: 47px;
    }
    .mail-icon::before {
        background-position: -6px -3px;
    }
    .mail-icon input,
    .lock-icon input,
    .name-icon input,
    .pwd-icon input,
    .cpwd-icon input {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pwd-icon input {
        padding-left: 53px;
    }
    .mail-icon input {
        padding-left: 50px;
        padding-right: 10px;
    }
    .lock-icon input {
        padding-left: 47px;
        padding-right: 120px;
    }
    .lock-icon::before {
        background-position: -59px 1px;
    }
    .name-icon input {
        padding-left: 52px;
    }
    .list-icon::before {
        background-position: -257px -57px;
        height: 45px;
        width: 50px;
    }
    .clinical-icon::before {
        background-position: -427px -54px;
        height: 45px;
        width: 50px;
    }
    .consult-radio-btn label {
        padding: 12px 10px;
    }
    .consult-radio-btn label::before {
        top: 7px;
    }
    .ccg-icon .select2-container .select2-selection--single,
    .pcn-icon .select2-container .select2-selection--single,
    .speciality-icon .select2-container .select2-selection--single,
    .role-icon .select2-container .select2-selection--single,
    .name-icon .select2-container .select2-selection--single {
        height: 46px;
    }
    .ccg-icon .select2-container .select2-selection--single .select2-selection__rendered,
    .pcn-icon .select2-container .select2-selection--single .select2-selection__rendered,
    .speciality-icon .select2-container .select2-selection--single .select2-selection__rendered,
    .role-icon .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 60px;
        padding-top: 9px;
    }
    .ccg-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .pcn-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .speciality-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .role-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .name-icon .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 13px;
        right: 11px;
    }
    .ccg-icon .select2-container::before {
        background-position: -106px 1px;
    }
    .pcn-icon .select2-container::before {
        background-position: -164px 0px;
    }
    .speciality-icon .select2-container::before {
        background-position: -220px 0px;
    }
    .role-icon .select2-container::before {
        background-position: -277px 2px;
    }
    .name-icon::before {
        background-position: -276px 1px;
    }
    .select2-results__option--selectable {
        font-size: 14px;
    }
    label .tick-img {
        width: 43px;
        right: -18px;
        bottom: -15px;
    }
    .register-form-btn {
        padding: 70px 0 30px;
    }
    .module-tabing ul li a {
        font-size: 14px;
        font-weight: 300;
        padding: 6px 6px;
    }
    .module-tabing ul li a.active,
    .module-tabing ul li a:hover {
        font-weight: normal;
    }
    .modules-txt h1 {
        font-size: 27px;
    }
    .choose-module h4 {
        font-size: 24px;
    }
    .practice-txt h1 {
        margin-bottom: 0;
        font-size: 27px;
    }
    .location-icon::before {
        background-position: -185px -52px;
        background-size: 460px;
        height: 48px;
        width: 50px;
    }
    .location-icon input,
    .tel-icon input {
        padding-left: 50px;
    }
    .mail-icon input,
    .lock-icon input,
    .name-icon input,
    .pwd-icon input,
    .cpwd-icon input,
    .timer-icon input,
    .pick-date input,
    .list-icon input,
    .clinical-icon input,
    .location-icon input,
    .tel-icon input {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .tel-icon::before {
        background-position: -292px -49px;
        height: 48px;
        width: 50px;
        left: 0px;
        background-size: 460px;
    }
    .ccg-icon .select2-container .select2-selection--single,
    .pcn-icon .select2-container .select2-selection--single,
    .speciality-icon .select2-container .select2-selection--single,
    .role-icon .select2-container .select2-selection--single,
    .name-icon .select2-container .select2-selection--single,
    .clinical-icon .select2-container .select2-selection--single,
    .cqc-icon .select2-container .select2-selection--single {
        height: 48px;
    }
    .cqc-icon .select2-container .select2-selection--single .select2-selection__rendered {
        padding-top: 8px;
    }
    .ccg-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .pcn-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .speciality-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .role-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .name-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .clinical-icon .select2-container--default .select2-selection--single .select2-selection__arrow,
    .cqc-icon .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 11px;
        right: 7px;
    }
    .modules-txt {
        margin: 30px 0 35px;
    }
    .modules-txt .modules-content {
        margin-bottom: 40px;
    }
    .modules-txt .modal-dialog {
        max-width: 300px;
        margin: 100px auto;
    }
    .modules-txt .module-popup-content>.modules-txt h1 {
        font-size: 30px;
    }
    .modules-txt .module-popup-content>.modules-txt p {
        font-size: 26px;
    }
    .modules-txt .intro-video {
        width: 100%;
        height: 300px;
    }
    .modules-txt .module-popup-content button {
        width: 60px;
        height: 60px;
        right: -24px;
        top: -27px;
        background-size: 40px;
    }
    .modules-txt .module-popup-content>.modules-txt h1 {
        font-size: 24px;
    }
    .modules-txt .module-popup-content>.modules-txt p {
        font-size: 20px;
    }
    .modules-txt .module-popup-content button {
        background-size: 30px;
        width: 40px;
        height: 36px;
        right: -10px;
        top: -16px;
    }
    .switch-acc-popup .modal-dialog {
        max-width: 300px;
    }
    span.current-acc {
        font-size: 16px;
    }
    .pcn-role-title a.role-switcher {
        font-size: 16px;
    }
    .s_acc-form label::before {
        width: 13px;
        height: 13px;
    }
    .s_acc-form label::after {
        left: 0px;
        top: 0px;
        transform: scale(0.7);
    }
    .module-popup-content,
    .switch-acc-popup .s_acc-popup-content,
    .switch-acc-popup p {
        font-size: 16px;
        margin-bottom: 28px;
    }
    h1.s_acc-ptitle {
        font-size: 26px;
    }
    .pcn-role-title {
        font-size: 16px;
    }
    .pcn-role {
        margin-bottom: 20px;
    }
    .s_acc-form label {
        font-size: 16px;
        padding-left: 21px;
    }
    #switchAccount button.close {
        background-size: 30px;
        width: 40px;
        height: 36px;
        right: 6px;
        top: -5px;
    }
    .s_acc_btn button.btn {
        font-size: 15px;
    }
    .switch-acc-popup .modal-body {
        margin-bottom: 10px;
    }
    .s_acc_btn {
        margin-bottom: 20px;
    }
    .swal2-title {
        font-size: 26px;
        margin-bottom: 0;
    }
    ul.staff-nav li::before {
        width: 11px;
        height: 11px;
        top: 30%;
    }
    ul.appointment-breadcrumb li a.menu-home {
        background-position: -41px -143px;
        width: 18px;
        height: 17px;
    }
    ul.appointment-breadcrumb li.active {
        font-size: 15px;
    }
    ul.appointment-breadcrumb li.breadcrumb-item+li.breadcrumb-item::before {
        padding: 0 6px;
    }
    ul.appointment-breadcrumb li a {
        font-size: 15px;
    }
    .welcome-module-title h1 {
        font-size: 24px;
    }
    .welcome-module-title {
        margin-top: 30px;
    }
    .welcome-module-title h1 {
        font-size: 24px;
    }
    .welcome-module-title h1::before {
        background-position: -170px -110px;
        width: 30px;
        background-size: 460px;
    }
    .appointment-tabing {
        margin-top: 38px;
    }
    .welcome-intro {
        padding: 0px 20px;
    }
    h2.module-title {
        margin: 40px 0 30px;
        font-size: 25px;
    }
    .welcome-intro p {
        font-size: 16px;
    }
    .pagination-line {
        max-width: 310px;
    }
    ul.pagination-p1 {
        max-width: 300px;
    }
    .pagination-p1 .tab-check.done::before {
        background-size: 29px;
    }
    .nextpg-navigate button.prev-link::before,
    .nextpg-navigate a.prev-link::before {
        background-position: -158px -63px;
    }
    .nextpg-navigate button,
    .nextpg-navigate a {
        font-size: 15px;
        font-size: 17px;
        padding: 8px 15px 8px 43px;
    }
    .nextpg-navigate button.nxt-pg::before,
    .nextpg-navigate a.nxt-pg::before {
        background-position: -104px -65px;
        height: 30px;
        width: 35px;
        left: 0;
        top: 2px;
    }
    .nextpg-navigate {
        margin: 50px 0px 10px;
    }
    .problem-improvement h4,
    .staff-members h4,
    .baseline-txt h4,
    .start-module h4,
    .brief-intro h4 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .problem-improvement p,
    .baseline-txt p,
    .timeline-module p {
        font-size: 17px;
    }
    .problem-improvement span,
    .baseline-txt span {
        font-size: 15px;
    }
    .baseline-que h2.module-title,
    .staff_tbl h2.module-title,
    .start-date h2.module-title,
    .timeline h2.module-title,
    .data-gathering h2.module-title,
    .congrats h2.module-title {
        margin: 40px auto 30px;
        font-size: 25px;
    }
    .baseline-que h2.module-title {
        margin: 40px auto 10px;
    }
    .baseline-radio-btn label {
        font-size: 17px;
    }
    .staff-members {
        margin: 0px 0 30px;
    }
    /* --------- custom-checkbox --------- */
    .custom_checkbox label::before {
        width: 13px;
        height: 13px;
    }
    .custom_checkbox label::after {
        left: 0px;
        top: 0px;
        transform: scale(0.7);
    }
    .timeline-content {
        padding: 30px 0;
    }
    .timeline-module {
        margin: 0px auto 0px;
    }
    .pick-date label {
        font-size: 16px;
    }
    .calendar-icon::before {
        background-position: -209px -133px;
        background-size: 440px;
        width: 43px;
    }
    .timeline-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    ul.timeline-nav li {
        font-size: 16px;
    }
    .timeline-module p {
        font-size: 16px;
    }
    .timeline-content h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .timeline-wrapper {
        padding: 0px 20px;
    }
    .data-module p {
        font-size: 16px;
    }
    .data-module span {
        font-size: 16px;
    }
    .brief-intro p.black {
        font-size: 17px;
    }
    ul.brief-nav {
        padding-left: 0;
    }
    .simulate-report-progress .simulate-report {
        padding: 30px 15px;
    }
    .simulate-report a {
        padding: 7px 15px;
        white-space: break-spaces;
    }
    s.brief-complete {
        padding: 30px 0px;
    }
    .do-resource .do-form span {
        margin-right: 5px !important;
        font-size: 16px;
    }
    .benefit-skill-tbl table tbody td:first-child {
        border-right: none;
    }
    .benefit-skill-tbl table {
        display: block;
    }
    .benefit-skill-tbl table thead th {
        padding: 10px 20px;
        display: block;
    }
    .benefit-skill-tbl table thead,
    .benefit-skill-tbl table tbody {
        display: block;
    }
    .benefit-skill-tbl table tr {
        display: block;
    }
    .benefit-skill-tbl table tbody td {
        max-width: 100%;
        width: 100%;
        padding: 0;
        border-bottom: none;
        white-space: normal;
        display: block;
        float: none;
    }
    .checkbox-wrapper {
        max-width: 100%;
        width: 100%;
        float: none;
        clear: both;
    }
    .checkbox-wrapper>div.custom_checkbox {
        height: 58px;
    }
    .benefit-skill-tbl .checkbox-wrapper>div.custom_checkbox label::before {
        top: 23px;
    }
    .benefit-skill-tbl .checkbox-wrapper>div.custom_checkbox input[type="checkbox"]:checked~label::after {
        top: 17px;
    }
    .checkbox-wrapper>div.check-title {
        max-width: 100%;
        float: none;
        display: inline-block;
    }
    .stats .xs-container {
        padding: 0px;
    }
    .progress-wrapper {
        max-width: 250px;
    }
    .progress-content p {
        color: #000;
        font-size: 20px;
        line-height: 28px;
        padding: 0 30px;
    }
    .user-brief-video {
        max-width: 260px;
        height: 147px;
    }
    .user-do-btns button {
        margin-bottom: 20px;
        font-size: 18px;
        max-width: 220px;
    }
    .simulation-result h3 {
        font-size: 24px;
    }
    .simulation-result {
        margin: 30px 0;
    }
    .simulation-dt p {
        margin-bottom: 0;
    }
    .simulation-dt {
        margin-top: 10px;
        padding-left: 10px;
        font-size: 19px;
    }
    .resource-title h3 {
        font-size: 22px;
    }
    .options_content .pick-date {
        margin: 10px 0 20px;
    }
    .staff-scroll-tbl th:first-child {
        min-width: 40px;
    }
    .staff-scroll-tbl thead th {
        padding: 10px 8px;
    }
    .longEnough.mCustomScrollbar {
        padding: 0;
    }
    .ccg-nhs-dropdown.longEnough.mCustomScrollbar {
        padding: 20px 0px 20px 15px;
    }
    .resource-wrapper img {
        height: 130px;
    }
    .popup_tbl_reference {
        width: 65%;
    }
    .popup_tbl_reference table td {
        min-width: 90px;
    }
    ul.access-nav li a {
        font-size: 16px;
        letter-spacing: 0px;
        padding: 6px 7px;
    }
    ul.access-nav li {
        max-width: unset;
        width: unset;
    }
    .aa-audit .modal-dialog {
        max-width: 280px;
        margin: 100px auto 0;
    }
    h2.userDo_title {
        font-size: 22px;
    }
    .user-do-popup p,
    .aa-audit-txt p {
        font-size: 18px;
    }
    .user-do-popup span {
        font-size: 17px;
        margin-bottom: 40px;
        padding: 0 0px;
    }
    .end-aa-audit {
        flex-direction: column;
        align-items: center;
    }
    .end-aa-audit button:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .end-aa-audit button {
        font-size: 17px;
        padding: 10px 20px;
        max-width: 160px;
    }
    .endAudit-popup .que_checkbox label {
        max-height: 170px;
    }
    .endAudit-choice h6 {
        font-size: 18px;
    }
    .endAudit-choice {
        margin: 20px 0 0px;
    }
    .clinical-icon ul.parsley-errors-list li {
        bottom: -65px;
    }
    .endAudit-popup .que_checkbox label {
        font-size: 16px;
    }
    .aa-audit-report-model .modal-dialog {
        max-width: 290px;
    }
    .aa-tbl-wrapper .tbl_roles {
        width: 140px;
    }
    .aa-audit-info p {
        font-size: 17px;
    }
    .audit-popup-content h5 {
        font-size: 18px;
    }
    .resource-title h4 {
        font-size: 18px;
    }
    .aa-audit-report-model .resource-title h4::before {
        background-position: -81px -146px;
        top: -5px;
        background-size: 440px;
    }
    /* .benefit-popup-modal .modal-dialog {
	    max-width: 290px;
    } */
    .interruption_tbl table td {
        padding: 7px 10px 7px 30px;
    }
    .faq_section .brief-intro .card .card-header p {
        max-width: 215px;
        font-size: 18px;
    }
    .faq_section .search-wrapper button {
        font-size: 16px;
        max-width: 110px;
        padding: 0 50px;
    }
    .faq_section #accordion .card-plus::before {
        background-position: -70px -267px;
        height: 35px;
        width: 35px;
        right: -5px;
        top: 20px;
        background-size: 300px;
    }
    .faq_section #accordion .card-minus::after {
        background-position: -104px -267px;
        height: 35px;
        width: 35px;
        right: -5px;
        top: 20px;
        background-size: 300px;
    }
    .item_test_popup .modal-dialog {
        max-width: 280px;
    }
    .item_test_popup .module-popup-content {
        padding: 30px 20px;
    }
    .item_test_popup h3 {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .time_total li {
        max-width: 100%;
    }
    .all_time_saved textarea {
        max-width: 310px;
    }
    .total_modules span {
        font-size: 17px;
    }
    .total_modules {
        min-height: 130px;
    }
    .total_modules p {
        font-size: 26px;
    }
    .account-change.request_access .pcn-collection h5.main_h5,
    .account-change.request_access .pcn-collection .main_practices-collection h5 {
        font-size: 18px;
    }
    .user_banner .name-icon::before {
        background-position: -287px -5px;
    }
    .user_banner .radio-btn {
        width: 80%;
    }
    .user_banner .data-radio-btn .radio-btn label {
        font-size: 17px;
    }
}

@media screen and (max-width: 360px) {
    ul.staff-nav {
        padding-left: 0px;
    }
    ul.staff-nav li a {
        font-size: 18px;
    }
    .user-account>a {
        padding: 5px 14px 5px 5px;
    }
    .user-account>a img.caret {
        right: 4px;
    }
    .user-account .user-img {
        margin-right: 2px;
    }
    .custom_calendar table th.prev::after,
    .custom_calendar table th.next::after {
        background-size: 380px;
    }
    .custom_calendar table thead tr:nth-last-child(2) th.datepicker-switch {
        left: -33px;
    }
    .custom_calendar table th.next::after {
        background-position: -197px -95px;
    }
    .custom_calendar table th.prev::after {
        background-position: -170px -95px;
    }
    .custom_calendar .datepicker .datepicker-switch {
        font-size: 20px;
    }
    .custom_calendar table td,
    .custom_calendar table th {
        padding: 9px 10px;
        font-size: 13px;
    }
    .pick-date-wrapper span {
        padding-left: 10px !important;
        margin-bottom: 10px;
    }
    .pick-date:first-child {
        margin-bottom: 10px;
    }
    .pick-date:last-child {
        margin-top: 10px;
    }
    .pick-date {
        max-width: 270px;
    }
    .swal2-cancel::before {
        right: -23px;
        top: -19px;
        background-size: 45px;
        height: 50px;
        width: 50px;
    }
    .swal2-popup {
        padding: 20px 10px 10px;
        width: 270px;
    }
    .swal2-actions button.swal2-confirm.swal2-styled {
        padding: 6px 20px;
        margin-right: 10px;
        font-size: 18px;
    }
    .swal2-styled.swal2-confirm::after {
        right: -31px;
    }
    .all_time_saved textarea {
        max-width: 230px;
    }
    .action-planner-tbl table td .brief-tbl-done a.action-done {
        padding-left: 0px;
    }
    .general-practice-logo img {
        max-width: 280px;
    }
}


/* @media(max-width:991px) {
    .main_checkbox {
        max-width: 50%;
    }
}

@media(max-width:767px) {
    .main_checkbox {
        max-width: 100%;
    }
}

@media(max-width:399px) {

    .account-change.request_access .pcn-collection h5.main_h5,
    .account-change.request_access .pcn-collection .main_practices-collection h5 {
        font-size: 18px;
    }
} */