@media screen and (max-width: 1230px) {
    .left_menu_bar ul li a {
        padding: 10px 20px;
    }

    .bottom_left {
        width: 45%;
        margin-right: 3%;
    }

    .bottom_right {
        width: 52%;
    }

    .left_menu_bar {
        width: 22%;
    }

    .right_content_bar {
        width: 78%;
        margin-left: 22%;
    }

    .right_btn ul li {
        margin-left: 20px;
    }

    .profit_box .price {
        font-size: 18px;
    }

    .create_list ul li a .fa {
        font-size: 30px !important;
        padding: 5px 0;
    }

    .right_bar {
        width: 45%;
    }

    .customer_details_table tr span {
        width: 50%;
    }

    .customer_details_table th,
    .customer_details_table td {
        padding: 2px 10px;
    }

    .employee_details_page .summary_card {
        min-width: 200px;
    }

    .create_list ul li a {
        font-size: 8px;
    }

    .customer_related_link ul li a {
        font-size: 11px;
    }

    .invoice_no_wrap ul li {
        width: 25%;
    }
}

@media screen and (max-width: 1150px) {
    .customer_details_table tr span {
        width: 60%;
    }

    .employee_details_page .summary_card {
        min-width: 180px;
    }

    .create_list {
        float: left;
        width: 100%;
        border-radius: 10px;
        border-bottom: 1px solid #00000040;
    }

    .customer_related_link {
        float: left;
        width: 93%;
        margin-left: 5%;
        margin-top: 2%;
    }

    .dashboard_stats {
        grid-template-columns: 1fr;
    }

    .invoice_no_wrap .bt-half {
        /* float: right; */
        width: 15%;
    }

    .invoice_no_wrap ul li {
        float: left;
        width: 27%;
    }
    .left_menu_bar ul li a {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .bottom_left {
        width: 100%;
        margin-right: 0;
    }

    .profit_box {
        text-align: center;
    }

    .widget.profit_wrap ul li {
        width: 44%;
        margin: 0% 3%;
    }

    .bottom_right {
        width: 100%;
        margin: 4% 0;
    }

    .customer_details_table th,
    .customer_details_table td {
        padding: 2px 0px;
        /* text-align: center; */
    }

    /* .left_menu_bar ul li a {
        font-size: 10px;
    } */

    .left_menu_bar ul li a .fa {
        margin-right: 6px;
    }

    table.customer_details_table.employee_info_table {
        width: 100%;
    }

    .profile_form ul li {
        float: left;
        width: 99%;
        margin: 1%;
    }

    .employee_details_page .summary_card {
        min-width: 48%;
    }

    .employee_details_page .summary_cards {
        width: 100%;
    }

    .working_hours_summary .machine_field {
        justify-content: center;
    }

    .customer_details_table tr span {
        width: 100%;
    }

    .working_hours_summary .machine_cell {
        width: 190px;
    }

    .dashboard_stats {
        grid-template-columns: 1fr 1fr;
        margin: 4% 0;
    }

    .widget_top .right_btn {
        width: auto;
    }

    .heading_text {
        font-size: 12px;
    }
}

@media screen and (max-width: 850px) {
    .left_menu_bar ul li a {
        display: flex;
        align-items: center;
        padding: 13px 20px;
        align-items: center;
        line-height: normal;
        /* font-size: 15px; */
    }

    .left_btn {
        width: auto;
    }

    .right_bar {
        width: 40%;
        float: right;
        /* margin-top: -5px; */
    }

    .btn.remove {
        /* margin-top: 6px; */
        float: left;
    }

    .invoice_no_wrap ul li {
        float: left;
        width: 50%;
    }

    .button-primary {
        padding: 12px;
    }

    button.btn.remove {
        padding: 9px 12px;
    }

    .left_menu_bar {
        width: 30%;
    }

    .right_content_bar {
        width: 70%;
        margin-left: 30%;
    }

    table.customer_details_table.employee_info_table {
        width: 100%;
    }

    .invoice_no_wrap .bt-half {
        /* float: right; */
        width: 20%;
    }

    .invoice_no_wrap.mt.res ul {
        flex-wrap: wrap;
        padding-top: 10px;
    }


}

@media screen and (max-width: 768px) {
    .bottom_content h1 {
        padding-bottom: 10px;
    }

    .daily_attendance_page .attendance_filter ul {
        margin-top: 20px;
    }

    .left_menu_bar {
        width: 90%;
        position: fixed;
        height: 100%;
        max-width: 400px;
        overflow: auto;
        margin-left: -100%;
        transition: all 0.5s ease;
        z-index: 999;
        background: var(--primary-color);
    }

    .left_menu_bar ul li.current-left-menu-item ul {
        display: block;
        position: relative;
        left: 0;
        width: 100%;
        /* padding-left: 30px; */
    }

    .left_menu_bar ul li.current-left-menu-item ul li a {
        padding-left: 30px;
    }

    .left_menu_bar ul li.current-left-menu-item ul li:first-child {
        display: none;
    }

    .left_menu_bar.open {
        margin-left: 0;
    }

    .right_content_bar {
        width: 100%;
        margin-left: 0;
    }

    .eform {
        width: 70% !important;
    }

    .pform .input_wrap.quater {
        width: 48% !important;
        margin-right: 2% !important;
    }

    .pform .input_wrap.col_six {
        width: 31% !important;
    }

    .left_menu_bar .close_menu {
        display: block;
    }

    .pform .input_wrap.half {
        min-height: 65px;
    }

    .hide_on_desktop.quick_action_wrap {
        display: block;
    }

    .hide_on_mobile.quick_action_wrap {
        display: none;
    }

    .create_list {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .customer_related_link {
        width: 82%;
    }

    .dimenstion li:not(:last-child)::after {
        content: "×";
        font-size: 18px;
        font-weight: bold;
        bottom: 24px;
        margin-left: -12px;
        position: absolute;
    }

    .invoice_summary {
        width: 100%;
    }

    .payment_row {
        flex-direction: column;
    }

    .design_row {
        flex-wrap: wrap;
    }

    .mobile-filter-toggle-btn {
        position: absolute;
        display: inline-flex;
        justify-content: center;
        right: 30px;
        top: 122px;
        align-items: center;
        background: var(--primary-color);
        color: #fff;
        border: none;
        padding: 12px 21px;
        font-size: 13px;
        font-weight: 600;
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 15px;
        transition: all 0.3s ease;
    }

    .mobile-filter-toggle-btn:hover,
    .mobile-filter-toggle-btn.active {
        background: var(--secondary-color);
    }

    .mobile-filter-container {
        display: none;
    }

    .table_content.responsive {
        margin: 50px 0 0;
    }

    .invoice_no_wrap.mt {
        margin-top: 0;
    }

    .wrap-addemp.odd .mobile-filter-toggle-btn {
        right: 0 !important;
        top: -58px !important;
        padding: 11px 23px !important;
        font-size: 13px;
    }

    .invoice_no_wrap ul {
        margin-top: 5px;
    }

    .menu-right {
        float: right;
        margin-left: 10px;
    }
}

@media screen and (max-width: 610px) {
    .company_name {
        font-size: 14px;
    }

    .right_bar.res {
        width: auto !important;
        padding: 0 !important;
    }

    .widget.profit_wrap ul li {
        width: 50%;
        margin: 0%;
    }

    #close_button {
        left: 91%;
        top: 0px;
    }

    .design_table_image_wrap {
        padding: 0;
    }

    .pop {
        max-width: 90% !important;
        display: table !important;
        margin: 0 auto !important;
        left: 0 !important;
        position: relative !important;
    }

    .popup_content_wrap {
        padding: 0 30px;
    }

    .customer_details_table th,
    .customer_details_table td {
        width: 10%;
    }

    .eform {
        width: 80% !important;
    }

    .right_bar {
        width: 100%;
        padding: 10px 0;
    }

    .search-container {
        padding: 0;
        max-width: 280px;
    }

    .invoice_no_wrap {
        margin-top: 20px;
    }

    .table_content {
        margin: 10px 0;
    }

    .right_bar.submit {
        width: 50%;
    }

    .top_right ul li a .fa {
        font-size: 15px;
    }

    .top_right ul li .topSubMenu a {
        font-size: 10px;
        display: flex;
        align-items: center;
    }

    .button {
        width: 50%;
    }

    button.btn.remove {
        padding: 11px 25px;
        margin: 13px 0;
    }

    .button-primary {
        padding: 11px 24px;
        margin-top: 15px;
    }

    .pform .input_wrap.half {
        width: 98%;
    }

    .page-template-template-stock-details .input_wrap.third:last-child .filterbtn {
        width: 29% !important;
    }

    .right_bar.res {
        width: 50%;
        padding: 10px 0;
        margin-top: -10px;
    }


    .employee_details_page .summary_card {
        width: 100%;
    }

    .employee_details_page .attendance_filter li {
        width: 100%;
    }

    .bottom_content .btn_wrap {
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media screen and (max-width: 500px) {
    .login_wrap {
        padding: 12px 30px 25px;
        max-width: 90%;
        left: 0;
        margin: 30px auto;
        top: 125px;
        position: relative;
        display: table;
    }

    .top_right .admin-name {
        display: none;
    }

    .topSubMenu .admin-name {
        display: block;
    }

    .input_wrap {
        padding: 18px 14px;
    }

    input.input_box {
        float: left;
    }

    .top_right ul li {
        margin-left: 0;
        margin-right: 0px;
    }

    .right_btn {
        width: 100%;
    }

    .search-container {
        padding: 0;
        max-width: 200px;
    }

    .right_btn ul li {
        margin-left: 0;
        margin-right: 25px;
    }

    #close_button {
        width: 7%;
    }

    .create_list ul li a .fa {
        font-size: 25px !important;
        padding: 5px 0;
    }

    .dashboard_stats {
        grid-template-columns: 1fr;
    }

    .pform .input_button {
        width: 100%;
    }

    .pform .input_wrap.col_six {
        width: 46% !important;
    }

    .customer_details_table th,
    .customer_details_table td {
        width: 18%;
    }

    button.btn.remove {
        padding: 9px 11px;
        /* margin-top: 16px; */
    }

    .invoice_no_wrap ul {
        display: flex;
        flex-wrap: wrap;
    }

    .invoice_no_wrap ul li {
        width: 50%;
    }

    .adv_seting_wrap .item_left {
        font-size: 10px;
    }

    .page-template-template-create-invoice .company_name_li {
        width: 100%
    }

    .company_name_li .enter {
        width: 95% !important;
    }

    .page-template-template-create-invoice .invoice_no_wrap.courier_details .dimenstion {
        display: flex;
    }

    .dashboard_stats {
        grid-template-columns: 1fr;
    }

    .stat_card h3 {
        font-size: 20px;
    }

    .stat_card {
        padding: 15px;
    }

    a.btn.trans {
        font-size: 10px;
    }

    .working_hours_summary .machine_name {
        text-align: left;
    }

    .bottom_container.resp {
        padding: 0;
    }

    .submitter {
        margin-top: 25px;
    }

    .right_btns.responsive {
        float: right;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 0;
    }

    .right_btns.responsive a {
        width: 49%;
        text-align: center;
    }
}

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


    .bottom_content {
        padding: 20px 25px;
    }

    .invoice_no_wrap ul li {
        width: 100%;
    }

    .top_right ul li a.userimg {
        padding: 8px 0;
    }

    .button-primary {
        padding: 12px 11px;
    }

    .eform {
        width: 100% !important;
    }

    button.btn.remove {
        margin: 6px 0;
    }

    .widget.profit_wrap ul li {
        width: 100%;
        margin: 0%;
    }

    .create_list ul li a {
        font-size: 10px;
    }

    .profile_form ul li .profile_label {
        float: left;
        width: 100%;
    }

    .profile_form ul li .enter {
        float: right;
        width: 100%;
    }

    .page-template-template-stock-details .input_wrap.third:last-child .filterbtn {
        width: 45% !important;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    a.filter_btn.remove {
        text-align: center;
        font-weight: normal;
    }

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

    .bottom_middle_btn {
        margin-top: 0px;
        gap: 0;
        justify-content: center;
    }

    .filter_btn {
        margin-top: 10px;
        cursor: pointer;
    }

    .bottom_middle_btn .btn {
        width: 100%;
        height: 40px;
        font-size: 13px;
    }

    .adv_seting_wrap .item_left {
        font-size: 10px;
        line-height: 12px;
    }

    .adv_seting_wrap .item_left {
        font-size: 9px;
        line-height: 12px;
    }

    .employee_details_page .attendance_filter li:last-child {
        width: 100%;
    }

    .adv_seting_wrap .item_right {
        font-size: 12px;
    }

    .attendance_header h3 {
        float: left;
        margin: 0 0 30px;
        width: 56%;
    }

    .working_hours_summary .summary_top_fields li {
        width: 100%;
    }

    .daily_attendance_page .attendance_filter li {
        width: 100% !important;
    }

    .invoice_no_wrap ul li .enter {
        width: 100%;
    }

    .customer_details_table th,
    .customer_details_table td {
        font-size: 10px;
    }

    .quick_action_wrap .widget_top {
        border-bottom: 1px solid #ccc;
        padding: 10px 20px;
    }

    .right_btn a {
        font-size: 10px;
    }

    .filter_btn {
        width: 100%;
        text-align: center;
        font-weight: 100;
    }

    .bottom_content h1 {
        float: left;
        width: 100%;
        margin: 0;
    }

    .invoice_no_wrap .bt-half {
        /* float: right; */
        width: 100%;
        line-height: 15px;
    }

    .search-container {
        padding: 0;
        max-width: 100%;
        margin-top: 15px;
    }

    .invoice_no_wrap ul li .enter {
        float: left;
        width: 100%;
    }

    .right_bar.res {
        width: 100% !important;
        float: right !important;
        margin-top: 15px !important;
    }

    .bottom_content .btn_wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

    }

    .right_bar.search-container.alto {
        width: 100%;
        margin: 5% 0 0 0;
        padding: 0;
    }
}

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

    .customer_details_table th,
    .customer_details_table td {
        width: 20%;
    }

    .heading_text {
        font-size: 10px;
    }

    input.input_box {
        width: 88%;
    }

    .btn.login_btn {
        padding: 14px 0;
    }

    .pform label {
        font-size: 11px !important;
    }

    .input_wrap {
        padding: 14px 12px;
        margin-bottom: 10px;
    }

    .input_wrap .fa {
        font-size: 18px;
        line-height: 16px;
    }

    .widget.profit_wrap ul li {
        width: 100%;
        border: 0;
    }

    .eform {
        width: 100% !important;
    }

    .right_btn ul li {
        margin-right: 10px;
    }

    .popup_content_wrap {
        padding: 0 12px;
    }

    .search-container {
        padding: 0;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .right_bar.res.alto {
        width: 100% !important;
    }

    #close_button {
        width: 8%;
        left: 88%;
    }

    .customer_details_table .arrow {
        width: 100%;

    }

    .btn_wrap .btn {
        /* width: 100%; */
        text-align: center;
        /* padding: 0 10px; */
        font-size: 12px;
    }

    .footer {
        padding: 13px 8px;
        text-align: center;
    }

    .footer_right {
        float: none;
    }

    .footer_left {
        float: none;
    }

    span.time {
        float: none;
    }

    .page-template-template-reports .invoice_no_wrap ul li {
        width: 100%;
    }

    .company_name {
        font-size: 12px;
    }

    button.btn.remove {
        padding: 9px 6px;
    }

    .button-primary {
        padding: 12px 6px;
    }

    .left_select_box .profile_label {
        font-size: 12px;
    }

    .left_select_box .profile_label {
        font-size: 10px;
    }

    .addmore.addmorerow {
        font-size: 10px;
    }

    .dimenstion li:not(:last-child)::after {
        margin-left: -10px;
    }

    .attendance_header h3 {
        width: 75%;
    }
}

@media screen and (max-width: 330px) {
    input.input_box {
        width: 85%;
    }

    .left_btn {
        width: 55%;
    }
}