@media (max-width:1700px) {
    /* .db_left {
        width: 250px;
    } */

    .db_left.db_left-small .new-logo {
        max-width: 1.25rem;
        max-height: 1.25rem;
    }

    .side-bar-close-wrap {
        top: 1.75rem;
    }

    .logo {
        max-width: 9.375rem;
    }

    /* .db_right {
        padding: 0 0 0 15.625rem
    } */

    .logo-area {
        padding: 2.5rem 1.5625rem;
    }

    .sidemenu li i {
        left: 1.6875rem;
    }

    .sidemenu .link {
        padding: 0.9375rem 0rem 0.9375rem 3.75rem;
        font-size: 1.0625rem;
    }

    .submenu {
        font-size: 1.0625rem;
    }

    .submenu a {
        padding-left: 1.25rem;
        font-size: 0.8125rem;
    }

    .sub-menu-link {
        padding: 0.625rem 1.5625rem 0.625rem 1.875rem;
    }

    .sub-menu-link span {
        font-size: 0.8125rem;
    }

    .submenu .third li a {
        font-size: 0.75rem;
        padding: 0.625rem 0.625rem 0.625rem 3.75rem;
    }

    .db_left .submenu li .sub-menu-link a:after,
    .db_left .submenu li .third li a:after {
        transform: translate(0, 0.625rem);
    }

    .db_left .submenu li .third li a:after {
        transform: translate(2.75rem, 1rem);
    }

    .submenu li .sub-menu-link i.fa-chevron-down {
        right: 0.9375rem;
    }

    .db_right_header {
        padding: 0rem 1.875rem;
    }

    .db_right_contentarea {
        padding: 2.1875rem 1.875rem;
    }

    .db_right_header-logo {
        width: 10.625rem;
    }

    .main-search {
        width: 18.75rem;
    }

    .orangeborder-button {
        padding: 0 1.875rem;
    }


    .contact-info-progressbar-inner {
        width: 100%;
    }

    .dealscore-persentage svg,
    .engagement-persentage svg {
        width: 5.625rem;
        height: 5.625rem;
    }

    .shared-files-box-area li a {
        padding: 0.9375rem;
    }

    .step_area_top li {
        height: 5.625rem;
    }

    .step_area_top li::after {
        height: 5.625rem;
        background: url(../images/arrow-divider.png) local center no-repeat;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    .gradiant-card .payroll-body {
        padding: 3.125rem 2.5rem;
    }

    .gusto-wrappper {
        width: 16.25rem;
    }

    .r-w-60 {
        width: 81%;
    }

    .workforce-heading h2 {
        font-size: 1.5rem;
    }

    .white-card-img-wrapper {
        width: 6.25rem;
        height: 6.25rem;
    }

    .white-card-content-wrapper h2 {
        font-size: 2.1875rem;
    }

    .white-card-bottom-box p {
        font-size: 0.9375rem;
        margin-bottom: 0.5625rem;
    }

    .white-card-bottom-box h4 {
        font-size: 1.625rem;
    }

    .universal-table-wrap table thead th {
        font-size: 1rem;
    }

    .top-performer-table-wrap {
        overflow-x: auto;
    }

    .top-performer-table-wrap table {
        width: 28.125rem;
    }

    .stats-box {
        padding: 0.625rem;
    }

    .stats-box i {
        font-size: 1.5625rem;
    }

    .stats-box h4 {
        font-size: 1.5625rem;
    }

    .stats-box h6 {
        font-size: 0.875rem;
    }

    .table-user-img {
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 6.25rem;
        overflow: hidden;
    }

    .tax-download-btn {
        font-size: 1.25rem;
    }

    .payroll-earning-box p {
        font-size: 1.25rem;
    }

    .payroll-earning-box h5 {
        font-size: 2.125rem;
    }

    .payroll-earning-box h6 {
        font-size: 1.625rem;
    }

    .team-user-img {
        width: 5rem;
        height: 5rem;
        border: 0.3125rem solid transparent;
    }

    .team-users-box:hover .team-user-img,
    .team-users-box.active .team-user-img {
        border: 0.3125rem solid #fff;
    }

    .team-user-details h4 {
        font-size: 1.125rem;
    }

    .team-user-details p {
        font-size: 1rem;
    }

    .time-tracker-content h4 {
        font-size: 1.375rem;
    }

    .time-tracker-content p {
        font-size: 1.0625rem;
    }

    .time-tracker-bar {
        height: 2.5rem;
    }

    .practice-timeline .timeline-course-box.practice-market {
        left: 20%;
        width: 16.875rem;
    }

    .practice-timeline .timeline-course-box.exam-exam {
        left: 60%;
    }

    .certificates-slider-wrapper .owl-nav button.owl-prev {
        left: -0.625rem;
    }

    .certificates-slider-wrapper .owl-nav button.owl-next {
        right: -0.625rem;
    }

    .certificate-img-wrap {
        width: 70%;
        margin-bottom: 0.625rem;
    }

    .module-btn,
    .module-heading h6 {
        font-size: 1.125rem;
    }

    .module-box {
        padding: 0.625rem;
    }

    .module-box h5,
    .module-box i {
        font-size: 1.125rem;
    }

    .certificate-box button {
        font-size: 1.125rem;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    /* ==========================INVENTORY SPRINTS =====================*/
    .white-card-left h2 {
        font-size: 1.875rem;
    }

    .white-card-left h3 {
        font-size: 2rem;
    }

    .progresss-bar-w-transparent label {
        font-size: 1.125rem;
    }

    .progresss-bar-w-transparent .progress {
        height: 1.875rem;
    }

    .activity-white-card {
        margin-right: 1.25rem;
        border-radius: 0.9375rem;
        padding: 2.5rem 0.9375rem;
    }

    .activity-white-card i {
        font-size: 2.5rem;
        margin-bottom: 0.625rem;
    }

    .activity-white-card h4 {
        font-size: 1.875rem;
    }

    .activity-white-card p {
        font-size: 1.125rem;
        line-height: 1;
    }

    /* ==========================INVENTORY SPRINTS =====================*/
    /* ==========================MARKETING SPRINTS =====================*/
    .marketing-social-box {
        width: 10rem;
        height: 10rem;
    }

    .marketing-social-box i {
        font-size: 1.875rem;
    }

    .marketing-social-box h4 {
        font-size: 1.625rem;
    }

    .marketing-social-box p {
        font-size: 1rem;
    }

    .main-search.marketing-search {
        width: 18.75rem;
    }

    .marketing-left-bottom-wrapper h2 {
        font-size: 1.625rem;
    }

    .sm-media-inbox-wrap select {
        font-size: 0.875rem;
        padding: 0.625rem 2.8125rem 0.625rem 1.25rem;
    }

    .engage-chart-main h3 {
        font-size: 1.5rem;
        margin-bottom: 0.625rem;
    }

    .engaged-chart-wrapper canvas {
        height: 12.1875rem !important;
    }

    .below-chart-txt {
        margin-top: 0.625rem;
    }

    /* ==========================MARKETING SPRINTS =====================*/
    /* ==========================ORDERS SPRINTS =====================*/


    .order-welcome-lft button {
        font-size: 0.9375rem;
    }

    .order-customer-box {
        font-size: 1rem;
        padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
        margin-bottom: 0.3125rem;
    }

    .order-welcome-lft button i {
        margin-left: 1.5625rem;
    }

    .order-item-img-wrap {
        width: 3.125rem;
        height: 3.125rem;
    }

    .order-details-table-wrapper table thead th,
    .order-table-wrapper table thead th {
        font-size: 1rem;
    }


    .order-heading h2 {
        font-size: 1rem;
    }

    .order-customer-top {
        margin-bottom: 0.9375rem;
    }

    .order-two-welcome-lft p span {
        font-size: 1.75rem;
    }

    .orders-rate-top h2 {
        font-size: 3.125rem;
    }

    .orders-two-status-heading-wrap h4 {
        font-size: 1.125rem;
    }

    .order-chart-main-wrap.gradiant-card .card-body {
        padding-bottom: 0rem;
    }

    .order-chart-main-wrap .card-body canvas {
        height: 21.875rem !important;
    }

    /* ==========================ORDERS SPRINTS =====================*/
    /* ==========================TICKETS SPRINTS =====================*/
    .tickets-top-box p {
        font-size: 0.9375rem;
    }

    .tickets-top-box h3 {
        font-size: 1.875rem;
        font-weight: 700;
    }

    .avail-img-box:nth-child(2),
    .avail-img-box:nth-child(3) {
        margin-left: -1.875rem;
    }

    .tickets-leader-img-wrapper {
        width: 5.625rem;
        height: 5.625rem;
    }

    .tickets-leader-img-wrapper.mid-box {
        border: 0.4375rem solid #fff;
        width: 6.875rem;
        height: 6.875rem;
    }

    .tickets-leaderboard-img-box p {
        font-size: 1.125rem;
    }

    .workload-img-wrapper i {
        font-size: 3.125rem;
        margin: 0.3125rem;
    }

    .piority-box p {
        font-size: 1rem;
    }

    .piority-box h3 {
        font-size: 1.5rem;
    }

    .tickets-workload-content .r-border-btn {
        width: 80%;
    }

    .actual-chart-wrap canvas {
        height: 18.75rem !important;
    }

    /* ==========================TICKETS SPRINTS =====================*/
    /* ==========================WEBSITE BUILDER SPRINTS =====================*/
    .web-builder-nav h6 {
        font-size: 1.125rem;
    }

    /* ==========================WEBSITE BUILDER SPRINTS =====================*/
    /* ========================= Add New ======================== */
    .r-add-people-rht-content a.btn,
    .r-add-people-rht-content a.btn.active {
        font-size: 0.875rem;
        padding: 0;
    }


    /* .r-add-leads-main-wrapper .form-group.input-group.position-relative input {
        padding-left: 1.75rem;
    } */

    .icon-input.dealsize {
        top: 0.5rem;
    }

    /* ==================== LEAD FORMS ===================== */
    .Lead_form_catchers-wrap .dataTables_wrapper table {
        width: 100%;
    }

    .Lead_form_catchers-wrap #table tr th:nth-of-type(3),
    .Lead_form_catchers-wrap #table tr td:nth-of-type(3) {
        width: 33%;
    }

    .steper_main {
        width: auto;
    }


    /* ==================== LEAD TRACKING ===================== */
    .lead-tracking-box-status {
        height: 6.25rem;
    }

    .lead-tracking-box-status::after {
        height: 6.25rem;
        background-position: center;
    }

    /* ==================== ADD DETAILS PAGE ===================== */
    .add_details_page {
        width: 31.2%;
    }

    .check_main_magnet {
        width: 30.2%;
    }

    /* ==================== USER APPOINTMENT ===================== */
    .appointment_customers .status {
        bottom: 0.625rem;
    }

    .r-issue-form-inside-wrap.r-add-leads-main-wrapper .form-group input {
        padding: 0.375rem 0.75rem;
    }

    .template_main {
        flex-basis: 32.111%;
    }

    .project-tab {
        max-height: 75vh;
    }

    /* ==================== Authorisation ===================== */
    .authorisations_table_wrap thead tr th:first-child,
    .authorisations_table_wrap tbody tr td table tbody tr td:first-child {
        width: 60%;
    }

    .btn-box button {
        margin-bottom: 0.3125rem;
    }

    .pricing_billing_main_wraper .authorisations_table_wrap thead tr th:first-child,
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tbody tr td:first-child,
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tr td:first-child {
        width: auto;
    }

    /* ==================== Authorisation ===================== */
    /* Shipping order modal */
    .shipping-order-inner {
        max-height: 50vh;
    }

    .select-customer-list {
        height: 40vh;
        overflow-y: auto;
    }

    /* CHART BOX */
    .small-window-wrap.chatsopensbox {
        left: 8.5rem;
    }
}

@media (max-width:1399.98px) {

    .r-modal-btn,
    .people-table-main .table-add-btn a,
    .btn_new_message a,
    .orange-btn,
    .btn-export,
    .btnleadsplse,
    .btn_lead_catcher,
    .btn_next_page a,
    .btn_previous_page a,
    .btn_cv,
    .btn_ins,
    .btn-send,
    .btn-close-form,
    .orange-btn-1,
    .orange-btn-5,
    .orange-btn-2,
    .orange-btn-3,
    .orange-btn-4,
    .btn-go,
    .btn_g_card_bx button,
    .btn_g_card_bx a,
    .btn_add_auto,
    .btn_w_s,
    .r-orange-btn,
    .r-icon-btn-thin,
    .btn_next_page button,
    .btn_previous_page button {
        padding: 0.3125rem 1.125rem;
        /* font-size: 0.875rem; */
        min-height: 2.1875rem;
    }

    .modal_icon_btn a {
        padding: 0;
    }

    .two_btn_next_page a {
        margin-right: 0.5rem;
    }

    /* .db_left {
        width: 200px;
    } */

    /* .db_left.db_left-small {
        width: 65px;
    } */

    /* .db_right.db_left-expanded {
        padding: 0 0 0 4.0625rem;
    } */

    /* .db_right {
        padding: 0 0 0 12.5rem;
    } */

    .logo-area {
        padding: 1.875rem 1.25rem;
    }

    .logo-area i {
        font-size: 0.9375rem;
    }

    .sidemenu li i {
        left: 1.25rem;
        font-size: 0.8125rem;
    }

    .sidemenu .link {
        padding: 0.9375rem 0rem 0.9375rem 3.125rem;
        font-size: 0.875rem;
    }

    .db_left.db_left-small .sidemenu .link {
        padding: 9px 0;
    }

    .sidemenu li i.fa-chevron-down {
        right: 0.8125rem;
        font-size: 0.875rem;
    }

    .db_right_contentarea {
        padding: 1.5625rem;
    }

    .db_right_header {
        height: 5.3125rem;
        padding: 0rem 1.5625rem;
    }

    .searchinput {
        height: 2.1875rem;
        padding-left: 2.3125rem;
    }

    .searchsubmit,
    .marketing-searchsubmit {
        height: 1.875rem;
        width: 1.875rem;
        top: 0.1875rem;
    }

    .main-search {
        width: 12.5rem;
    }

    .db_right_header-logo {
        width: 9.375rem;
    }

    .hellouser p {
        font-size: 0.9375rem;
    }

    .orangeborder-button {
        height: 2.1875rem;
        padding: 0 1.875rem;
        font-size: 0.8125rem;
        line-height: 2.1875rem;
    }


    .notification span {
        width: 0.9375rem;
        height: 0.9375rem;
        font-size: 0.75rem;
        right: -0.625rem;
        top: -0.3125rem;
    }

    .searchsubmit,
    .marketing-searchsubmit {
        font-size: 1rem;
    }

    .lead-info-img {
        width: 8.125rem;
        height: 8.125rem;
        margin: 0 auto 1.25rem auto;
    }

    .lead-info .caption::after {
        width: 1.25rem;
        height: 1.25rem;
        top: 0.5rem;
    }

    .lead-info .caption {
        height: 2.1875rem;
        font-size: 0.875rem;
    }

    .lead-info-details h2 {
        font-size: 1.5rem;
    }

    .lead-info-details p {
        font-size: 0.875rem;
    }

    .lead-info-details {
        margin-bottom: 0.625rem;
    }

    .lead-info-conect li a {
        width: 1.875rem;
        height: 1.875rem;
    }

    .crm-activity-msg-top h4 {
        font-size: 1.0625rem;
    }

    .lead-info-conect li {
        font-size: 0.9375rem;
    }

    .click_tooltip ul li a {
        width: 100%;
        height: auto;
    }

    .send_presentation_today h2 {
        font-size: 1.5rem;
        margin: 4.375rem 0;
    }

    .send_presentation_date {
        margin-bottom: 0.9375rem;
    }

    .send_presentation_date .year,
    .send_presentation_date .day {
        font-size: 0.875rem;
    }

    .send_presentation_date .date {
        font-size: 0.9375rem;
    }

    .send_presentation_date .date span {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .gradiant-card .card-body {
        padding: 1.25rem 1.25rem 1.875rem 1.25rem;
    }

    .heading-area h2 {
        font-size: 1.125rem;
    }

    .contact-info h4 {
        font-size: 0.875rem;
    }

    .dealscore-persentage svg,
    .engagement-persentage svg {
        width: 4.375rem;
        height: 4.375rem;
    }

    .dealscore-persentage text,
    .engagement-persentage text {
        font-size: 1.375rem;
    }

    .sentiment-smile {
        font-size: 2.5rem;
        margin-bottom: 1.25rem;
    }

    .contact-info-progressbar-inner p {
        font-size: 0.875rem;
        line-height: 1rem;
    }

    .predicted_close_date {
        font-size: 0.9375rem;
        margin-bottom: 0.9375rem;
    }

    .predicted_price h3 {
        font-size: 1.25rem;
    }

    .predicted_price p {
        font-size: 0.875rem;
        margin-bottom: 0.625rem;
    }

    .cotactinfo_general_list li p {
        font-size: 0.9375rem;
    }

    .cotactinfo_general_list li h4 {
        font-size: 0.875rem;
    }

    .cotactinfo_general_list li {
        padding: 0.875rem 0.625rem;
    }

    .people-img-area {
        width: 3.75rem;
    }

    .people-img {
        width: 3.75rem;
        height: 3.75rem;
    }

    .status {
        width: 0.9375rem;
        height: 0.9375rem;
    }

    .idicationbtn {
        width: 0.7375rem;
        height: 0.7375rem;
    }

    .people-details h2 {
        font-size: 1rem;
    }

    .people-details p {
        font-size: 0.875rem;
    }

    .shared-files-box-area li a p {
        font-size: 1rem;
    }

    .step_area_top li {
        font-size: 1rem;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    .gradiant-card .payroll-body {
        padding: 3.125rem 2.5rem;
    }

    .gusto-wrappper {
        width: 12.5rem;
    }

    .payroll-steps-head h4 {
        font-size: 1.75rem;
    }

    .payroll-bar {
        height: 0.625rem;
        margin-bottom: 0.3125rem;
    }

    .payroll-bot-lft h2 {
        font-size: 2.25rem;
    }

    .payroll-bot-lft p {
        font-size: 1.125rem;
    }

    .payroll-bot-lft h5 {
        font-size: 1.25rem;
    }

    .r-btn {
        padding: 0.625rem 1.5625rem;
        font-size: 0.875rem;
    }

    .payroll-bot-rht {
        width: 45%;
    }

    .payroll-box p {
        font-size: 1.25rem;
    }

    .table-user-img {
        width: 3.125rem;
        height: 3.125rem;
    }

    .universal-table-wrap table thead th {
        font-size: 0.8125rem;
    }

    .universal-table-wrap table tbody tr td {
        padding: 0.3125rem;
        font-size: 0.875rem;
    }

    .leaves-for-wrapper a {
        font-size: 0.875rem;
        margin-right: 0rem;
    }

    .stats-box h4 {
        font-size: 1.5rem;
    }

    .stats-box h6 {
        font-size: 0.875rem;
    }

    .universal-table-wrap table tbody tr td:last-child {
        width: 6.25rem;
    }

    .workforce-heading h2 {
        font-size: 1.25rem;
    }

    .workforce-heading i {
        font-size: 1.25rem;
    }

    .calender-cal-wrapper {
        padding: 0.1875rem 0.3125rem;
        margin-bottom: 0.625rem;
    }

    .fc-col-header-cell a,
    .fc-daygrid-day-top a {
        font-size: 0.75rem;
    }

    .calender-cal-wrapper .fc .fc-day-today .fc-daygrid-day-top a::after {
        width: 1.875rem;
        height: 1.875rem;
    }

    .payroll-chart-wrapper {
        width: 90%;
    }

    .payroll-earnings-wrap {
        width: 85%;
    }

    .calender-highlight {
        width: 3.125rem;
        height: 0.875rem;
        margin-right: 0.3125rem;
    }

    .calender-vacation p {
        font-size: 0.75rem;
    }

    .calender-today {
        width: 1.5625rem;
        height: 1.5625rem;
        flex: 0 0 auto;
    }

    .team-users-box {
        margin-right: 0.625rem;
    }

    .team-user-img {
        width: 4.375rem;
        height: 4.375rem;
    }

    .team-tab-flex {
        margin-bottom: 1.875rem;
    }

    .tab-btns {
        padding: 0.3125rem 1.875rem;
        font-size: 1rem;
    }

    .timeline-box {
        padding: 0.9375rem;
    }

    .timeline-box p {
        font-size: 0.875rem;
    }

    .timeline-box h5 {
        font-size: 0.9375rem;
    }

    .timeline-rht button {
        font-size: 1rem;
    }

    .time-tracker-content {
        margin-bottom: 1.25rem;
    }

    .time-tracker-content h4 {
        font-size: 1.125rem;
    }

    .time-tracker-content p {
        font-size: 0.8125rem;
    }

    .white-card {
        padding: 1.25rem 1.25rem 1.875rem 1.25rem;
    }

    .white-card-content-wrapper h2 {
        font-size: 1.5rem;
    }

    .white-card-bottom-box p {
        font-size: 0.75rem;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    /* ==========================INVENTORY SPRINTS =====================*/
    .white-card-left h2 {
        font-size: 1.3125rem;
        margin-bottom: 0.625rem;
    }

    .white-card-left h3 {
        font-size: 1.4375rem;
    }

    .progresss-bar-w-transparent label {
        font-size: 1rem;
    }

    .progresss-bar-w-transparent .progress {
        height: 1.25rem;
    }

    .progresss-bar-w-transparent.progress_barstyle_3 {
        margin-top: 0.625rem;
    }

    .activity-white-card {
        margin-right: 0.9375rem;
        border-radius: 0.625rem;
        padding: 1.875rem 0.625rem;
    }

    .activity-white-card i {
        font-size: 1.875rem;
    }

    .activity-white-card h4 {
        font-size: 1.4375rem;
    }

    .activity-white-card p {
        font-size: 0.9375rem;
    }

    /* ==========================INVENTORY SPRINTS =====================*/
    /* ==========================MARKETING SPRINTS =====================*/
    .marketing-search {
        width: 16.25rem;
    }

    .select_blank_temp {
        height: 23.875rem;
    }

    .trigger_event_main img,
    .website_tem_pic img,
    .trigger_event_main,
    .website_tem_pic {
        height: 19.75rem;
    }

    /* ==========================MARKETING SPRINTS =====================*/
    /* ==========================ORDERS SPRINTS =====================*/
    .orders-welcome-card h2 {
        font-size: 1.625rem;
        margin-bottom: 1.5625rem;
    }

    .order-welcome-lft p {
        font-size: 1.0625rem;
    }

    .order-welcome-lft button {
        padding: 0.5rem 0.9375rem 0.5rem 0.9375rem;
        margin-top: 0.9375rem;
        font-size: 0.875rem;
    }

    .order-welcome-lft button i {
        margin-left: 1.125rem;
    }

    .order-table-wrapper table tbody td:nth-child(1) {
        padding: 0.625rem 0rem 0.625rem 1.25rem;
    }

    .order-table-wrapper table tbody td:nth-child(3) {
        padding: 0.625rem 1.25rem 0.625rem 0rem;
    }

    .order-table-wrapper table thead th:nth-child(1) {
        padding: 1.25rem 0rem 0.3125rem 1.25rem;
    }

    .order-table-wrapper table thead th:nth-child(3) {
        padding: 1.25rem 1.25rem 0.3125rem 0rem;
    }

    .order-table-wrapper table tbody td p {
        font-size: 0.8125rem;
        margin-bottom: 0.3125rem;
    }

    .progress_bar-group label {
        font-size: 0.8125rem;
        margin-bottom: 0.125rem;
    }

    .selling-progress-bar-wrap .progress {
        height: 0.6875rem;
    }

    .order-rate-line {
        margin: 0.625rem auto;
    }

    .order-two-welcome-lft p span {
        font-size: 1.375rem;
    }

    .orders-rate-top h2 {
        font-size: 2.25rem;
    }

    .orders-rate-top h6 {
        font-size: 1.125rem;
    }

    .orders-welcome-card h2 {
        font-size: 1.3125rem;
        margin-bottom: 1rem;
    }

    .orders-two-status-heading-wrap h4 {
        font-size: 0.8125rem;
    }

    .order-two-status-lft h6 {
        font-size: 0.8125rem;
    }

    .order-chart-main-wrap .card-body canvas {
        height: 15.625rem !important;
    }

    .orders-two-status-progress-wrapper {
        margin: 1.25rem 0;
    }

    .order-two-status-lft h6 {
        font-size: 0.75rem;
    }

    /* ==========================ORDERS SPRINTS =====================*/
    /* ==========================TICKETS SPRINTS =====================*/
    .r-border-btn {
        padding: 0.375rem 0.8125rem;
        font-size: 0.8125rem;
    }

    .tickets-top-box {
        padding: 0.3125rem;
    }

    .avail-img-box {
        width: 3.125rem;
        height: 3.125rem;
    }

    .available-to-ticket p {
        font-size: 0.8125rem;
    }

    .tickets-leader-img-wrapper {
        width: 4.6875rem;
        height: 4.6875rem;
    }

    .tickets-leader-img-wrapper.mid-box {
        border: 0.3125rem solid #fff;
        width: 5.625rem;
        height: 5.625rem;
    }

    .tickets-leaderboard-img-box p {
        font-size: 0.875rem;
    }

    .tickets-leaderboard-bottom h6 {
        font-size: 1rem;
    }

    .tickets-leaderboard-bottom h4 {
        font-size: 1.5rem;
    }

    .tickets-leaderboard-bottom {
        padding: 0rem 1.25rem 1.25rem 1.25rem;
    }

    .mvp-star {
        width: 1.875rem;
        height: 1.875rem;
    }

    .piority-box {
        padding: 0.625rem;
    }

    .tickets-workload-content {
        margin-top: 1.25rem;
    }

    .tickets-workload-content h3 {
        font-size: 2.5rem;
    }

    .tickets-workload-content p {
        font-size: 1rem;
    }

    .workload-img-wrapper i {
        font-size: 2.25rem;
    }

    .actual-completion-card .workforce-heading {
        margin-bottom: 0;
    }

    .tickets-top-card .card-body {
        padding: 1.25rem;
    }

    .actual-chart-wrap canvas {
        height: 16.875rem !important;
    }

    .select-btn {
        padding: 0.375rem 0.9375rem;
        font-size: 0.875rem;
    }

    /* ==========================TICKETS SPRINTS =====================*/
    /* ========================= Add New ======================== */
    /* .r-add-leads-main-wrapper label {
        font-size: 0.8125rem;
    }

    .r-add-leads-main-wrapper input,
    .r-add-leads-main-wrapper textarea,
    .r-add-leads-main-wrapper select {
        font-size: 0.8125rem;
    } */

    /* .r-add-leads-main-wrapper input::placeholder,
    .r-add-leads-main-wrapper textarea::placeholder,
    .r-add-leads-main-wrapper select::placeholder {
        font-size: 0.8125rem;
    }

    .r-add-people-rht .accordion-button {
        font-size: 1.1875rem;
    }

    .r-add-people-rht-top .people-img {
        width: 5.5rem;
        height: 5.5rem;
    }

    .r-add-people-rht-top .status {
        bottom: 0.3125rem;
        right: 0.6875rem;
    } */

    /* 
    .r-add-leads-main-wrapper textarea {
        height: 2.3438rem;
    } */

    /* ==================== ADD DETAILS PAGE ===================== */

    /* ========================== OFF CANVAS =====================*/
    .lead-offcanvas {
        width: 21.875rem !important;
    }

    /* ================== OFF CANVAS ======================== */
    .selectriggertemplete .dataTables_wrapper table thead th:last-child {
        width: 14% !important;
    }

    /* EDIT GIFT CARD */
    .check_main_magnet input {
        padding: 4.6875rem 0;
    }

    /* ================== ISSUE GIFT CARD ======================== */
    #historymodal .modal-dialog {
        max-width: 80%;
    }

    .gift_marketing table.dataTable.no-footer {
        width: 84.375rem;
    }

    .e_gift_market_wrap table {
        width: 87.5rem;
    }

    .columnscardsl {
        max-width: 100%;
    }

    .order-gift-card-select-form-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .title_new_e_card.flex_term {
        flex-direction: column;
        align-items: flex-start;
    }

    .title_new_e_card h4 {
        font-size: 1.25rem;
        margin-bottom: 0.625rem;
    }

    .custom_gift_card_wrap {
        padding: 1rem;
    }

    .column_order_gift.custom_gift_card_wrap .flip_card_main_wrap {
        height: 17.5625rem;
    }

    .gift_marketing .modal-dialog {
        max-width: 39.375rem;
    }

    .card_back_con {
        max-height: 4.375rem;
        margin-bottom: 1.25rem;
    }

    .card_back_con p {
        font-size: 0.75rem;
        line-height: 0.875rem;
        padding: 0.625rem 0;
    }

    .Card_bar_code {
        height: 3.75rem;
    }

    /* ================== ISSUE GIFT CARD ======================== */


    /* EDIT GIFT CARD */

    /*============ COMMUNICATION HISTORY  ====================*/
    .communication-history table {
        min-width: 87.5rem;
    }

    /*============ COMMUNICATION HISTORY  ====================*/
    /*============ SUCTOMER APP  ====================*/
    .scanerbarcod,
    .app_store_bx {
        margin: 0 1.5rem;
    }

    /*============ SUCTOMER APP  ====================*/
    /*============ LEADS-CUSTOMER-GROUP  ====================*/


    .sms-campaign-item-heading h2 {
        font-size: 1.25rem;
    }

    .sms-campaign-item-body-item-main {
        height: 4.6875rem;
    }

    /*============ LEADS-CUSTOMER-GROUP  ====================*/
    /*============ Coupon Campaign  ====================*/
    .coupon_cam_temp_s {
        width: 32.2%;
    }

    .template_main {
        flex-basis: 31.333%;
    }

    /*============ Coupon Campaign  ====================*/
    /*=========== VIRTUAL-TERMINAL-START ====================*/
    .virtual-primary-info-bottom-third-lft {
        width: 78%;
    }

    .virtual-primary-info-bottom-third-rht {
        width: 21%;
    }

    .virtual-card-payment-lft {
        width: 66.66666667%;
    }

    .virtual-card-payment-rht {
        width: 33.33333333%;
    }

    .virtual-card-payment-lft .lead_track_flex .lead_nav_tabs {
        justify-content: flex-start;
    }

    .virtual-card-payment-rht {
        text-align: right;
    }

    /*=========== VIRTUAL-TERMINAL-END ====================*/
    /*===========  NEW INVOICE START  ====================*/
    .new-invoice-inventory-wrapper {
        overflow-x: scroll;
        max-width: 100%;
        -webkit-overflow-scrolling: touch !important;
    }

    #inventoryServicesDetails .new-invoice-inventory-table {
        min-width: 100rem !important;
    }

    .promotion_campaign_inventory .new-invoice-inventory-table {
        width: 100% !important;
    }

    .new-inv-bottom-wrapper .new-inv-template-wrapper {
        width: 66%;
    }

    .new-inv-bottom-wrapper .new-inv-order-wrapper {
        width: 32%;
    }

    .product_positoining_wraper_inner ul {
        grid-template-columns: repeat(6, 1fr);
    }

    /*===========  NEW INVOICE END  ====================*/
    /*===========  ORDER MANAGEMENT END  ====================*/
    .r-order-chart-wrap canvas {
        min-height: 15rem;
    }

    .r-best-selling-products-wrap {
        max-height: 15.625rem;
    }

    .mange-pending-top i {
        font-size: 1.875rem;
    }

    .mange-pending-mid h4 {
        font-size: 1.875rem;
    }

    .mange-pending-mid p {
        font-size: 1.25rem;
    }

    .r-best-selling-top-wrap {
        gap: 0.625rem;
    }

    .r-best-selling-top-wrap h4 {
        font-size: 1.25rem;
    }

    .r-best-selling-top-wrap a {
        font-size: 0.875rem;
        flex: 0 0 auto;
    }

    /*===========  ORDER MANAGEMENT END  ====================*/
    /*============ ADD NEW BUSINESS WEBSITE START  ============*/
    .add-new-portfolio-business-wrap .columnauto .btn_temp_main {
        top: 15%;
    }

    /* .email_format {
        max-width: 43%;
      } */
    .email_format.email_type_Three {
        max-width: 45%;
        max-height: 44%;
        transform: translate(-20%, 60%);
    }

    .email_format.email_type_four {
        max-width: 41%;
        max-height: 34%;
        transform: translate(-23%, 90%);
    }

    .email_format.email_type_five {
        max-width: 43%;
        max-height: 40%;
        transform: translate(-17%, 70%);
    }

    .email_format.email_type_six {
        max-height: 47%;
        transform: translate(-21%, 50%);
    }

    .email_format.email_type_seven {
        max-height: 42%;
        transform: translate(-21%, 71%);
    }

    .email_format.email_type_eight {
        max-width: 42%;
        max-height: 39%;
        transform: translate(-23%, 64%);
    }

    .email_format.email_type_nine {
        max-width: 43%;
        transform: translate(-28%, 3.5625rem);
        max-height: 44%;
    }

    .email_format.email_type_ten {
        max-width: 44%;
        max-height: 43%;
        transform: translate(-28%, 52%);
    }

    .sms_one {
        transform: translate(-44%, 50%);
        max-width: 44%;
        max-height: 56%;
    }

    .sms_Two {
        max-width: 44;
        transform: translate(-27%, 9.4375rem);
        max-height: 52%;
    }

    .sms_Three {
        max-width: 41%;
        max-height: 52%;
        transform: translate(-25%, 60%);
    }

    /*============ ADD NEW BUSINESS WEBSITE END  ============*/
    .templete_content_wrap {
        max-width: 15.875rem;
    }

    /*============ FAST SHOP START  ============*/
    .fast-shop-analytics-bottom-outer {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
    }

    .fast-shop-analytics-bottom-outer .fast-shop-analytics-bottom {
        width: 100%;
    }

    .fast-shop-analytics .fast-shop-analytics-bottom:first-child {
        margin-right: 0rem;
    }

    /*============ FAST SHOP END  ============*/
    .margin-reports-main-title h2,
    .title-price-reports,
    .margin_reports_wrap_revenue h2 {
        font-size: 1.3125rem;
    }

    .title-margin-reports {
        font-size: 1rem;
    }

    .merchant-flex-item {
        width: 27%;
    }

    /* ========== GLOBAL SETTINGS ========== */
    .business-settings-tab-outer .nav li button {
        font-size: 0.8125rem;
    }

    .link-pos-wrap p {
        font-size: 0.9375rem;
    }

    .link-pos-img-wrap img {
        width: 31.25rem;
        height: 21.875rem;
        object-fit: contain;
    }

    .link-pos-connected-wrap li {
        gap: 0.9375rem;
    }

    .link-pos-connected-wrap p,
    .link-pos-connected-wrap .tooltip-ul-list li,
    .link-pos-connected-wrap .pos-content-t a {
        font-size: 0.8125rem;
    }

    .link-pos-connected-wrap h5 {
        font-size: 0.9375rem;
    }

    .add-payment-catcher-main-wrappers {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ========== GLOBAL SETTINGS ========== */
    /* MY PROFILE STARTS */
    .mypro-info-wrap-lft a {
        right: 0rem;
    }

    .change-password-wrap .merchant-top-wrap button {
        min-width: 10.625rem;
    }

    /* MY PROFILE ENDS */
    /* REVIEWS AND RATINGS START */
    .r-and-r-card {
        padding: 0.75rem;
        width: 10.625rem;
    }

    .r-and-r-card-top-rate-wrap i {
        font-size: 0.6875rem;
    }

    .r-and-r-card-top-rate-wrap p {
        font-size: 0.8125rem;
    }

    .rev-num-total p {
        font-size: 0.6875rem;
    }

    .progress-item {
        margin-bottom: 0.3125rem;
    }

    .progress-top h5 {
        font-size: 0.8125rem;
    }

    .progress-top h5 i {
        font-size: 0.6875rem;
    }

    .progress-top p {
        font-size: 0.6875rem;
    }

    .r-and-r-rht-tab-wrap .nav .nav-item .nav-link {
        font-size: 0.75rem;
    }

    .rht-rating-card-top h6 {
        font-size: 0.875rem;
    }

    .rht-rating-card-top p {
        font-size: 0.75rem;
    }

    .rht-rating-card-rht-star-wrap i {
        font-size: 0.6875rem;
    }

    .rht-rating-card p {
        font-size: 0.75rem;
    }

    .rht-rating-card-top {
        flex-direction: column;
    }

    .rht-rating-card-rht p {
        text-align: left;
    }

    /* REVIEWS AND RATINGS END */
    .socialmediamodal .modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
        max-height: 74vh;
    }

    .pricing_billing_main_wraper .authorisations_table_wrap thead tr th:first-child,
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tbody tr td:first-child,
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tr td:first-child,
    .promotional_add_employee_table .authorisations_table_wrap thead tr th:first-child,
    .promotional_add_employee_table .authorisations_table_wrap tbody tr td table tbody tr td:first-child,
    .promotional_add_employee_table .authorisations_table_wrap tbody tr td table tr td:first-child {
        width: 18%;
    }

    .pricing_billing_main_wraper .authorisations_table_wrap thead tr th table thead tr th,
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tbody tr td,
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table thead tr th,
    .pricing_billing_main_wraper .authorisations_table_wrap tfoot tr th {
        width: 18%;
        padding: 0.625rem 0.75rem;
    }

    .btn_form {
        width: 11.0625rem;
    }

    /* LOG IN */

    .user_header_login p {
        padding: 0.9375rem 1.4375rem;
    }

    .signupurl {
        padding: 1.5625rem 0;
    }

    .user_main_wraper,
    .user_main_sign_up_wraper {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard_main_signup {
        background-size: 49% 100%;
    }

    .dashboard_main_login {
        background-size: 52% 100%;
    }

    /* REWARD MARKETING START */
    .rewards-lft-chart-wrap {
        grid-template-columns: 1fr;
    }

    .punch-rule-btn-wrap button {
        margin-bottom: 0.75rem;
    }

    .punch-rule-btn-wrap button:last-child {
        margin-bottom: 0;
    }

    .payroll-btm-lft {
        width: 65%;
    }

    .payroll-btm-rht {
        width: 35%;
    }

    /* REWARD DASHBOARD TRANSACTION */
    .reward-progress-item-wrap .reward-progress-item {
        width: 25%;
        padding: 1.25rem;
    }

    .reward-progress-item-wrap h6 {
        font-size: 0.9375rem;
    }

    .reward-progress-item-wrap p {
        font-size: 0.625rem;
    }

    .reward-progress-item-wrap .reward-progress-item-btm i {
        font-size: 0.625rem;
    }

    .reward-progress-item::after {
        right: -1.5625rem;
    }

    .employee-lft-wrap .sms-campaign-item-body-item-main .employee-lft-date p {
        font-size: 0.75rem;
    }

    .main_universell_content {
        padding: 1.25rem 2.25rem;
    }


    /* WELCOME SCREEN START */
    /* .logo_universal img.img-fluid {
        max-width: 5rem;
    } */

    .main_universell_content {
        margin-top: 1.875rem;
    }

    .icon_box_main {
        width: 6.25rem;
        height: 6.25rem;
    }

    .icon_inner {
        width: 3.75rem;
        height: 3.75rem;
    }

    .universell_content h4 {
        font-size: 1rem;
    }

    .universell_content h2 {
        font-size: 1.75rem;
    }

    .universell_content p {
        font-size: 0.875rem;
    }

    .border-custome {
        width: 6.25rem;
    }

    .border-custome.top {
        top: 4.375rem;
    }

    .border-customeleft::after {
        top: 4.375rem;
    }

    .border-custome.bottom {
        bottom: -4.375rem;
    }

    .border-customeright::after,
    .border-customeright .border-custome.top {
        top: 4.375rem;
    }

    .border-customeright .border-custome.bottom {
        bottom: -4.375rem;
    }

    /* WELCOME SCREEN END */
    /* TICKETS START */
    .ticketsChartsbx {
        width: 11.25rem;
    }

    .tickets_checked .merchantname {
        font-size: 1rem;
    }

    .list_tickets_chart li p {
        font-size: 0.875rem;
    }

    /* TICKETS END */
    /* ADD FORM START */
    /* .editor-outer-lft {
        width: 15.625rem;
    } */

    .add-form-wrap .form-outer {
        /* width: auto; */
        min-height: 31.25rem;
    }

    .add-form-wrap .people-table-accordian-wrap {
        padding-top: 0;
    }

    .add-form-wrap .people-table-accordian-wrap h5 {
        font-size: 0.9375rem;
        margin-bottom: 0.625rem;
    }

    .add-form-wrap .sms-campaign-item-body {
        max-height: 18.75rem;
    }

    .add-form-wrap .r-fast-nav-wrapper {
        /* grid-template-columns: 1fr; */
        grid-gap: 0.625rem;
    }

    .add-form-wrap .people-table-accordian-wrap .accordion-item .accordion-button {
        font-size: 0.9375rem;
    }

    .add-form-wrap .r-fast-nav-wrapper li a {
        padding: 0.4375rem 0.3125rem;
        font-size: 0.75rem;
        border-radius: 0.3125rem;
    }

    .add-form-wrap .fast-shop-top {
        flex-wrap: wrap;
    }

    /* .add-form-wrap .fast-shop-top-lft,
    .add-form-wrap .fast-shop-top-rht {
        width: 100%;
    } */

    .add-form-wrap .fast-shop-top-lft h5 {
        font-size: 0.9375rem;
        margin-bottom: 0.625rem;
    }

    .offcanvas.offcanvas-end.add-form-canvas.show {
        max-width: 18.75rem;
    }

    /* ADD FORM END */
    /* EMAIL AND SMS START */
    .pie-line-chart-lft,
    .white-chart-rht {
        width: 30%;
    }

    .pie-line-chart-rht,
    .white-chart-lft {
        width: 70%;
    }

    /* EMAIL AND SMS END */
    /* NEW APPOINTMENTS START */
    .appointment-donought-chart .dougnut-chart-wrap,
    .appointment-donought-chart .email-chart-rht-description {
        width: 50%;
    }

    .appointment-donought-chart .dougnut-chart-wrap canvas {
        max-width: 9.375rem;
        max-height: 9.375rem;
    }

    .crm-appoint-wrap .edit-customer-charts {
        max-height: 18.75rem;
    }

    /* NEW APPOINTMENTS END */
    /* CHART BOX */

    .small-window-wrap.chatsopensbox {
        left: 5.375rem;
    }

    /* HOMEPAGE */
    .main_universell_content_home .border-customeleft::after,
    .main_universell_content_home .border-customeright::after {
        height: calc(100% - 3.8125rem);
        top: 4.4375rem;
    }

    .main_universell_content_home .border-custome {
        width: 4.9375rem;
    }

    .main_universell_content_home .border-custome.bottom {
        bottom: -0.625rem;
    }

    .bg-img img,
    .bg-img {
        width: 6.25rem;
        height: 6.25rem;
    }

    .custome-forms-main-wrapper .r-fast-nav-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .e-send-volume-chart canvas {
        max-height: 200px;
    }
}

@media (max-height: 868.98px) {
    .welcome-container {
        position: relative;
        left: auto;
        top: auto;
        transform: translate(0px, 0px);
        margin-bottom: 30px;
    }
}

@media (max-width:1199.98px) {
    html {
        font-size: 16px;
    }

    .side_bar_cta_icon_wrap .side_bar_cta_btn {
        width: 1.7rem;
        height: 1.7rem;
    }

    .side_bar_cta_icon_wrap .side_bar_cta_btn i.fa-light {
        font-size: 12px;
    }

    /* LOG IN */
    .dashboard_main_login {
        background-size: 50% 100%;
    }

    /*END  LOG IN */
    .modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
        max-height: 70vh;
    }

    .socialmediamodal .modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
        max-height: 112vh;
        height: 100%;
    }

    .modal-body {
        max-height: 70vh;
    }

    .side-bar-toggler {
        right: -0.8rem;
    }

    .side-bar-toggler button {
        width: 23px;
        height: 23px;
    }

    .side-bar-toggler button i {
        font-size: 10px;
    }

    /* .main-search {
        width: 30px;
        height: 30px;
        transition: .3s all linear;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        margin-right: 10px;
    } */

    .notification,
    .user-img {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 6px 0 0;
    }

    .notification i,
    .user-img i {
        font-size: 16px;
    }

    .hellouser h2 {
        font-size: 24px;
    }

    /* .searchinput {
        height: 30px;
        padding: 0 15px 0 30px;
    } */

    .searchsubmit,
    .marketing-searchsubmit {
        left: 0;
        top: 1px;
    }

    .sec-search.main-search-full {
        width: 200px;
        height: auto;
        visibility: visible;
    }

    .crm-activity-msg-wrap p,
    .crm-activity-msg-wrap a {
        font-size: 13px;
    }

    .crm-activity-msg-date {
        top: 10px;
    }

    .shared-files-box-area {
        flex-wrap: wrap;
        gap: 5px;
    }

    .shared-files-box-area li {
        width: 100%;
        margin-right: 0px;
    }

    .user_s-item {
        flex-wrap: wrap;
        margin: 0 0 30px 0;
        gap: 15px;
    }

    .user_s-img {
        margin-right: 0px;
        flex: 0 0 auto;
    }

    .progress_barstyle_4 .progress {
        height: 30px;
    }

    .people-head-links a,
    .people-head-links button {
        padding: 6px;
        font-size: 18px;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    .payroll-bottom-wrapper {
        width: 100%;
    }

    .stats-box i {
        font-size: 20px;
    }

    .stats-lft {
        margin-right: 15px;
    }

    .stats-box h4 {
        font-size: 20px;
    }

    .stats-box h6 {
        font-size: 13px;
    }

    .payroll-heading-icons {
        right: 15px;
        top: 20px;
    }

    .workforce-heading a i {
        font-size: 16px;
    }

    .tab-btns {
        padding: 2px 22px;
        font-size: 13px;
    }

    .course-timeline-day h4 {
        font-size: 18px;
    }

    .course-timeline-card .card-body {
        padding-bottom: 0px;
    }

    .course-timeline-top {
        margin-top: 30px;
    }

    .top-performer-table-wrap table {
        width: 100%;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    /* ==========================MARKETING SPRINTS =====================*/
    .marketing-social-box {
        width: 130px;
        height: 130px;
        border-width: 2px;
    }

    .marketing-social-box i {
        font-size: 20px;
    }

    .marketing-social-box h4 {
        font-size: 20px;
    }

    .marketing-social-box p {
        font-size: 12px;
    }

    .sm-comment-card {
        padding: 10px;
    }

    .sm-comment-card h5 {
        font-size: 18px;
    }

    .sm-comment-card p {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .sm-comment-card button {
        font-size: 13px;
    }

    .engaged-chart-wrapper canvas {
        height: 160px !important;
    }

    .engage-chart-main h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .tickets-bottom-add-new {
        padding: 40px;
    }

    .tickets-bottom-add-new i {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .tickets-bottom-add-new p {
        font-size: 18px;
    }

    /* ==========================MARKETING SPRINTS =====================*/
    /* ========================== Add New =====================*/
    .r-add-people-rht-top .people-details h2 {
        font-size: 25px;
    }

    .r-add-people-rht-top .people-details p {
        font-size: 13px;
    }

    .r-add-people-lable-input-wrap {
        margin-bottom: 10px;
    }

    .lead_flex_range_status .form-group {
        width: 37.5%;
    }

    .check_main_magnet {
        width: 29.2%;
    }

    /* ========================== USER APPOINTMENT =====================*/
    .appointment_customers .people-img {
        width: 70px;
        height: 70px;
    }

    .appointment_customers .people-img-area {
        width: 70px;
    }

    .appointment_customers .people-details h2 {
        font-size: 21px;
    }

    .appointment_customers .status {
        bottom: 2px;
    }

    /* ========================== LEAD TRACKING =====================*/

    .l_track_bx_wrap .column-right {
        width: 22%;
    }

    .l_track_bx_wrap .form-select {
        padding-right: 22px;
    }

    /******************************* SMS AUTOMATION *******************************/
    .item-sms-templete {
        width: 31%;
    }

    .columnauto {
        width: 100%;
    }

    .templete_content_wrap {
        padding: 10px 16px 16px;
    }

    /******************************* SMS AUTOMATION *******************************/

    /******************************* ISSUE GIFT CARD *******************************/
    .flip_card_main_wrap {
        height: 290px;
    }

    .columnscardsl {
        max-width: 100%;
    }

    .order-gift-card-select-form-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .crad_design_temp {
        max-height: 171px;
    }

    .content_info p {
        font-size: 20px;
        line-height: 44px;
    }

    .content_info h4 {
        font-size: 30px;
        line-height: 39px;
    }

    .term_conditions_accept h4 {
        font-size: 16px;
    }

    .flex_con {
        padding: 12px 0;
    }

    .term_conditions_accept p {
        font-size: 13px;
    }

    .gift_marketing .modal-dialog {
        max-width: 560px;
    }

    /******************************* ISSUE GIFT CARD *******************************/
    /******************************* ONLINE MARKETING / E COMMERCE CUSTOM SITE *******************************/
    .trigger_event_main,
    .website_tem_pic,
    .trigger_event_main img,
    .website_tem_pic img {
        height: 308px;
    }

    .select_blank_temp {
        height: 350px;
    }

    .btn_w_s {
        padding: 6px 12px;
        margin-right: 4px;
        font-size: 14px;
    }

    /******************************* ONLINE MARKETING / E COMMERCE CUSTOM SITE *******************************/
    /* Product Positoining */


    /* Product Positoining */
    /* Coupon Campaign */
    .coupon_champaign_inner_wrap .search_int {
        width: 50%;
    }

    .coupon_champaign_info {
        padding: 16px;
    }

    .btn_right_auto .btn_add_auto {
        margin-left: 5px;
    }

    .coupon_champaign_info .title_main_btn h4 {
        font-size: 21px;
        line-height: 25px;
        margin-bottom: 7px;
    }

    .coupon_campaign_info_content li {
        margin-bottom: 12px;
    }

    .coupon_cam_temp_s {
        width: 32.2%;
    }

    /* Coupon Campaign */
    #preview_agreement .modal-dialog {
        max-width: 94%;
    }

    /* Invoices */
    .btn-export {
        font-size: 14px;
        padding: 6px 30px;
    }

    .invoices_payment_tab_content .form-group {
        margin-bottom: 20px;
    }

    .agreementallmodalmain .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    /* VIRTUAL TERMINAL START */
    .alltransactiondetails-modal .virtual-all-transaction-wrap {
        min-width: 1100px;
        overflow: auto;
    }

    /* VIRTUAL TERMINAL END */
    /* CKEDITOR  */
    #email-flyer-editor #cke_1_top.cke_top {
        width: 218px;
    }

    #email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_button {
        width: 11.33%;
    }

    /* CKEDITOR END */
    /* ==================== Authorisation ===================== */
    .authorisations_table_wrap thead tr th:first-child,
    .authorisations_table_wrap tbody tr td table tbody tr td:first-child {
        width: 56%;
    }

    .authorisations_table_wrap {
        min-width: 1200px;
    }

    .pricing_billing_main_wraper .authorisations_table_wrap thead tr th:nth-child(2),
    .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td:nth-child(2) {
        width: 8%;
    }

    /* ==================== Authorisation ===================== */


    /* ==================== PAYMENT DUE PAGE START ===================== */
    .payment-mode-outer .payment-mode-wrap {
        flex-wrap: wrap;
    }

    .payment-mode-outer .payment-mode-wrap .payment-mode-lft,
    .payment-mode-outer .payment-mode-wrap .payment-mode-rht {
        width: 100%;
    }

    .payment-mode-outer .payment-mode-wrap .payment-mode-lft .nav.nav-tabs {
        flex-direction: row;
    }

    .payment-mode-outer .payment-mode-wrap .payment-mode-lft .nav.nav-tabs .nav-link {
        padding-left: 30px;
        padding-right: 30px;
    }

    .coupon-code-wrap {
        flex-direction: column;
    }

    .payment-mid-bottom-wrap-lft .payment-due-details-wrap .coupon-code-wrap .form-group,
    .payment-mid-bottom-wrap-lft .payment-due-details-wrap .coupon-code-wrap .orange-coupon-btn {
        width: 100%;
    }

    .payment-mid-bottom-wrap-lft .payment-due-details-wrap .coupon-code-wrap .form-group {
        margin-bottom: 10px;
    }

    .inventory-product-data .nav {
        width: 25%;
    }

    .manage-authorization.inventory-product-data .nav {
        width: 16%;
    }

    .inventory-product-data .tab-content .row {
        margin-bottom: 0;
    }

    .inventory-product-data .tab-content .row .form-group,
    .inventory-product-data .invoices_main_wraper {
        margin-bottom: 20px;
    }

    /* ==================== PAYMENT DUE PAGE END ===================== */
    /* GLOBAL SETTINGS START */
    .merchant-setting-outer .merchant-table .merchant-top-wrap .form-group {
        margin-bottom: 0;
    }

    /* GLOBAL SETTINGS END */
    .list_billing_pricing {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Punch card reward */
    .punch-setting-wrap .rewards-settings-wrap ul li {
        width: 100%;
    }

    .rewards-lft-chart-wrap {
        grid-template-columns: 1fr;
    }

    .reward_setting_punch_title h2 {
        font-size: 20px;
    }

    /* TICKETS START */
    .percenttxt,
    .weeklydays,
    .tickets_checked .merchantname {
        font-size: 14px;
    }

    .iconsbg {
        width: 25px;
        height: 25px;
    }

    .status_wise_table_wrapper_flex,
    .tickets_chart_main_bx {
        flex-wrap: wrap;
    }

    .status_wise_table_wrap {
        margin: 0 0 20px;
    }

    .ticketsChartsbx {
        margin: auto;
    }

    .list_tickets_chart {
        padding-left: 0;
    }

    /* TICKETS END */
    /* EMAIL AND SMS TEMPLATE START */
    .pie-line-chart-item-wrap {
        gap: 13px;
        flex-wrap: wrap;
    }

    .pie-line-chart-item {
        width: 49%;
    }

    .white-chart-rht h5 {
        font-size: 16px;
    }

    /* EMAIL AND SMS TEMPLATE END */
    /* FILE CABINET START */
    .file_cabinet_columm_left {
        width: 25%;
    }

    .file_cabinet_columm_right {
        width: 73%;
    }

    .file-cabinet-grid-wrap {
        grid-template-columns: repeat(3, 31%);
    }

    .file-cabinet-main-inner .lead_track_flex {
        flex-wrap: wrap;
    }

    .file-cabinet-main-inner .flex-parent.ms-auto {
        margin: 10px 0;
        margin-left: 0 !important;
    }

    /* FILE CABINET END */
    /* CHART BOX */

    .small-window-wrap.chatsopensbox {
        left: 21px;
    }

    /* NAVIGATION STYLES START */
    .side-open .db_left {
        left: 0px;
        width: 200px;
    }

    .side-open .db_right {
        padding: 0 0 0 200px;
    }

    .db_left {
        width: 4.5625rem;
    }

    .db_right {
        padding: 0 0 0 4.5625rem;
    }

    .side-bar-user-name-id-wrap h4 {
        font-size: 14px;
    }

    .side-bar-user-name-id-wrap p {
        font-size: 12px;
    }

    .side-bar-user-name-id-wrap h4,
    .side-bar-user-name-id-wrap p {
        width: 90px;
    }

    .side-bar-user-img-wrap {
        width: 100%;
        height: auto;
        max-width: 45px;
    }

    .side-bar-logo-wrap,
    .side-bar-user-wrap,
    .side-bar-search-wrap,
    .side-bar-nav-box .side-bar-toggle-btn {
        padding: 8px 10px;
    }



    .side-bar-logo-wrap img {
        max-height: 40px;
    }

    .side-bar-logo-wrap {
        height: 60px;
        padding: 8px 10px;
    }

    .side-bar-toggle-btn img {
        width: 0.875rem;
        height: 0.875rem;
    }

    .side-bar-user-img-wrap img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 100%;
        max-width: 45px;
    }

    .side_bar_cta_close_wrap .side-bar-toggle-btn {
        padding: 8px 0rem;
    }

    .side-bar-wrap .user_profile_nav li h4 {
        font-size: 16px;
    }

    .useridtext {
        font-size: 12px;
    }

    .side-bar-wrap .dropdown-menu {
        min-width: 200px;
    }

    .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
    .starchange {
        font-size: 12px;
    }

    .side-bar-wrap .dropdown-menu li a,
    .side-bar-wrap .user_profile_nav li {
        font-size: 12px;
    }

    .side-open .nav-link-icon-wrap {
        margin-right: 6px;
    }

    .side-bar-nav-box .side-bar-toggle-btn {
        font-size: 12px;
        gap: .375rem;
        white-space: wrap;
    }

    .customDropdown .dropdown-menu {
        transform: translateX(73px) !important;
    }

    .side-open .customDropdown .dropdown-menu {
        transform: translateX(200px) !important;
    }

    .side_bar_cta_btn {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .side_bar_title_wrap h4 {
        font-size: 16px;
    }

    .side_bar_title_wrap,
    .side_bar_new_links_box .accordion .accordion-body {
        padding: 8px 14px;
    }

    .side_bar_new_links_box .accordion-button {
        font-size: 14px;
        padding: 8px 14px;
    }

    .side-bar-wrap .dropdown-menu li a {
        font-size: 11px;
        padding: .125rem .5rem;
    }

    .side_bar_new_links_col {
        width: 100%;
        min-width: 190px;
    }

    .side-open .side-bar-nav-box .side-bar-toggle-btn {
        font-size: 12px;
        padding: 8px 16px;
    }

    .side-bar-wrap .searchinput {
        border-color: transparent;
    }

    .side-bar-wrap .main-search {
        border-radius: 4px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    }

    /* NAVIGATION STYLES ENDS */

    /* contact us */
    .icon-contact {
        margin-right: 1rem;
    }

    .content-contact p,
    .content-contact a {
        font-size: 1.1rem;
    }

    /* custome form */
    .check-template-main-wrap,
    .check-template-type-main-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .call-page-lft {
        width: 64%;
        margin-right: 1rem;
    }

    .call-page-rht {
        width: 20rem;
    }

    .custome-forms-main-wrapper .r-fast-nav-wrapper {
        grid-template-columns: 1fr;
    }

    .people-main-leads-form {
        flex-wrap: wrap;
    }

    .people-main-leads-form .r-add-people-lable-input-wrap {
        width: 32%;
    }

    .products-gallery-inv.new-products-gallery-inv,
    .products-gallery-inv.new-products-document-inv {
        grid-template-columns: repeat(3, 1fr);
    }

    .accordion-item.without-accordion .products-gallery-inv.new-products-gallery-inv,
    .accordion-item.without-accordion .products-gallery-inv.new-products-document-inv {
        grid-template-columns: repeat(2, 1fr);
    }

    /* APPOINTMENT DETAILS TABLE START */
    .payment-due-wrap {
        width: 100%;
        margin: 0;
    }

    /* APPOINTMENT DETAILS TABLE END */
    /* APPOINTMENT DETAILS TABLE START */
    .payment-mid-bottom-wrap {
        flex-wrap: wrap;
    }

    .payment-mid-bottom-wrap-lft,
    .payment-mid-bottom-wrap-rht {
        width: 100%;
    }

    .payment-due-details-wrap .first-table table tr {
        display: grid;
    }

    .payment-due-details-wrap .first-table table tr td {
        padding: 0 !important;
        width: 100% !important;
        padding-bottom: 10px !important;
    }

    /* APPOINTMENT DETAILS TABLE END */
    .key-items-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    /* SHOPER VIEW */
    .unprocessed-item {
        flex-wrap: wrap;
    }

    .unprocessed-item-lft {
        width: calc(100% - 0rem);
    }

    .mp-wrap-lft {
        justify-content: space-between;
        width: calc(100% - 8rem);
    }

    .people-table-main.cpd-table-wrap .dataTables_filter {
        justify-content: center;
    }

    .cpd-table-wrap .dataTables_wrapper .dataTables_filter,
    .cpd-table-wrap .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center;
    }

    /* SHOPER VIEW END*/
    /* ANALYTICS INVETORY */
    .inventory-ana-inner-wrap .new-outer-tabs,
    .inventory-ana-inner-wrap .inv_ana_nav_tabs {
        width: auto;
    }

    .inventory-ana-inner-wrap.main-top-products .columnleft,
    .inventory-ana-inner-wrap.main-top-products .columnright {
        width: 100%;
        justify-content: flex-start;
    }

    .inventory-ana-inner-wrap.main-top-products {
        flex-wrap: wrap;
    }

    .inventory-list-an li {
        width: 32%;
    }

    .inventory-ana-inner-wrap .btn-export.print {
        margin: 0;
    }

    .inventory-ana-inner-wrap.main-top-products .columnleft {
        margin-bottom: 1rem;
    }

    .checkbox-sec {
        display: flex;
        flex-wrap: wrap;
    }

    /* ANALYTICS INVETORY END*/
    .uer-calling-title p,
    .column-left-side .uer-calling-title h4 {
        max-width: 11.75rem;
    }

    .user-calling-list-row .column-left-side {
        width: 39.75rem;
    }

    .transation-report-header {
        grid-template-columns: repeat(4, 1fr);
    }

    .blankdiv {
        display: none;
    }

    .totlacashcollect {
        text-align: left;
    }

    .totlacashcollect h4 {
        font-size: 1rem;
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/
    .user_main_wraper,
    .user_main_sign_up_wraper {
        grid-template-columns: 1fr;
    }

    .dashboard_main_signup,
    .dashboard_main_login {
        background-image: none;
    }

    /* .left_side_column.login-lft {
        background: url(../images/loginbg.jpg) no-repeat top center;
        background-size: cover;
    } */

    .right_side_column.login-rht {
        max-width: 991px;
        margin: 0 auto;
    }

    .privacy_bottom {
        margin-top: 2rem;
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/
    /** ADD INVENTORY SCREEN RESPONSIVE **/
    .variants_lft {
        width: 29%;
    }

    .variants_mid {
        width: 62%;
    }

    .accordion-item.without-accordion .products-img-inv-accordian .printalbeimg,
    .accordion-item.without-accordion .products-img-inv-accordian .printalbeimg {
        width: 48.1%;
    }

    /** ADD INVENTORY SCREEN RESPONSIVE **/
    /* Member Plan Screen Start */
    .member-plan-upgrade .main-wraper-member {
        width: 95%;
    }

    /* Pricing Modal Start */
    .plan_card .plan_card_suggestion p {
        font-size: 0.9rem;
    }

    .upgradeModalNew .plan_card {
        padding: 1.5rem 1rem 1rem 1rem;
    }

    .upgradeModalNew .plancard_top_icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .upgradeModalNew .plancard_top_icon img {
        width: 1.5rem;
        height: 1.5rem;
    }

    .upgradeModalNew .plancard_top_txt h2 {
        font-size: 1.2rem;
        margin-bottom: 0.25rem;
    }

    .upgradeModalNew .plancard_top_txt h3 {
        font-size: 2rem;
    }

    .upgradeModalNew .plancard_top_txt ul li {
        font-size: 0.9rem;
    }

    /* Pricing Modal End */
    .up-tocontinue .modal-body {
        max-height: 90vh;
    }

    .up-tocontinue img {
        max-height: 10rem;
    }

    /* Email Configuration New Start */
    .ec_plan_btm .email_configuration_pricing_main {
        grid-gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
    }

    /* Email Configuration New End */
    .custom-price-qnty.qut_pricing_new_styles .pricing-product,
    .order_summary_pay h4 {
        font-size: 1.1rem;
    }

    .r-add-leads-main-wrapper .custom-price-qnty i {
        margin-top: 0.02rem;
    }

    .custom-price-qnty.qut_pricing_new_styles .pricing-product {
        max-width: 11rem;
    }

    .custom-price-qnty .qty-pricing {
        margin-right: 1rem;
    }

    /* vt enhancement css */
    .wrapper-vt-w {
        width: 68%;
    }

    .vt-exdate,
    .vt-cvv {
        width: 23%;
    }

    .vt-form-group {
        width: 49%;
    }

    .vt-sale-flex-inner {
        flex-wrap: wrap;
    }

    .btn-sale {
        width: 49%;
    }

    .btns-an .btn-export {
        padding: 6px 15px;
    }

    .search-cutomers {
        margin-bottom: 0;
    }

    /* FAST SHOP PAGE CSS */
    .fastshop-content-column {
        width: 75%;
        flex: 0 0 auto;
    }

    .fast-shop-main-wrap .f-nabvar-category .navbar-nav li a.nav-link {
        padding: 0.625rem 0.5rem;
        font-size: 0.875rem;
    }

    .fast-shop-main-wrap .btn-pricing-value {
        width: 1.5rem;
        height: 1.5rem;
    }

    .fast-shop-main-wrap .products-items {
        width: 31.333%;
    }

    .fast-shop-main-wrap .pricing-product {
        font-size: 1rem;
    }

    /* NOTITFICATION ENHANCEMENT */
    .n-buttons-nav-pills {
        height: calc(100vh - 28vh);
    }

    .taxes-tab-wrap .lead_track_flex {
        margin-top: 1rem;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    /* APP & INTREGATION ENHANCEMENT */
    .app_intregation_card {
        width: 48%;
    }

    /* APP & INTREGATION ENHANCEMENT */


    .c-call-history-head .col-select {
        padding-left: 0;
        padding-right: 0;
    }

    .c-sms-template .c-call-history-body .c-call-history-legends:first-of-type {
        margin-bottom: 25px;
    }

    .call-script .user-calling-list-row {
        flex-direction: column;
    }

    .call-script .user-calling-list-row .column-left-side {
        width: 100%;
    }

    .call-script .user-calling-list-row .column-right-side {
        width: 100%;
    }

    .call-script .user-calling-list-row .column-left-side .user-calling-list-ul {
        height: auto;
    }

    .script-details-content .user-function-icon {
        justify-content: flex-start;
    }

    .script-details-content .call-history-right {
        width: 100%;
        justify-content: flex-start;
        gap: 10px;
        margin-top: 20px;
    }

    .c-sms-template .user-calling-list-row {
        flex-direction: column;
    }

    .c-sms-template .user-calling-list-row .column-left-side,
    .c-sms-template .user-calling-list-row .column-right-side {
        width: 100% !important;
    }

    .compose-box.script-box .small-window-wrap.compose-box-position {
        width: 40rem;
    }

    .cp-g-card .r-edit-right-top-user-details {
        display: flex;
        flex-wrap: wrap;
    }

    .text-in-row {
        width: 50%;
    }

    .gjs-pn-btn {
        font-size: 0.625rem !important;
    }

    .gjs-pn-views-container {
        padding-top: 2.6rem !important;
    }

    .gjs-block {
        width: 28% !important;
    }

    .gjs-pn-views-container {
        width: 20% !important;
    }

    .gjs-cv-canvas {
        width: calc(100% - 20%) !important;
    }

    .gjs-pn-options {
        right: 20% !important;
    }

    .gjs-pn-views {
        width: 20% !important;
    }

    .editor-header .container-fluid .editor-header-inner .editor-inner-rht .btn_new_message a {
        padding: 0.3125rem 0.5rem !important;
        font-size: 0.625rem !important;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .editor-header .container-fluid .editor-header-inner .editor-inner-rht .btn_new_message {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .tickets-inventory-top-wrap .employee-logs-rht-wrap {
        gap: 1rem;
    }

    .gs-linkqbo-xero .gs-qbo-row {
        flex-direction: column;
    }

    .gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul li {
        width: 29%;
    }

    .marketingMulFilter .select2-container .select2-search--inline .select2-search__field {
        margin-top: unset;
        position: relative;
        top: -6px;
    }

    .lead_track_flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .inventory-inner-tab .lead_track_flex .inventory-inner-right-sec .user-calling-search {
        padding-left: 0;
    }

    .inventory-default-btns {
        flex-wrap: wrap;
    }

    .cs-config-and-setup-email .cs-group {
        margin-top: 0;
    }

    .cs-customer-email-premium-wrap {
        flex-direction: column;
        align-items: center;
    }

    .cs-left-cust-email {
        flex-direction: column;
    }

    .cs-customer-email-premium-wrap .cs-email-premium-details {
        text-align: center;
    }

    .sc-step-wizard .steper_main {
        width: auto;
    }

    .sc-step-wizard .steper_main li {
        width: 50%;
    }

    .boost-sales-marketing-wrap .marketing-tool-option .mto-wrap {
        width: calc(50% - 0.5rem);
    }

    .c-contact .c-dialer-user-head .user-profile-group {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .gs-qbo-new {
        grid-template-columns: repeat(1, 1fr);
    }

    .wis-card-wrapper .wis-card-item {
        padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    }

    .wis-card-wrapper .wis-card-item .wis-card-heading h3 {
        font-size: 0.875rem;
    }

    .wis-card-item .wis-card-list ul li {
        font-size: 0.875rem;
    }

    .wis-card-item .wis-img-wrap {
        text-align: center;
    }

    .wis-card-item .wis-img-wrap img {
        width: 80%;
    }

    .pep-premium-email-plan {
        grid-template-columns: repeat(2, 1fr);
    }

    .email_signup_main_img_wrap,
    .email_signup_main_label_wrap {
        margin-bottom: 1.5rem;
    }

    .email_signup_main_label_wrap h2 {
        font-size: 2rem;
        line-height: 2.625rem;
    }

    .free_signup_txt {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .email_signup_main_wrap .social_btn {
        font-size: 1rem;
        padding: 0.75rem;
    }

    .email_signup_main_wrap .social_btn img {
        width: 24px;
        height: 24px;
    }

    .setup-content .sc-select-campaign-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:991.98px) {

    /* LOG IN */
    .logo_universal {
        width: 60%;
        margin: auto auto 20px auto;
    }

    .user_header_login h2 {
        font-size: 25px;
    }

    .user_header h2,
    .user_header_login h2 {
        font-size: 20px;
    }

    .user_header p,
    .user_header_login p,
    .signupurl,
    .privacy_bottom a,
    .user_header ul li {
        font-size: 14px;
    }

    /* .user_main_log_wrap .nav-pills {
        margin: 8px auto 22px auto;
    }
    .user_main_log_wrap .form-group {
        margin-bottom: 12px;
    } */
    .line_space {
        margin: 0 11px;
        top: 19px;
    }

    .privacy_bottom a {
        padding: 15px 10px;
    }

    .privacy_bottom p {
        font-size: 12px;
    }

    .remember_forgot {
        padding: 10px 0;
    }

    /*END  LOG IN */
    .modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
        max-height: 100%;
        height: auto;
    }

    .db_right_header-logo,
    .main-search {
        flex: 0 0 auto;
    }

    .orangeborder-button {
        display: none;
    }

    .orangeborder-button.mod-circle-btn {
        display: flex;
    }

    .hellouser h2 {
        font-size: 18px;
    }

    .step_area_top li {
        height: 60px;
        font-size: 14px;
        line-height: 1.2;
    }

    .step_area_top li::after {
        height: 60px;
    }

    .step_area_bottom_box {
        padding: 10px 10px 20px 10px;
    }

    .step_area_bottom_box h2 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .step_area_bottom_box p {
        font-size: 12px;
        line-height: 1.2;
    }

    .progress_bar-group.progress_barstyle_4:last-child {
        margin-bottom: 0 !important;
    }

    .click_tooltip ul li {
        font-size: 12px;
    }

    .click_tooltip {
        width: 280px;
        padding: 15px;
        left: auto;
        top: 50px;
        right: -35px;
        z-index: 99;
    }

    .click_tooltip::after {
        top: -22px;
        left: auto;
        right: 43px;
        rotate: 90deg;
    }

    .db_left .side-bar-line {
        margin: 15px auto;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/


    .gusto-wrappper {
        width: 180px;
        margin-bottom: 20px;
    }

    .payroll-steps-head h4 {
        font-size: 24px;
    }

    .payroll-box p {
        font-size: 15px;
    }

    .payroll-bot-lft h2 {
        font-size: 30px;
    }

    .payroll-paydate-flex {
        margin: 30px 0 35px 0;
    }

    .payroll-bot-lft p {
        font-size: 13px;
    }

    .payroll-bot-lft h5 {
        font-size: 15px;
    }

    .gradiant-card .payroll-body {
        padding: 30px 20px;
    }

    .r-btn {
        padding: 8px 20px;
        font-size: 12px;
    }

    .bottom-link {
        font-size: 14px;
    }

    .activities-chart-wrapper img {
        width: 100%;
    }

    .course-timeline-day h4 {
        font-size: 16px;
    }

    .course-timeline-day {
        padding: 8px 0px;
    }


    .timeline-course-name {
        height: 55px;
    }

    .timeline-progress {
        width: 15px;
        height: 40px;
        margin-right: 10px;
    }

    .marketing-timeline .timeline-course-box {
        width: 400px;
        left: 50%;
    }

    .timeline-course-box p {
        font-size: 15px;
    }

    .practice-timeline .timeline-course-box.exam-exam {
        left: 72%;
        width: 200px;
    }

    .practice-timeline .timeline-course-box.practice-market {
        width: 200px;
    }

    .marketing-two-timeline .timeline-course-box {
        width: 320px;
    }

    .quiz-timeline .timeline-course-box {
        width: 150px;
    }

    .course-day-wrapper {
        padding-left: 20px;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    /* ==========================INVENTORY SPRINTS =====================*/
    .inventory-welcome-box {
        padding: 20px 20px 40px 20px;
    }

    /* ==========================INVENTORY SPRINTS =====================*/
    /* ==========================MARKETING SPRINTS =====================*/
    .marketing-main-left::after {
        width: 0px;
    }

    .marketing-social-box {
        width: 150px;
        height: 150px;
    }

    .order-two-status-rht .progress_barstyle_3 .progress {
        height: 20px;
    }

    /* ==========================MARKETING SPRINTS =====================*/
    /* ==========================TICKETS SPRINTS =====================*/
    .tickets-lft-wrap {
        width: 60%;
        overflow: auto;
    }

    .tickets-top-box {
        width: 100px;
        flex: 0 0 auto;
    }

    .tickets-top-box h3 {
        font-size: 20px;
    }

    .tickets-rht-wrap {
        width: 40%;
        padding-left: 20px;
    }

    .tickets-workload-content .r-border-btn {
        width: 200px;
    }

    .web-builder-nav-wrap {
        width: 95%;
    }

    .web-builder-nav h6 {
        font-size: 16px;
    }

    .web-builder-top-wrap h2 {
        font-size: 20px;
    }

    /* ==========================TICKETS SPRINTS =====================*/
    /* ========================== Add New =====================*/
    .r-add-leads-main-wrapper .orderxlsecond {
        order: 2;
        margin-top: 30px;
    }

    .r-add-people-rht .accordion-button {
        font-size: 16px;
    }

    /* ========================== Add New =====================*/
    /* ========================== Lead Tracking =====================*/
    .column-left {
        width: 65%;
    }


    .lead_flex_range_status .form-group {
        width: 35.5%;
    }

    .lead-card-tag {
        padding: 3px 7px;
        font-size: 11px;
        line-height: 11px;
    }

    .l_track_bx_wrap .column-left,
    .l_track_bx_wrap .column-right {
        width: 100%;
    }

    .l_track_bx_wrap .search_int {
        margin-top: 13px;
        margin-right: 12px;
        width: 100%;
    }

    .l_track_bx_wrap .btn-export {
        margin-top: 12px;
    }

    .lead_tracking_dasgboard_edit li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        margin: 2px 3px;
    }

    /* ========================== Lead Form =====================*/

    .Lead_form_catchers-wrap .dataTables_wrapper table {
        width: 1164PX;
    }

    .lead-show-more-sec-wrap .lead-form-label label {
        font-size: 14px;
    }

    .left_col_50,
    .right_col_50,
    .stepwizard .add_details_page,
    .stepwizard .category_slect,
    .stepwizard .search_int {
        width: 100%;
    }

    .stepwizard .category_slect {
        padding-bottom: 15px;
    }

    /* ========================== Lead Form =====================*/
    .mobile_ver_scroll {
        width: 100%;
        overflow-x: auto;
    }

    .steper_main {
        width: 768px;
    }

    .category_slect,
    .search_int {
        width: 97%;
    }

    .category-width {
        gap: 1px;
    }

    /* ========================== OFF CANVAS =====================*/
    .lead-offcanvas {
        width: 260px !important;
    }

    .check_main_magnet {
        width: 46.2%;
    }

    /* ========================== CRM INBOX =====================*/
    .inbox_header_main .search_int {
        width: 36%;
    }

    #inbox_setting .modal-dialog {
        max-width: 86%;
    }

    .r-people-rht.in_fl_op {
        width: 100%;
        margin-top: 20px;
        justify-content: start;
        flex-wrap: wrap;
    }

    /* ========================== CRM INBOX =====================*/


    .lead-offcanvas .offcanvas-user-top {
        flex-wrap: wrap;
    }

    .lead-offcanvas .offcanvas-user-img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .lead-offcanvas .offcanvas-user-top h5 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 0px;
    }

    .lead-offcanvas .offcanvas-lead-label-details h6 {
        font-size: 15px;
    }

    .lead-offcanvas .offcanvas-lead-label-details p {
        font-size: 14px;
    }

    .lead-offcanvas .offcanvas-header {
        padding: 10px;
    }

    /* ================== OFF CANVAS ======================== */
    /*========== ADD AUTOMATION  MODAL ===================*/
    .item-sms-templete {
        width: 47%;
    }

    .selectriggertemplete .people-table-main .dataTables_wrapper {
        width: 800px;
    }

    .title_main_btn h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 7px;
    }

    /*==========END ADD AUTOMATION  MODAL ===================*/
    /*========== APPOINETMENT Page ===================*/
    .edit-appointment-top-wrap {
        margin-bottom: 20px;
    }

    .edit-appointment-top-wrap h4 {
        font-size: 26px;
    }

    /*========== APPOINETMENT Page ===================*/
    /******************************* ISSUE GIFT CARD *******************************/
    .card_info_flip_modal button {
        font-size: 14px;
        margin-right: 3px;
    }

    .gift_market_wrap .people-table-main {
        width: 1024px;
    }

    #history-0ne {
        overflow-x: scroll;
    }

    .flip_card_main_wrap {
        box-shadow: 0px 0px 18px -10px #000000;
        border-radius: 24px;
    }

    /******************************* ISSUE GIFT CARD *******************************/
    /******************************* ORDER GIFT CARD *******************************/
    .check_main_magnet input {
        padding: 50px 0;
    }

    .check_main_magnet i {
        font-size: 26px;
        padding-bottom: 7px;
    }

    .columnscardsl {
        max-width: 100%;
    }

    .order-gift-card-select-form-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .custom_gift_card_wrap,
    .column_order_gift {
        width: 100%;
    }

    .flex_bx_order {
        flex-direction: column;
    }

    .e_gift_card_main_payment_wrap {
        flex-wrap: wrap;
    }

    .payment_form_main_wrap,
    .order_summary_e_gift {
        width: 100%;
        max-width: 100%;
    }

    /******************************* ORDER GIFT CARD *******************************/
    /******************************* CUSTOMER APP *******************************/
    .customer_main_wrap {
        margin-bottom: 20px;
    }

    .request_t .modal-body {
        padding: 18px;
    }

    /******************************* CUSTOMER APP *******************************/
    /******************************* ONLINE MARKETING / E COMMERCE CUSTOM SITE *******************************/
    .template__title,
    .select_blank_temp a {
        font-size: 20px;
        line-height: 25px;
    }

    .select_blank_temp .icon_plus,
    .blank_temp .icon_plus {
        font-size: 50px;
    }

    /******************************* ONLINE MARKETING / E COMMERCE CUSTOM SITE *******************************/
    /* Product Positoining */


    .fastshopcategoris label {
        font-size: 14px;
    }

    .fastshopcategoris {
        margin-bottom: 10px;
    }

    /* Product Positoining */
    /* Coupon campaigns */
    .coupon_champaign_info {
        position: absolute;
        right: -100%;
        transition: 0.5s;
    }

    .e_cutomer_g.active .coupon_champaign_inner_wrap {
        width: calc(100% - 0%);
    }

    .e_cutomer_g.active .coupon_champaign_info {
        width: 91%;
        height: auto;
        transform: translate(-2%, 0px);
        position: absolute;
        right: 20px;
        transition: 0.5s;
        z-index: 9;
    }

    .sms-campaign-wrapper-item {
        width: 49.5%;
        margin-bottom: 10px;
    }

    .sms-campaign-wrapper {
        flex-wrap: wrap;
    }

    .search_area_right {
        justify-content: left !important;
    }

    .search_area_left,
    .coupon_campaign_details {
        margin-bottom: 16px;
    }

    .choose_template_coupon_cam_wrap .coupon_cam_temp_s {
        width: 49%;
        margin-bottom: 16px;
    }

    .choose_template_coupon_cam_wrap .coupon_cam_temp_s:last-child {
        margin: 0;
    }

    .coupon_add_campaign_holiday {
        flex-wrap: wrap;
    }

    .max_w_c {
        width: 100%;
    }

    .holiday_pic {
        order: 2;
    }

    .employe_table_main table {
        width: 787px !important;
    }

    .rewerds_reminder_modal .modal-dialog {
        max-width: 92%;
        margin: auto;
    }

    /* Coupon campaigns */
    /*============ ORDER-LIST  ====================*/
    .order-list-tab-top-top {
        width: 100%;
        margin-bottom: 16px;
    }

    .order-list-tab-top-bottom-wrapper {
        text-align: left;
        margin: 0px 0 16px 0;
    }

    .order-list-tab-top-bottom-wrapper .orange-btn-4 {
        margin: 0 8px 0 0;
        font-size: 14px;
    }

    .order-list-content-top-top-item label {
        font-size: 14px;
    }

    .order-list-content-top-top-item input[type="date"],
    .form-select-2 {
        padding: 6px 10px;
    }

    .order-list-content-top-bottom-left {
        width: 100%;
        margin-bottom: 16px;
    }

    .order-list-content-top-bottom-right {
        width: 50%;
    }

    .btn-go {
        padding: 7px 14px;
        font-size: 14px;
    }

    .dollar-input-input {
        padding: 5px 10px;
    }

    .form-label-2 {
        font-size: 14px;
    }

    .all-tab-pane2-left input {
        padding: 6px 10px;
    }

    .r-invoice .modal-dialog {
        max-width: 85%;
        margin: auto;
    }

    .r-invoice-modal-table-wrap .table {
        width: 800px;
    }


    .r-simple-top-modal-details-wrap div a,
    .r-simple-top-modal-details-wrap div p {
        font-size: 16px;
    }

    .r-simple-modal-table-wrap table th,
    .r-simple-modal-table-wrap table td,
    .r-simple-grand-total-wrap ul li p,
    .r-simple-grand-total-wrap ul li span {
        font-size: 15px;
    }

    .r-grand-total-amt-wrap p {
        font-size: 16px;
    }

    .r-grand-total-amt-wrap h6 {
        font-size: 25px;
    }

    .r-simple-modal-footer-main p {
        font-size: 15px;
    }

    .r-add-people-lable-input-wrap.from-shipping-error {
        width: 49%;
    }

    /*============ ORDER-LIST  ====================*/
    /*=========== VIRTUAL-TERMINAL-START ====================*/
    .virtual-card-payment-top {
        flex-direction: column;
    }

    .virtual-card-payment-lft,
    .virtual-card-payment-rht {
        width: 100%;
    }

    .virtual-card-payment-rht {
        text-align: left;
    }

    .invoices_payment_tab_content.invoice_margin_bottom .form-group {
        margin-bottom: 16px;
    }

    /*=========== VIRTUAL-TERMINAL-START ====================*/
    /*===========  NEW INVOICE START  ====================*/

    .virtual-primary-info-wrapper-inner {
        flex-direction: column;
    }

    .new-inv-bottom-wrapper .new-inv-template-wrapper,
    .new-inv-bottom-wrapper .new-inv-order-wrapper {
        width: 100%;
    }

    .new-inv-template-wrapper {
        margin-bottom: 16px;
    }

    .field_or_field {
        padding-top: 5px;
        text-align: center;
    }

    .product_positoining_wraper_inner ul {
        grid-template-columns: repeat(4, 1fr);
    }

    /*===========  NEW INVOICE END  ====================*/
    /*===========  ORDER MANAGEMENT STARTS  ====================*/
    .order-management-top-wrapper,
    .order-management-mid-wrapper {
        margin-bottom: 15px;
    }

    .order-management-top-box .card,
    .order-management-mid-wrapper .card {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .order-management-top-box {
        flex-wrap: wrap;
    }

    .mange-pending-top,
    .mange-pending-mid {
        margin-bottom: 10px;
    }

    .main_gift_btns {
        margin-top: 10px;
    }

    /*===========  ORDER MANAGEMENT END  ====================*/
    /*===========  FINANCIALS  ====================*/
    .financials_main_wraper .lead_track_flex {
        display: inline-block;
    }

    .lead_nav_tabs {
        border-radius: 28px;
    }

    #dailyfinancials .title_payment {
        width: 100%;
    }

    #dailyfinancials .title_clr_black h2 {
        font-size: 20px;
    }

    #dailyfinancials .title_clr_black h5 {
        font-size: 14px;
    }

    /*===========  FINANCIALS END  =================*/
    .templete_content_wrap {
        max-width: 208px;
    }

    /* ==================== Authorisation ===================== */
    .authorisations_table_wrap thead tr th:first-child,
    .authorisations_table_wrap tbody tr td table tbody tr td:first-child {
        width: 45%;
    }

    /* ==================== Authorisation ===================== */
    /* ==================== INVENTORY ===================== */
    .inventory-inner-tab .lead_track_flex {
        flex-wrap: wrap;
    }

    .inventory-inner-tab .lead_nav_tabs {
        margin-top: 15px;
    }

    .inventory-grid-wrap {
        grid-template-columns: repeat(3, 32%);
    }

    /* ==================== INVENTORY ===================== */

    /* ==================== PAYMENT DUE PAGE START ===================== */
    .payment-mode-outer .payment-mode-wrap .payment-mode-lft .nav.nav-tabs .nav-link {
        width: 100%;
    }

    /* ==================== PAYMENT DUE PAGE END ===================== */
    .inventory-product-data-details,
    .manage-authorization-details {
        flex-wrap: wrap;
    }

    .inventory-product-data .nav,
    .manage-authorization.inventory-product-data .nav {
        width: 100%;
    }

    .flex-wrap-mob {
        flex-wrap: wrap;
    }

    .list_billing_pricing {
        grid-template-columns: repeat(1, 1fr);
    }

    /* EMAIL DASHBOARD START */
    .email-btm-chart-wrap {
        flex-wrap: wrap;
    }

    .email-chart-lft,
    .email-chart-rht {
        width: 100%;
    }

    /* EMAIL DASHBOARD END */
    .rewards-dash-wrap {
        flex-wrap: wrap;
    }

    .rewards-dash-lft,
    .rewards-dash-rht {
        width: 100%;
    }

    /* ADD EMPLOYEE - ACCESS AUTHORIZATIONS INFORMATIONS */
    .inventory-product-data.add-employee-outer-wrap .nav {
        width: 100%;
    }

    .integrations_main a {
        width: 30.4%;
    }

    .applications_btn {
        width: 47.3%;
    }

    .border-custome,
    .border-customeleft::after,
    .border-customeright::after {
        display: none;
    }

    .welcome-container {
        position: static;
        top: 0%;
        transform: translate(0px, 0%);
    }

    /* TICKETS START */
    .filter_ticktes_table_main {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .tickets_checked.form-check {
        width: 46.9% !important;
        margin: 0 10px 20px;
    }

    /* TICKETS END */
    .pie-line-chart-wrap {
        flex-wrap: wrap;
    }

    .pie-line-chart-lft {
        order: 1;
        width: 50%;
    }

    .pie-line-chart-rht {
        width: 100%;
    }

    .white-chart-wrap {
        flex-wrap: wrap;
    }

    .white-chart-lft {
        width: 100%;
    }

    .white-chart-lft canvas {
        max-height: 400px;
    }

    .white-chart-rht {
        width: 50%;
    }

    /* FILE CABINET START */
    .file_cabinet_columm_left {
        width: 32%;
    }

    .file_cabinet_columm_right {
        width: 65%;
    }

    .sortbyitem {
        margin-left: 20px;
    }

    .file-cabinet-grid-wrap {
        grid-template-columns: repeat(2, 48%);
    }

    .file-cabinet-main-inner .flex-parent.ms-auto {
        flex-wrap: wrap;
        width: 100%;
    }

    .btn_new_message.btn_next_page button {
        margin-bottom: 5px;
    }

    .file-cabinet-main-inner .flex-parent.ms-auto .form-group.order-list-input-fix {
        width: 100%;
        margin: 0 0 10px !important;
    }

    /* FILE CABINET END */
    .side-open .db_right_toggle-wrapper {
        opacity: 0;
    }

    /* .side-open .db_right {
        padding: 0;
    }

    .db_right_header {
        z-index: 9;
    } */


    .db_right_header-rightarea .r-modal-btn {
        min-height: auto;
        margin-right: 10px;
    }

    .searchclear {
        height: 35px;
    }

    .authorized-main-access li::after {
        top: 2px;
    }

    /* TOOLBOX */
    .toolebox-main-list-screen {
        grid-template-columns: repeat(2, 1fr);
    }

    .check-template-main-wrap,
    .check-template-type-main-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .call-page-row-warp {
        flex-direction: column-reverse;
        align-items: center;
    }

    .call-page-lft {
        width: 100%;
        margin-right: 0rem;
    }

    .call-page-rht {
        width: 20rem;
        margin-bottom: 1rem;
    }

    .custome-forms-main-wrapper .editor-outer-lft {
        width: 33.625rem;
    }

    .step-three .schedule-availability-area {
        width: 80%;
    }

    .finishstep .schedule-availability-area {
        width: 79.5%;
    }

    .people-main-leads-form .r-add-people-lable-input-wrap {
        width: 49%;
    }

    .products-gallery-inv.new-products-gallery-inv,
    .products-gallery-inv.new-products-document-inv {
        grid-template-columns: repeat(2, 1fr);
    }

    .new-inventory-product-data-details {
        flex-wrap: wrap;
    }

    .productdatacheck {
        margin-bottom: 1rem;
    }

    .camp-data-box-item-rht,
    .header-main-flex-wrap {
        flex-wrap: wrap;
    }

    /* CRM ANALYTICS */
    .crm-ana-flex {
        flex-direction: column;
    }

    .ana-crn-column-l,
    .ana-crn-column-r {
        flex: auto;
        width: 100%;
    }

    .crm-main-header {
        padding: 1rem;
    }

    .searchboxtop {
        margin-top: 1rem;
    }

    .transation-report-header {
        grid-template-columns: repeat(3, 1fr);
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/
    .dashboard_main_login .logo_universal img,
    .user_main_pic img {
        width: 60%;
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/

    /** ADD INVENTORY SCREEN RESPONSIVE **/
    .variants_lft,
    .variants_mid,
    .variants_rht {
        width: 100%;
    }

    .modal-body.modal-overflow {
        overflow: auto !important;
    }

    /** ADD INVENTORY SCREEN RESPONSIVE **/
    /* Eod Reports Start */
    .taxes-tab-wrap .tax-table-wrap {
        overflow-x: auto;
    }

    .taxes-tab-wrap .tax-table-wrap .modifier-table {
        min-width: 1000px;
    }

    /* Eod Reports End */
    /* Pricing Modal Start */
    .upgradeModalNew .plan_card_wrap {
        gap: 1.5rem;
    }

    .upgradeModalNew .plan_card_wrap .plan_card {
        width: 100%;
        max-width: 18rem;
    }

    /* Pricing Modal End */
    .past-due-payment-main-wrapper {
        padding: 2rem;
    }

    .btn-padding {
        padding: 0 1rem;
    }

    .dashboard_main_top_wrap {
        flex-wrap: wrap;
    }

    .dashboard_main_top_lft,
    .dashboard_main_top_rht {
        width: 100%;
    }

    .dashboard_main_top_bottom_wrap.gradiant-card {
        margin-bottom: 0;
    }

    .buttom-main-sec {
        padding: 0 1.813rem 1rem;
    }

    /* POS MODAL */
    .column {
        width: 100%;
    }

    .wrapper-vt-w,
    .vt-form-group.vt-checkbox {
        width: 49%;
    }

    .vt-form-group,
    .vt-memo-note.vt-form-group,
    .wrapper-vt-w {
        width: 100%;
    }

    .vt-summery-order ul li {
        flex-wrap: wrap;
    }

    /* INVENTORY ENHANCEMENT */
    .inventory-default-btns a {
        margin-bottom: 0.5rem;
    }

    .sps_loading_screen {
        height: auto;
        padding: 3rem 1rem;
    }

    .sps_loding_screen_inner {
        width: 100%;
        padding: 1.5rem;
    }

    .sps_loading_img_wrap img {
        height: 80px;
    }

    .sps_loading_img_wrap,
    .sps_loading_slider_wrap {
        margin-bottom: 1rem;
    }

    /* FAST SHOP PAGE CSS */
    .fastshop-row {
        flex-wrap: wrap;
    }

    .fastshop-nav-column,
    .fastshop-content-column {
        width: 100%;
        flex: 0 0 auto;
    }

    .fast-shop-main-wrap .products-items {
        width: 48%;
    }

    .inner-lfex-title-eod,
    .innner-column-check {
        flex-wrap: wrap;
    }

    /* Harshad Need Help Modal */
    .getintouchmodal h5,
    .getintouchmodal a {
        line-height: 1.5rem;
    }

    .getintouchmodal p,
    .getintouchmodal time {
        line-height: 1.5rem;
    }

    .getintouchmodal h5,
    .getintouchmodal a {
        font-size: 1.2rem;
    }

    .needhelpmodal .modal-body .row:last-of-type>div {
        margin-bottom: 16px;
    }

    /* Harshad Need Help Modal */

    .c-sms-template .c-call-section .nav-pills,
    .c-sms-template .c-call-section .call-tab-content {
        width: 100%;
    }

    .c-view-edit-d2 {
        position: unset;
    }

    .c-inner-sms-tabs .dataTables_filter {
        margin-top: 22px;
        justify-content: flex-start;
        width: 100%;
        padding-left: 1.5rem;
        padding-top: 0;
    }

    .email-action-btns {
        flex-direction: column;
        gap: 10px;
    }

    .email-action-btns .btn-e-compose {
        /* max-width: fit-content; */
        /* width: 33.3%; */
    }

    .email-action-btns .right-action-btns .orange-btn {
        width: 100%;
    }

    .e-email-box {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .e-email-box .r-people-lft-tab {
        margin-bottom: 15px !important;
    }

    .c-sms-template .c-inner-bg-bx p {
        width: 100%;
    }

    .c-sms-template .c-call-history-body .c-call-history-head {
        gap: 10px;
    }

    .c-contact-head-action {
        justify-content: flex-start;
    }

    .cp-g-card .r-edit-right-top-user-details {
        display: block;
        flex-wrap: unset;
    }

    .text-in-row {
        width: 100%;
    }

    .gjs-block {
        width: 45% !important;
    }

    .gjs-pn-btn {
        flex-direction: column;
    }

    .cp-deal-wrapper .cp-deal-blk {
        position: unset;
    }

    .cp-deal-wrapper .dataTables_wrapper .dataTables_filter {
        float: left;
        padding-top: 0;
    }

    h2.cp-n-view-notes-label {
        padding-bottom: 1rem;
    }

    .da-no-pipeline-available p {
        width: 80%;
    }

    .da-metrics-in-card .col-md-4 {
        width: 50%;
    }

    .tickets-inventory-top-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .tickets-inventory-top-wrap .employee-logs-rht-wrap {
        justify-content: flex-start;
    }

    .new-white-input-select-two .select2-selection,
    .new-white-input-with-icon {
        margin-left: 0;
    }


    .cs-left-cust-email {
        flex-direction: unset;
    }

    .cs-customer-email-premium-wrap .cs-email-premium-details {
        text-align: left;
    }

    .cs-customer-email-premium-wrap {
        align-items: flex-start;
    }

    .qbo-left-section>a {
        position: unset;
    }

    .flex-main-sec-edit-cuatom {
        flex-wrap: wrap;
    }

    .activity-calender,
    .com-custom-list-view {
        width: 100%;
    }

    .vr-input-grp {
        display: block !important;
    }

    .vr-input-grp .vt-form-group {
        margin-bottom: 0.75rem;
    }

    .vr-input-grp1 {
        padding-top: 0 !important;
    }

    .cp-assign-emp-timestamp {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
    }

    .iam-inv-acc-map-wrap {
        display: block !important;
    }

    .qbo-crtl .qbo-select {
        width: 100%;
    }

    .iam-inv-acc-map-wrap>div {
        margin-bottom: 1rem;
    }

    .as-pub-plan-wrap {
        display: block;
    }

    .as-pub-plan-wrap .as-pub-plan-col {
        width: 100%;
        margin-bottom: 1rem;
    }

    .auto-img-no-records img {
        height: 100%;
    }

    .automation-no-records-found {
        width: 100%;
    }

    .pep-premium-email-plan {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:767.98px) {

    .fast-shop-detail-tut .fast-shop-tut-rhs .chk-toggle>span {
        margin-left: 0px;
    }

    /* LOG IN */
    .universal_main_sign_up_wrap .fieldform.flex-parent {
        flex-wrap: wrap;
    }

    .remember_forgot,
    .universal_main_sign_up_wrap .remember_forgot {
        padding: 10px 0;
    }

    .paymentbarnd img {
        margin: 6px;
    }

    .privacy_bottom a {
        padding: 15px 0px;
    }

    /* LOG IN */
    p {
        font-size: 13px;
    }

    .db_right_contentarea {
        padding: 20px;
    }

    .db_right_header {
        padding: 0px 20px;
        height: 60px;
    }

    .db_right_header-logo {
        width: 120px;
    }

    .orangeborder-button.mod-circle-btn {
        display: none;
    }

    .hellouser p {
        font-size: 13px;
    }

    .notification span {
        width: 10px;
        height: 10px;
        font-size: 8px;
        right: -4px;
        top: 0px;
    }

    .send_presentation_date {
        margin-bottom: 60px;
    }

    .send_presentation_today h2 {
        font-size: 20px;
        margin: 30px 0;
    }

    .send_presentation_today::after,
    .send_presentation_today::before {
        height: 120px;
    }

    .send_presentation_today .white-round-icon {
        margin-top: -10px;
    }

    .user_s-item {
        margin: 0;
    }

    .shared-files-box-area li a i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .history-item-area {
        margin-top: 20px;
    }

    .heading-area {
        padding: 0;
    }

    .heading-area h2 {
        padding-bottom: 5px;
    }

    .step_area_bottom_box::after {
        height: 4px;
    }

    .send_presentation_today:after {
        bottom: -2px;
    }

    .people-sort-wrap {
        right: -5px;
        top: 50px;
    }

    .people-sort-box::before {
        width: 20px;
        height: 20px;
        left: 89%;
    }

    .people-sort-top p,
    .people-sort-lead-status-wrap p {
        font-size: 16px;
    }

    .people-sort-box label {
        font-size: 14px;
        margin-left: 5px;
    }

    .people-sort-box .form-check {
        display: flex;
        align-items: center;
    }

    .people-search-wrap {
        padding: 0px 5px;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    .payroll-box {
        margin-right: 10px;
    }

    .payroll-bottom-wrapper {
        flex-wrap: wrap;
    }

    .payroll-bot-lft,
    .payroll-bot-rht {
        width: 100%;
    }

    .payroll-bot-lft {
        margin-bottom: 40px;
    }

    .payroll-box p {
        font-size: 12px;
    }

    .payroll-top-wrapper {
        margin-bottom: 20px;
    }

    .universal-table-wrap table {
        border-spacing: 0 6px;
    }

    .table-user-img {
        width: 40px;
        height: 40px;
    }

    .universal-table-wrap table tbody tr td {
        padding: 4px;
        font-size: 12px;
    }

    .universal-table-wrap table tbody tr td:first-child {
        width: 50px;
    }

    .universal-table-wrap table tbody tr td:last-child {
        width: 70px;
    }

    .universal-table-wrap table thead th {
        font-size: 11px;
    }

    .workforce-heading h2 {
        font-size: 17px;
    }

    .workforce-heading i {
        font-size: 16px;
    }

    .workforce-heading {
        margin-bottom: 10px;
    }

    .tax-download-btn {
        font-size: 14px;
        padding: 7px 10px;
    }

    .payroll-earnings-wrap,
    .payroll-chart-wrapper {
        width: 100%;
    }

    .payroll-earning-box p {
        font-size: 16px;
    }

    .payroll-earning-box h5 {
        font-size: 24px;
    }

    .payroll-earning-box h6 {
        font-size: 16px;
    }

    .payroll-earnings-wrap {
        padding: 10px;
        border-radius: 10px;
    }

    .payroll-chart-wrapper {
        margin-bottom: 20px;
    }

    .payroll-chart-wrapper canvas {
        height: 250px;
    }

    .timeline-progress {
        width: 10px;
        height: 30px;
    }

    .timeline-time-box {
        height: 20px;
    }

    .timeline-course-box {
        border-radius: 4px;
    }

    .marketing-timeline .timeline-course-box {
        width: 280px;
    }

    .exam-timeline .timeline-course-box {
        width: 100px;
    }

    .course-timeline-day h4 {
        font-size: 14px;
    }

    .timeline-course-box p {
        font-size: 13px;
    }

    .practice-timeline .timeline-course-box.practice-market {
        width: 150px;
    }

    .practice-timeline .timeline-course-box.exam-exam {
        width: 150px;
    }

    .marketing-two-timeline .timeline-course-box {
        width: 260px;
    }

    .timeline-course-name {
        height: 35px;
    }

    .quiz-timeline .timeline-course-box {
        width: 100px;
    }

    .workforce-chart-wrapper img {
        width: 80%;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    /* ==========================MARKETING SPRINTS =====================*/
    .marketing-social-box {
        width: 130px;
        height: 130px;
    }

    .marketing-search-wrap,
    .sm-media-inbox-wrap {
        margin-bottom: 15px;
    }

    .marketing-left-bottom-wrapper h2 {
        font-size: 20px;
    }

    .sm-media-inbox-wrap select {
        font-size: 13px;
        padding: 5px 35px 5px 15px;
    }

    .marketing-search {
        margin-right: 15px;
    }

    .order-welcome-rht {
        position: static;

    }

    .order-welcome-rht img {
        width: 200px;
    }

    .orders-rate-top h2 {
        font-size: 26px;
    }

    .orders-rate-top h6 {
        font-size: 15px;
    }

    /* ==========================MARKETING SPRINTS =====================*/
    /* ==========================TICKETS SPRINTS =====================*/
    .tickets-rht-wrap,
    .tickets-lft-wrap {
        width: 50%;
    }

    .r-border-btn {
        max-width: 108px;
    }

    .tickets-workload-content .r-border-btn {
        max-width: 100%;
    }

    .tickets-bottom-add-new {
        padding: 30px;
    }

    .tickets-bottom-add-new i {
        font-size: 30px;
    }

    .tickets-bottom-add-new p {
        font-size: 15px;
    }

    .select-btn {
        padding: 5px 10px;
        font-size: 12px;
    }

    .web-num-box {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .web-builder-nav::after,
    .web-builder-nav:nth-child(2)::before {
        top: 20px;
    }

    .web-builder-nav h6 {
        font-size: 13px;
    }

    .web-builder-card .card-body {
        padding: 15px;
    }

    .web-builder-nav.active .web-num-box {
        border: 2px solid #fff;
    }

    /* ==========================TICKETS SPRINTS =====================*/
    /******************************* Lead Form *******************************/
    .template_main {
        flex-basis: 30.333%;
    }

    /******************************* Lead Form *******************************/
    /* ==========================Lead Tracking =====================*/
    .lead_flex_range_status,
    .column-left,
    .column-right {
        flex-wrap: wrap;
    }

    .column-left,
    .column-right {
        width: 100%;
    }

    .lead_flex_range_status .form-group {
        width: 100%;
        margin-bottom: 12px;
    }

    .btn-export {
        margin-top: 0;
    }

    .lead_tracking_dasgboard_edit {
        padding-top: 12px;
        text-align: left;
        padding-left: 0;
        margin: 0;
    }

    #lead_tracking_content .people-table-main .dataTables_filter,
    .Lead_form_catchers-wrap .people-table-main .dataTables_filter {
        padding: 5px 30px 0px 4px;
        text-align: left;
    }

    .people-table-main .table-filter-wrap button,
    .Lead_form_catchers-wrap .table-filter-wrap button {
        margin-top: 2px;
        margin-left: -9px;
    }

    #lead_tracking_content .people-table-main .dataTables_length,
    .Lead_form_catchers-wrap .people-table-main .dataTables_length {
        padding: 17px 0 0px 5px;
        text-align: left;
    }

    #lead_tracking_content .people-table-main .dataTables_paginate,
    .Lead_form_catchers-wrap .people-table-main .dataTables_paginate {
        margin: -11px auto 20px auto;
        border: 0px solid #fff;
        border-radius: 10px;
        padding: 0;
        overflow: hidden;
    }

    .Lead_form_catchers-wrap .dataTables_filter,
    .user_appointment_wrap .dataTables_filter {
        align-items: center;
        padding: 9px 10px 0px 8px;
        text-align: center;
        justify-content: center;
    }

    .Lead_form_catchers-wrap .dataTables_info,
    .user_appointment_wrap .dataTables_info {
        padding: 29px 0px 0px 0px;
    }

    .Lead_form_catchers-wrap .dataTables_length,
    .user_appointment_wrap .dataTables_length {
        padding: 22px 0 0px 0;
    }

    .Lead_form_catchers-wrap .dataTables_paginate,
    .user_appointment_wrap .dataTables_paginate {
        margin: 30px auto 30px auto;
        border: 0px solid #fff;
    }

    /* ==========================Lead Tracking =====================*/
    .check_main_magnet {
        width: 100%;
    }

    .check_main_magnet i {
        font-size: 20px;
        padding-bottom: 6px;
    }

    .check_main_magnet input {
        padding: 40px 0;
    }

    .main_flex_lead_form h2 {
        font-size: 20px;
    }

    /* ==================== MANAGE APPOINTMENT ===================== */
    .right_flex {
        width: 76%;
    }

    .manage_appointment_main .inbox_header_main {
        gap: 0;
    }

    .manage_appointment_main .inbox_header_main .search_int {
        width: 42%;
    }

    .calendar-modal .r-add-people-lable-input-wrap .form-control {
        height: 40px;
        padding: 7px;
        font-size: 14px;
    }

    .icon_form {
        top: 9px;
    }

    /* ==================== END MANAGE APPOINTMENT ===================== */
    /*============== PEOPLE MODAL  ================*/
    .peomr input {
        width: 100% !important;
        margin-top: 10px;
    }

    .peoplemodal label,
    .addsmstemplates_main_wrap label {
        font-size: 14px;
    }

    .peoplemodal .r-add-people-lable-input-wrap .form-control,
    .peoplemodal .r-add-people-lable-input-wrap .form-select {
        font-size: 14px;
        padding: 8px;
    }

    .peomr .form-select {
        margin-right: 0;
    }

    .peoplemodal .modal-header {
        padding: 18px;
    }

    .peoplemodal .modal-title,
    .emai_template_marketing .modal-title {
        font-size: 18px;
        line-height: 18px;
    }

    .peoplemodal .modal-body,
    .emai_template_marketing .modal-body,
    .emai_template_marketing .modal-header {
        padding: 18px;
    }

    /*============== PEOPLE MODAL  ================*/
    /* ========================== ADD AUTOMATIONS =====================*/

    .add-automation_main_wrap {
        height: auto;
        margin-top: 20px;
    }

    .add-automation_main_wraper {
        margin-top: 0;
    }

    /* ========================== ADD AUTOMATIONS =====================*/
    /*========== ADD AUTOMATION  MODAL ===================*/
    .trigger_event_main,
    .trigger_event_main img img {
        height: 206px;
    }

    .templete_content_wrap {
        padding: 0px 10px 15px 10px;
    }

    .template__title {
        font-size: 18px;
        line-height: 22px;
    }

    .automationsmodal .modal-title {
        font-size: 17px;
        line-height: 18px;
    }

    .selectriggertemplete .people-table-main .dataTables_length,
    .people-table-main .dataTables_filter {
        padding: 0;
        text-align: left;
    }

    .item-sms-templete,
    .columnauto {
        width: 100%;
    }

    .automationsmodal .modal-body {
        max-height: 400px;
        padding: 15px;
    }

    .automationsmodal .modal-header {
        padding: 15px;
    }

    .selectriggertempleteflex,
    .flexselectsmst {
        gap: 15px;
    }

    .r-modal-btn {
        border-radius: 6px;
        padding: 5px 20px;
        font-size: 13px;
    }

    /*==========END ADD AUTOMATION  MODAL ===================*/
    /******************************* ISSUE GIFT CARD *******************************/
    .column_gift {
        width: 100%;
    }

    .gift_market_wrap .lead_nav_tabs .nav-link {
        font-size: 14px;
        padding: 7px 20px 7px 20px;
    }

    .gift_market_wrap .btn_new_message a,
    .gift_market_wrap .orange-btn {
        font-size: 14px;
        padding: 7px 19px 7px 9px;
    }

    .card_back_con {
        padding: 0 15px;
    }

    .card_back_con h4 {
        font-size: 18px;
    }

    .card_back_con p {
        font-size: 14px;
        line-height: 17px;
    }

    .column_user_edit_delet {
        gap: 9px;
    }

    .column_user_edit_delet p {
        font-size: 16px;
    }

    .btn_edit,
    .btn_delet {
        font-size: 14px;
    }

    /******************************* ISSUE GIFT CARD *******************************/
    /******************************* ORDER GIFT CARD *******************************/
    .btn_next_page a,
    .btn_previous_page a,
    .r-outline-btn-bg-color {
        font-size: 14px;
        border-radius: 5px;
        padding: 5px 18px;
    }

    .r-issue-form-inside-wrap.r-add-leads-main-wrapper {
        width: 100%;
    }

    .e_gift_market_wrap .lead_nav_tabs .nav-link {
        font-size: 14px;
        padding: 7px 20px 7px 20px;
    }

    .e_gift_market_wrap .lead_track_flex .btn_new_message a {
        margin-right: 3px;
        font-size: 14px;
        padding: 7px 18px 7px 9px;
    }

    .filter_btn_card {
        width: 35px;
        height: 35px;
    }

    .card_info_table .dataTables_wrapper .dataTables_filter {
        padding-right: initial;
    }

    .column_order_gift {
        width: 100%;
    }

    .columnscardsl {
        max-width: 100%;
    }

    .order-gift-card-select-form-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .e_form_row {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .e_gift_card_main_payment_wrap .form-group {
        width: 100%;
        margin: 0 0px 12px;
        padding: 0 !important;
    }

    .order_new_e_card_wrap .form-group {
        padding: 5px 0;
    }

    .checkboxp {
        margin-top: 0;
    }

    /******************************* ORDER GIFT CARD *******************************/
    /******************************* IMPORT CUSTOMER  *******************************/
    .instruction_modal .modal-title {
        font-size: 18px;
    }

    .instruction_main_wrap h2 {
        font-size: 14px;
        padding: 6px 16px;
    }

    .instruction_main_wrap li,
    .instruction_main_wrap p {
        font-size: 14px;
        padding: 2px 16px;
    }

    .instruction_main_wrap h4 {
        font-size: 16px;
        padding: 2px 16px;
    }

    .instruction_modal .modal-body {
        height: 360px;
    }

    /******************************* IMPORT CUSTOMER  *******************************/
    /******************************* CUSTOMER APP *******************************/

    .customer_main_wrap h4 {
        font-size: 20px;
    }

    .scanerbarcod img {
        width: 64px;
    }

    .app_store_bx img {
        width: 110px;
    }

    .scanerbarcod,
    .app_store_bx {
        margin: 0 13px;
    }

    .app_store_bx a {
        margin-bottom: 6px;
    }

    .customer_main_wrap li {
        font-size: 14px;
    }

    /******************************* CUSTOMER APP *******************************/
    /******************************* ONLINE MARKETING / E COMMERECE CUSTOME SITE *******************************/
    .website_previews#preview_products .modal-dialog {
        max-width: 553px;
    }

    .e_commerce_custom_option {
        text-align: right;
        width: auto;
    }

    .e_commerce_action {
        justify-content: flex-end;
    }

    .pro_content {
        margin-bottom: 4px;
    }

    .product_title_name {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .e_commerce_custom_pro_img {
        width: 171px;
        height: 142px;
        margin-right: 10px;
    }

    .delete_modal h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .delete_modal h5 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .e_commerece_site_modal#delete_modal .modal-content {
        max-width: 373px;
        height: 261px;
    }

    .e_commerece_site_modal#delete_modal .modal-body {
        padding: 26px 16px;
    }

    .delete_modal i {
        font-size: 50px;
        margin-bottom: 10px;
    }

    .main_wraper_drag_btn {
        padding: 30px 0;
    }

    .btn_editors {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .file-up-input--label {
        line-height: 30px;
        font-size: 30px;
    }

    .title_tm_db_editor h2 {
        font-size: 14px;
    }

    .flex_wrap_website_on {
        grid-template-columns: repeat(2, 1fr);
    }

    /******************************* ONLINE MARKETING / E COMMERECE CUSTOME SITE *******************************/
    /******************************* customer_group_segment_wrap *******************************/
    .main_create_customer_group_wrap .column-left,
    .group_wrap_inner .sortby {
        width: 100%;
    }

    /******************************* customer_group_segment_wrap *******************************/
    /* Product Positoining */
    .fast_connect_btn .btn_connect_s {
        margin: 0 0 10px 0;
    }

    .fast_connect_btn .btn_connect_s:last-child {
        margin-bottom: 0;
    }

    /* Product Positoining */
    /* Coupon Campaign */
    .coupon_champaign_inner_wrap .inbox_header_main {
        flex-wrap: wrap;
        gap: 12px;
    }

    .coupon_champaign_inner_wrap .btn_new_message {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .coupon_champaign_inner_wrap .search_int {
        width: 100%;
    }

    .sms-campaign-wrapper-item {
        width: 100%;
    }

    .coupon_cam_temp_s input {
        height: auto;
        padding: 40px 20px 74px;
    }

    .coupon_cam_temp_s i {
        padding-bottom: 15px;
    }

    .coupon_cam_temp_s .form-check-label {
        font-size: 14px;
    }

    .choose_template_coupon_cam_main_wraper .form-group {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .btn_skip_b {
        font-size: 14px !important;
        padding: 5px 15px !important;
    }

    .card_info_table .employe_table_main .dataTables_wrapper .dataTables_filter {
        justify-content: center;
    }

    .share_my_personal_calendar_wrap {
        padding: 0 16px 10px 16px;
    }

    /* Coupon Campaign */
    /*============ ORDER-LIST  ====================*/
    .order-list-tab-top-bottom-wrapper .orange-btn-4 {
        padding: 8px 25px;
    }

    .r-invoice-company-details-wrap {
        flex-direction: column;
    }

    .r-invoice-modal-top-img-wrap,
    .r-invoice-rht-details-wrap {
        width: 100%;
    }

    .r-invoice-modal-top-img-wrap {
        margin-bottom: 12px;
    }

    .r-invoice-customer-details-wrap {
        flex-direction: column;
    }

    .r-invoice-customer-lft,
    .r-invoice-customer-rht {
        width: 100%;
    }

    .r-invoice-customer-rht {
        padding-left: 0;
        border-left: none;
    }

    .r-invoice-modal-address-top-wrap-bottom {
        flex-direction: column;
    }

    .r-invoice-modal-address-top-wrap-top .r-invoice-title-list-wrap {
        align-items: flex-start;
    }

    .r-invoice-modal-address-top-wrap-top .r-invoice-customer-title {
        width: 40%;
    }

    .r-invoice-modal-address-top-wrap-bottom .r-invoice-customer-title {
        width: 37%;
    }

    .r-invoice-grand-total-wrap .r-invoice-grand-total-wrap-ul,
    .r-invoice-grand-total-wrap-ul-pay {
        width: 100%;
    }

    /*============ ORDER-LIST  ====================*/
    .payment_transaction_details_table .dataTables_scroll {
        width: 684px;
    }

    .card_info_table .employe_table_main .dataTables_wrapper .dataTables_filter,
    .card_info_table .payment_transaction_details_table .dataTables_wrapper .dataTables_filter {
        padding-right: 66px;
        justify-content: center;
    }

    .preview_agreement_header_wrap {
        padding: 40px 26px 110px;
    }

    .services_wrok_order {
        padding: 16px 22px 0;
    }

    .services_wrok_order ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .order_services_price {
        width: 82%;
    }

    .terms_conditionns_content,
    .areement_users {
        padding: 24px 26px;
    }

    /*=========== END ORDER-LIST--MODALS--TRANSACTIONS-DETAILS ====================*/
    /*=========== ORDER---SHIPPING ORDER ====================*/
    .flex-parent-main {
        margin-bottom: 0;
        flex-wrap: wrap;
    }

    .flex-parent-main .form-group {
        margin: 0 0 16px 0;
    }

    .form_left_order {
        margin-bottom: 20px;
    }

    /*=========== END ORDER---SHIPPING ORDER ====================*/
    .virtual_payment_update_st .form-group,
    .second_row .form-group {
        margin-bottom: 8px;
    }

    .virtual-outer-tab .col-md-6,
    .virtual-outer-tab .col-md-4,
    .virtual-outer-tab .col-lg-4,
    .virtual-outer-tab .col-md-12 {
        margin-bottom: 12px;
    }

    .virtual-outer-tab .col-md-6:last-child,
    .virtual-outer-tab .col-lg-4:last-child,
    .virtual-outer-tab .col-md-4:last-child,
    .virtual-outer-tab .col-md-12:last-child {
        margin-bottom: 0;
    }

    .project-tab {
        max-height: 66vh;
    }

    .agreement_work_details table {
        min-width: 550px;
    }

    .agreement_work_details th {
        padding: 12px 8px;
    }

    .agreement_work_details th:first-child,
    .agreement_work_details td:first-child {
        width: 50px;
    }

    .product_positoining_wraper_inner ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .reorder-area.d-sm-flex {
        margin-bottom: 7px;
    }

    /*===========  ORDER MANAGEMENT  ====================*/
    .r-order-chart-wrap canvas {
        min-height: 200px;
        max-height: 400px;
    }

    /*===========  ORDER MANAGEMENT  ====================*/
    /*============ REWRAD CHOOSE TEMPLATE STRAT  ====================*/
    .come-back-rewards-campaign-wrapper .new-inv-btn-wrapper button {
        margin-left: 0px;
    }

    /*============ REWRAD CHOOSE TEMPLATE END  ====================*/
    /*------------ SMS CAMPAIGN START ------------*/
    .sms-campaign-item-body {
        max-height: 200px;
        min-height: 200px;
    }

    /*------------ SMS CAMPAIGN END ------------*/
    /*------------ FINANCIAL END ------------*/
    .financials-transiton .flex-parent {
        margin: 0;
        align-items: end;
        flex-wrap: wrap;
    }

    .financials-transiton .form-group {
        margin: 0 0 16px 0;
    }

    .financials-transiton .form-group:last-child {
        margin: 0;
    }

    /*------------ FINANCIAL END ------------*/
    /*============ EVENT TICKETING START  ============*/
    .eventReportModalTableWrap {
        overflow: auto;
    }

    .eventReportModalTableWrap table {
        width: 1000px;
    }

    /*============ EVENT TICKETING END  ============*/

    /* ==================== INVENTORY ===================== */
    .orange-input-label {
        margin: 0 !important;
    }

    .inventory-inner-tab .btn_new_message,
    .inventory-outer-tab-wrpper .lead_track_flex {
        flex-wrap: wrap;
    }

    .inventory-outer-tab-wrpper .lead_track_flex .lead_nav_tabs {
        margin-bottom: 10px !important;
    }

    .btn_new_message.btn_services_add a {
        margin-top: 0;
    }

    .inventory-outer-tab-wrpper .people-table-main .dataTables_filter {
        padding: 24px 0px 0px 0px;
        text-align: center;
        justify-content: center;
    }

    /* ==================== INVENTORY ===================== */
    .margin-reports-main-wraper .flex-parent .form-group.w-75 {
        width: 100% !important;
    }

    /* GLOBAL SETTINGS START */
    .merchant-top-wrap {
        flex-direction: column;
    }

    .link-pos-connected-wrap li {
        flex-direction: column;
        align-items: flex-start;
    }

    /* GLOBAL SETTINGS END */

    .pie-line-chart-item-wrap {
        gap: 10px;
        flex-wrap: wrap;
    }

    .pie-line-chart-item {
        width: 49%;
    }

    .pie-line-chart-rht canvas {
        max-height: 280px;
    }

    .white-chart-lft canvas {
        max-height: 280px;
    }

    .file-cabinet-grid-wrap {
        grid-template-columns: repeat(1, 100%);
    }

    .file_cabinet_columm_left {
        width: 40%;
    }

    .file_cabinet_columm_right {
        width: 57%;
    }

    .headerhome P {
        font-size: 15px;
    }

    .authorized-main-access li {
        width: 100%;
        padding: 0.875rem 0 0 1.875rem;
    }

    .authorized-main-access li::after {
        top: 5px;
    }

    .call-page-row-warp {
        flex-direction: column-reverse;
        align-items: center;
    }

    .call-page-lft {
        padding: .75rem;
        border-radius: .5rem;
    }

    .call-page-rht {
        max-width: 20rem;
        width: 100%;
        margin-bottom: 1rem;
    }

    .form-inner-row {
        grid-template-columns: repeat(1, 1fr);
    }

    /* APPOINTMENT DETAILS TABLE START */
    .appointment-details-white-box {
        width: 100%;
    }

    /* APPOINTMENT DETAILS TABLE END */
    /* APPOINTMENT DETAILS TABLE START */
    .payment-due-details-wrap .mb-4 {
        overflow-x: auto;
    }

    .payment-due-details-wrap .second-table {
        min-width: 700px;
    }

    .payment-due-bottom-wrap {
        flex-direction: column;
    }

    .payment-due-bottom-wrap-lft {
        width: 100%;
        justify-content: center;
        margin-bottom: 0.6rem;
    }

    .payment-due-bottom-wrap-mid {
        margin-bottom: 0.35rem;
    }

    .payment-due-bottom-wrap-rht {
        text-align: center;
        width: 100%;
    }

    .payment-due-bottom-wrap-rht a {
        margin-left: 0;
    }

    /* APPOINTMENT DETAILS TABLE END */
    .preview-top-inner-wrap {
        gap: 1rem;
        flex-direction: column;
    }

    .camp-data-box-item {
        flex-wrap: wrap;
    }

    .camp-sel-wrap {
        max-width: 100%;
    }

    .overview-tab-wrap-details {
        gap: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .con-item {
        width: 100%;
    }

    .key-items-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .od-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .od-wrap .od-lft {
        margin-bottom: 1rem;
    }

    .shipping-billing,
    .processedby {
        width: 100%;
    }

    .shipping-billing p {
        max-width: 100%;
    }

    .apps-connected-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    /* */
    .vipform-right {
        width: 100%;
        display: initial;
    }

    .user-calling-list-row .column-left-side {
        width: 21.75rem;
    }

    .column-left-side .uer-calling-title p,
    .column-left-side .uer-calling-title h4 {
        max-width: 4.75rem;
    }

    .main-wrapper-sms .column-right-side .dialer-user-head {
        flex-wrap: wrap;
    }

    .transation-report-header {
        grid-template-columns: repeat(2, 1fr);
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/
    .dashboard_main_login .logo_universal img,
    .user_main_pic img {
        width: 80%;
    }

    .left_side_column,
    .right_side_column {
        padding: 1.5rem;
    }

    .login_bottom_btns_wrap {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .login_bottom_btns_wrap_clock,
    .login_bottom_btns_wrap_clock .col-md-6 {
        margin: 0;
        padding: 0;
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/
    /** UNIVERSEL TUTORIAL DASHBOARD start **/
    .modules-inner-main-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    /** UNIVERSEL TUTORIAL DASHBOARD END **/
    /*  */
    .pre_btn_wrap {
        max-width: 100%;
    }

    /* Email Configuration New Start */
    .ec_plan_btm .email_configuration_pricing_main {
        grid-template-columns: repeat(2, 1fr);
    }

    .ec_item {
        flex-wrap: wrap;
    }

    .ec_item_lft {
        margin-bottom: 1rem;
        flex-direction: column;
    }

    .ec_item_lft_btn {
        margin-right: auto;
    }

    .ec_item_lft,
    .ec_item_rht {
        width: 100%;
    }

    /* Email Configuration New End */
    .shoppingarea {
        flex-wrap: wrap;
    }

    .shoppingarea img {
        width: 100%;
        height: 2rem;
    }

    .MultipleAmount.recurringcon.contentlistmain.contentlistmainfeqncy .flex-parent {
        flex-wrap: wrap;
        gap: .5rem;
    }

    .MultipleAmount.recurringcon.contentlistmain.contentlistmainfeqncy .checkbtnprice {
        width: auto;
        margin: 0;
    }

    .add-payment-catcher-details-schedule .form-group,
    .add-payment-catcher-details .form-group,
    .addpaymentcatcherslider {
        margin-bottom: 0.375rem;
    }

    .add-payment-catcher-details-schedule .text-area textarea {
        min-height: 3rem !important;
    }

    .trackcheckbox {
        margin-top: 1rem;
    }

    .iframe-payment-cather-customerview .donation-inner-wrap {
        padding: 0 1rem;
    }

    .iframe-payment-cather-customerview .shoppingarea {
        padding: 0.625rem 1rem;
    }

    .iframe-payment-cather-customerview .contentlistmain .checkbtnprice label {
        padding: 0.15rem .5rem;
        font-size: 0.75rem;
        line-height: 1;
    }

    .iframe-payment-cather-customerview.r-add-leads-main-wrapper label {
        padding-bottom: 0.125rem;
    }

    .iframe-payment-cather-customerview.r-add-leads-main-wrapper input {
        padding: 0.125rem .5rem;
        min-height: auto;
    }

    .iframe-payment-cather-customerview.r-add-leads-main-wrapper select {
        padding: 0.125rem 2.1875rem 0.125rem .5rem;
        font-size: 0.875rem;
        min-height: auto;
    }

    .iframe-payment-cather-customerview .icon_left {
        margin-top: -4px;
    }

    .iframe-payment-cather-customerview .icon_left i {
        font-size: .75rem;
    }

    .iframe-payment-cather-customerview .enter_amountbx input {
        padding: 0.125rem 0.5rem 0.125rem .5rem;
    }

    .iframe-payment-cather-customerview.r-add-leads-main-wrapper textarea {
        min-height: auto !important;
        padding: 0.125rem 0.5rem;
        height: auto;
    }

    .iframe-payment-cather-customerview .policytrems p {
        font-size: 0.75rem;
        margin-bottom: .5rem;
    }

    /* GLOBAL SETTING POS */
    .pos-content-t,
    .pos-slider-t {
        width: 100%;
    }

    .expert-btn-main-ass {
        gap: 1rem;
        flex-wrap: wrap;
    }

    /* END GLOBAL SETTING POS */
    .column-sale-8,
    .column-sale-4 {
        width: 100%;
    }

    .modifier-btn-flex {
        flex-wrap: wrap;
    }

    .modifers_lft_wrap {
        width: 100%;
        border-right: 0px;
    }

    .modifiers_rht_wrap {
        width: 100%;
    }

    .welcome_slider_inner {
        padding: .75rem 1.375rem;
        font-size: 1rem;
    }

    .sps_loading_img_wrap img {
        height: 60px;
    }

    .sps_loding_screen_inner {
        padding: 1rem;
    }

    /* NOTITFICATION ENHANCEMENT */
    .n-buttons-nav-pills,
    .n_outer_wrap,
    .n_nav_pill_wrap {
        width: 100%;
        height: 100%;
    }

    .n_inner_main_row {
        flex-direction: column;
    }

    /* Start Check Gift Card Area (Harshad) */
    .chk-gift-card-img-wrap .chk-gift-card-form input {
        width: 160px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form label {
        font-size: 14px;
        padding-bottom: 0;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form {
        left: 25px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt label {
        font-size: 18px;
        padding-bottom: 0;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt .gift-issue-amt {
        font-size: 28px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt .chk-gift-row:first-of-type {
        margin-bottom: 20px !important;
    }

    /* .chk-gift-card-bg .chk-gift-card-actionbtn {
            flex-direction: column;
        }

        .chk-gift-card-bg .chk-gift-card-actionbtn .chk-btn-go {
            width: calc(100% - 79px);
            text-align: center;
        }

        .chk-gift-card-bg .chk-gift-card-actionbtn .chk-gift-card-lhf {
            margin-bottom: 16px;
        }

        .chk-gift-card-bg .chk-gift-card-actionbtn .chk-btn-template {
            width: 100%;
            text-align: center;
        } */
    /* End Check Gift Card Area (Harshad) */
    /* APP & INTREGATION ENHANCEMENT */
    .app_intregation_card {
        width: 100%;
    }

    /* APP & INTREGATION ENHANCEMENT */


    /* start mobile popup navigation  */
    .mobile_nav-popup .db_right_toggle-wrapper .mob-hamburger,
    .mobile_nav-popup .db_left {
        display: none;
    }

    .mobile_nav-popup .db_right_toggle-wrapper .mob-popup-hamburger {
        color: var(--text-one);
        display: block !important;
    }

    .side-bar-toggler {
        display: none;
    }

    .mobile_nav-popup .db_right {
        padding: 0 !important;
    }

    .mobile_nav-popup .db_right_toggle-wrapper {
        display: block;
    }

    .mobile_nav-popup .side-bar-ul {
        list-style-type: none;
    }

    .mobile_nav-popup .db_left {
        left: 0;
        transition: unset;
        margin: 42px 10px 10px 15px;
        width: calc(100% - 29px) !important;
        height: calc(100vh - 57px);
        box-shadow: none;
        border-radius: 8px;
    }

    .mobile_nav-popup.side-open .db_left-expanded .db_right_header {
        /* z-index: 0; */
    }

    .mobile_nav-popup.side-open .side-bar-navigation .side-bar-nav {
        overflow-y: scroll;
        height: calc(100vh - 290px);
    }

    .mobile_nav-popup.side-open .mobile_nav_popup_overlay_wrap {
        display: block;
    }

    .mobile_nav-popup.side-open .mobile_nav_popup_overlay_wrap .mobile_nav_popup_overlay {

        background: #0000009c;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }

    .mobile_nav-popup.side-open .mobile_nav_popup_overlay_wrap .fa-xmark {
        position: absolute;
        z-index: 1001;
        color: #fff;
        right: 17px;
        font-size: 18px;
        top: 20px;
    }

    .mobile_nav-popup.side-open .side-bar-logo-wrap .side-bar-full-logo img {
        width: 50%;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .side-bar-user-search .side-bar-user-toggle-wrap {
        border-top: 0.0625rem solid var(--card-highlight--bg-color);
    }

    .mobile_nav-popup.side-open .side-bar-user-img-wrap {
        align-items: center;
        display: flex;
    }

    .mobile_nav-popup.side-open .side-bar-logo-wrap,
    .mobile_nav-popup.side-open .side-bar-user-wrap,
    .mobile_nav-popup.side-open .side-bar-search-wrap {
        padding: 8px 20px;
    }

    .mobile_nav-popup.side-open .side-bar-nav-box .side-bar-toggle-btn {
        padding: 10px 20px;
        font-size: 16px;
    }

    .mobile_nav-popup.side-open .side-bar-user-name-id-wrap h4 {
        font-size: 16px;
    }

    .mobile_nav-popup.side-open .main-search {
        border-radius: 4px;
    }

    .mobile_nav-popup.side-open .side_bar_cta_icon_wrap {
        padding: 1rem 1.25rem;
    }

    .mobile_nav-popup.side-open .side-bar-search-input {
        font-size: 14px;
    }

    .mobile_nav-popup.side-open .side-bar-search-wrap {
        padding-bottom: 1rem;
        padding-top: 0;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu {
        inset: unset !important;
        position: relative !important;
        transform: unset !important;
        box-shadow: none;
        border-radius: 0;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu .multi-merchant-side-wrap {
        padding-bottom: 0;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu>li:nth-child(2) {
        padding-top: 0;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu li ul li:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu li ul li:last-of-type a {
        padding-bottom: 0;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu .multi-merchant-side-wrap a {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
    }

    .mobile_nav-popup.side-open .side-bar-nav-box .btn-group,
    .mobile_nav-popup.side-open .side-bar-user-toggle-wrap .btn-group {
        display: block;
    }

    .mobile_nav-popup.side-open .btn-group .show .side-bar-user-arrow-wrap {
        transform: rotate(90deg);
    }

    .mobile_nav-popup.side-open .btn-group .dropdown-menu .side_bar_new_links_wrap {
        display: block;
    }

    .mobile_nav-popup.side-open .btn-group .dropdown-menu .side_bar_new_links_wrap .side_bar_new_links_col {
        width: 100%;
    }

    .mobile_nav-popup.side-open .btn-group .dropdown-menu .side_bar_new_links_wrap .side_bar_new_links_col .side_bar_new_links_box h6 {
        font-weight: 400;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu li a,
    .mobile_nav-popup.side-open .side-bar-wrap .user_profile_nav li {
        font-size: 14px;
        font-weight: 400;
    }

    .mobile_nav-popup.side-open .side_bar_new_links_box:last-child {
        border-color: #E1E1E1;
    }

    .mobile_nav-popup.side-open .side-bar-user-img-wrap img {
        width: 40px;
        height: 40px;
    }

    .mobile_nav-popup.side-open .side-bar-wrap .dropdown-menu li a,
    .mobile_nav-popup.side-open .side-bar-wrap .user_profile_nav li {
        padding: 8px 8px;
    }

    /* start mobile popup navigation  */

    .c-sms-template .c-call-history-body .c-call-history-head .call-history-right a {
        width: 50%;
    }

    .c-sms-template .c-call-history-body .c-call-history-head .call-history-right {
        display: flex;
    }

    .script-details-content .call-history-right {
        flex-direction: column;
        align-items: flex-start;
    }

    .c-sms-template .call-script a.r-orange-btn {
        width: 100%;
    }

    .compose-box.script-box .small-window-wrap.compose-box-position {
        width: 28rem;
    }

    .email-action-btns .right-action-btns {
        flex-direction: column;
    }

    .crm-pro label:nth-child(1) {
        width: auto;
    }

    .crm-pro label:nth-child(2) {
        width: auto;
    }

    .cp-g-card .r-add-people-rht-top>.r-add-people-lable-input-wrap {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .cp-btn-verify-edit {
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 8px;
    }

    .text-in-row {
        flex-direction: column;
        gap: 4px;
    }

    .pills-cp-tickets .com-histiry,
    .pills-cp-forms .com-histiry,
    .pills-cp-orders .com-histiry,
    .pills-cp-communication .com-histiry {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .pills-cp-tickets .com-history-grid-view .dataTables_wrapper,
    .pills-cp-forms .com-history-grid-view .dataTables_wrapper,
    .pills-cp-orders .com-history-grid-view .dataTables_wrapper,
    .pills-cp-communication .com-history-grid-view .dataTables_wrapper,
    .pills-cp-communication .com-history-list-view .dataTables_wrapper {
        flex-direction: column;
        display: flex
    }

    .pills-cp-tickets .com-history-grid-view .dataTables_filter input,
    .pills-cp-forms .com-history-grid-view .dataTables_filter input,
    .pills-cp-orders .com-history-grid-view .dataTables_filter input,
    .pills-cp-communication .com-history-grid-view .dataTables_filter input,
    .pills-cp-communication .com-history-list-view .dataTables_filter input {
        margin-left: 0;
    }

    .da-metrics-in-card .col-md-4 {
        width: 100%;
    }

    .deal-analytics-main-wrapers .deal-analytics-header-filter .select2-dropd-arrow .col-md-3 {
        margin-bottom: 0.5rem;
    }

    .tickets-inventory-top-wrap .edit-inventory-prev-nxt-wrap,
    .tickets-inventory-top-wrap .employee-logs-rht-wrap .new-white-input-select-two,
    .tickets-inventory-top-wrap .employee-logs-rht-wrap .new-white-input-with-icon {
        width: 100%;
    }

    .cs-customer-email-premium-wrap {
        align-items: flex-start;
    }

    .sc-pd-cta {
        flex-direction: column;
        gap: 1rem;
    }

    .sc-pd-rhs {
        /* display: flex; */
    }

    .sc-pd-rhs button:first-of-type {
        margin-bottom: 1rem;
    }

    .sc-pd-rhs button,
    .sc-ps-cc-card {
        width: 100%;
    }

    .cs-call-settings {
        flex-direction: column;
    }

    .cp-deal-list-container {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .cp-deal-list-rhs {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .cp-deal-list-rhs .mb-2 {
        margin-bottom: 0 !important;
    }

    .pep-premium-email-plan {
        grid-template-columns: repeat(1, 1fr);
    }

    .email_signup_main_label_wrap h2 {
        font-size: 1.5rem;
        line-height: 2.625rem;
    }

    .free_signup_txt {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: -0.4px;
    }

    .email_signup_main_wrap .social_btn {
        font-size: .875rem;
    }

    .email_signup_main_wrap .social_btn img {
        width: 1.25rem;
        height: 1.25rem;
    }

    .email_signup_free_description_wrap p {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .email_signup_free_description_wrap,
    .email_signup_free_login_btm {
        margin-top: 1.5rem;
    }

    .setup-content .sc-select-campaign-cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:575.98px) {

    .side_bar_cta_icon_wrap .side_bar_cta_btn {
        width: 1.7rem;
        height: 1.7rem;
    }

    .side_bar_cta_icon_wrap .side_bar_cta_btn i.fa-light {
        font-size: 12px;
    }

    .db_right.db_left-expanded .db_right_header-logo {
        display: none;
    }

    .send_presentation_date {
        margin-bottom: 30px;
    }

    .hellouser h2 {
        font-size: 16px;
        padding-right: 2px;
    }

    .step_heading_area {
        margin-bottom: 15px;
    }

    .transparent-button {
        font-size: 15px;
    }

    .step_area_top,
    .step_area_bottom {
        display: none;
    }

    .step_area_mob {
        display: block;
        margin-bottom: 15px;
    }

    .step_area_bottom_inner {
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }

    .lead-add-button {
        height: 35px;
        padding: 0 14px;
        font-size: 12px;
    }

    .step_heading_area h2 {
        font-size: 17px;
        line-height: 1.2;
    }

    .heading-area {
        margin: 0;
    }

    .heading-area h2 {
        font-size: 14px;
    }

    .progress_bar-group.progress_barstyle_4 label {
        font-size: 18px;
    }

    .progress_bar-group.progress_barstyle_4 {
        margin-top: 20px !important;
    }

    .progress_barstyle_4 .progress {
        height: 20px;
    }

    .progress-terget-txt {
        flex-wrap: wrap;
        gap: 5px;
    }

    .progress-terget-txt li {
        margin-right: 10px;
        font-size: 12px;
    }

    .gradiant-card {
        height: auto;
        margin-bottom: 10px;
    }

    .gradiant-card .card-body {
        padding: 15px;
    }

    .call {
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: 45px;
        height: 45px;
    }

    .pepople-heading-area {
        margin-bottom: 10px;
    }

    .r-crm-msg-wrap {
        left: 85px;
    }

    .r-crm-mid-wrap label,
    .r-crm-mid-wrap input,
    .r-crm-mid-wrap textarea,
    .r-crm-mid-wrap select {
        font-size: 13px;
    }

    .r-crm-msg-box,
    .people-sort-box {
        width: 270px;
    }

    .r-crm-msg-box::before {
        left: 25%;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    .transparent-button {
        width: auto;
        height: auto;
    }

    .gusto-wrappper {
        width: 150px;
    }

    .payroll-steps-head h4 {
        font-size: 20px;
    }

    .payroll-steps-inner {
        flex-wrap: wrap;
    }

    .payroll-box {
        margin-right: 0px;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: start;
        flex-direction: column-reverse;
        margin-bottom: 7px;
    }

    .payroll-box p {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .payroll-bot-lft h2 {
        font-size: 22px;
    }

    .r-w-60 {
        width: 100%;
    }

    .payroll-paydate-flex {
        flex-wrap: wrap;
    }

    .payroll-paydate-lft,
    .payroll-paydate-rht {
        width: 100%;
        margin-bottom: 10px;
    }

    .white-btn {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .scroll-indicator {
        display: block;
        display: flex;
        align-items: center;
    }

    .scroll-indicator img {
        filter: invert(1);
        width: 15px;
        margin-right: 10px;
    }

    .scroll-indicator p {
        font-size: 10px;
    }

    .universal-table-wrap {
        overflow-x: auto;
    }

    .universal-table-wrap table {
        width: 600px;
    }

    .stats-box h4 {
        font-size: 16px;
    }

    .stats-box h6 {
        font-size: 12px;
    }

    .payroll-earnings-wrap {
        flex-wrap: wrap;
    }

    .payroll-earning-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .payroll-earning-box:last-child {
        margin-bottom: 0px;
    }

    .payroll-earning-box::after {
        width: 60%;
        height: 1px;
        top: auto;
        left: 50%;
        bottom: -7px;
        right: auto;
    }

    .calender-vacation p {
        font-size: 11px;
    }

    .payroll-heading-icons {
        right: 10px;
        top: 13px;
    }

    .workforce-heading a {
        margin-right: 3px;
    }

    .workforce-heading a i {
        font-size: 11px;
    }

    .workforce-chart-wrapper img {
        width: 100%;
    }

    .team-user-img {
        width: 60px;
        height: 60px;
        margin-bottom: 3px;
    }

    .team-users-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .team-users-box {
        width: 29%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .team-user-details h4 {
        font-size: 16px;
    }

    .team-user-details p {
        font-size: 14px;
    }

    .time-tracker-wrapper {
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .time-tracker-box {
        width: 100%;
        padding-bottom: 20px;
    }

    .time-tracker-box:last-child {
        padding-bottom: 0px;
    }

    .time-tracker-content {
        margin-bottom: 10px;
    }

    .time-tracker-bar {
        height: 30px;
    }

    .productive .time-tracker-bar {
        width: 60%;
    }

    .neutral .time-tracker-bar {
        width: 35%;
    }

    .unpro .time-tracker-bar {
        width: 15%;
    }

    .certificate-img-wrap {
        width: 80%;
        margin-bottom: 10px;
    }

    .certificates-slider-wrapper {
        width: 100%;
        margin-top: 20px;
    }

    .certificates-slider-wrapper .owl-nav button.owl-prev {
        left: 0px;
    }

    .certificates-slider-wrapper .owl-nav button.owl-next {
        right: 0px;
    }

    .module-btn,
    .module-heading h6 {
        font-size: 15px;
    }

    .module-box h5,
    .module-box i {
        font-size: 15px;
    }

    .course-overflow {
        overflow-x: auto;
    }

    .course-timeline-content {
        width: 600px;
    }

    .course-timeline-top {
        margin-top: 0;
    }

    .white-card-bottom-wrap {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .top-performer-table-wrap table {
        width: 450px;
    }

    /* ==========================EMPLOYEE SPRINTS =====================*/
    /* ==========================INVENTORY SPRINTS =====================*/
    .white-card-inner {
        margin-bottom: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .white-card-left {
        width: 100%;
        margin-bottom: 10px;
    }

    .white-card-rht img {
        width: 50%;
    }

    .activities-status-bot-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .activity-white-card {
        width: 47%;
        flex: 0 0 auto;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .progresss-bar-w-transparent label {
        font-size: 13px;
    }

    .progresss-bar-w-transparent .progress {
        height: 17px;
    }

    .activity-white-card p {
        font-size: 13px;
    }

    .white-card-left h3 {
        margin-top: 0px;
    }

    /* ==========================INVENTORY SPRINTS =====================*/
    /* ==========================MARKETING SPRINTS =====================*/
    .marketing-search {
        width: 150px;
    }

    .marketing-social-box-wrap {
        padding: 20px 0;
    }

    .marketing-left-bottom-wrapper h2 {
        font-size: 17px;
    }

    .sm-media-inbox-wrap select {
        font-size: 12px;
        padding: 3px 30px 3px 10px;
    }

    .sm-comment-card h5 {
        font-size: 16px;
    }

    /* ==========================MARKETING SPRINTS =====================*/
    /* ==========================ORDERS SPRINTS =====================*/
    .order-welcome-lft button {
        padding: 5px 10px 5px 10px;
        margin-top: 10px;
        font-size: 11px;
    }

    .order-welcome-lft p {
        font-size: 14px;
    }

    .orders-welcome-card h2 {
        font-size: 22px;
    }

    .order-details-table-wrapper table tbody tr td {
        font-size: 13px;
    }

    .order-two-welcome-lft p span {
        font-size: 20px;
    }

    .order-chart-main-wrap .card-body canvas {
        height: 160px !important;
    }

    /* ==========================ORDERS SPRINTS =====================*/
    /* ==========================TICKETS SPRINTS =====================*/
    .tickets-main-wrapper .step_heading_area,
    .tickets-top-wrapper {
        flex-wrap: wrap;
    }

    .tickets-main-wrapper .step_heading_area .dashboard-top-head-rht {
        margin-left: 0px !important;
        margin-top: 10px;
        width: 100%;
    }

    .tickets-rht-wrap,
    .tickets-lft-wrap {
        width: 100%;
    }

    .tickets-lft-wrap {
        margin-bottom: 10px;
    }

    .tickets-workload-content h3 {
        font-size: 30px;
    }

    .tickets-leaderboard-content {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .tickets-leaderboard-bottom h4 {
        font-size: 20px;
    }

    .tickets-top-box p {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .tickets-top-box h3 {
        font-size: 16px;
    }

    .web-builder-top-wrap h2 {
        font-size: 16px;
    }

    .web-builder-card .card-body {
        padding: 10px;
    }

    .web-builder-nav h6 {
        font-size: 12px;
    }

    .web-num-box {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .web-builder-nav::after,
    .web-builder-nav:nth-child(2)::before {
        top: 15px;
    }

    .web-builder-bottom-top {
        margin: 20px 0;
    }

    .web-builder-bottom-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .select-btn {
        margin-bottom: 10px;
    }

    .web-pages-wrapper {
        flex-direction: column;
        padding-bottom: 20px;
    }

    .web-page-link {
        width: 100%;
        margin-bottom: 20px;
    }

    /* ==========================TICKETS SPRINTS =====================*/
    .category_slect,
    .search_int {
        width: 100%;
    }

    .search_int {
        margin-top: 15px;
    }

    /* ==================== ADD DETAILS PAGE ===================== */
    .add_details_page {
        width: 100%;
    }

    /* ==================== CRM INBOX ===================== */
    .inbox_header_main {
        flex-wrap: wrap;
    }

    .inbox_header_main .search_int {
        width: 100%;
    }

    .inbox_user_main {
        flex-wrap: wrap;
        gap: 5px;
    }

    .user_profile_content p {
        line-height: 18px;
    }

    .btn_new_message,
    .btn_new_message a {
        width: 100%;
        text-align: center;
    }

    .r-people-rht.in_fl_op .form-group,
    .r-people-rht.in_fl_op .form-select,
    .r-people-rht.in_fl_op .orange-btn,
    .btn_new_message a,
    .orange-btn {
        margin: 10px 0 0 0;
        width: 100%;
    }

    /* ==================== END CRM INBOX ===================== */
    /* ==================== MANAGE APPOINTMENT ===================== */
    .right_flex {
        width: 100%;
    }

    .manage_appointment_main .inbox_header_main,
    .right_flex {
        gap: 14px;
        flex-wrap: wrap;
    }

    .manage_appointment_main .inbox_header_main .search_int {
        width: 100%;
    }

    .right_flex .btn_new_message {
        margin-left: 0;
    }

    .Edit-appointment .btnenterclick,
    .Edit-appointment .btnresendemail,
    .Edit-appointment .btnclosew {
        padding: 7px 12px;
        font-size: 14px;
        margin: 10px 0 0 10px;
    }

    .Edit-appointment {
        padding: 14px;
    }


    /* ==================== END MANAGE APPOINTMENT ===================== */
    /* ==================== ADD AUTOMATIONS ===================== */
    .add-automation_main_header .form-select,
    .add-automation_main_header .form-control,
    .add-automation_main_wrap .form-control {
        font-size: 14px;
    }

    .btn_add_auto {
        font-size: 14px;
    }

    .title_main_btn h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .add-automation_main_header,
    .add-automation_main_wrap {
        padding: 18px;
    }

    .people-table-main .dataTables_filter {
        align-items: self-end;
        text-align: left;
    }

    .title_main_btn {
        margin-bottom: 10px;
    }

    .contentarea_automations .r-add-people-rht-bottom {
        margin-bottom: 60px;
    }

    .add-automation_main_header label,
    .add-automation_main_wrap label {
        font-size: 14px;
        padding-bottom: 4px;
    }

    .add-automation_main_header {}

    /* ==================== END ADD AUTOMATIONS ===================== */

    /*========== APPOINETMENT Page ===================*/
    .edit-appointment-top-wrap {
        margin-bottom: 10px;
    }

    .edit-appointment-top-wrap h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .screen-shot-bottom-wrap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .screen-shot-bottom-wrap h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .screen-shot-bottom-wrap button {
        font-size: 14px;
    }

    /*========== APPOINETMENT Page ===================*/
    /*=================== ISSUE GIFT CARD ===================*/
    .e_gift_market_wrap .lead_nav_tabs .nav-link,
    .e_gift_market_wrap .btn_new_message a,
    .e_gift_market_wrap .orange-btn {
        font-size: 14px;
        padding: 7px 20px 7px 20px;
    }

    .gift_market_wrap .lead_track_flex {
        flex-wrap: wrap;
    }

    .gift_card_main_wraper_issue {
        padding: 18px;
    }

    .content_info h4 {
        font-size: 26px;
        line-height: 35px;
        padding-bottom: 6px;
    }

    .content_info p {
        font-size: 17px;
    }

    .card_info_flip_modal {
        text-align: center;
    }

    .card_info_flip_modal button {
        margin: 0 0 11px 0;
    }

    .top_up_details li {
        width: 100%;
    }

    .flip_card_main_wrap {
        height: 201px;
    }

    .card_info_back {
        padding: 26px 0;
    }

    .main_wraper_card_info {
        padding: 18px 18px 12px;
    }

    .gift_marketing .card_info_table .dataTables_wrapper .dataTables_filter,
    .card_info_table .dataTables_wrapper .dataTables_length {
        padding: 0 10px;
        float: none;
    }

    #topped_success .modal-content {
        width: 308px;
        height: 285px;
    }

    .topped_success i {
        font-size: 52px;
    }

    .topped_success h5 {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 32px;
    }

    .topped_success h4 {
        font-size: 21px;
        line-height: 26px;
        padding-bottom: 6px;
    }

    .filter_btn_card {
        width: 35px;
        height: 35px;
    }

    .filter_dropdown {
        width: 288px;
    }

    .main_gift_btns .fiter_gift_card {
        width: 10%;
    }

    .main_gift_btns .btn_new_message.sm_w {
        width: 88%;
        margin-right: 2%;
    }

    .lead_nav_tabs {
        width: 100%;
    }

    .main_gift_btns {
        width: 100%;
    }

    /*=================== ISSUE GIFT CARD =================== */
    /*=================== ORDER GIFT CARD =================== */
    .check_main_magnet input {
        padding: 30px 0;
        border-radius: 7px !important;
    }

    .check_main_magnet i {
        font-size: 20px;
        padding-bottom: 0;
    }

    .order_new_e_card_wrap .form-group {
        width: 100%;
        padding: 8px 0;
    }

    .title_new_e_card h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .title_new_e_card {
        padding-bottom: 12px;
    }

    .columnscardsl {
        max-width: 100%;
    }

    .order-gift-card-select-form-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .add_recipient_wrap {
        flex-direction: column;
    }

    .column_user {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .column_user {
        width: 100%;
    }

    .btn_add_card_rep .recipent {
        font-size: 30px;
    }

    .order_new_e_card_wrap_step .bg_clr_form_st {
        padding: 20px;
    }

    .btn_g_card_bx button {
        font-size: 14px;
        margin: 4px 0 5px;
    }

    .custom_gift_card_wrap {
        padding: 9px;
    }

    .column_order_gift.custom_gift_card_wrap .flip_card_main_wrap {
        height: 202px;
    }

    .content_info p.address {
        font-size: 13px;
        line-height: 21px;
    }

    .e_gift_card_main_payment_wrap h2 {
        font-size: 18px;
        padding-bottom: 12px;
    }

    .e_form_row {
        gap: 0;
    }

    /*=================== ORDER GIFT CARD =================== */
    /*============ COMMUNICATION HISTORY  ====================*/
    .communication-history table {
        min-width: 1200px;
    }

    .r-com-rht {
        flex-wrap: wrap;
    }

    .e_gift_market_wrap.sms_and_email_templates .lead_nav_tabs .nav-link,
    .e_gift_market_wrap.sms_and_email_templates .btn_new_message a,
    .e_gift_market_wrap.sms_and_email_templates .orange-btn {
        font-size: 14px;
        padding: 5px 18px 7px 18px;
    }

    /*============ COMMUNICATION HISTORY  ====================*/
    /*============ CUSTOMER APP  ====================*/
    .app_store_bx img {
        width: 82px;
    }

    .scanerbarcod,
    .app_store_bx {
        margin: 0 9px;
    }

    .customer_main_wrap h2 {
        font-size: 18px;
        margin: 16px 0 14px;
    }

    .customer_main_wrap {
        padding: 16px;
    }

    .customer_main_wrap h4,
    .request_t .modal-header h5,
    .prospectsettings_modal .modal-header h5 {
        font-size: 18px;
    }

    .trainingfor_re .form-group,
    .prospectsettings_main_wrap .form-group {
        width: 100%;
        margin-bottom: 13px;
    }

    /*============ END CUSTOMER APP  ====================*/
    /*============ INDEX Prospect Settings MODAL  ====================*/
    .prospectsettings_main_wrap {
        margin-bottom: 0;
    }

    .prospectsettings_modal .modal-header,
    .prospectsettings_modal .modal-body {
        padding: 18px;
    }

    .prospectsettings_main_wrap:last-child .form-group:last-child {
        margin-bottom: 0;
    }

    .prospectsettings_main_wrap label {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .prospectsettings_modal .btn-close-form {
        font-size: 14px;
        border-radius: 6px;
        padding: 6px 18px;
    }

    /*============ END INDEX Prospect Settings MODAL  ====================*/
    /******************************* ONLINE MARKETING / E COMMERECE CUSTOME SITE *******************************/
    .gift_marketing.website_previews .products_main_body,
    .gift_marketing.website_previews .modal-header {
        padding: 15px;
    }

    .gift_marketing.website_previews .products_main_body label {
        font-size: 14px;
        padding-bottom: 6px;
    }

    .e_commerece_site_modal.website_previews .gift_card_price .input-group-text,
    .e_commerece_site_modal.website_previews .gift_card_price input {
        font-size: 14px;
    }

    .e_commerece_site_modal.website_previews .gift_card_price .input-group-text {
        padding: 6px 4px;
    }

    .e_commerece_site_modal .order_new_e_card_wrap .form-control {
        padding-left: 10px;
    }

    .flex_bx_form,
    .flex_bx_form:nth-of-type(3) .form-group {
        margin-bottom: 0;
    }

    .flex_bx_form .form-group,
    .flex_bx_form:nth-of-type(3) {
        margin-bottom: 12px;
    }

    .e_commerce_custom_pro_img {
        width: 100%;
        height: 180px;
        margin: 0 0 11px;
    }

    .e_commerce_item,
    .e_commerce_action {
        width: 100%;
    }

    .gift_marketing.website_previews .modal-header .modal-title {
        font-size: 18px;
    }

    .delete_modal h5 {
        font-size: 15px;
        line-height: 18px;
    }

    .btn_delete_bx button {
        margin-right: 10px;
        padding: 6px 25px;
    }

    .r-modal-btn {
        margin: 4px 0;
    }

    .tm_db_editor {
        padding: 15px 6px;
    }

    .flex_wrap_website_on {
        grid-template-columns: repeat(1, 1fr);
    }

    .r-add-leads-main-wrapper input::placeholder,
    .r-add-leads-main-wrapper textarea::placeholder,
    .r-add-leads-main-wrapper select,
    .order_new_e_card_wrap .form-control,
    .order_new_e_card_wrap .form-select {
        font-size: 0.75rem;
    }

    /******************************* ONLINE MARKETING / E COMMERECE CUSTOME SITE *******************************/
    /* Product Positoining */


    .title_po_pro {
        font-size: 14px;
    }

    .product_pos_wrap .btn-export {
        margin-bottom: 10px;
    }

    .sell_google-title {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .sell_desc {
        margin-bottom: 8px;
    }

    .fast_shop_modal .modal-body {
        padding: 15px;
    }

    /* Product Positoining */
    /* Pre gift card steps */
    .r-issue-gift-card li {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .r-issue-form-inside-wrap.r-add-leads-main-wrapper {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }

    .r-issue-form-inside-wrap.r-add-leads-main-wrapper .form-group {
        width: 100%;
    }

    /* Pre gift card steps */
    /* Coupon Campaign */
    .coupon_champaign_inner_wrap .btn_new_message {
        display: inline-block;
    }

    .coupon_champaign_inner_wrap .inbox_header_main,
    .coupon_champaign_main_wraper .inbox_header_main {
        gap: 2px;
    }

    .coupon_champaign_main_wraper .user_profile_content {
        display: inline-block;
    }

    .coupon_champaign_main_wraper .date_post_user {
        font-size: 13px;
    }

    .btn_right_auto .btn_add_auto {
        margin-left: 0;
        padding: 6px 10px;
        font-size: 13px;
    }

    .coupon_champaign_info .close-btn2 {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
    }

    .content_text_coupon {
        font-size: 14px;
    }

    .sms-campaign-item-body-item-img i {
        font-size: 27px;
    }

    .choose_template_coupon_cam_wrap .coupon_cam_temp_s {
        width: 100%;
    }

    .coupon_cam_temp_s input {
        height: auto;
        padding: 40px 20px 74px;
    }

    .coupon_cam_temp_s i {
        padding-bottom: 15px;
    }

    .choose_template_coupon_cam_wrap,
    .choose_template_coupon_cam_main_wraper {
        padding: 16px;
    }

    .mbsp {
        margin-bottom: 16px;
    }

    .label_font {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .share_my_personal_calendar_wrap .choose_template_coupon_cam_wrap {
        padding: 0;
        flex-wrap: wrap;
    }

    .share_my_personal_calendar_wrap .share_my_personal_op {
        margin-right: 0;
    }

    /* Coupon Campaign */
    /******************************* Lead Form *******************************/
    .template_main {
        flex-basis: 100%;
    }

    /******************************* Lead Form *******************************/
    /*============ ORDER-LIST  ====================*/
    .order-list-tab-top-top {
        margin-bottom: 10px;
    }

    .order-list-tab-top-top .nav-item .nav-link {
        font-size: 12px;
    }

    .order-list-tab-top-bottom-wrapper .orange-btn-4 {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }

    .order-list-content-top-top-item {
        width: 100%;
        margin-bottom: 5px;
    }

    .order-list-content-top-bottom-left-item {
        width: 100%;
        margin-bottom: 5px;
    }

    .order-list-content-top-bottom-right {
        width: 100%;
    }

    .order-list-tab-top-bottom-wrapper {
        margin-bottom: 10px;
    }

    /* .order-list-content-top-top-item, .order-list-content-top-bottom-left-item{
        text-align: center;
    } */
    .all-tab-pane2-left {
        width: 100%;
    }

    .order-list-page-top-btn-wrapper {
        margin: 0px 0 15px 0;
    }

    .r-invoice-modal-header .modal-title,
    .r-invoice-rht-details-wrap h4 {
        font-size: 20px;
    }

    .r-invoice-main-body-black,
    .r-invoice-main-body-plane {
        padding: 25px;
    }

    .r-invoice-modal-top-img-wrap img {
        width: 40px;
        height: 40px;
    }

    .r-invoice-top-details-wrap {
        flex-direction: column;
    }

    .r-invoice-address-wrap,
    .r-invoice-email-wrap {
        width: 100%;
        margin-bottom: 12px;
    }

    .r-invoice-modal-table-wrap .table th,
    .r-invoice-modal-table-wrap .table td {
        font-size: 12px;
    }

    .r-invoice-phone-wrap {
        width: 100%;
    }

    .r-invoice-top-details-wrap h5,
    .r-invoice-customer-title p {
        font-size: 12px;
    }

    .r-invoice-top-details-wrap a,
    .r-invoice-top-details-wrap p,
    .r-invoice-customer-val span {
        font-size: 12px;
    }

    .dark-pay-btn {
        font-size: 12px;
    }

    .r-invoice-grand-total-link-wrap p a {
        word-wrap: break-word;
    }

    .r-invoice-grand-total-wrap ul li p,
    .r-invoice-grand-total-wrap ul li span {
        font-size: 12px;
    }

    .r-invoice-grand-total-link-wrap h5,
    .r-invoice-grand-total-link-wrap p {
        font-size: 12px;
    }

    .r-invoice-customer-title {
        width: 40%;
    }

    .r-invoice-modal-address-top-wrap-top .r-invoice-customer-title {
        width: 40%;
    }

    .r-invoice-modal-address-top-wrap-top .r-invoice-customer-val {
        width: 60%;
    }

    .r-invoice-modal-address-top-wrap-bottom-item {
        margin-right: 0;
    }

    .r-invoice-modal-address-top-wrap-bottom-item .r-invoice-customer-title {
        width: 40%;
    }

    .r-invoice-modal-address-top-wrap-bottom-item .r-invoice-customer-val {
        width: 60%;
    }

    .r-invoice-modal-footer .orange-btn-1,
    .r-invoice-modal-footer .orange-btn-2 {
        font-size: 12px;
        padding: 6px 20px;
    }

    .r-simple-modal-table-wrap {
        overflow: auto;
    }

    .r-simple-modal-table-wrap .table {
        width: 500px;
    }

    .r-simple-modal-top-wrap,
    .r-simple-top-modal-details-wrap div {
        margin-bottom: 10px;
    }

    .r-simple-top-modal-details-wrap div a,
    .r-simple-top-modal-details-wrap div p,
    .r-grand-total-amt-wrap p,
    .r-simple-modal-footer-main p {
        font-size: 14px;
    }

    .r-simple-grand-total-wrap ul {
        width: 100%;
    }

    .transaction-done {
        font-size: 14px;
    }

    .thankyou-text {
        font-size: 20px;
    }

    .orderSuccess-img {
        font-size: 34px;
    }

    .r-add-people-lable-input-wrap.from-shipping-error {
        width: 100%;
    }

    .title_payment {
        width: 100%;
        margin-bottom: 16px;
    }

    .title_payment:last-child {
        margin: 0;
    }

    /*============ ORDER-LIST  ====================*/
    /*=========== END ORDER-LIST--MODALS--TRANSACTIONS-DETAILS ====================*/
    .order_details_main_trans H4 {
        font-size: 18px;
    }

    .order_details_main_trans li {
        width: 100%;
    }

    .card_info_table .employe_table_main .dataTables_wrapper .dataTables_filter,
    .card_info_table .payment_transaction_details_table .dataTables_wrapper .dataTables_filter {
        padding-right: initial;
    }

    .rewerds_reminder_modal .modal-title {
        font-size: 19px;
    }

    .invoices_main_wraper .flex-parent {
        width: 100%;
        margin-top: 16px;
    }

    /*=========== END ORDER-LIST--MODALS--TRANSACTIONS-DETAILS ====================*/
    .t-new-invoices-wrapper .new-inv-btn-wrapper .btn_temp_f {
        margin: 0 0 10px 0;
    }

    .t-new-invoices-wrapper .new-inv-btn-wrapper {
        margin-bottom: 0;
    }

    .new-inv-btn-wrapper .btn_new_message .btn_temp_f {
        font-size: 14px;
    }

    .new-inv-primary-wrapper .virtual-primary-info-top-inner {
        flex-direction: column;
    }

    .new-inv-primary-wrapper .virtual-primary-info-top-inner h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .new-inv-primary-wrapper .virtual-primary-info-top-inner .orange-btn-3 {
        font-size: 14px;
        width: 100%;
    }

    .new-invoice-accordian-wrap .accordion-header .accordion-button {
        font-size: 18px;
    }

    .new-iv-table-wrap .virtual-primary-info-top-inner {
        flex-direction: column;
    }

    .new-iv-table-wrap .virtual-primary-info-top-inner h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .new-iv-table-wrap .virtual-primary-info-top-inner .orange-btn-3 {
        margin: 0 0 10px 0;
        font-size: 14px;
        width: 100%;
    }

    .new-inv-upload-check-area-item-rht {
        text-align: left;
    }

    .new-inv-upload-check-area-item-rht p {
        font-size: 14px;
    }

    .update_btn_single {
        flex-wrap: wrap;
    }

    .update_btn_single .btn_new_message:first-child {
        order: 2;
    }

    .update_btn_single button {
        width: 100%;
        margin-bottom: 10px;
    }

    .update_btn_single .orange-btn-2 {
        padding: 6px 24px;
    }

    /*===========  NEW INVOICE END  ====================*/
    /*=========== PAYMENT CATCHER START  ====================*/
    .payment-catcher-modal-body {
        max-height: 320px;
    }

    /*=========== PAYMENT CATCHER START  ====================*/
    .product_positoining_wraper_inner ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .reorder-area #reorderHelper {
        margin-top: 7px;
        padding-left: 0px;
        font-size: 14px;
    }

    .flex-intervals,
    .promotional_campaign {
        flex-wrap: wrap;
    }

    .flex-intervals .column01 {
        margin: 0 0 14px;
    }

    .promotional_campaign .form-check {
        max-width: 100%;
        width: 100%;
    }

    .day-select-wrap li label {
        width: 24px;
        height: 24px;
    }

    /*============ PUNCH CARD REWARD START  ============*/
    .punch-item-list-wrap ul {
        overflow: auto;
    }

    .punch-item-list-wrap ul li label {
        width: 500px;
    }

    /*============ PUNCH CARD REWARD END  ============*/
    /*============ FINANCIALS  ============*/
    .financials-deposit,
    .financials-transiton {
        flex-wrap: wrap;
    }

    .financials-deposit .form-group {
        margin: 0 0 16px 0;
    }

    .financials-deposit .form-group:last-child {
        margin: 0;
    }

    .people-table-main #daily-deposits-table_wrapper .dataTables_filter {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .table-find-transition {
        margin: 10px 0 0;
        order: 2;
    }

    .attachment_img.flex-parent {
        display: inline-block;
    }

    .attachment_img p {
        padding: 12px 0 0;
    }

    /*============ FINANCIALS END  ============*/
    /* ======================= EVENT TICKETING START =====================*/
    .eventReportWrapper canvas {
        max-width: 200px;
        max-height: 200px;
    }

    .modal-text-position {
        text-align: left;
    }

    /* ======================= EVENT TICKETING END =====================*/
    .inventory-grid-wrap {
        grid-template-columns: repeat(2, 48%);
    }


    .merchant-flex-wrap {
        flex-wrap: wrap;
    }

    .merchant-flex-item {
        width: 100%;
    }

    .merchant-flex-btn-item {
        width: 100%;
    }

    /* ========== GLOBAL SETTINGS ========== */
    .btn_new_message button {
        width: 100%;
    }

    .link-pos-img-wrap img {
        width: 100%;
        height: 250px;
    }

    .link-pos-connected-text {
        flex-direction: column;
    }

    .link-pos-connected-wrap li .link-pos-connected-text div {
        width: 100%;
        margin-bottom: 10px;
    }

    .btn_new_message button {
        margin-left: 0px;
    }

    /*******Payment Catcher***********/
    .inventory-inner-form {
        flex-wrap: wrap;
    }

    /* SMS COUNTER STYLE START */
    .counter-date-box {
        flex-direction: column;
    }

    /* SMS COUNTER STYLE END */
    /* EMAIL DASHBOARD START */
    .email-top-wrap-lft {
        flex-direction: column;
        align-items: flex-start;
    }

    .email-top-wrap-rht .select-wrap {
        width: 100%;
    }

    /* EMAIL DASHBOARD END */
    .reward_setting_punch_title,
    .punch-setting-share {
        flex-wrap: wrap;
    }

    .reward_setting_punch_title h2 {
        margin-bottom: 10px;
    }

    .modal_icon_btn a {
        padding: 0;
        width: 36px;
    }

    .integrations_main a,
    .applications_btn {
        width: 100%;
    }

    .pie-line-chart-item {
        width: 100%;
    }

    .pie-line-chart-lft {
        width: 100%;
    }

    .white-chart-rht {
        width: 100%;
    }

    .total-sms-card {
        flex-wrap: wrap;
    }

    .small-window-wrap.chatsopensbox {
        width: 92%;
    }

    /* FILE CABINET */
    .file_cabinet_columm_left {
        width: 100%;
    }

    .file_cabinet_columm_right {
        width: 100%;
    }

    .btn_new_message a.icon_bg_orange {
        width: 36px;
        height: 36px;
    }

    .side-open .db_left {
        left: 0px;
        width: 160px;
    }

    .side-bar-logo-wrap {
        height: 64px;
    }

    .side-bar-user-name-id-wrap h4,
    .side-bar-user-name-id-wrap p {
        width: 70px;
    }

    .side-bar-user-name-id-wrap h4 {
        font-size: 12px;
    }

    .side-bar-user-name-id-wrap p {
        font-size: 10px;
    }

    /* .side-bar-user-img-wrap {
        width: 28px;
        height: 28px;
    } */

    .side-bar-search-input {
        font-size: 12px;
    }

    .side-bar-wrap .searchsubmit {
        font-size: 12px;
    }

    .side-bar-nav-box .side-bar-toggle-btn {
        font-size: 12px;
    }

    .side-bar-logo-wrap,
    .side-bar-user-wrap,
    .side-bar-search-wrap,
    .side-bar-nav-box .side-bar-toggle-btn {
        padding: 8px 8px;
    }

    .side-bar-wrap .dropdown-menu {
        min-width: 150px;
    }

    .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
    .starchange {
        font-size: 10px;
        padding: 4px 8px;
    }

    .side-bar-wrap .dropdown-menu li a,
    .side-bar-wrap .user_profile_nav li {
        font-size: 10px;
        padding: 4px 8px;
    }

    .side-bar-wrap .user_profile_nav li h4 {
        font-size: 13px;
    }

    .useridtext {
        font-size: 10px;
    }

    .side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
        left: 152px;
    }

    /* APPOINTMENT DETAILS TABLE START */
    .appointment-details-white-box-head,
    .appointment-details-white-box-body,
    .appointment-details-white-box-footer {
        padding: 1rem;
    }

    .appointment-details-white-box-head {
        flex-direction: column;
    }

    .appointment-details-white-box-head h4 {
        margin-bottom: 0.3rem;
    }

    .appointment-details-white-box-body table {
        margin-bottom: 0;
        min-width: 31.25rem;
    }

    .appointment-details-white-box-footer p {
        font-size: 0.9rem;
        margin-right: 0.5rem;
    }

    /* APPOINTMENT DETAILS TABLE END */
    /* MANAGE PAYMENT DUE PAGE STYLE START */
    .payment-due-bottom-wrap-mid {
        width: 100%;
    }

    /* MANAGE PAYMENT DUE PAGE STYLE END */
    .prev-temp-top-btn-wrap {
        flex-wrap: wrap;
    }

    /* SHOPER VIEW */
    .unprocessed-item-rht {
        width: 100%;
    }

    .unprocessed-item .btn_new_message,
    .unprocessed-item .btn_new_message a {
        width: auto;
    }

    .unprocessed-item-lft {
        flex-wrap: wrap;
    }

    .od-wrap li p:first-child,
    .od-wrap li p:last-child {
        width: 49%;
    }

    .apps-connected-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .d-flex-form-main {
        flex-wrap: wrap;
    }

    .transation-report-header {
        grid-template-columns: repeat(1, 1fr);
    }

    .peautmodal-row {
        display: inline-block;
    }

    .r-add-leads-main-wrapper label {
        font-size: 0.875rem;
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/

    .user_header h2,
    .user_header_login h2 {
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .dashboard_main_login .logo_universal img,
    .user_main_pic img {
        width: 100%;
    }

    .left_side_column,
    .right_side_column {
        padding: 1rem;
    }

    .user_main_pic {
        padding-top: 1rem;
    }

    .user_header p,
    .user_header_login p,
    .signupurl,
    .privacy_bottom a,
    .privacy_bottom p,
    .user_header ul li {
        padding: .25rem 0;
    }

    .user_main_log_wrap .nav-pills {
        flex-wrap: wrap;
        margin: 1.25rem auto;
    }

    .user_main_log_wrap .nav-pills li {
        width: auto;
        /* margin: 0 .25rem; */
    }

    .user_main_log_wrap .nav-pills .nav-link {
        font-size: 0.875rem;
        padding: 0.375rem 0.8125rem;
    }

    .login-keypad-wrap {
        width: 100%;
        max-width: 18.75rem;
    }

    .login-in-key-box {
        font-size: 1rem;
    }

    .remember_forgot {
        flex-wrap: wrap;
        width: 100%;
    }

    .remember_forgot a {
        margin-left: auto;
        font-size: 0.875rem;
    }

    .current-time-wrap h6 {
        font-size: 1rem;
    }

    .line_space {
        top: 8px;
    }

    .login_bottom_btns_wrap {
        gap: .5rem;
    }

    /** LOGIN & SIGNUP SCREEN RESPONSIVE **/
    /** UNIVERSEL TUTORIAL DASHBOARD start **/
    .modules-inner-main-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    /** UNIVERSEL TUTORIAL DASHBOARD END **/
    /* Email Configuration New Start */
    .ec_plan_btm .email_configuration_pricing_main {
        grid-template-columns: repeat(1, 1fr);
    }

    /* Email Configuration New End */
    .custom-price-qnty {
        flex-wrap: wrap;
    }

    .custom-price-qnty .form-group.qnty-input,
    .custom-price-qnty .analyticsdatepicker {
        width: 100%;
    }

    .custom-price-qnty .form-group.qnty-input {
        margin-bottom: 1rem;
    }

    .custom-price-qnty .qty-pricing {
        margin: 0 0 0.5rem;
    }

    .custom-price-qnty {
        margin-bottom: 0.5rem;
    }

    .homepage_item_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .past-due-payment-main-wrapper,
    .buttom-main-sec {
        padding: 0.5rem 0;
    }

    .dashboard_main_home_wrapper_top h1,
    .dashboard_main_home_wrapper_top h2 {
        font-size: 1rem;
    }

    /* WHAT TYPE OF BUSINESS MODEL START */
    .what_type_label_chek {
        padding: 1rem .5rem;
    }

    .what_type_label_chek i {
        font-size: 1.5rem;
    }

    .what_type_business_txt {
        font-size: .75rem;
    }

    /* WHAT TYPE OF BUSINESS MODEL END */
    /* NOTIFICATION DROPDOWN */
    .top-nav-wrap .top-nav-item .dropdown-menu.notification-ul-main {
        width: 23rem;
        padding: 0;
    }

    /* NOTIFICATION DROPDOWN */
    .main-comunication-his {
        flex-wrap: wrap;
    }

    .comunication-btn,
    .content-com-his {
        width: 100%;
        text-align: left;
    }

    .fast-shop-main-wrap .products-items {
        width: 100%;
    }

    .mobile-version-f .bg-mobile-v {
        scale: 0.7;
    }

    /* Start Check Gift Card Area (Harshad) */
    .chk-gift-card-img-wrap .chk-gift-card-form input {
        width: 135px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form label {
        font-size: 12px;
        padding-bottom: 0;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form {
        left: 20px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt {
        right: 16px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt label {
        font-size: 15px;
        padding-bottom: 0;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt .gift-issue-amt {
        font-size: 24px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt .chk-gift-row:first-of-type {
        margin-bottom: 20px !important;
    }

    .chk-gift-card-bg .chk-gift-card-actionbtn {
        flex-direction: column;
    }

    .chk-gift-card-bg .chk-gift-card-actionbtn .chk-btn-go {
        width: calc(100% - 79px);
        text-align: center;
    }

    .chk-gift-card-bg .chk-gift-card-actionbtn .chk-gift-card-lhf {
        margin-bottom: 16px;
    }

    .chk-gift-card-bg .chk-gift-card-actionbtn .chk-btn-template {
        width: 100%;
        text-align: center;
    }

    .chk-gift-card-balance-wrapper .chk-gift-card-bg {
        padding: 10px;
    }

    .chk-gift-card-balance-wrapper .chk-gift-card-bg .chk-gift-card-img-wrap,
    .chk-gift-card-bg .chk-gift-card-actionbtn .chk-gift-card-lhf {
        margin-bottom: 10px;
    }

    /* End Check Gift Card Area (Harshad) */

    .c-sms-template .c-call-history-body .c-call-history-head .call-history-right a {
        width: 100%;
    }

    .c-sms-template .c-call-history-body .c-call-history-head .call-history-right {
        display: block;
        text-align: left;
    }

    .script-details-content .dialer-user-head {
        display: block;
    }

    .dail-call-module .contact-card-group .contact-card {
        padding: 20px 30px;
    }

    .dail-call-module .contact-card-group .contact-card .caller-img,
    .dail-call-module .contact-card-group .contact-card .caller-img img {
        width: 80px;
        height: 80px;
    }

    .dail-call-module .contact-card-group .contact-card .caller-img {
        margin: 0 auto 10px
    }

    .dail-call-module .contact-card-group .contact-card .caller-name h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .dail-call-module .contact-card-group .contact-card .caller-name span,
    .dail-call-module .contact-card-group .contact-card .call-timing {
        font-size: 14px;
    }

    .dail-call-module .contact-card-group .contact-card .caller-name {
        margin-bottom: 15px;
    }

    .dail-call-module .modal-footer {
        gap: 10px;
    }

    .btn-calls button {
        width: 50px;
        height: 50px;
    }

    .btn-calls button i {
        font-size: 14px;
    }

    .btn-calls span {
        font-size: 12px;
    }

    .compose-box.script-box .small-window-wrap.compose-box-position {
        width: 20rem;
    }

    .cs-customer-email-premium-wrap {
        align-items: center;
    }

    .cs-left-cust-email {
        flex-direction: column;
    }

    .cs-customer-email-premium-wrap .cs-email-premium-details {
        text-align: center;
    }

    .boost-sales-marketing-wrap .marketing-tool-option .mto-wrap {
        width: calc(100% - 0.5rem);
    }
}

@media (max-width:435px) {

    /* start Check Gift Card Area (Harshad) */
    .chk-gift-card-img-wrap .chk-gift-card-amt label {
        font-size: 10px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt .gift-issue-amt {
        font-size: 16px;
        line-height: 16px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-amt .chk-gift-row:first-of-type {
        margin-bottom: 15px !important;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form input {
        width: 100px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form label {
        font-size: 10px;
        margin-bottom: 0;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form {
        left: 10px;
    }

    .chk-gift-card-img-wrap .chk-gift-card-form input {
        font-size: 10px;
    }

    /* End Check Gift Card Area (Harshad) */

}

@media (max-width:400px) {
    .order-chart-main-wrap .card-body canvas {
        height: 100px !important;
        margin-top: 10px;
    }

    .main_gift_btns .btn_new_message.sm_w {
        width: 84%;
        margin-right: 2%;
    }

    .main_gift_btns .fiter_gift_card {
        width: 13%;
    }

    .inventory-grid-wrap {
        grid-template-columns: repeat(1, 100%);
    }

    .main_universell_content {
        padding: 16px;
    }

    .accordion-item.without-accordion .products-img-inv-accordian .printalbeimg,
    .accordion-item.without-accordion .products-img-inv-accordian .printalbeimg {
        width: 100%;
    }

    .modifier-btn-flex {
        flex-wrap: wrap;
    }

    .modifier-btn-flex .form-group {
        width: 100%;
    }
}

@media (max-width:1130px) {
    .g-hello-user h2 {
        font-size: 1rem;
    }

    .g-hello-user .g-bread-crumbs .breadcrumb-tooltip-container .db-title-sm {
        font-size: 0.75rem;
    }
}

@media (min-width: 1500px) and (max-width: 1920px) {
   .bnp-credit-debit-card {
        zoom:110%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .flowchart-sidebar {
        width: 18rem;
    }
}