@media (min-width: 992px) {
    .rs_sidebar {
        width: 280px;
    }

    .rs_card {
        border: 1px solid #D1D1D1;
        border-radius: 12px;
        padding: 20px 0;
        height: calc(100vh - 264px);
    }

    .rs_sidebar li a {
        color: var(--bs-black);
    }

        .rs_sidebar li a.active {
            background-color: #F3F6FC;
            font-weight: 500;
            color: #326EB6;
        }

            .rs_sidebar li a.active svg path {
                stroke: #326EB6;
            }

        .rs_sidebar li a svg {
            margin-right: 12px;
        }
}

@media (max-width: 991px) {
    .rs_login_logo_sidebar.rs_login_logo_sidebar_menu {
        padding-inline: 12px;
    }
}

@media (max-width: 991px) {
    .rs_empty_table_body td {
        border-radius: 12px;
    }
    /* .rs_table_data[data-table-empty="true"] thead,
  .rs_table_data[data-table-empty="false"],
  .rs_table_data[data-table-empty="true"] + .rs_mb_data_table {
    display: none;
  } */
    .rs_header {
        position: relative;
        margin-bottom: 56px;
    }

    .rs_menu {
        position: absolute;
        left: 0;
        bottom: -56px;
        width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        border-bottom: 1px solid #d1d1d1;
        height: 56px;
        align-items: flex-end !important;
    }

        .rs_menu li a {
            padding-block: 12px 12px !important;
        }

            .rs_menu li a::after {
                bottom: 0;
            }

        .rs_menu li,
        .rs_menu li a {
            width: max-content;
        }

            .rs_menu li a::after {
                display: block;
            }

    .rs_profile_picture {
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .rs_edit_profile {
        padding-top: 0;
    }

    .rs_title_wrap .rs_profile_form {
        width: 250px;
    }

    .rs_profile_form {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .btn {
        --bs-btn-font-size: 14px;
        --bs-btn-line-height: 20px;
        --bs-btn-padding-y: 14px;
    }

    .rs_form_container {
        flex-wrap: wrap;
    }

    .rs_login_logo_sidebar,
    .rs_main_form {
        width: 100%;
    }

    .rs_login_logo_sidebar {
        height: auto;
        padding: 20px 12px;
        justify-content: flex-start;
        top: 0;
        z-index: 9;
    }

        .rs_login_logo_sidebar img {
            width: 48px;
            height: 48px;
        }

    img.lead_thumbnail {
        width: 28px;
        height: 28px;
    }

    .rs_main_form .rs_body_part {
        padding: 20px 12px;
    }

    .rs_form_body .rs_form_input {
        padding-inline: 0;
    }

    .rs_from_header {
        margin-bottom: 24px;
        text-align: left;
        max-width: 465px;
        margin-inline: auto;
    }

    .rs_confirm_email_page .rs_from_header {
        text-align: center;
    }

    .rs_form_foot {
        margin-top: 24px;
    }

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

    .rs_login_menu {
        margin-top: 0;
    }

        .rs_login_menu li:not(:last-child)::after,
        .rs_login_menu li:not(.rs_active) {
            display: none !important;
        }

        .rs_login_menu li:not(:last-child) {
            margin-bottom: 0;
        }

    .rs_login_logo_sidebar.rs_login_logo_sidebar_menu {
        padding: 16px 12px;
        gap: 24px;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .rs_step_page .rs_login_menu li::before {
        display: none;
    }

    .rs_mobile_pagenation text {
        font-size: 20px;
        color: #fff;
    }

    .rs_mobile_pagenation {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6);
        font-weight: normal;
        position: relative;
    }

        .rs_mobile_pagenation > span {
            position: absolute;
            left: 14px;
            top: 14px;
        }

    .rs_login_menu li {
        gap: 16px;
    }

    .rs_rs_login_menu_item .rs_next_step {
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.6);
    }

    .rs_form_link {
        font-size: 14px;
    }

    .rs_toast_outer {
        width: 100%;
        left: 0;
    }

    .rs_dropdown_panel .d-flex,
    .rs_dropdown_panel a {
        padding: 10px 16px;
    }

    .rs_dropdown_panel h6 {
        font-size: 12px;
    }

    .autocomplete-container {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .rs_page_action .btn, .rs_modal .btn {
        --bs-btn-padding-y: 10px;
    }

    .rs_alert .alert {
        width: 100%;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .rs_alert {
        top: 128px;
    }

    .rs_modal .modal-content {
        margin: 0 16px;
    }
    /* css */
    .rs_table_data .table td {
        display: block;
        text-align: right;
        border: 0;
        padding: 10px 24px;
        font-weight: 500;
    }

    .rs_table_data table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 400;
    }

    .rs_table_data .table thead {
        display: none;
    }

    .rs_table_data table tr {
        position: relative;
    }

    .rs_table_data td:first-child {
        border: 1px solid #D1D1D1;
        border-radius: 12px 12px 0 0;
        padding: 24px;
    }

    .rs_table_data td.rs_res_last {
        border: 1px solid #D1D1D1;
        border-top: 0;
        border-radius: 0 0 12px 12px;
        margin-bottom: 16px;
        padding-bottom: 24px;
    }

    .rs_table_data td:not(:first-child) {
        border-left: 1px solid #D1D1D1;
        border-right: 1px solid #D1D1D1;
    }

    .rs_table_data .table td:nth-child(2) {
        padding-top: 20px;
    }

    .page-item:first-child .page-link, .page-item:last-child .page-link {
        margin: 0;
    }

    .rs_filled_table_body td.rs_grid_half {
        width: 50%;
        display: inline-grid;
    }

    .rs_filled_table_body td.rs_grid {
        display: grid;
    }

    .rs_profile_form {
        max-width: 100%;
    }

    .rs_profile_picture {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }

    .rs_upload_profile {
        height: 36px;
        width: 36px;
        line-height: 40px;
    }

    .rs_edit_profile_picture {
        margin-bottom: 40px;
        margin-top: -25px;
    }

        .rs_edit_profile_picture button {
            padding: 10px 25px;
        }

    .rs_alert .alert {
        border-radius: 0;
    }

    .card .accordion-item, .rs_table_data {
        border: 0;
    }

    .rs_w_half {
        max-width: 100%;
    }

    .rs_notificaion .form-check {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .rs_form_check {
        border-left: 0;
        padding-left: 0;
    }

    .rs_notificaion .form-check-input {
        height: 20px;
        width: 36px;
        background-size: 16px;
    }

    .rs_table_data .table tr:last-child td:first-child {
        border-bottom-left-radius: 0px;
    }

    .rs_table_data .table tr:last-child td.rs_res_last, .rs_table_data .table .rs_empty_table_body tr.rs_no_search_result td {
        border-bottom: 1px solid #D1D1D1;
    }

    .rs_table_data .table .rs_empty_table_body tr.rs_no_search_result td {
        border-bottom-left-radius: 12px;
    }

    .rs_table_data .rs_empty_table_body td:first-child {
        border-radius: 12px;
    }

    .card .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .rs_table_data .table tr:last-child td.text-start {
        border-bottom: 1px solid #D1D1D1;
    }

    .rs_notificaion .form-check-label p {
        font-size: 12px;
    }

    .rs_notificaion .form-check-label span {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .rs_edit_profile button, .rs_outer_notification button, .rs_title_wrap .rs_profile_form, .rs_add_payout_method button, .rs_search input, .rs_search {
        width: 100%;
    }

    .rs_t_padding {
        padding-top: 24px;
    }

    .rs_b_padding {
        padding-bottom: 24px;
    }

    .rs_title_wrap .rs_border-top {
        border-top: 1px solid #88888833;
    }

    .rs_title_wrap {
        border-bottom: 0px solid #88888833;
    }

    .rs_card_detail h5 {
        margin-bottom: 6px;
    }

    .rs_form_method .rs_profile_form {
        border-bottom: 1px solid var(--bs-border-color);
    }

    .radio-tile-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .rs_remove_code_modal .modal-footer button {
        --bs-btn-padding-x: 40px;
    }
}