@media screen and (min-width: 1921px) {
    .grid_login .form_login_outer {
        min-width: 600px;
        max-width: 640px;
    }
    .main_outer {
        max-width: 100%;
        margin: 0 auto;
    }
    .bg_curveOuter {
        bottom: auto;
        left: 0;
        right: 0;
        top: 270px;
    }
}

@media screen and (max-width: 1830px) {
    .cardForm_outer {
        top: 84px;
    }
    /* ============Invoice========== */
    .outer_dashborad .formOuter_invoice .form-floating > .form-control, .outer_dashborad .formOuter_invoice .form-floating > .form-select {
        height: calc(2.4rem + 2px);
        font-size: 14px;
    }

    .outer_dashborad .formOuter_invoice .form-floating > .form-select {
        padding-top: 0.525rem;
        padding-bottom: 0.225rem
    }

    .outer_dashborad .formOuter_invoice .form-select {
        padding: 0.375rem 2.25rem 0.375rem 0.65rem;
    }

    .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
        padding: 0.3rem 0.91rem;
        min-width: auto;
    }
    /* ============Invoice========== */
    .outer_dashborad .title_button.titleBar_1600 .button_create .btn {
        padding: 6px 13px;
    }
}

@media screen and (max-width: 1600px) {
    .update_zip .form_zip.formOuter {
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 1fr 1fr;
    }

    .outer_dashborad .apply_farm .btn {
        padding: 10px 20px;
    }

    .fomr_inner_card .form-control {
        height: 38px;
        font-size: 18px;
    }

    .gridMulti_ro.grid_KeyedIn {
        -ms-grid-columns: 1.5fr 1fr;
        grid-template-columns: 1.5fr 1fr;
    }

    .select_dealerShip {
        right: 445px;
    }
    /* ============check page========== */
    .outer_dashborad .btn.primary_btn_light {
        padding: 3px 12px;
        font-size: 14px;
        margin-bottom: 4px;
    }
    

    .formOuter_col2 {
        padding: 0px 0 20px;
    }

    .outer_dashborad .form-floating > .form-control, .outer_dashborad .form-floating > .form-select {
        height: calc(2.7rem + 2px);
    }

    .outer_dashborad .form-floating > .form-control {
        padding: 0.5rem 1.05rem;
    }

    .outer_dashborad .form-floating > label {
        padding: 0.5rem 1.35rem;
        font-size: 16px;
    }
    /* ============check page========== */
    /* ============manange dealership ========== */
    .outer_dashborad .title_button.titleBar_1600 .button_create .btn {
        padding: 3px 10px;
        font-size: 13px;
        margin-bottom: 0px;
    }
    
    /* ============manange dealership ========== */
    /* ============OTP page========== */
    .outer_login_mail.verify_otp .form_login_outer {
        max-width: 550px;
        padding: 30px 30px;
    }
    /* ============OTP page========== */
    .right_main_Content .outer_tab_filre.input_floating .form-floating {
        max-width: 167px;
    }

    .main_outer .outer_dashborad {
        min-height: calc(100vh - 38px);
    }

    .image_card {
        top: 25px;
        right: 2px;
    }

    .outer_dashborad .form-floating.multiCheck_floting label {
        padding: 0 7px;
    }
    /*    ======adjustment=======*/
    .grid_login .form_login_outer {
        padding: 50px 30px;
    }

    .innerOfcaptchaOption ul {
        width: 310px;
    }
    .input_login {
        grid-gap: 28px;
    }

    .innerOfcaptchaOption label img {
        height: 60px;
        width: 60px;
    }
    .outer_dashborad .btn.avtar_image {
        padding: 5px 20px 5px 0;
    }
    .box_flex {
        min-height: 257px;
        max-width: 275px;
    }
        .box_flex .inner_box .icon_box {
            max-width: 50px;
        }
        .box_flex .inner_box .box_title {
            font-size: 22px;
        }
    .outer_dashborad .select_dealerShip .form-floating > .form-control, .outer_dashborad .select_dealerShip .form-floating > .form-select {
        height: calc(2.4rem + 2px);
    }

    .outer_dashborad .form-floating > .form-select {
        padding-top: 0.625rem;
        padding-bottom: 0.325rem;
    }
    /* ======adjustment=======*/
/*    =======advance filter on deal list=====*/
    .right_main_Content .outer_tab_filre.input_floating.advanceFlter_1600 .submit_botton.btn_invoiceOuter .btn {
        padding: 5px 12px;
        font-size: 14px;
    }
    .right_main_Content .outer_tab_filre.advanceFlter_1600 .tablist.nav-pills .nav-link {
        font-size: 14px;
        padding: 0.3rem 0.5rem;
    }
    /*    =======advance filter on deal list=====*/
}

@media screen and (max-width: 1400px) {
    .formOuter_col1 {
        grid-gap: 20px;
    }
 
    .emv_sale_input.formOuter_col1.dispayBlokOn1400 {
        display: block;
        padding: 18px 0 10px;
    }
        .emv_sale_input.formOuter_col1.dispayBlokOn1400.dealerGroupupdateinfo{
            display:grid;
        }
        .formOuter_col2 {
            grid-gap: 20px;
        }

    .modal_custom .modal-body {
        padding: 20px 30px;
        max-height: 498px;
        overflow: auto;
    }
    /* ============Login============ */
    .grid_login .form_login_outer {
        padding: 20px 20px;
    }

    .grid_login .login_images {
        max-width: 220px;
    }

    .titleOuter {
        margin-bottom: 40px;
    }

    .innerOfcaptchaOption ul {
        width: 290px;
    }

    .innerOfcaptchaOption label img {
        height: 50px;
        width: auto;
    }

    .innerOfcaptchaOption h3 {
        font-size: 19px;
    }
    /* ============Login============ */
    /* ============dashboard============ */
    .logoOfvandor .logo_image {
        max-width: 140px;
        margin: 0 auto;
    }

    .gridBox.dashboard_slider .item {
        padding: 0 10px;
    }

    .box_flex {
        min-height: 197px;
    }

        .box_flex .inner_box .icon_box {
            margin: 30px auto 0;
        }

        .box_flex .inner_box .icon_box {
            max-width: 40px;
        }

        .box_flex .inner_box .box_title {
            font-size: 20px;
        }

    .outerDash_home {
        min-height: 580px;
    }

    .main_outer .outer_dashborad {
        min-height: auto;
        height: calc(100vh - 35px);
    }

    .sidemenu_start .navLink .link_item .nav_icon svg {
        max-width: 23px;
        max-height: 25px;
    }

    .sidemenu_start .navLink li ul li.drop_item {
        padding: 2px 0 2px 80px;
        margin: 4px 0;
    }

    .sidemenu_start .navLink .link_item::before, .sidemenu_start .navLink .link_item:hover::before, .sidemenu_start .navLink .link_item.active::before {
        width: 45px;
    }

    .sidemenu_start .navLink li ul.drop_leve3 li.drop_item {
        padding: 2px 0 2px 20px;
    }

    .logoOfvandor {
        margin-top: 0px;
    }

    .bg_curveOuter img {
        max-height: 380px;
    }

    .box_flex .inner_box .onHover_angle {
        font-size: 15px;
    }

    .avtar_image.dropdown-toggle .userInfo h3 {
        font-size: 14px;
    }

    .avtar_image.dropdown-toggle .userInfo p span {
        font-size: 12px;
    }

    ul.headerItem .avter_outer img {
        width: 46px;
        height: 46px;
    }

    .page_title h2 {
        font-size: 22px;
    }

    .outer_tab_filre.input_floating.sales_filter {
        flex-direction: row;
    }

    .dataList_table.invoice_list_ui.sales_list_ui .table_outer.table_ui {
        height: calc(100vh - 263px);
    }


    .sidemenu_start .navLink .link_item {
        font-size: 14px;
        margin: 3px 0;
    }

    .sidemenu_start .navLink li ul li.drop_item {
        font-size: 14px;
    }
    /* ============dashboard============ */
    /* ============Invoice report============ */
    .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
        padding: 0.4rem 1.1rem;
        font-size: 16px;
    }
    /* ============Invoice report============ */
    /* ============Invoice Detail============ */
    .detail_inner {
        grid-gap: 20px;
        padding: 10px 1px;
    }

    .invoice_info {
        padding: 10px 1px;
    }

    .normal_table {
        overflow-x: auto;
    }

    .field_set_outer .list_inf_vehical .item_info_vecal {
        font-size: 16px;
    }

    .field_set_outer .list_inf li {
        font-size: 16px;
    }

    .full_page_ui {
        height: calc(100vh - 185px);
    }
    /* ============Invoice Detail============ */
    /* ============Invoice Multi RO============ */

    .padding_payingBill .field_set_outer {
        padding: 30px 10px 10px;
    }

        .padding_payingBill .field_set_outer.padding_top_10 {
            padding-top: 10px;
        }

    .update_zip .form_zip.formOuter {
        grid-gap: 10px;
    }

    .update_zip .form_zip.formOuter {
        grid-gap: 10px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    /* ============Invoice Multi RO============ */
    .invoice_info .gridInvoice.grid_cash {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

        .invoice_info .gridInvoice.grid_cash .list_inf_vehical.text_lover {
            column-count: 3;
        }
        .invoice_info .gridInvoice.grid_cash .list_inf_vehical li {
            break-inside: avoid-column;
        }
        .check_form_inner.formOuter_col2 {
            grid-template-columns: 1fr;
        }
    .field_set_outer .invoice_info .gridInvoice.grid_cash .list_inf_vehical.text_lover .item_info_vecal .item_detail {
        text-transform: inherit;
        width: 100%;
        display: inline-block;
    }

    .outer_login_mail {
        padding: 0px 20px;
    }

    /* ==============login page============== */
    .grid_login {
        grid-gap: 10px;
    }
    /* ==============login page============== */
    /* ==============User management============== */
    .gridBox_repots .box_flex {
        min-height: 207px;
    }
    /* ==============User management============== */
    /* ==============Keyed in============== */
    .cardForm_outer {
        padding: 11px 15px;
    }

    .cardForm_outer {
        top: 76px;
    }

    .gridMulti_ro.grid_KeyedIn .formOuter_col2 {
        grid-gap: 10px;
        padding: 10px 0;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .gridMulti_ro.grid_KeyedIn {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    /* ==============Keyed in============== */
    .select_dealerShip {
        position: relative;
        z-index: 0;
        right: 8px;
        top: 16px;
        text-align: right;
        margin-bottom: 15px;
    }

        .select_dealerShip .inner_dealer_dash {
            justify-content: center;
        }

    .sidemenu_start .navLink li {
        margin: 0px 0px;
    }

    .outer_dashborad .select_dealerShip .form-floating > .form-control, .outer_dashborad .select_dealerShip .form-floating > .form-select {
        height: calc(2.5rem + 2px);
    }

    .outer_dashborad .select_dealerShip .form-floating > .form-select {
        padding-top: 0.825rem;
        padding-bottom: 0.525rem;
    }

    .outer_dashborad .form-floating > label {
        padding: 0.45rem 1.05rem;
        font-size: 14px;
    }

    .outer_dashborad .form-floating > .form-control, .outer_dashborad .form-floating > .form-select {
        height: calc(2.2rem + 2px);
    }

    .form-floating .fa.field-icon {
        top: 11px;
    }

    .outer_dashborad .form-floating > .form-control {
        padding: 0.3rem 0.75rem;
    }

    .outer_dashborad .form-floating > .form-select {
        padding-top: 0.385rem;
        padding-bottom: 0.325rem;
        font-size: 14px;
    }

    .outer_dashborad .btn.table_btn .svg_icon svg {
        width: 16px;
    }

    .outer_dashborad .btn.table_btn {
        border-radius: 5px;
        min-width: 46px;
        padding: 2px 6px;
    }
    /* ========invoice======== */
    .right_main_Content .outer_tab_filre {
        flex-direction: column;
        align-items: start;
        grid-gap: 7px;
    }

        .right_main_Content .outer_tab_filre .tablist {
            padding: 3px 4px;
            margin-left: auto;
        }

            .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
                padding: 0.3rem 1.1rem;
            }

    .cash_table .balance_aamount .payblAmmount {
        padding: 0px 12px 0px;
    }

    .list_inf_vehical.cash_text {
        grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
        display: grid;
    }

    .line_heading h4 {
        font-size: 14px;
        top: 4px;
    }

    .outer_dashborad .grid_gap_15 .form-floating.amount_input::before {
        top: 8px;
    }
    .outer_dashborad .form-floating > .form-control:focus, .outer_dashborad .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 0.785rem;
        padding-bottom: 0.625rem;
    }
    /* ========invoice======== */
    /* ========createDealer======== */
    .outer_payment .inner_payemnt {
        margin: 10px auto 10px;
    }
    /* ========createDealer======== */
    .outer_check_type {
        margin-top: 10px;
    }

    .field_set_outer .field_title {
        top: -10px;
    }

        .field_set_outer .field_title h4 {
            font-size: 14px;
        }

    .outer_dashborad .form-floating.amount_input > .form-control:focus ~ label, .outer_dashborad .form-floating.amount_input > .form-control:not(:placeholder-shown) ~ label, .outer_dashborad .form-floating.amount_input > .form-select ~ label {
        padding: 2px 8px;
        line-height: 14px;
    }

    .outer_dashborad .form-floating > select.form-control:not(:placeholder-shown) {
        padding: 0.3rem 0.75rem;
        font-size: 14px;
    }

    .outer_tab_solid .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }

    .invoice_table.cash_table table.custom_table thead th {
        font-size: 14px;
    }

    .total_colleted .collect_titel {
        font-size: 18px;
    }

    .total_colleted {
        font-size: 24px;
    }

    .outer_dashborad .form-floating > .form-control {
        font-size: 14px;
    }

    .fileUpload label {
        padding: 2px 12px;
    }

    .fileUpload i.fa {
        margin-right: 2px;
    }
    /* ============remote pay============ */
    .outer_dashborad .payment_info .form-floating.amount_input label {
        padding: 0.5rem 1.35rem 0.4rem 2.05rem;
    }

    .outer_dashborad .payment_info .form-floating.amount_input::before {
        left: 16px;
        top: 7px;
    }
    /* ============remote pay============ */
    .outer_dashborad .btn {
        padding: 4px 16px;
        font-size: 14px;
    }

    .modal-lg.modal_custom.processLoader {
        max-width: 50%;
    }

    .balance_aamount.align_just {
        margin-bottom: 7px;
    }

    .modal_custom .btn-close {
        background-size: 14px;
    }

    .filter_on_table.margin_dasktop {
        margin-left: auto;
    }
    /*        =========adjusting=========*/
    .logoOfvandor h2 {
        margin-top: 10px;
        font-size: 20px;
    }
    .title_button.dealerManage {
        flex-direction: column;
        align-items: normal;
    }
        .title_button.dealerManage .button_create {
            text-align: end;
        }
    /*        =========adjusting=========*/
    .outer_dashborad .formOuter_invoice .form-floating > .form-select {
        padding-top: 0.525rem;
        padding-bottom: 0.525rem;
        padding-left: 16px;
    }
    

    .outer_dashborad .form-floating.amount_input label {
        padding: 0.4rem 1.35rem 0.6rem 2.05rem;
    }
    /*    =======advance filter on deal list=====*/
    .right_main_Content .outer_tab_filre.input_floating.advanceFlter_1600 .submit_botton.btn_invoiceOuter .btn {
        padding: 5px 12px;
        font-size: 14px;
    }

    .right_main_Content .outer_tab_filre.advanceFlter_1600 .tablist.nav-pills .nav-link {
        font-size: 16px;
        padding: 0.3rem 1.1rem;
    }
    /*    =======advance filter on deal list=====*/
    .dataList_table.invoice_list_ui.invoice_list_ui.filterbase_ui_1400 .table_outer.table_ui {
        height: calc(100vh - 325px);
    }
    .outer_dashborad .title_button.titleBar_1600 .button_create .btn {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .grid_login .form_login_outer {
        max-width: 460px;
    }
    .outer_dashborad .form-floating.amount_input::before {
        top: 8px;
    }
    .select2-container {
        width: 100% !important;
    }
    .outer_tab_filre.input_floating.flexAutho {
        flex-direction: row;
    }
}

@media screen and (max-width: 1300px) {
    .outer_tab_filre.input_floating.parts_invoic_filter .filter_on_table {
        margin-left: auto;
    }
    ul.pagination .page-link {
        padding: 0.175rem 0.55rem;
    }
}

@media screen and (max-width: 1200px) {
    /* ============dashboard============ */

    .main_outer .outer_dashborad .left_content {
        width: 245px;
    }

    .main_outer .outer_dashborad .right_content {
        width: calc(100% - 245px);
    }
    .sidemenu_start .navLink .link_item .nav_icon {
        padding: 0 17px 0 0;
    }

    .box_flex .inner_box .onHover_angle {
        display: none;
    }
    .box_flex {
        min-height: 157px;
    }
        .box_flex .inner_box .box_title {
            font-size: 16px;
        }

    .outerDash_home {
        min-height: 490px;
    }

    .drop_menu .drop_item a.droplink {
        padding: 0 0 0 9px;
        font-size: 16px;
    }

    /* ============dashboard============ */
    /* ============Invoice list============ */
    .filterButton.ms-auto {
        position: absolute;
        right: 19px;
        top: 66px;
    }
    /* ============Invoice list============ */
    /* ============Invoice detail============ */
    .field_set_outer .list_inf_vehical.colomn_2 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .detail_inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        padding: 10px 14px;
    }
    /* ------------Payment Popup----------- */
    .grid_payment_option {
        grid-gap: 30px;
        padding: 20px;
    }

    .outer_payment .inner_payemnt {
        width: 90%;
    }

    .formOuter_card_invoice .outer_card_invoic ul li .card_item {
        display: flex;
        justify-content: space-between;
    }
    /* ------------Payment Popup----------- */
    /* ============Invoice detail============ */
    /* ============Cash============ */
    .custom_table td input {
        width: 90%;
    }
    /* ============Cash============ */
    /* ============login============ */

    .innerOfcaptchaOption ul {
        width: 313px;
    }

    .grid_login .form_login_outer {
        max-width: 400px;
    }
    /* ============login============ */
    .gridBox_repots .box_flex {
        min-height: 197px;
    }

    .cardForm_outer {
        top: 58px;
    }

    .form_apply.width_searchCustomer {
        max-width: 510px;
        margin: 0 auto;
        min-width: 80%;
    }

    .updload_logo {
        margin-top: 0px;
    }

    .formOuter_col2.clmn_one_992 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .dataList_table .table_outer table.table-bordered.dataTable th {
        white-space: nowrap;
    }
    /* ============Vehicle profile============ */
    .formOuter_col1.gridgap_Or {
        grid-gap: 1px;
    }

    .outer_dashborad .apply_farm .btn {
        padding: 4px 20px;
    }

    .fileUpload.camera_plate label svg {
        max-width: 32px;
    }
    /* ============Vehicle profile============ */
    /* ============invoice list update============ */
    .invoice_info .gridInvoice.grid_cash .list_inf_vehical.text_lover {
        column-count: 2;
    }

    .image_card {
        top: 29px;
        right: 4px;
    }

        .image_card .icon_smallInput {
            width: 41px;
            padding: 2px;
        }
    /*        =============assign permission to role===============*/
    .relative_filter .outer_prmition_filter {
        position: unset;
    }
    /*        =============assign permission to role===============*/
    .payrix_frmOuter {
        width: 70%;
    }
    .relative_filter .outer_prmition_filter .formOuter_invoice {
        width: 100%;
    }

    /*        ===========adjust Zoom=============*/
    .titleOuter h2 {
        font-size: 36px;
    }


    .innerOfcaptchaOption ul {
        width: 199px;
    }

    .innerOfcaptchaOption label img {
        height: 40px;
        width: 40px;
    }
    .main_outer .outer_dashborad .left_content .side_logo {
        max-width: 130px;
        margin: 20px auto;
    }
    .outer_dashborad .select_dealerShip .form-floating > .form-control, .outer_dashborad .select_dealerShip .form-floating > .form-select {
        height: calc(2.1rem + 2px);
    }
    .outer_dashborad .select_dealerShip .form-floating > .form-select {
        padding-top: 0.325rem;
        padding-bottom: 0.125rem;
    }
    ul.headerItem .avter_outer img {
        width: 36px;
        height: 36px;
    }
    .select_dealerShip {
        margin-bottom: 10px;
    }
    .logoOfvandor h2 {
        display: none;
    }

    .sidemenu_start {
        max-height: 56vh;
    }
    /*        ===========adjust Zoom=============*/
    .dealerManage.titleBar_1600 + .dataList_table .table_outer.table_ui.scrollstyle-4 {
        height: calc(100vh - 247px);
    }
    .relative_filter .outer_prmition_filter {
        width: 100%;
    }
    .dataList_table .table_outer.table_ui.permissionPageCtrl {
        height: calc(100vh - 183px);
    }
    .button_create.paybtnOnlist {
        position: static;
        margin: -8px auto 0;
    }
    /*========right side heght==========*/
    .dataList_table .table_outer.userTable.table_ui {
        height: calc(100vh - 179px);
    }
    .dataList_table.invoice_list_ui.invoice_list_ui.filterbase_ui_1400 .table_outer.table_ui {
        height: calc(100vh - 304px);
    }
    .main_outer .outer_dashborad .right_content {
        border-radius: 15px;
    }
    /*========right side heght==========*/
    .bg_noneDataList .table_outer.table_ui {
        max-height: calc(100vh - 147px);
    }
    .dataList_table .table_outer table.table {
        font-size: 14px;
    }
    
}

@media screen and (max-width: 1024px) {
    .filter-rows-closeoutreport {
        flex-wrap: wrap;
        gap: 12px;
    }
    .closeout-report-three-icon, .credit-debit-section {
        row-gap: 12px;
    }

}

@media screen and (max-width: 991px) {
    .invoice_table.cash_table table.custom_table thead th {
        min-width: 70px;
    }
    /* ============dashboard============ */

    .box_flex .inner_box .box_title {
        font-size: 15px;
    }

    .sidemenu_start .navLink .link_item .nav_icon {
        padding: 0 6px 0 0;
        width: 30px;
    }

    svg {
        max-width: 100%;
    }

    .sidemenu_start .navLink .link_item {
        padding: 10px 5px 10px 12px;
    }

        .sidemenu_start .navLink .link_item .nav_text {
            padding-left: 12px;
        }

    .main_outer .outer_dashborad.full_screen .left_content {
        width: 63px;
    }

    .main_outer .outer_dashborad.full_screen .right_content {
        width: calc(100% - 63px);
    }

    /* ============dashboard============ */
    /* ============Invoice list============ */
    .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
        font-size: 14px;
    }
    .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
        padding: 0.4rem 0.8rem;
    }
    /* ============Inovice list============ */
    /* ============All Users============ */
    .outer_dashborad .btn.table_btn {
        margin-bottom: 3px;
    }
    /* ============Paying Multi RO============ */
    .update_zip {
        flex-direction: column;
        grid-gap: 10px;
        align-items: end;
    }

    .modal_custom .modal-body {
        padding: 20px;
    }

    .grid_payment_option {
        padding: 10px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px;
    }
    /* ============Paying Multi RO============ */
    .outer_payment .inner_payemnt {
        font-size: 14px;
    }

    .icon_payemtn svg {
        width: 80px;
        margin: 10px auto 0;
    }

    .grid_login {
        -ms-grid-columns: 1.4fr 1fr;
        grid-template-columns: 1.4fr 1fr;
    }

        .grid_login .form_login_outer {
            max-width: 510px;
            margin: 20px auto;
        }

    .form_banner_log {
        min-height: 500px;
    }

        .form_banner_log .para_right h1 {
            font-size: 40px;
        }

        .form_banner_log .para_right p {
            font-size: 24px;
        }

    .gridBox_repots {
        grid-gap: 20px;
    }

    .backButton .btn.backBtn {
        font-size: 16px;
    }

    .backButton svg#back-arrow {
        margin-top: -8px;
        width: 20px;
    }

    .gridMulti_ro.grid_KeyedIn {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .gridMulti_ro.grid_KeyedIn .formOuter_col2 {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

    .tableSummery.card_outer {
        max-width: 361px;
        margin: 0 auto;
    }

    .cardForm_outer {
        top: 60px;
    }

    .button_create.card_submit {
        text-align: center;
    }

    .invoic_keyedin {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

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

    .title_modal h3 {
        font-size: 18px;
    }

    .feature_detail .gridBox_repots {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .customer_detail ul {
        -ms-grid-columns: (minmax(220px, 1fr))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .field_set_outer .list_inf_vehical .item_info_vecal {
        font-size: 14px;
    }

    .detail_inner .inf_title h3 .customer_id {
        font-size: 13px;
    }

    .detail_inner .inf_title h3 {
        font-size: 20px;
    }

    .field_set_outer .list_inf li {
        font-size: 14px;
    }

    .gridInvoice.grid_remotepay {
        grid-template-columns: 1fr;
    }

    .customer_inff::before {
        display: none;
    }

    .formOuter_col2.forced_col1 {
        grid-template-columns: 1fr;
    }

    .payrix_frmOuter {
        width: 90%;
    }
    .select_dealerShip .inner_dealer_dash {
        flex-wrap: wrap;
    }
    .right_main_Content .outer_tab_filre.advanceFlter_1600 .tablist.nav-pills .nav-link {
        font-size: 14px;
        padding: 0.3rem 1rem;
    }
    
    .permission_popup .formOuter_col2 {
        grid-template-columns: 1fr;
    }
    .dataList_table .invoice_detail_outer .detail_inner {
        grid-template-columns: 1fr;
    }
   
    .outer_dashborad.full_screen .bottom_footer_table {
        flex-direction: row;
    }

    .bottom_footer_table {
        flex-direction: column;
    }
    .dataList_table .table_outer .dataTables_length {
        padding-left: 0px;
    }
/*    =======deal datalist filter========*/
   
    .inner_search .tabfilter {
        overflow: auto;
    }
/*    =======deal datalist filter========*/
    .sidemenu_start .navLink .link_item .nav_text {
        font-size: 14px;
    }
    .sidemenu_start .navLink .link_item .nav_icon svg {
        max-width: 20px;
        max-height: 22px;
    }
    .last_ul {
     grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    .drop_menu .drop_item a.droplink {
        font-size: 14px;
    }
    .dataInnerFound {
        min-height: 210px;
        margin-top: 10px;
    }
    .title_button .filterButton {
        display: block;
    }
    .button_create.flex_onsmascreen {
        display: flex;
        grid-gap: 5px;
    }
}
@media screen and (max-width: 800px) {
    /*===============Ritu Css===========*/
    .logoOfvandor .logo_image {
        margin-top: 10px;
    }
    .sidemenu_start .navLink .link_item {
        padding: 8px 5px 8px 12px;
    }
    .box_flex .inner_box .box_title {
        font-size: 14px;
        font-weight: 400;
    }
 
    .table_outer.cluster_list_custom.table_ui.scrollstyle-4 {
        height: calc(100vh - 185px);
    }
    .dataTables_info {
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dataList_table .table_outer.table_ui {
        height: calc(100vh - 176px);
    }
    .outer_dashborad .formOuter_invoice .form-floating > .form-select {
        padding-top: 0.525rem;
        padding-bottom: 0.225rem;
    }
    .outer_dashborad .form-floating > .form-control:focus ~ label, .outer_dashborad .form-floating > .form-control:not(:placeholder-shown) ~ label, .outer_dashborad .form-floating > .form-select ~ label {
        transform: scale(.85) translateY(-0.8rem) translateX(0.85rem);
        padding: 2px 6px;
    }
    .outer_dashborad .formOuter_invoice .form-floating > .form-control, .outer_dashborad .formOuter_invoice .form-floating > .form-select {
        height: calc(2rem + 2px);
    }
    .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
        padding: 0.3rem 0.8rem;
        font-weight: 400;
    }
    .dropdown_cus::after {
        right: 10px;
    }
    .dataList_table .table_outer table.table-bordered.dataTable th, .dataList_table .table_outer table.table-bordered.dataTable td {
        height: 26px;
    }
    .inner_prmition_filter.filter_ipad .form-floating {
        min-width: 127px;
    }
    .inner_prmition_filter.filter_ipad {
        overflow: auto;
    }
        .inner_prmition_filter.filter_ipad .submit_botton .btn {
            min-width: 98px;
        }
    /*===============Ritu Css===========*/
    .outer_dashborad:not(.full_screen) .item .box_flex {
        min-height: 123px;
    }
    .outer_dashborad:not(.full_screen) .item .box_flex .icon_box {
        max-width: 28px;
        margin: 20px auto 0;
    }
    .box_flex .inner_box .box_title {
        font-size: 13px;
        font-weight: 400;
        margin: 5px 0;
    }
    .logoOfvandor .logo_image {
        max-width: 80px;
        margin: 0 auto;
        display: inline-block;
    }
    .bg_noneDataList {
        margin-top: 4px;
    }
    .outer_voidUi.full_page_ui.scrollstyle-4 {
        height: calc(100vh - 146px);
    }
    span.arrowDownFilter {
        width: 30px;
        height: 30px;
    }
    span.arrowDownFilter:after {
        width: 12px;
        height: 12px;
        left: 8px;
        bottom: 10px;
    }
    span.arrowDownFilter:before {
        top: 3px;
    }
}
@media screen and (max-height: 600px) {
    .dataTables_wrapper .dataTables_scrollBody {
        max-height: calc(100vh - 346px) !important;
    }
    .bg_noneDataList .table_outer.table_ui {
        max-height: calc(100vh - 145px);
        overflow: auto;
    }
    .main_box_transaction.full_page_ui {
        height: calc(100vh - 145px);
    }
    .outerSearchbox.collapse + .dataList_table {
        padding: 0;
        margin: 0;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .outerSearchbox.collapse.show + .dataList_table {
        margin-top: 10px;
    }
    
}
    @media screen and (max-width: 767px) {
        .page_title h2 {
            font-size: 26px;
        }

        .fileUpload label {
            padding: 4px 20px;
            font-size: 14px;
        }

        .outer_dashborad .btn {
            padding: 4px 20px 3px;
            font-size: 14px;
            min-width: 100px;
        }

        .outer_dashborad:not(.full_screen) .title_button {
            flex-direction: column;
            align-items: start;
        }

        .right_main_Content {
            padding: 0px 10px;
        }

        .detail_inner {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-gap: 25px;
        }

        .custom_table td {
            font-size: 16px;
        }

        .invoice_info .gridInvoice {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .inof_detail_left {
            width: 100%;
            overflow: auto;
        }

        .table_multiRo {
            width: 100%;
            overflow: auto;
        }

        .dataList_table .table_outer table tbody tr td {
            font-size: 12.5px;
        }

        .gridTransect {
            padding: 0px;
        }

        .outer_payment .inner_payemnt {
            padding: 30px;
            width: 100%;
        }

        .submit_botton.text-center {
            flex-wrap: wrap;
        }

        .gridBox_repots {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

        .invoice_table.cash_table {
            overflow: auto;
        }

        .table_resposive {
            overflow: auto;
            width: 100%;
        }

        .form-group.custom_check label {
            font-size: 12px;
        }

        .total_colleted .collect_titel {
            font-size: 12px;
            line-height: 14px;
        }

        .outer_check_type .tablist .nav-item .nav-link {
            padding: 4px 30px;
        }
        /*        =======assign permission=========*/
        .relative_filter .outer_prmition_filter .formOuter_invoice {
            padding: 0;
        }

        .relative_filter .outer_prmition_filter {
            width: 90%;
            margin: 0 auto;
        }
        /*        =======assign permission=========*/
        .outer_tab_filre.input_floating.advanceFlter_1600 .formOuter_invoice {
            grid-template-columns: 1fr 1fr 1fr;
        }


        /*=============14 July 2025 ====================*/

        .close-out-report-table-wrp .top_table_custom {
            flex-direction: column;
            gap: 4px;
            justify-content: center;
        }
        .close-out-report-table-wrp .top_table_custom .left_side {
            justify-content: space-between;
        }
        .close-out-report-table-wrp .top_table_custom .right-col {
            margin-left: auto;
        }
        .close-out-report-table-wrp .top_table_custom .right-col .dataTables_filter {
            padding-right: 0px;
        }
        .filter-rows-closeoutreport {
            flex-direction: column;
            gap: 12px;
        }
        .filter-rows-closeoutreport button.btn.btn-primary.primary_btn {
            padding: 10px 12px;
        }
        .credit-debit-section {
            margin-bottom: 20px;
        }
    }

    @media screen and (max-width: 575px) {
        .form-group.custom_check input:checked + label:after {
            top: 0px;
            left: 6px;
        }

        .grid_login .form_login_outer {
            padding: 40px 10px;
        }

        .titleOuter h2 {
            font-size: 40px;
        }

        .grid_login .form_login_outer .button_create .primary_btn {
            width: 100%;
            padding: 8px 20px;
        }

        .titleOuter {
            margin-bottom: 30px;
        }

        .input_login {
            grid-gap: 27px;
        }

        .innerOfcaptchaOption label img {
            height: 50px;
            width: 50px;
        }

        .innerOfcaptchaOption ul {
            width: 259px
        }

        .refreshOutrer {
            text-align: center;
        }

        .gridBox_repots {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .outerOFreports {
            padding: 20px 20px;
        }

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

        .navebar .navbar_btn {
            width: 38px;
        }

        .title_button {
            flex-direction: column;
            align-items: start;
            margin-top: 7px;
        }

        .fileUpload label {
            padding: 2px 14px;
            font-size: 12px;
        }

        .outer_dashborad .btn {
            padding: 2px 14px 1px;
            font-size: 12px;
            min-width: auto;
        }

        .dataList_table .dataTables_wrapper div.dataTables_length select {
            padding: 0.2rem 1.55rem 0rem 0.65rem;
        }

        .dataList_table .dataTables_filter input.form-control.form-control-sm {
            padding: 0.2rem 0.5rem;
            border-radius: 30px;
            max-width: 150px;
            height: 27px;
        }
        /* ==========cash on mobiel============ */
        .field_set_outer .list_inf_vehical .item_info_vecal {
            font-size: 12px;
        }

        .invoice_info .gridInvoice.grid_cash .list_inf_vehical.text_lover {
            column-count: 1;
        }

        .balance_aamount .payblAmmount .amount {
            min-width: 90px;
            font-size: 18px;
        }

        .invoice_table.cash_table table.custom_table thead th {
            min-width: 60px;
        }

        .invoice_table.cash_table table.custom_table thead th {
            font-size: 14px;
        }

        .custom_table td {
            font-size: 12px;
        }

        .balance_aamount .custom_check {
            width: 50%;
        }

        .gridMulti_ro.grid_KeyedIn .formOuter_col2 {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .button_create.card_submit .btn {
            padding: 6px 40px;
            font-size: 14px;
        }
        /* ==========cash on mobiel============ */
        .modal-lg.modal_custom.processLoader {
            max-width: 90%;
            margin: 0 auto;
        }

        .payrix_frmOuter {
            width: 90%;
            padding: 16px;
            min-width: 310px;
        }

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

        .summeryOuter p {
            margin: 0;
            font-size: 12px;
        }

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

        .griadPayment .payrix {
            margin: 6px 0 5px 0;
            font-size: 14px;
        }

        .form_banner_log {
            display: none;
        }

        .outer_tab_filre.input_floating.advanceFlter_1600 .formOuter_invoice {
            grid-template-columns: 1fr;
        }
    }

    @media screen and (max-width: 480px) {
        .total_colleted {
            flex-direction: column;
        }
    }