@media (max-width: 767px) {
    .login_area .row {
        display: block;
    }

    .login_cont .col-sm-3 {
        display: none;
    }

    .login_cont {
        padding: 20px 0px;
    }

    .login_cont .col-sm-4 {
        margin-bottom: 20px;
    }

    .security_left {
        width: 65%;
    }

    .security_right {
        width: 35%;
    }

    .security_right input {
        padding: 5px;
    }

    .keyboard {
        padding: 20px 10px;
    }

    .footer_container ul li {
        padding: 5px 10px;
    }

    .page_wrap {
        width: 100%;
    }

    .account_box {
        margin-top: 20px;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .dinein_table_cont .col-sm-2 {
        padding: 9px;
        width: 50%;
    }

    .order-count_cont {
        display: block !important;
    }

    .dash_chart {
        overflow: auto;
    }

    .add_branch_priv {
        display: block;
    }

    .add_branch_dash {
        width: 100%;
        margin-right: 0px;
    }

    .staff_container .management_tab {
        display: block;
    }

    .category_slider.slick-slide.slick-current.slick-active.ng-star-inserted {
        width: 100px !important;
    }

    .menu_list {
        left: -25px;
    }

    .dash_payment_head {
        display: block;
    }

    .dash_info {
        display: block;
    }

    .dash_sale_count {
        margin-bottom: 15px;
        display: block;
        width: 100%;
    }

    .dash_card {
        width: 100%;
        margin: 0;
        margin-bottom: 10px !important;
    }

    .dash_box {
        display: block;
    }

    .area_box {
        width: 100%;
    }

    .table_cont {
        margin-right: 5px;
        margin-bottom: 10px;
        width: 100%;
    }

    .table_status {
        display: block;
    }

    .live_orders_main .col-sm-6 {
        width: 100%;
    }

    .live_container {
        display: block;
    }

    .live_container .dinein_food_head {
        width: 100%;
        margin-bottom: 10px;
    }

    .discount_filter {
        display: block;
    }

    .tax_type {
        padding: 15px;
    }

    .table_btns {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .manage_search input {
        width: 118px !important;
    }

    .pickup_cont {
        display: block;
    }

    .pickup_name {
        margin-bottom: 10px;
    }

    .deliver_msg {
        margin-right: 10px;
    }

    .pickup_call {
        margin-right: 10px;
    }

    .edit_permission_type li:nth-child(odd) {
        width: 70%;
    }

    .edit_permission_type li {
        width: 30%;
    }

    .food_image_cont {
        width: 95%;
    }

    .restraunt_timing_table {
        width: 95%;
    }

    button.add_btn {
        width: 100%;
    }

    .item_box {
        width: 100%;
    }

    .variant_box {
        width: 100%;
    }

    .scanner_btns {
        text-align: center;
    }

    .qr_codeFrom {
        width: 100% !important;
    }

    .variant_title {
        width: 100%;
    }

    .scanner_img {
        text-align: center;
        width: 100% !important;
        margin-top: 10px;
    }

    .scan_list li:nth-child(odd) {
        width: 60% !important;
    }

    .personal_information li {
        width: 40% !important;
    }

    .qrcode_img {
        width: 100%;
    }

    .scanner_img {
        width: 100% !important;
    }

    .dinein_list {
        display: block;
        margin-bottom: 15px;
    }

    .order_type {
        width: 100%;
    }

    .order_type_active {
        width: 100%;
    }

    .table_order_head {
        padding: 10px 12px;
    }

    .order_id {
        margin-bottom: 10px;
    }

    .order_location_cont {
        display: block;
    }

    .order_location {
        margin-bottom: 5px;
    }

    .order_address {
        padding-left: 0px !important;
    }

    .bill_btns button {
        margin-bottom: 10px;
    }

    .total_bill {
        margin-bottom: 10px;
    }

    .order_bill_container {
        display: block;
    }

    .management_tab {
        display: block;
    }

    .management_cont {
        width: 100%;
    }

    .management_tab li {
        width: 100%;
    }

    .management_main {
        display: block;
    }

    .sidebar {
        width: 100%;
    }

    .manage_item {
        margin-top: 10px;
    }

    .manage_input {
        margin-bottom: 10px;
    }

    .management_filter {
        display: block;
    }

    .manage_search {
        margin: 0px;
    }

    .running-restraunt-container .management_tab li {
        width: 100%;
    }

    .addon_filter {
        display: block;
    }

    .addon_filter .manage_input {
        width: 100%;
    }

    .dine_in_menus .management_tab li {
        width: 100%;
    }

    .addon_filter .manage_search {
        width: 100%;
    }

    .filter_date_cont {
        width: 100%;
        display: block;
    }

    .datepicker_input {
        width: 204px !important;
        margin-right: 10px !important;
    }

    .dash_filter {
        margin-bottom: 10px;
        display: block;
    }

    .dash_filter button {
        margin-left: 10px !important;
    }

    .dinein_head {
        width: 100% !important;
    }

    .dinein_option {
        display: block;
    }

    .dinein_option li {
        margin-bottom: 10px;
        margin-right: 0px;
        justify-content: flex-start;
    }

    .manage_item {
        justify-content: space-between;
    }

    .dine_in_tab li {
        width: 100%;
        margin-bottom: 10px;
    }

    .dine_in_tab {
        width: 100% !important;
        display: block !important;
    }

    .page_head {
        display: block;
    }

    .virtual_keyboard li.space {
        width: calc(80% - 15px);
    }

    .virtual_keyboard li {
        width: calc(20% - 15px);
    }

    .virtual_keyboard br {
        display: none;
    }

    .security_head {
        font-size: 13px;
    }

    .secuiry_desc {
        font-size: 11px;
        line-height: 13px;
    }

    .login_input {
        padding: 20px 10px;
    }

    .virtual_note {
        font-size: 11px;
    }

    .management_tab li {
        list-style-type: none;
        width: 100% !important;
    }

    .notif_msg1 {
        display: none;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .item_status{
        display: block;
    }
    .dinein_table_list:last-child {
        margin-bottom: 10px;
    }
    .customer_popup .modal-dialog {
        width: 515px;
    }
    .bill_input {
        margin: 10px 0px;
    }
    .dine_in_tab {
        width: 100% !important;
    }
    .no_of_pers {
        margin: 10px 0px 10px 0px !important;
    }
    .dash_right {
        margin: 20px 0px 0px 6px;
    }
    .fa.fa-calendar:before {
        margin-left: 12px;
    }
    .dine_in_menus .management_tab {
        display: flex;
    }

    .dinein_table_cont .col-sm-2 {
        padding: 9px;
        float: left;
        width: 50%;
    }

    .order-count_cont {
        display: block !important;
    }

    .notif_msg1 {
        display: none;
    }

    .dash_chart {
        overflow: auto;
    }

    .add_branch_priv {
        display: block;
    }

    .add_branch_dash {
        width: 100%;
        margin-right: 0px;
    }

    .staff_container .management_tab {
        display: block;
    }

    .category_slider.slick-slide.slick-current.slick-active.ng-star-inserted {
        width: 100px !important;
    }

    .menu_list {
        left: -25px;
    }

    .dash_payment_head {
        display: block;
    }

    .dash_info {
        display: block;
    }

    .dash_sale_count {
        margin-bottom: 15px;
        display: flex;
        width: 100%;
    }

    .dash_card {
        width: 100%;
        margin: 0;
        margin-bottom: 10px !important;
    }

    .dash_box {
        display: block;
    }

    .area_box {
        width: 100%;
    }

    .table_cont {
        margin-right: 5px;
        margin-bottom: 10px;
        width: 100%;
    }

    .table_status {
        display: block;
    }

    .live_orders_main .col-sm-6 {
        width: 100%;
    }

    .live_container {
        display: block;
    }

    .live_container .dinein_food_head {
        width: 100%;
        margin-bottom: 10px;
    }

    .discount_filter {
        display: block;
    }

    .tax_type {
        padding: 15px;
    }

    .table_btns {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .manage_search input {
        width: 118px !important;
    }

    .pickup_cont {
        display: block;
    }

    .pickup_name {
        margin-bottom: 10px;
    }

    .deliver_msg {
        margin-right: 10px;
    }

    .pickup_call {
        margin-right: 10px;
    }

    .edit_permission_type li:nth-child(odd) {
        width: 70%;
    }

    .edit_permission_type li {
        width: 30%;
    }

    .food_image_cont {
        width: 95%;
    }

    .restraunt_timing_table {
        width: 95%;
    }

    button.add_btn {
        width: 100%;
    }

    .item_box {
        width: 100%;
    }

    .variant_box {
        width: 100%;
    }

    .scanner_btns {
        text-align: center;
    }

    .qr_codeFrom {
        width: 100% !important;
    }

    .variant_title {
        width: 100%;
    }

    .scanner_img {
        text-align: center;
        width: 100% !important;
        margin-top: 10px;
    }

    .scan_list li:nth-child(odd) {
        width: 60% !important;
    }

    .personal_information li {
        width: 40% !important;
    }

    .qrcode_img {
        width: 100%;
    }

    .scanner_img {
        width: 100% !important;
    }

    .dinein_list {
        display: block;
        margin-bottom: 15px;
    }

    .order_type {
        width: 100%;
    }

    .order_type_active {
        width: 100%;
    }

    .table_order_head {
        padding: 10px 12px;
    }

    .order_id {
        margin-bottom: 10px;
    }

    .order_location_cont {
        display: block;
    }

    .order_location {
        margin-bottom: 5px;
    }

    .order_address {
        padding-left: 0px !important;
    }

    .bill_btns button {
        margin-bottom: 10px;
    }

    .total_bill {
        margin-bottom: 10px;
    }

    .order_bill_container {
        display: block;
    }

    .management_tab {
        display: block;
    }

    .management_cont {
        width: 100%;
    }

    .management_tab li {
        width: 100%;
    }

    .management_main {
        display: block;
    }

    .sidebar {
        width: 100%;
    }

    .manage_item {
        margin-top: 10px;
    }

    .manage_input {
        margin-bottom: 10px;
    }

    .management_filter {
        display: block;
    }

    .manage_search {
        margin: 0px;
    }

    .running-restraunt-container .management_tab li {
        width: 100%;
    }

    .addon_filter {
        display: block;
    }

    .addon_filter .manage_input {
        width: 100%;
    }

    .dine_in_menus .management_tab li {
        width: 100%;
    }

    .addon_filter .manage_search {
        width: 100%;
    }

    .filter_date_cont {
        width: 100%;
        display: block;
    }

    .datepicker_input {
        width: 204px !important;
        margin-right: 10px !important;
    }

    .dash_filter {
        margin-bottom: 10px;
        display: block;
    }

    .dash_filter button {
        margin-left: 10px !important;
    }

    .dinein_head {
        width: 100% !important;
    }

    .dinein_option {
        width: 100%;
        justify-content: space-between;
        display: flex;
    }

    .dinein_option li {
        margin-bottom: 10px;
        margin-right: 0px;
        justify-content: flex-start;
    }

    .manage_item {
        justify-content: space-between;
    }

    .dine_in_tab li {
        width: 100%;
        margin-bottom: 10px;
    }

    .dine_in_tab {
        width: 100% !important;
        display: block !important;
    }

    .page_head {
        display: block;
    }

    .virtual_keyboard li.space {
        width: calc(80% - 15px);
    }

    .virtual_keyboard li {
        width: calc(20% - 15px);
    }

    .virtual_keyboard br {
        display: none;
    }

    .security_head {
        font-size: 13px;
    }

    .secuiry_desc {
        font-size: 11px;
        line-height: 13px;
    }

    .login_input {
        padding: 20px 10px;
    }

    .virtual_note {
        font-size: 11px;
    }

    .management_tab li {
        list-style-type: none;
        width: 100% !important;
    }
}

@media (min-width: 534px) and (max-width: 854px) {







}

@media (min-width: 640px) and (max-width: 767px) {
    .scanner_img {
        margin-top: 15px;
        width: 26% !important;
    }

    .dine_in_menus .management_tab li {
        list-style-type: none;
        width: 30%;
    }

    .dinein_table_cont .col-sm-2 {
        padding: 9px;
        width: 33%;
    }

    .management_tab {
        display: block;
    }

    .add_branch_dash {
        width: 48%;
        margin-right: 30px;
    }

    .add_branch_priv {
        align-items: none;
    }

    .order_type_active {

        width: 35%;
    }

    .order_type {
        width: 35%;
    }

    .dash_box {
        display: block;
    }

    .dash_card {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .dash_chart {
        overflow: auto;
    }

    .dinein_list {
        display: block;
    }

    .dinein_head {
        width: 100% !important;
    }

    .dinein_option {
        margin-bottom: 10px;
        width: 100%;
    }

    .management_filter {
        display: block;
    }

    .manage_item {
        margin-top: 10px;
    }

    .manage_search {
        margin: 0px 0px 10px;
    }

    .running-restraunt-container .management_tab li {
        width: 40%;
    }

    .filter_date_cont {
        display: block;
    }

    .dash_filter {
        margin-bottom: 10px;
    }

    .edit_permission_type li:nth-child(odd) {
        width: 50%;
    }

    .edit_permission_type li {
        width: 50%;
    }

    .addon_filter .manage_item {
        margin-left: 0px;
    }

    .management_tab li {
        width: 45%;
    }

    .addon_filter .manage_search {
        justify-content: flex-start;
        width: 78%;
    }

    .addon_filter {
        display: block;
    }

    .restraunt_details_left {
        padding: 5px 20px 5px 5px;
    }

    .management_main {
        display: flex;
        justify-content: center;
    }

    .customer_popup .modal-dialog {
        width: 615px;
    }

    .switch_popup_btn {
        width: 75% !important;

    }

    .customer_container input {
        margin-bottom: 10px;
        height: 40px;
    }

    .dash_info {
        display: block;
    }

    .dash_sale_count {
        width: 100%;
        margin-bottom: 10px;
    }

    .table_btns {
        width: 50%;
        margin-bottom: 10px;
    }

    .table_status {
        display: block;
    }

    .no_of_pers {
        margin: 10px 0px;
    }

    .live_orders_main .col-sm-6 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .login_box {
        width: 745px;
    }

    .scanner_btns {
        margin-top: 8px;
        margin-left: 18px;
    }

    .manage_input {
        margin-bottom: 10px;
    }

    .scanner_img {
        width: 95%;
    }

    .total_bill {
        margin-bottom: 10px;
    }

    .order_bill_container {
        display: block;
    }

    .delivery_popup .modal-dialog {
        width: 795px;
    }

    .customer_popup .modal-dialog {
        width: 765px;
    }

    .table_btns {
        width: 52%;
        margin-bottom: 10px;
    }

    .restraunt_time_table {
        overflow: auto;
    }

    .management_filter {
        display: block;
    }

    .manage_search {
        margin: 0px 0px 10px 0px;
    }

    .manage_item {
        margin-top: 10px;
    }

    button.roof_btn {
        margin-bottom: 10px;
    }

    .swtich_table_top {
        display: block;
    }

    .switch_table_btns {
        display: block;
    }

    .bill_update {
        display: block;
    }

    .bill_input {
        margin: 10px;
    }

    .bill_text {
        width: 70%;
    }

    .price_holder {
        display: block;
    }

    .price_holder .qty {
        margin: 10px 0px;
        width: 100%;
    }

    button.kot {
        margin-bottom: 10px;
    }

    .food_item_head {
        margin-bottom: 10px;
    }

    .dine_in_menus .management_tab li {
        list-style-type: none;
        width: 30%;
    }

    .dinein_table_cont .col-sm-2 {
        padding: 9px;
        width: 33%;
    }

    .order_type {
        margin-bottom: 10px;
        width: 40%;
    }

    .order_type_active {
        width: 30%;
    }

    .dinein_list {
        display: block;
    }

    .dinein_head {
        width: 40% !important;
        margin-bottom: 10px;
    }

    .dinein_option {
        width: 100%;
        margin-bottom: 10px;
    }

    .switch_text {
        margin-right: 30px;
    }

    .food_item_container .col-sm-2 {
        padding: 5px;
        width: 33%;
    }

    .invoice_view_list li:nth-child(odd) {
        width: 60% !important;
    }

    .invoice_view_list li {
        width: 40% !important;
    }

    .invoice_view_list .col-sm-4 {
        width: 50%;
    }

    .food_item_cont {
        display: block;
    }

    .filter_date_cont {
        width: 100%;
        margin-top: 12px;
    }

    .management_tab li {
        width: 30%;
    }

    .add_branch_dash {
        width: 42%;
        margin-right: 10px;
    }

    .dash_sale_count {
        width: 100%;
        margin-bottom: 12px;
    }

    .menuH_container {
        overflow: auto;
    }

    .dash_box {
        display: block;
    }

    .dash_payment_cont {
        padding: 8px;
    }

    .dash_payment_head {
        display: block;
    }

    .dash_card {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .login_cont .col-sm-3 {
        display: none;
    }

    .login_cont .col-sm-4 {
        width: 40%;
    }

    .login_cont .col-sm-5 {
        width: 60%;
    }

    .login_input {
        padding: 20px 10px;
    }

    .keyboard {
        padding: 20px 10px;
    }

    .virtual_keyboard li {
        width: 30px;
        height: 30px;
        margin: 12px 4px;
    }

    .login_cont {
        padding: 20px 0px;
        min-height: calc(100vh - 150px);
    }

    .login_point .col-sm-4 {
        width: 33.33%;
    }

    .login_point_box {
        padding: 15px 10px;
    }

    .login_point_image {
        margin-right: 10px;
    }

    .login_point_txt {
        padding-left: 10px;
    }

    .security_head {
        font-size: 12px;
    }

    .secuiry_desc {
        font-size: 10px;
    }

    .account_main .col-sm-6 {
        width: 100%;
    }

    .account_box {
        margin-top: 20px;
    }
}

/* @media (min-width: 992px) and (max-width: 1199px) {
    .login_cont {
        padding: 25px 0px;
    }

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

    .keyboard {
        padding: 20px 10px;
    }

    .login_input {
        padding: 20px 10px;
    }

    .virtual_keyboard li {
        width: 28px;
        height: 28px;
        margin: 12px 3px;
    }

    .virtual_keyboard li.space {
        width: 255px;
    }
} */

@media (min-width: 1200px) and (max-width: 1365px) {
    .datepicker_input2 {
        height: 33px;
        /* width: 175px !important; */
    }

    .ngx-charts {
        height: 400px !important;
        width: 800px !important;
    }

    .dinein_head {
        font-size: 17px !important;
    }

    .management_tab li {
        width: 19% !important;
    }

    .dash_name {
        font-size: 13px !important;

    }

    .menuH_container li a {
        font-size: 10px !important;
    }

    .virtual_keyboard li {
        width: 30px;
        height: 30px;
        margin: 12px 4px;
    }

    .virtual_keyboard li.space {
        width: 280px;
    }

    .login_point_txt {
        min-height: 48px;
    }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .virtual_keyboard li {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 768px) {

    .error_modal .modal-dialog,
    .success_modal .modal-dialog {
        width: 375px;
    }
}