@media only screen and (min-width: 992px) {
    .tab-sub-box .form-group { display: flex; flex-direction: column; }
    .tab-sub-box .form-control { padding: 10px 15px 10px 15px; background: #FAFAFA; border-color: #0C111433; color: #2B2B2B; }
    .tab-sub-box .tab-disabled-active .form-control { border: 0; padding: 0; background: transparent; color: #2B2B2B; height: auto; pointer-events: none; }
    /*.tab-sub-box .form-group label, .tab-edit-active .form-control:focus ~ label, .tab-edit-active .form-control.filled:focus ~ label, .tab-edit-active .form-control.filled ~ label { font-size: 16px; position: static; padding: 5px 0; margin: 0 0 0.6rem 0; color: #000; font-weight: 500; background-color: #FFFFFF; }*/
    .tab-sub-box .form-group label, .tab-edit-active .form-control:focus ~ label, .tab-edit-active .form-control.filled:focus ~ label, .tab-edit-active .form-control.filled ~ label { margin: 0 0 0.3rem 0; font-weight: 500; background-color: #FFFFFF; }
    .tab-sub-box .tab-disabled-active label { color: #2B2B2B; font-weight: 500; margin: 0 0 0.3rem 0; transition: 0.5s all; }
    .tab-sub-box .form-group > label { background-color: #FFFFFF; padding: 5px 0;}
    .lead-search { display: block !important; height: auto !important; }
    .tab-sub-box .form-group .form-check label { background-color: transparent; padding: 0; }
    .location-div .form-group label { background: transparent; }
    #navbarNav { display: block !important; }
    .slide-menu-active .mobile-menu { display: none !important; }
    .header-top-logo-box .menu-trigger { display: none; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1499px) {
    .inbox-left { width: 380px; min-width: 380px; }
/*    .inbox-right { width: calc(100% - 350px); }*/
    .header-menu .navbar-nav li a { font-size: 18px; }
    .page-title { font-size: 22px; }
    .lead-table-box table tr th { font-size: 15px; }
    .lead-table-box table tr td { font-size: 16px; }

}
/*==========================================================================================================*/
@media only screen and (max-width: 1199px) {
    /*.navbar-nav li { margin: 0 0.3rem; }*/
    .navbar-nav li .nav-link { padding: 0.6rem 1rem; font-size: 0.9rem; }
    /*.header-menu { position: static; padding: 0; }*/
    .header-right-menu > div { margin-right: 1rem; }
    .header-profile-box .dropdown-toggle { padding: 0.5rem 2rem 0.5rem 0.5rem; }
    .header-profile-box .dropdown-toggle:after { right: 0.7rem; }
    .dashboard-img { height: calc(100vh - 89px); }
    .bonsultation-btn-box .btn { padding: 0.8rem 1rem; font-size: 0.95rem; }
/*    .inbox-left { width: 300px; min-width: 300px; }*/
 /*   .inbox-right { width: calc(100% - 300px); }*/
    .inbox-chat-list .nav-pills .nav-link.unread::after { left: 0.5rem; }
    .chat-profile-img { margin-right:0.6rem; width:45px; }
    .chat-profile-img figure { height:45px; width:45px; font-size: 1rem; }
    .chat-list-box { padding: 1rem 6.5rem 1rem 1.5rem; }
    /*.inbox-left-top { padding: 1rem 1.5rem 1rem 1.5rem; }*/
    /*.chat-log-top { padding: 1rem 1rem 0.5rem 1rem }*/
    .inbox-left-title h2 { font-size: 1.6rem; }
    .notification-number { height: 1.7rem; width: 1.7rem; font-size: 0.9rem; }
    .chat-title-box h3 { font-size: 1.3rem; }
    .chat-profile-info { width: calc(100% - 5rem); }
    /*.msger-chat { height: calc(100vh - 307px); }*/
    .inbox-chat-list { height: calc(100vh - 304px); height: auto; }
    .sms-inputarea { padding: 1.5rem; }
    .new-sms-active .msger-chat { height: calc(100vh - 448px); }
    .dashboard-box-title h3 { font-size: 1.35rem; }
    .dashboard-box-title, .dashboard-box { margin-bottom: 2rem; }
    .kpi-main-box h2 { font-size: 1.7rem; }
    /*.msger-chat, .msger-inputarea { padding: 1rem 1rem; }*/
    .msger-img figure { height:45px; width:45px; font-size: 1rem; }
    .msger-msg { width:70%; font-size: 14px; }
    /*.header-left { width: 260px; }*/
    /*#wrapper { padding-left: calc(260px + 2.5rem); }*/


    /*New Code for Email template responsive*/
    /*.inbox-chat-list { height: calc(100vh - 351px); }*/
    /*.msger-chat { height: calc(100vh - 270px); }*/
    .new-sms-active .msger-chat { height: calc(100vh - 480px); }
    .msger-inputarea .form-select, .msger-inputarea .edit-input, .msger-inputarea .btn-link, .sms-inputarea-box .form-select, .sms-inputarea-box .edit-input, .sms-inputarea-box .btn-link { white-space: nowrap; overflow: hidden; font-size: 0.8rem !important; text-overflow: ellipsis; display: block; text-align: center; }
    /*.msger-inputarea .msg-sent-btn { top: auto; right: 0.9rem; bottom: 1rem; }*/
    .sms-inputarea-box textarea.form-control { height: 150px; font-size: 0.9rem; }
    .sms-inputarea { padding: 1rem; }
    .msger-inputarea .form-select, .sms-inputarea-box .form-select { text-align: left; }
    .header-menu .navbar-nav li a { font-size: 16px; }
    .page-title { font-size: 20px; }
    .lead-table-box table tr th { font-size: 14px; }
    .lead-table-box table tr td { font-size: 16px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 991px) {
    h1 { font-size: 2.5rem; }
    .btn.btn-lg, .learning-info { font-size: 1.25rem; }
    .step-box { margin-top: 2.375rem; }
    h2 { font-size: 1.65rem; }
    .dashboard-img { height: calc(100vh - 55px); }
    .header-profile-info { display: none; }
    .header-profile figure { margin: 0; }
    .header-profile-dropdown .header-profile-info { display: block; }
    #header { padding: 1rem 0; background-color: white; }
    .header-right-menu { z-index:7; position: fixed; bottom: 10px; left: 10px; right: 10px; background-color: #425BCF; padding: 1rem 5rem; border-radius: 50px; justify-content: space-between; display: none !important; }
    .header-right-menu svg, .header-mail-ico figure svg { width: 24px; height: auto; }
    .header-right-menu svg path { fill: #809fff; transition: 0.5s all; }
    .header-right-menu a:hover svg path, .dropdown-toggle:hover .header-user-ico svg path, .header-right-menu a.active svg path, .dropdown-toggle.show .header-user-ico svg path { fill: #fff; }
    .header-profile-box .dropdown-toggle { padding: 0; border-radius: 0; background: transparent; }
    .header-profile-box .dropdown-toggle:after {  display: none; }
    .header-right-menu > div { margin-right: 0; position: relative; z-index: 2; }
    .header-right-menu > div:last-child { z-index: 1; }
    .header-menu { margin-right: 0; padding: 0; overflow: inherit; max-height: inherit; }
    .logo { max-width: 75px; min-width: inherit; }
    .logo figure svg { fill: #000; }
    /*.navbar-nav li { margin: 0 1rem 0 0; }*/
    .navbar-nav li:last-child { margin-right: 0; }
    .navbar-nav li .nav-link { font-weight: 600; color: #809fff; font-size: 16px; padding: 0; }
    .navbar-nav li .nav-link.active, .navbar-nav li .nav-link:hover { color: #425BCF; background:transparent;}
    .navbar-nav li .search-ico{display:none;}
    .header-profile-box .dropdown-menu { position: fixed !important; inset: 0 0 0 0 !important; box-shadow: none; border: 0; border-radius: 0; z-index: 5; transform: none !important; min-width: inherit; background-color: transparent; }
    .header-profile-dropdown { height: calc(100vh - 68px); background: #fff; overflow: auto; padding: 1.25rem; }
    .dropdown-menu { font-size: 14px; }
    .header-profile-dropdown h3 { margin-bottom: 3rem; }
    .header-profile-dropdown .header-profile { flex-direction: row; margin: 0 0 1.5rem 0; border-bottom: 1px solid #D2D2D2; padding: 0 2rem 1rem 0; position: relative; }
    .header-profile-dropdown .header-profile:after { content: ""; position: absolute; top: 0.9rem; right: 0; bottom: 0; height: 0.9rem; width: 0.9rem; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(45deg); }
    .header-profile-dropdown .header-profile figure { margin: 0 1.1rem 0 0; height: 40px; width: 40px; font-size: 1rem; }
    .header-profile-dropdown > h5 { margin-top: 3rem; }
    .header-profile-dropdown ul li a { display: block; padding: 1.3rem 1rem 1.3rem 0.4rem; color: #425BCF; text-decoration: none; position: relative; }
    .header-profile-dropdown ul li a:hover { color: #425BCF; }
    .header-profile-dropdown ul li a:after { content: ""; position: absolute; top: 1.5rem; right: 0.6rem; bottom: 0; height: 0.7rem; width: 0.7rem; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); background: transparent; opacity: 1; visibility: visible; left: auto; z-index: 1; }
    .header-profile-dropdown ul li.sign-out-link a { text-decoration: underline; }
    .header-profile-dropdown ul li:first-child { border-top: 0; }

    .copyrights { color: #959595; font-size: 12px; margin-top: 0.4rem; }
    .copyrights p { margin: 0; }
    .form-control:focus ~ label, .form-control.filled:focus ~ label, .form-control.filled ~ label { background-color: transparent; }

    .no-header-mobile #header { display: none; }
    .tab-data .nav-tabs { display: none; }
    .tab-data .tab-content > .tab-pane { display: block !important; opacity: 1; margin-bottom: 1rem; }
    .page-title { margin: 2rem 0 1.6rem; }
    .page-title h3 { margin: 0; }
    .tab-sub-box { position: fixed; background: #081e42; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; overflow: auto; padding: 3.9rem 2.3rem 1.4rem 2.3rem; transform: translateX(100%); transition: 0.5s all; z-index: 999; opacity: 0; visibility: hidden; }
    .tab-main-active .tab-sub-box { transform: translateX(0); opacity: 1; visibility: visible; }
    .tab-title-box { margin: 0; }
    .tab-title h3 { font-size: 1.1rem; font-weight: 500; color: #fff; margin: 0; padding: 0 1rem 0 0; }
    .tab-main-box { padding: 0; border: 0; border-radius: 0.5rem; margin-bottom: 0.5rem; }
    .tab-title { padding: 1.2rem 1.5rem 1.2rem 0; /**border-bottom: 1px solid #D2D2D2;*/ cursor: pointer; width: 100%; position: relative; }
    /*.tab-title:after { content: ""; position: absolute; height: 11px; width: 11px; border-top: 2px solid #2B2A2B; border-right: 2px solid #2B2A2B; right: 0.9rem; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); }
    .tab-title:before { content: ""; position: absolute; width: 13px; height: 2px; background: #2B2A2B; right: 0.9rem; top: 50%; bottom: 0; transform: translateY(-50%); }*/
    .check-value { display: none; }
    .tab-disabled-active .check-group { display: block; }
    .mobile-tab-title { margin: 1.9rem 0 1.6rem; }
    .location-div { padding: 1rem; }
    label + .form-control { padding-top: 10px; }

    .lead-search { display: none; }
    .lead-table-box .table thead { display: none; }
    .lead-search-box { max-width: inherit; margin: 0 0 0 1.1rem; }
    .plus-icons a { background-color: #425BCF; }
    .lead-table-box { margin-bottom: 3.5rem; }
    .bg-light-gray #header { transition: 0.35s all; }
    .bg-light-gray #header.navshow { background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15); }
    .lead-table-box table tr td { grid-column-start: 1; grid-column-end: 7; }
    .lead-table-box table tr td.phone-label { grid-row-start: 3; grid-column-end: 3; }
    .lead-table-box table tr td.source-label { grid-row-start: 3; grid-column-end: 5; grid-column-start: 3; }
    .phone-label span, .source-label span { border: 1px solid #959595; border-radius: 50px; padding: 0.5rem 0.8rem; display: inline-block; }
    .table tr .hover-td { top: auto; padding: 1rem 1.3rem; bottom: 10px; }
    .move-stage-box { width: 100%; position: fixed; top: auto; right: 0; border: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 2.5rem 1.5rem 5rem 1.5rem; font-weight: 400; font-size: 16px; color: #000000; left: 0; bottom: 0; background: #FFF; border-top: 1px solid #959595; border-radius: 50px 50px 0px 0px; z-index: 5; }
    .move-stage-box:after { content: ""; position: absolute; left: 0; right: 0; top: 2rem; background: #514F5F; height: 2px; width: 25px; margin: auto; z-index: 2; }
    .bg-light-gray #main { position: static; }
    .move-stage-box h6 { font-size: 24px; }
    .move-stage-box .form-select, .move-stage-box .select2 .select2-selection__rendered { height: 48px; line-height: 48px; font-size: 16px; }
    .plus-icons a { height: 28px; width: 28px; }
    .plus-icons a svg { height: 14px; width: 14px; }
    .lead-table-box table tr td.lead-name { padding-top: 0; padding-bottom: 0; color: #514F5F; font-size: 16px; }
    .open .hover-td:before, .search-open:before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); z-index: 2; }
    .lead-search { width: 100%; position: fixed; top: auto; right: 0; border: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 2.5rem 1.5rem 5rem 1.5rem; font-weight: 400; font-size: 16px; color: #000000; left: 0; bottom: 0; background: transparent; border-top: 1px solid #959595; border-radius: 50px 50px 0px 0px; z-index: 5; }
    .lead-search .search-input-ico { display: none; }
    .lead-search .form-control { padding: 1rem; border: 1px solid #dedede; }
    .profile-note-title .add-note-btn { height: 30px; width: 30px; padding: 0 !important; text-align: center; justify-content: center; }
    .profile-card-box:last-child { margin-bottom: 0; }
    .patient-profile-main-box { padding-bottom: 4.2rem; }
    .bonsultation-btn-box .btn { font-size: 1rem; border-radius: 50px; }
    .patient-profile-top-box { flex-direction: column; }
    .back-page-btn span { display: none; }
    .patient-profile-top-box .manage-edit, .patient-profile-top-box .manage-save { width: auto; text-decoration: underline; padding: 0; border: 0; background-color: transparent; color: #425BCF; }
    .patient-profile-top-box .manage-cancel { display: none; }
    .patient-profile-top-box .manage-edit svg, .patient-profile-top-box .manage-edit span { display: none; }
    .patient-profile-top-box h2 { margin: 1rem 0 0 0; }
    .profile-note-top { flex-direction: column; align-items: start; }
    .note-text { padding-left: 0; padding-top: 0.5rem; }
    .note-date { text-align: left; color: #514F5F; font-size: 1rem; }
    .note-date span { display: inline-block; /*font-size: 1.3rem; margin-right: 0.3rem;*/ }
    .tab-disabled-active .patient-right-top .patient-stage-select .form-control { font-size: 1.4rem; height: auto; }
    .tab-disabled-active .patient-right-top .form-control { font-size: 1.2rem; height: auto; }
    .note-add-box { display: block; position: fixed; z-index: 11; left: 0; right: 0; top: 0; bottom: 0; background: #fff; transform: scale(1.3); opacity: 0; visibility: hidden; transition: 0.35s all; padding: 1.5rem; }
    .note-add-box.note-add-active { transform: scale(1); opacity: 1; visibility: visible; }
    .note-add { background-color: transparent; }
    .note-save-btn .btn { color: #425BCF; background: transparent; border: 0; padding: 0; text-decoration: underline; }
    .note-save-btn .btn:hover { color: #425BCF; background: transparent; }
    .note-save-btn { position: absolute; top: 0.5rem; right: 0; }
    .note-add-top-title, .note-editable .profile-note-add-top-title { display: block; }
    .note-add-top-title h3, .profile-note-add-top-title h3 { margin-top: 1rem; font-size: 1.4rem; }
    .profile-note-box.note-editable { position: fixed; left: 0; right: 0; top: 0; z-index: 11; background: #fff; bottom: 0; margin: 0; padding: 1.5rem; }
    .note-editable .profile-note-bottom { display: none; }
    .note-editable .profile-note-top { padding: 0; }
    .no-header-mobile .patient-profile-main-box { padding-bottom: 0; }
    .profile-note-box { transition: 0.35s all; }
    .modal-dialog.add-lead-model { max-width: 100%; margin: 0; }
    .add-lead-model .modal-content { background: #fff; border-radius: 0; border: 0; }
    .add-lead-model .modal-header { padding-bottom: 0; flex-direction: column-reverse; align-items: self-start; }
    .modal-header .modal-title { font-size: 1.6rem; }
    .modal-dialog .btn-close { border: 0; position: static; background: #fff; margin: 0; opacity: 1; }
    .btn-close svg { display: block; opacity: 1; }
    .filterBy-cate-list { display: flex; }
    .lead-filterBy-box { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 2.5rem 1.5rem 5rem; font-weight: 400; font-size: 16px; color: #000000; left: 0; bottom: 0; background: #fff; border-top: 1px solid #959595; border-radius: 50px 50px 0px 0px; z-index: 5; top: auto; max-height: 90vh; overflow: auto; }
    .filter-open::after { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); z-index: 2; }
    .filterBy-back .filterBy-back-btn { display: none; }
    .filterBy-title h5 { font-size: 1.3rem; }
    .filterBy-viewall-save { text-decoration: underline; }
    .filterBy-save .filterBy-save-btn { display: none; }
    .filterBy-save .filterBy-viewall-btn { display: flex; }
    .lead-filterBy-middle { height: 193px; overflow: auto; }
    .filter-viewall .filterBy-save .filterBy-viewall-save { display: flex; }
    .filter-viewall .filterBy-viewall-btn, .filter-viewall .filterBy-cate-list, .filter-viewall .apply-btn { display: none; }
    .filter-viewall .lead-filterBy-middle { height: inherit; overflow: inherit; }
    .inbox-left { min-width: inherit; width: 100%; }
    .inbox-right .tab-box { display: block !important; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; background: #F5F5F5; transform: translateX(100%); transition: 0.5s all; }
    .inbox-right .tab-box.tab-active { transform: translateX(0); }
    .chat-log-back, .sms-log-mobile { display: flex; }
    .inbox-right { width: auto; height: inherit; border: 0; background: transparent; }
    .msger-msg { width: 65%; }
    .msger-msg { font-size: 15px; }
    /*.inbox-left-top { padding: 1.5rem; }*/
    .chat-list-boxP { padding: 1.1rem 6.5rem 1.1rem 1.5rem; }
    .inbox-chat-list .tab-menu::after { height: 35px; width: 6px; }
    .inbox-chat-list .tab-menu.unread::after { height: 10px; width: 10px; left: 0.5rem; }
    .inbox-chat-list { height: calc(100vh - 270px); height: auto; background: #fff; padding-bottom: 5rem; }
    /*.msger-chat { height: calc(100vh - 256px); }*/
    .sms-log-desktop { display: none; }
    .new-sms-box { display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; background: #F5F5F5; transition: 0.5s all; z-index: 8; transform: translateX(100%); }
    .new-sms-active .new-sms-box { transform: translateX(0); }
    .chat-log-top .sms-inputarea-box { display: block; }
    .sms-inputarea .sms-inputarea-box .input-group { display: none; }
    .sms-inputarea-box textarea.form-control { height: 48px; border-radius: 50px; padding-right: 5.2rem; }
    .sms-inputarea-box { border-radius: 50px; }
    .sms-inputarea-box .btn { bottom: 0.5rem; right: 0.5rem; }
    .sms-inputarea { padding: 1.125rem; padding-top: 0; }
    .new-sms-active .msger-chat { height: calc(100vh - 300px); }
    .report-lead-filter-serch-box .lead-search-box { max-width: inherit; margin-left: auto; width: auto; margin-right: 1rem; }

    .report-table-box .table thead { display: none; }
    .report-table-box { margin-bottom: 3.5rem; }
    .report-table-box table tr td { grid-column-start: 1; grid-column-end: 7; }
    .report-table-box table tr td.phone-label { grid-row-start: 3; grid-column-end: 3; }
    .report-table-box table tr td.source-label { grid-row-start: 3; grid-column-end: 5; grid-column-start: 3; }
    .report-table-box table tr td.lead-name { padding-top: 0; padding-bottom: 0; color: #514F5F; font-size: 1.5rem; }

    .report-lead-right figure { display: block; }
    .report-box { border-radius: 0; background: transparent; padding: 0; margin-bottom: 2rem; }
    .reports .report-box { border-radius: 8px; padding: 1.5rem; background: #fff; margin-bottom: 0; }
    .reports .report-box:last-child { margin-bottom: 4rem; }
    .report-top-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 1.5rem; }
    .report-list ul { flex-wrap: nowrap; border-radius: 0; border: 0; overflow: auto; }
    .report-list ul li { margin-right: 0.5rem; }
    .report-list ul li a { border: 1px solid #D2D2D2; border-radius: 50px; background:#fff; padding: 0.8rem 1.5rem 0.9rem 1.5rem; white-space: nowrap; }
    .report-list ul li:last-child a { border-right-width: 1px; }
    .report-list-top { background: #fff; padding: 1rem; margin-top: 1.5rem; border-radius: 8px 8px 0 0; }
    .report-middle-box { padding: 0 1rem; background: #fff; }
    .report-lead-main-box { background: #fff; padding: 1rem; border-radius: 0 0 8px 8px; }
    .report-lead-left { margin: 0 -0.5rem 1rem; }
    .report-lead-left > span { display: none; }
    .report-lead-left .dropdown { margin-left: 0; width: 50%; padding: 0 0.5rem; }
    .report-lead-left .dropdown-toggle span { width: calc(100% - 1.5rem); display: inline-block; }
    .report-lead-right { border: 0; padding: 0; }
    .report-lead-right span { flex-direction: column-reverse; }
    .report-lead-right span span { margin: 0.2rem auto 0 0; }
    .table-data-title { font-size: 1.5rem; }
    .dropdown-toggle-title { display: block; }
    .select-date-dropdown .dropdown-toggle { background: transparent; padding: 0; font-size: 12px; }
    .select-date-dropdown .dropdown-toggle::after { display: none; }
    .report-table-box { position: relative; z-index: 0; }
    .report-lead-filter-serch-box { z-index: auto; }
    .report-lead-left .dropdown-menu, .select-date-dropdown .dropdown-menu { font-size: 0.875rem; display: block !important; width: auto; position: fixed !important; box-shadow: none; z-index: 5; transform: translateY(100%) !important; min-width: inherit; opacity: 0; visibility: hidden; max-height: calc(100vh - 80px); background: #fff; overflow: auto; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; border-top: 1px solid #959595; border-radius: 50px 50px 0px 0px; padding: 2.5rem 1.5rem 1.5rem; transition: 0.5s all; }
    .report-lead-left .dropdown-menu.show, .select-date-dropdown .dropdown-menu.show { transform: translateY(0) !important; opacity: 1; visibility: visible; }
    .report-lead-left .dropdown-toggle::before, .select-date-dropdown .dropdown-toggle::before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); z-index: 1; opacity: 0; visibility: hidden; transition: 0.5s all; }
    .report-lead-left .dropdown-toggle.show:before, .select-date-dropdown .dropdown-toggle.show:before { opacity: 1; visibility: visible; }
    .report-lead-left .dropdown-menu::after, .select-date-dropdown .dropdown-menu::after { content: ""; position: absolute; left: 0; right: 0; top: 1.5rem; margin: auto; width: 25px; height: 2px; background: #425BCF; }
    .inbox-chat-list-main { flex-direction: column; }
    .inbox-chat-list-main .inbox-right { width: 100%; }
    .chat-list-tab { height: auto; }
    .dashboard-box-title { margin-bottom: 1rem; }
    .dashboard-box { margin-bottom: 1.5rem; }
    .dashboard-tab .nav-tabs .nav-link { font-size: 1rem; /*padding: 0.6rem 0;*/ }
    /* .dashboard-tab .nav-tabs .nav-item { margin-right: 1.8rem; } */
    .dashboard-tab .nav-tabs .nav-link:after { height: 3px; }
    .header-profile-dropdown .header-profile-info h5 { text-align: left; }
    .lead-table-box table tr td, .lead-table-box table tr th, .report-table-box table tr th, .report-table-box table tr td { max-width: inherit; }
    .inbox-main .inbox-chat-list:empty { display: none; }
    .dashboard-tab { margin-bottom: 4rem; }
    .inbox-main { flex-direction: column; }
    /*.msger-inputarea { bottom: 70px; }*/


    /*New Code for Email template responsive*/
    .tab-sub-box { /*padding: 7.85rem 2.3rem 5rem 2.25rem;*/ padding: calc(62px + 5.3rem) 1.5rem 1.5rem 1.5rem; }  /* update */
    .mobile-tab-title h3 { font-size: 22px; font-weight: 500; color: #fff; margin: 0 0 0 0.6rem; }
    .mobile-tab-title .back-btn svg path { fill:#fff; }

    .check-tab-list .form-check .form-check-input[type="radio"] + .form-check-label::before { top: 1.38rem; left: 1.14rem; }
    .check-tab-list .form-check label {  border-width: 1px 1px 1px 1px; margin: 0;}
    .tab-main-box:last-child .tab-title { border-bottom: 0; }
    .check-tab-list { padding-left: 0; margin-bottom: -1px; }

    /*.chat-log { padding-top: 62px; }*/
    /*.msger-chat { height: calc(100vh - 428px); }*/
    /*.msger-inputarea .msg-sent-btn { top: auto; bottom: 1.7rem; }*/
    .new-sms-box { /*top: 206px; bottom: 65px;*/ padding-top: 62px; }
    .new-sms-active .msger-chat { height: calc(100vh - 419px); }
    .sms-inputarea-box { border-radius: 1.4rem; }

    .filter-ico.tooltip-ico::after { display: none; }

    .filter-icons .tooltip-ico::after { left: auto; right: 0; transform: none; }

    /* New updated V2 css */
    .top-select { max-width: inherit; margin: 0; padding: 0; /*background: #edf6fc; margin: -1rem -1rem 0 -1rem; width: auto;*/ }
    .header-left { padding: 1rem; left: 0; top: 0; bottom: 0; border-radius: 0; }
    #wrapper { padding: 1rem; padding: 0; }
    #wrapper:not(.slide-menu-active) { padding: 0; }
    #header { background-color: transparent; background-color: #081e42; padding: 0; }
    #header::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(7, 15, 28,0.5); z-index: 15; opacity: 0; visibility: hidden; transition: 0.35s all; }
    .slide-menu-active #header::after { opacity: 1; visibility: visible; }
    .header-top-logo-box { background-color: #000612; box-shadow: 0 0 20px rgba(0, 0, 30, 0.07); border-radius: 0; margin: 0 0 0 0; padding: 1rem; }
    .logo { max-width: 100px; }
    .header-top .logo-box { max-width: 90px; }
    .toggle-search svg path { stroke: #fff; }
    .menu-trigger span:before, .menu-trigger span:after, .menu-trigger:after { background: #fff; }

    .header-mail-ico figure { max-width: 28px; }
    .header-mail-ico figure svg path { fill: #809fff; }
    .header-mail-ico #notificationLink figure svg path { stroke: #809fff; }
    .header-right-menu #notificationLink:hover figure svg path { stroke: #fff; }
    .header-right-menu .tooltip-ico { background: transparent; box-shadow: none; height: 24px; }
    .mail-count { background: #fff; color: #355ADD; }
    .navbar-nav li { margin: 0; }
    .header-menu .menu-trigger { display: block; margin-left: auto; margin-bottom: 1rem; }
    .header-top .lead-search { display: block; position: relative; padding: 0 0 1rem; border: 0; border-radius: 0; box-shadow: none; }
    .header-top .lead-search .search-input-ico { display: block; left: 1.8rem; }
    .header-top .lead-search .form-control { padding-left: 2.5rem; border: 0; }
    .header-left .container-fluid { padding: 0; }
    .header-top-logo-box .menu-trigger { height: 30px; min-width: 25px; background-color: transparent; box-shadow: none; }
    .header-left .menu-trigger span, .header-left .menu-trigger::after { display: block; }
    .slide-menu-active .header-top-logo-box .menu-trigger { top: 0; background: transparent; color: #000; border-radius: 0; left: 0; margin-left: 0; display: block; }
    .menu-trigger .desk-menu-ico { display: none; }
    .menu-trigger { margin-left: auto; }
    .header-top { position: static; }
    .navbar-nav li .nav-link.active, .navbar-nav li .nav-link:hover { color: #425BCF; background: rgba(66, 91, 207,0.07); }

    .header-left .menu-trigger:after { background-color: transparent; }
    .header-left .menu-trigger span::before { top: 0; bottom: 0; transform: rotate(45deg); }
    .header-left .menu-trigger span::after { top: 0; bottom: 0; transform: rotate(-45deg); }
    .slide-menu-active .header-left .menu-trigger { top: 0; background: #fff; color: #fff; border-radius: 0; right: 0; position: relative; height: 30px; width: 25px; z-index: 5; display: flex; align-items: center; justify-content: center; margin-bottom: 0.3rem; }
    .menu-trigger span::before, .menu-trigger span::after, .menu-trigger::after { width: 100%; }
    .menu-trigger span::before  { top: 6px; }
    .menu-trigger span::after { bottom: 6px; }
    .report-box { margin-bottom: 4rem; }
    .account-main-box.report-box { border-radius: 8px; background: #FFF; padding: 2rem; }
    /*.sub-popup-active .header-top-logo-box, .sub-popup-active .header-top .lead-search, .sub-popup-active .top-select { opacity: 0.25; pointer-events: none; }
    */.sub-popup-active #header, .sub-popup-active .header-top .lead-search { z-index: auto; }
    .toggle-search + .menu-trigger { margin-left: 0; }
    .toggle-search { display:flex; cursor: pointer; }
    .msger-inputarea input { padding: 0.7rem; height: 36px; font-size: 0.8rem; }
    .ck-editor ~ .email-sent-btn:last-child { margin-bottom: 4rem; float: none !important; display: table; margin-left: auto; }
    .chat-log-bottom.bg-light-gray { max-height: calc(100vh - 280px); overflow: auto; }
    .tab-data:last-child { margin-bottom: 70px; }
    .page-title { font-size: 22px; }
    .lead-table-box table tr th { font-size: 14px; }
    .lead-table-box table tr td { font-size: 16px; }
    #main { padding: 2rem 0; padding: 1rem 0.5rem; flex-direction: column }
    #main .header-left { position:static; transform: none; opacity: 1; visibility: visible; width: 100%; min-width: inherit; background: transparent; box-shadow: none; }
    .header-menu .page-title {  margin: 0 0 0 0; }
    .header-search-area { width: 100%; padding: 1rem; }
    .header-menu .navbar-collapse { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; padding: 0; z-index: 9; }
    .header-menu .navbar-nav { background: #000612; padding: 2rem; }
    .header-menu .navbar-collapse:after { content: ""; position: fixed; inset: 0; background: #090909; opacity: 0.4; z-index: -1; pointer-events: none; }
    .user-profile .tab-content>.tab-pane { display: block; opacity: 1; }
    .user-profile .tab-main-title { display: none; }
    .user-profile .collapse:not(.show) { display: block; }
    .user-profile .tab-main-box { background: transparent; border: 0 !important; border-radius: 0; }
    .mobile-tab-title ~ div { background: #fff; padding: 0.6rem; border-radius: 8px; }

    .tab-sub-box .form-control { padding: 10px 15px 10px 15px; background: #FAFAFA; border-color: #0C111433; color: #2B2B2B; }
    /*.tab-disabled-active .tab-sub-box .form-control, .tab-pane.active .form-control { border: 0; padding: 0; background: transparent; color: #2B2B2B; height: auto; pointer-events: none; }*/
    .tab-pane.active .tab-disabled-active div:not(.tab-disabled-active) .form-control, .tab-sub-box .tab-disabled-active .form-control { border: 0; padding: 0; background: transparent; color: #2B2B2B; height: auto; pointer-events: none; }
    .tab-pane.active div:not(.tab-disabled-active) .form-control { padding: 10px 15px 10px 15px; background: #FAFAFA; border-color: #0C111433; color: #2B2B2B; }
    .tab-sub-box .form-group label, .tab-edit-active .form-control:focus ~ label, .tab-edit-active .form-control.filled:focus ~ label, .tab-edit-active .form-control.filled ~ label { margin: 0 0 0.3rem 0; font-weight: 500; background-color: #FFFFFF; }
    .tab-disabled-active .tab-sub-box .form-group label { color: #2B2B2B; font-weight: 500; margin: 0 0 0.3rem 0; transition: 0.5s all; }
    .tab-sub-box .form-group > label { background-color: #FFFFFF; padding: 5px 0;}
    .dashboard-select { color: #fff; }


    .apointment-tab-data .tab-main-box { background: transparent; margin-bottom: 1rem; margin-top: 1.5rem; }
    .apointment-tab-data .tab-title { padding: 0; }
    .apointment-tab-data .tab-main-title { display: none; }

}

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
    .btn.btn-lg, .learning-info { font-size: 1rem; }
    .btn{padding:0.9rem}
    h1 { font-size: 2rem; }
    /*.welcome-box-info h1 { margin-bottom: 1.75rem; }*/
    .logo-box { max-width: 107px; }
    .step-box { margin-top: 1.875rem; }
    h2 { font-size: 1.3rem; }
    .form-control ~ label { font-size: 14px; top: 15px; }
    .btn-checkbox .btn { padding: 0.4rem 0.6rem; font-size: 0.75rem; }
    .btn-radio-lg-lg .btn { padding: 0.8rem 2rem; }
    .bottom-btn-box { text-align: right; }
    .bottom-btn-box .btn { margin-top: 0.5rem; padding: 0.6rem 2.5rem; }
    .inline-check-group { overflow: auto; }
    .inline-check-group .btn { white-space: nowrap; }
    .budget-input { align-items: start; flex-direction: column; }
    .followingTechnology, .financingCompany-other { max-width: 100%; width: 100%; }
    .leads-step ul li a { max-width: 120px; padding: 0.7rem; font-size: 12px; border: 1px solid #959595; }
    .leads-step-box span { font-size: 2rem; margin-bottom: 1.1rem; }
    .leads-step ul li a:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; border-radius: 8px; z-index: -1; }
    .leads-step ul li a.step-active:before { background: linear-gradient(90deg, rgb(0, 0, 30) 0%, rgb(66, 91, 207) 63%); }
    .leads-step ul li a:after { border: 0.1rem solid #232323; height: 30px; width: 30px; z-index: -2; }
    .profile-card-box { padding: 1.2rem; }
    .profile-note-box { margin-bottom: 1.2rem; }
    .patient-profile-name figure { width: 96px; height: 96px; border-radius: 96px; font-size: 2rem; }
    .profile-note-bottom-left { font-size: 14px; flex-wrap: wrap; }
    .note-post-name svg { height: 16px; width: 16px; margin-right: 0.3rem; }
    .profile-note-bottom-right a { height: 30px; width: 30px; margin-left: 0.5rem; padding: 5px; }
    .pop-bottom-btn { display: flex; align-items: center; justify-content: center; }
    .pop-bottom-btn .btn { width: 100%; margin: 2%; }
    .msger-img figure { width: 2.5rem; height: 2.5rem; font-size: 1.2rem; }
    .msger-chat-box { margin-bottom: 0; }
    .msger-chat { padding: 1rem; /*height: calc(100vh - 203px);*/ }
    .msger-timeline { margin-bottom: 0.6rem; }
    /*.msger-inputarea { padding: 1rem 0.5rem 0.5rem; }*/
    .msger-inputarea textarea.form-control { height: 56px; }
    .msg-time { margin-top: 0.5rem; }
    .msger-msg { font-size: 14px; }
    .msg-time { font-size: 12px; }
    .dashboard-summary-box h5 { font-size: 1.15rem; }
    .dashboard-summary-box span { font-size: 1.3rem; }
    .dashboard-tab { margin-bottom: 3.85rem; }
    .dashboard-summary-box { padding: 1.2rem; }
    .dashboard-box-title h3 { font-size: 1.25rem; }
    .dashboard-tab .nav-tabs .nav-link { font-size: 0.875rem; /*padding: 0.5rem 0;*/ }
    /* .dashboard-tab .nav-tabs .nav-item { margin-right: 0.8rem; } */
    .dashboard-tab .nav-tabs .nav-link::after { height: 2px; }

    /*New Code for Email template responsive*/
    /*.msger-chat { height: calc(100vh - 384px); }*/
    /*.msger-inputarea .msg-sent-btn { bottom: 0.8rem; right: 0.8rem; }*/

    .time-check-list .btn { white-space: nowrap; }
    .chat-title-box h3 { font-size: 1.1rem; }
    h5, .chat-title-box { font-size: 0.8rem; }
    .chat-log-bottom.bg-light-gray { max-height: calc(100vh - 265px); }
    .tab-main-title h5 { font-size: 1rem; }
    .welcome-box-info { padding: 1.5rem; }
    .welcome-box-info figure { max-width: 160px; }
    .account-setup-box { padding: 2rem; }
    .account-main-box .logo-box figure { max-width: 190px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 575px) {
    .header-right-menu { padding: 1rem 2.5rem; }
    .form-control { font-size: 15px; }
    .lead-table-box table tr td.phone-label { grid-row-start: 3; grid-column-end: 4; }
    .lead-table-box table tr td.source-label { grid-row-start: 3; grid-column-end: 4; grid-column-start: 7; }
    .chat-list-box { align-items: center; }
    .chat-profile-img figure { width: 45px; height: 45px; font-size: 1rem; }
    .chat-profile-img { margin-right: 0.7rem; width: 45px; }
    .chat-list-box { padding: 1rem 6.5rem 2rem 1.5rem; }
    /*.chat-log-top { padding: 1.5rem; }*/
    .patient-profile-link { font-size: 14px; }
    .patient-profile-link svg { height: 15px; width: 15px; margin: 0 0 0 0.3rem; }
    .chat-title-box h3 { font-size: 1.2rem; /*margin-right: 1rem;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .new-sms-active .msger-chat { height: calc(100vh - 280px); }
    .report-table-box table tr td.phone-label { grid-row-start: 3; grid-column-end: 4; }
    .report-table-box table tr td.source-label { grid-row-start: 3; grid-column-end: 4; grid-column-start: 7; }
    .report-lead-left .dropdown-toggle span { font-size: 14px; }

    /*New Code for Email template responsive*/
    .msger-inputarea .manage-edit, .msger-inputarea .btn-link, .sms-inputarea-box .manage-edit, .sms-inputarea-box .btn-link { font-size: 0.75rem !important; white-space: nowrap; }
    .msger-inputarea .exportSelect, .sms-inputarea-box .exportSelect { font-size: 0.8rem; }
    .msger-chat { padding: 1rem; /*height: calc(100vh - 408px);*/ }
    .new-sms-active .msger-chat { height: calc(100vh - 470px); }
    .leads-step ul li a { max-width: 100px; }
    .report-lead-left { flex-wrap: wrap; }
    .report-lead-left .dropdown { margin-bottom: 0.5rem; }
    .chat-profile-count { top:58px; }
    /*.chat-title-box div:last-child { width: 71%; }*/
    /*.chat-title-box { width: calc(100% - 30px); }*/
    .shrinked-email { min-height: 160px; height: auto; }
    .shrinked-email .chat-list-box { padding-bottom: 1rem; }
    body { font-size: 14px; }
    /*.sidebar { padding: 0 0.5rem 5rem; }*/
    .msger-inputarea-top .form-select { width: 100%; }
    .msger-inputarea-top .manage-edit, .msger-inputarea-top .btn-link { width: auto; }
}