@media (min-width: 1921px) {
    /* Examples: Large desktop monitors (e.g., 4K displays, ultra-wide 2560px+ screens) */

    .sdco_filter-toggle-button {
        display: none; /* Hide the button for larger screens */
    }

    .wsus__featured_single_text h6 {
        font-size: 16px;
    }

    .contact_box_icon {
        width: 30%;
    }

    /* #listing_grid {
        padding: 20px 0px 85px 0px;
    } */

    .list_view .wsus__featured_single span {
        top: 7px;
    }

    /* DASHBOARD PAGE START */
    /* .dashboard_table .active_left,
    .dashboard_table .package_right {
        min-width: 50%;
    } */

    .manage_dashboard_single i {
        font-size: 50px;
    }

    /* CREATE LISTING START */
    .medicine_row_input input {
        width: 88%;
    }

    .medicine_row_input button {
        width: 10%;
    }

    /* DASHBOARD LISTING */
    .active_inactive_text {
        padding: 55px 20px 20px 20px;
    }

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

    /* DASHBOARD ORDER */
    .my_listing .table .package,
    .my_listing .table .e_date,
    .my_listing .table .p_date {
        min-width: 145px;
    }

    .my_listing .table .price {
        min-width: 100px;
    }

    .my_listing .table .method {
        min-width: 150px;
    }

    .my_listing .table .tr_id {
        min-width: 240px;
    }

    /* DASHBOARD PROFILE*/
    .profile_pic_upload {
        height: 330px;
    }

    .banner_pic_upload input {
        width: 80%;
    }

    /* DASHBOARD REVIEW */
    .visitor_rev_single {
        padding: 10px;
    }

    .visitor_rev_text .title {
        font-size: 17px;
    }

    .visitor_rev_text .title span {
        font-size: 13px;
        margin-left: 5px;
    }

    .visitor_rev_text p {
        font-size: 13px;
        margin: 3px 0px 5px 0px;
    }

    .visitor_rev_text .small_text {
        margin-bottom: 10px;
    }

    .rj_info_outer_wrapper {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1400px) and (max-width: 1920px) {
    /* Examples: Full HD desktop monitors, larger laptops (e.g., ASUS ZenBook, Dell XPS) */
    /* royden's laptop */
    .sdco_filter-toggle-button {
        display: none; /* Hide the button for larger screens */
    }

    .popular-categories-panel {
        width: 150px; /* Adjust width as needed */
    }

    .wsus__banner_text {
        margin: 50px 0px 0px 0px;
    }

    .wsus__banner_text h1 {
        font-size: 3rem;
    }

    /* Directory page start */
    .directory-container {
        max-width: 1200px;
    }
    /* Directory page end */

    .sdco_image-container {
        min-height: 103vh;
    }
    .sdco_category-background {
        height: 110% !important;
    }

    .sdco_dark-overlay {
        height: 110% !important;
    }

    .sdco_form-overlay {
        height: 110% !important;
        top: 130px !important;
    }

    .sdco_guest-list-background {
        height: 110% !important;
    }

    .sdco_dark-overlay_2 {
        height: 110% !important;
    }

    /* Category Groups */
    .center_dir_elements {
        max-width: 1400px;
    }

    .wsus__featured_single {
        width: 215px; /* Set a fixed width */
        height: 300px; /* Set a fixed height */
    }

    .custom-image_thumbnail {
        height: 150px !important;
        margin-bottom: 2px; /* Reduce further from 5px */
        display: block;
    }

    .wsus__featured_single_text {
        padding-top: 4px; /* Optional: shrink top padding if exists */
    }

    .wsus__featured_single_text .list_rating {
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .wsus__featured_single_text a {
        display: block;
        font-size: 0.8rem;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 6px; /* or adjust as needed */
    }

    .common_btn_listing {
        margin-top: 20px;
        margin-bottom: 100px;
    }

    .rj_description_wrapper {
        width: calc(100% - 40px); /* Full width minus 20px margin on each side */
        margin: 0 auto; /* Center the section */
    }

    .rj_description_card {
        max-width: 1000px;
        margin: 0 auto;
    }

    .rj_gallery_wrapper {
        max-width: 90%;
    }

}

@media (min-width: 1100px) and (max-width: 1399px) {
    /* Examples: Medium-sized desktop screens, standard laptops. */
    /* ipad pro 11 inch - Royden */
    /* This is definitely Royden's laptop and iPad */

    body {
        max-width: 100% !important; /* Ensure the layout spans the entire screen width */
        margin: 0; /* Remove default margins */
        padding: 0; /* Remove any padding */
        overflow-x: hidden; /* Prevent horizontal scrollbars */
    }

    .container {
        width: 100% !important; /* Allow container to stretch fully */
    }

    .sdco_filter-toggle-button {
        display: none; /* Hide the button for larger screens */
    }

    /* Login in Page Start */
    .wsus__login_page {
        padding: 50px 0px;
    }

    .wsus__login_area h2 {
        font-size: 1rem;
        margin-bottom: 3px;
    }

    .wsus__login_area p {
        font-size: 0.8rem;
        margin-bottom: 2px;
    }

    .wsus__login_area .create_account {
        margin-top: 10px;
        color: var(--paraColor);
        margin-bottom: 0px;
    }

    .wsus__login_area .form-check label {
        font-size: 0.8rem;
    }

    .wsus__login_input a {
        font-size: 0.8rem;
    }

    /* Login in Page End*/

    .wsus__heading_area h2 {
        font-size: 1.7rem !important;
    }

    .wsus__featured_single {
        width: 210px; /* Set a fixed width */
        height: 250px; /* Set a fixed height */
    }

    .custom-image_thumbnail {
        height: 150px !important;
        margin-bottom: 2px; /* Reduce further from 5px */
        display: block;
    }

    .wsus__featured_single_text {
        padding-top: 24px; /* Optional: shrink top padding if exists */
    }

    .wsus__featured_single_text .list_rating {
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .wsus__featured_single_text a {
        display: block;
        font-size: 0.8rem;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 26px !important; /* or adjust as needed */
    }

    .common_btn_listing {
        margin-top: 20px;
        margin-bottom: 100px;
    }


    .custom-image_thumbnail {
        height: 120px !important;
        margin-bottom: 2px; /* Reduce further from 5px */
        display: block;
    }

    .wsus__featured_single_text a {
        display: block;
        font-size: 0.8rem;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 6px; /* or adjust as needed */
    }

    .wsus__featured_single_listing {
        width: 100px !important; /* Set a fixed width */
        height: 200px !important; /* Set a fixed height */
    }

    .wsus__featured_single_listing .small_text {
        padding: 2px 8px;
        font-size: 0.6rem;
        position: absolute;
        bottom: 0px; /* Adjust this value to position it higher or lower */
        left: 5px; /* Adjust this value to move it horizontally */
    }

    .wsus__featured_single_listing .location {
        position: absolute;
        top: 100px;
        left: 10px;
        width: 35px;
        height: 35px;
        background: var(--colorWhite);
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: var(--colorPrimary);
        padding: 0;
        line-height: 35px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        transition: all linear 0.3s;
    }

    .wsus__featured_single_listing .location:hover,
    .wsus__featured_single_listing .love:hover {
        background: var(--colorPrimary);
        color: var(--colorWhite);
    }

    .wsus__featured_single_listing .love {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 20px;
        height: 20px;
        background: var(--colorWhite);
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        font-size: 10px;
        color: var(--colorPrimary);
        transition: all linear 0.3s;
    }

    .wsus__featured_single_listing .map {
        position: absolute;
        top: 35px;
        left: 10px;
        width: 20px !important;
        height: 20px;
        background: var(--colorWhite);
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        font-size: 10px;
        color: var(--colorPrimary);
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s ease;
        -moz-transition: all linear 0.3s ease;
        -ms-transition: all linear 0.3s ease;
        -o-transition: all linear 0.3s ease;
    }

    .wsus__featured_single_listing a .love:hover {
        background: var(--colorPrimary);
        color: var(--colorWhite);
    }

    .wsus__featured_single_listing .map:hover {
        background: var(--colorPrimary);
        color: var(--colorWhite);
    }

    /* CSS for the Business Dashboard Sidebar - Start */

    #sdco_bus_sidebar {
        min-width: 225px !important;
        max-width: 225px !important;
        overflow-y: auto; /* Enable scrolling if content exceeds height */
    }

    #sdco_bus_sidebar.close {
        min-width: 58px !important; /* Ensures the sidebar never shrinks below this width */
        max-width: 58px !important; /* Prevents the sidebar from exceeding this width */
    }

    .sidebar_menu_items {
        font-size: 0.9rem !important;
    }

    #sdco_bus_sidebar a,
    #sdco_bus_sidebar .sdco_bus_dropdown-btn,
    #sdco_bus_sidebar .sdco_bus_logo {
        padding: 0.7em;
    }

    .sdco_bus_card {
        min-height: 100px; /* Adjust this value as needed */
        min-width: 50px; /* Adjust this value as needed */
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .sdco_bus_card i {
        font-size: 2rem;
    }

    .sdco_bus_card h3 {
        font-size: 2rem;
    }

    .sdco_bus_card p {
        font-size: 1rem;
    }

    /* CSS for the Business Dashboard Sidebar - End */

    /* Blog page Start
    -------------------------------------------------------- */
    .blog_card {
        padding: 0px;
    }

    .blog_card .title {
        margin-top: -20px; /* Adjust spacing above the title */
        margin-bottom: 4px; /* Adjust spacing below the title */
        font-size: 1rem; /* Maintain the desired font size */
    }

    .blog_card p {
        font-size: 0.9rem !important;
    }

    /* Blog page End
    -------------------------------------------------------- */

    /* CSS for the About Page - START */

    .text-center-about h1 {
        margin-bottom: 5px !important; /* Add space below the heading */
    }

    .text-center-about p {
        font-size: 0.9rem; /* Slightly larger font size for readability */
        line-height: 1.6; /* Increase line spacing */
    }

    .sdco_about_column h2 {
        font-size: 0.8rem; /* Larger font size */
        margin-bottom: 10px; /* Add space below the heading */
    }

    .sdco_about_column p {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }

    /* CSS for the About Page - END */

    /* CSS for the Contact Us Page - START */

    .sdco_contact_us_heading {
        font-size: 2rem;
    }

    .sdco_contact_us_description {
        font-size: 1rem;
        color: #070707;
    }

    .sdco_contact_us_subheading {
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 15px;
        color: #333;
    }

    .sdco_contact_us_text {
        font-size: 0.8rem;
    }

    .sdco_contact_us_list li {
        font-size: 0.8rem;
    }

    .sdco_contact_input {
        font-size: 0.8rem !important;
    }

    .sdco_contact_textarea {
        font-size: 0.8rem;
    }

    /* CSS for the Contact Us - END */
    /* ------------------------------------------ */

    .popular-categories-panel {
        width: 170px; /* Adjust width as needed */
    }

    .sdco_centered-paragraph {
        max-width: 90%;
        font-size: 0.8rem;
    }

    .sdco_text-container {
        text-align: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .sdco_guest-list-background {
        height: 1090px !important;
    }

    .sdco_dark-overlay_2 {
        height: 1090px !important;
    }

    /* Directory page start */
    .directory-container {
        max-width: 1050px;
    }

    .sdco_directory_text {
        font-size: 0.9rem !important; /* Adjust size as needed */
    }

    /* Category Groups */
    .center_dir_elements {
        max-width: 1000px;
        margin: 0 auto;
        width: 100%;
    }

    .wsus__location_filter button {
        font-size: 11px !important;
    }

    /* Directory page end */

    .sdco_image-container {
        min-height: 98vh;
    }

    .sdco_category-background {
        height: 110% !important;
    }

    .sdco_dark-overlay {
        height: 110% !important;
    }

    .sdco_form-overlay {
        height: 110% !important;
        top: 130px !important;
    }

    .guest-list-bg {
        min-height: 1050px;
    }

    #wsus__banner {
        margin-top: -60px;
    }

    .wsus__banner_text {
        margin: 5px 0 0 0;
    }

    .wsus__banner_text h1 {
        font-size: 3rem;
        margin: 0; /* Ensure no extra margin on the h1 */
    }

    .wsus__banner_text p {
        font-size: 0.9rem;
    }

    .wsus__feature_single h5 {
        font-size: 1rem;
    }

    .wsus__feature_single p {
        font-size: 0.8rem;
        margin: 10px 0; /* Adds spacing around the paragraph */
    }

    .wsus__feature_single {
        padding: 20px;
    }

    .wsus__counter_top_text h5 {
        font-size: 30px;
        text-align: center;
    }

    /* CONTACT PAGE START */
    .contact_box_icon {
        padding: 40px;
        width: 25%;
    }

    .contact_box_text {
        width: 75%;
    }

    /* LISTING GRID VIEW */
    #listing_grid {
        padding: 10px 0px 90px 0px;
    }



    .wsus__featured_single .love {
        width: 20px;
        height: 20px;
        line-height: 21px;
        border-radius: 50%;
        font-size: 10px;
    }

    .wsus__featured_single .map {
        width: 20px !important;
        height: 20px;
        line-height: 21px;
        border-radius: 50%;
        font-size: 10px;
        margin-top: -20px;
    }
    .wsus__featured_single .small_text {
        font-size: 10px;
    }
    .wsus__featured_single_text .list_rating {
        margin-top: -22px;
        font-size: 10px;
        justify-content: left; /* Keep the stars centered */
    }
    .wsus__featured_single_text .list_rating span {
        margin-left: 0; /* Remove left margin */
        top: 2px; /* Adjust this to control how close it appears to the stars */
        font-size: 10px; /* Optional: Smaller font for smaller screens */
        text-align: center;
        width: 100%; /* Ensure it spans the container width for proper alignment */
    }

    .wsus__featured_single_text a {
        font-size: 0.8rem !important; /* Default size for larger screens */
        margin-top: -10px;
        text-align: center;
    }

    /* LISTING LIST VIEW */
    .list_view .wsus__featured_single_text {
        padding: 50px 20px 20px 20px;
    }

    .wsus__featured_single_text span {
        width: 40px;
        height: 40px;
        line-height: 37px;
        font-size: 16px;
    }

    .list_view .wsus__featured_single span {
        top: 7px;
    }

    /* DASHBOARD START */
    .manage_dashboard_single {
        margin-bottom: 30px;
    }

    .active_package {
        margin-top: 0;
    }

    /* .dashboard_table .active_left,
    .dashboard_table .package_right {
        min-width: 50%;
    } */

    /* CREATE LISTING START */
    .medicine_row_input input {
        width: 83%;
    }

    .medicine_row_input button {
        width: 15%;
    }

    /* DASHBOARD ORDER */
    .my_listing .table tr td {
        font-size: 14px;
    }

    .my_listing .table .package,
    .my_listing .table .e_date,
    .my_listing .table .p_date {
        min-width: 150px;
    }

    .my_listing .table .price {
        min-width: 100px;
    }

    .my_listing .table .method {
        min-width: 150px;
    }

    .my_listing .table .tr_id {
        min-width: 230px;
    }

    /* DASHBOARD PROFILE */
    .profile_pic_upload {
        height: 332px;
    }

    .banner_pic_upload input {
        width: 80%;
    }

    .map_popup_content img {
        width: 32% !important;
        float: left;
    }

    .map_popup_text {
        width: 68%;
        float: left;
        padding: 20px;
    }

    .map_popup_content {
        margin-bottom: 30px;
    }

    .map_popup_content_map {
        height: 300px;
    }

    .wsus__single_comment_img img {
        width: 65px !important;
        height: 65px;
    }

    /* MODIFY CSS */
    .wsus__category_single {
        width: 100%;
        height: 240px;
    }

    .wsus__single_location .img {
        height: 260px;
    }

    .tf__single_chat_top .text {
        width: 86%;
    }

    .tf__chating_text {
        max-width: 72%;
    }

    .wsus__single_payment {
        height: auto;
    }

    /* Add a semi-transparent background to text for readability */

    .ad_page_background-container {
        padding: 50px !important;
        /* padding: 50px 150px; */
        width: 95% !important;
    }

    .sdco_background-container {
        /* padding: 35px; */
        width: 90% !important;
    }

    .rj_info_section .row {
        --bs-gutter-x: 1rem; /* reduce the horizontal gap */
    }

    .rj_description_wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .rj_gallery_wrapper {
        max-width: 90%;
    }

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

    .rj_gallery_large {
        grid-column: span 2;
        grid-row: span 2;
    }

    .rj_gallery_small {
        grid-column: span 1;
        grid-row: span 1;
    }

}

@media (min-width: 1024px) and (max-width: 1099px) {
    /* Examples: Small laptops, large tablets in landscape mode (e.g., iPad Pro) */

    .sdco_filter-toggle-button {
        display: none; /* Hide the button for larger screens */
    }

    .sdco_text-container {
        margin-left: 0;
        margin-right: 0;
    }
    .wsus__banner_text {
        margin: 100px 0px 0px 0px;
    }

    .wsus__banner_text h1 {
        font-size: 1.6rem;
    }

    .right_menu .dropdown {
        margin-left: 20px;
    }

    .main_menu li a {
        margin: 0px 5px;
    }

    .right_menu li a {
        margin: 0 !important;
    }

    .wsus__search_area {
        margin-bottom: 10px;
    }

    .main_menu li a {
        font-size: 16px;
    }

    #wsus__category_slider {
        padding: 0;
    }

    .slick-dots {
        display: none !important;
    }

    .wsus__category_slider_area {
        margin: 100px 0px;
    }

    #wsus__features {
        padding: 100px 0px 100px 0px;
    }

    .wsus__counter_top_video {
        margin-top: 40px;
    }

    #wsus__map_popup .modal-dialog {
        width: 90%;
    }

    .map_popup_content img {
        width: 40% !important;
        float: left;
    }

    .map_popup_text {
        width: 60%;
        float: left;
    }

    .map_popup_content {
        margin-bottom: 30px;
    }

    .map_popup_content_map {
        height: 300px;
    }

    .subs_text h3 {
        text-align: center;
    }

    .subs_text p {
        margin: 10px 0px;
        text-align: center;
    }

    .single_blog h4 {
        font-size: 17px;
    }

    .footer_text {
        margin-bottom: 44px;
    }

    footer h3 {
        margin-bottom: 25px;
    }

    .footer_bottom {
        margin-top: 50px;
    }

    .wsus__banner_overlay {
        padding: 150px 0px 230px 0px;
    }

    .wsus__banner_text h1 {
        font-size: 1.5rem;
    }

    #wsus__category_slider .nxt_arr {
        right: -18px;
    }

    #wsus__category_slider .prv_arr {
        left: -18px;
    }

    /* ABOUT PAGE START */
    .bread_overlay {
        padding: 55px 0px 45px 0px;
    }

    #breadcrumb_part nav {
        margin-top: 15px;
    }

    .about_text h4 {
        font-size: 28px;
    }

    .about_img .img_2 {
        left: 0;
    }

    /* BLOG DETAILS PAGE START */
    .sidebar_blog_text h5 {
        font-size: 15px;
    }

    .sidebar_blog_text p span {
        margin-right: 10px;
        padding-right: 5px;
    }

    .main_blog_header li a {
        font-size: 14px;
        margin-right: 15px;
        padding-right: 15px;
    }

    .main_blog h4 {
        font-size: 23px;
    }

    /* CONTACT PAGE START */
    .contact_box_icon {
        padding: 40px;
    }

    /* LISTING DETAILS PAGE START */
    .listing_details_sidebar {
        margin-top: 30px;
    }

    /* LISTING GRID VIEW */
    #listing_grid {
        padding: 100px 0px 90px 0px;
    }

    .wsus__featured_single {
        margin-bottom: 10px;
        width: 150px; /* Set a fixed width */
        height: 200px; /* Set a fixed height */
    }

    /* LISTING LIST VIEW */
    .listing_grid_sidbar {
        margin-bottom: 30px;
    }

    .list_view .wsus__featured_single a {
        width: 45%;
    }

    .list_view .wsus__featured_single_text {
        width: 55%;
        padding: 15px;
    }

    .list_view .wsus__featured_single span {
        top: 10px;
        left: 30%;
        font-size: 13px;
    }

    .list_view .wsus__featured_single_text h6 {
        font-size: 20px;
    }

    .list_view .wsus__featured_single_text a {
        margin-right: 10px;
        font-size: 12px;
        width: auto !important;
    }

    .wsus__featured_single_text span {
        width: 40px;
        height: 40px;
        line-height: 37px;
        font-size: 16px !important;
    }

    /* DASHBOARD START */
    .manage_dashboard_single {
        margin-bottom: 30px;
    }

    /* .dashboard_table .active_left,
    .dashboard_table .package_right {
        min-width: 50%;
    } */

    .active_package {
        padding: 30px;
    }

    .active_package {
        margin-top: 0;
    }

    /* DASHBOARD ORDER */
    .my_listing .table tr td {
        font-size: 14px;
    }

    .my_listing .table .package,
    .my_listing .table .e_date,
    .my_listing .table .p_date {
        min-width: 150px;
    }

    .my_listing .table .price {
        min-width: 100px;
    }

    .my_listing .table .method {
        min-width: 150px;
    }

    .my_listing .table .tr_id {
        min-width: 230px;
    }

    /* DASHBOARD PROFILE */
    .profile_pic_upload {
        margin-bottom: 15px;
    }

    .banner_pic_upload input {
        width: 80%;
    }

    .list_view .open,
    .list_view .close {
        left: auto;
        right: 10px;
    }

    .wsus__single_comment_img {
        width: 15%;
    }

    .wsus__single_comment_img img {
        width: 65px !important;
        height: 65px;
    }

    .wsus__single_comment_text {
        width: 85%;
        padding-left: 0;
    }

    /* MODIFY CSS */
    .wsus__category_single {
        width: 100%;
        height: 300px;
    }

    .member_price h5::after {
        width: 130%;
    }

    .wsus__profile_text {
        max-width: 55%;
    }

    .listing_det_location {
        height: 300px;
    }

    .active_inactive {
        margin-top: 25px;
    }

    .tf__message_list {
        height: 300px;
        margin-bottom: 25px;
    }

    .tf__single_chat_top .text {
        width: 85%;
    }

    .tf__chating_text {
        max-width: 79%;
    }

    .tf__single_chat_body {
        height: 400px;
    }

    .dashboard_sidebar .dash_logo {
        width: 170px;
        height: 170px;
    }

    .wsus__single_payment {
        height: auto;
    }

    .rj_description_wrapper {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .rj_gallery_grid {
        rj_gallery_grid;
    }

    .rj_gallery_large {
        grid-column: span 2;
    }

    .rj_gallery_small {
        grid-column: span 1;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {
    /* Examples: Tablets in portrait mode (e.g., iPad, Samsung Galaxy Tab) */

    .directory-container {
        flex-direction: column;
        padding: 1.5rem;
    }

    .directory-sidebar,
    .directory-main {
        width: 100%;
    }

    .category-groups {
        grid-template-columns: repeat(
            2,
            1fr
        ); /* Reduce columns on smaller screens */
    }

    .overview-box-wrapper {
        flex-direction: column; /* Stack boxes vertically on small screens */
    }

    .guest-summary-modern {
        flex-direction: column;
    }

    .step-cards {
        flex-direction: column;
    }

    .top-actions {
        flex-direction: column;
    }

    .summary-box,
    .overview-card {
        margin-right: 0;
    }

    /* ToDo List Start */
    .todo-list .col-md-3 {
        border-right: none;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 20px;
    }

    .task-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-title,
    .task-due-date,
    .task-category {
        margin: 10px 0;
    }

    .todo-sidebar {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 20px;
    }

    /* ToDo List End */

    .sdco_category-background {
        height: 80% !important;
    }

    .guest-list-bg {
        min-height: 1800px;
    }

    /* TOPBAR START */
    .sdco_section-container {
        padding-bottom: 180px !important; /* Increased padding for smaller screens */
    }

    .wsus__topbar_left li a {
        font-size: 13px;
    }

    .wsus__topbar_right li a {
        font-size: 13px;
    }

    .read_btn {
        font-size: 14px;
    }

    /* MENU START */
    .main_menu {
        height: 60px;
        /* border-bottom: 1px solid #2046da; */
    }

    .right_menu {
        justify-content: center;
        width: 100%;
    }

    .main_menu .navbar-brand {
        /* margin-left: 15px; */
        max-width: 110px;
    }

    .main_menu .navbar-toggler {
        outline: 0;
        background: var(--colorPrimary);
        padding: 0;
        color: var(--colorWhite);
        border-radius: 3px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .main_menu .container {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .main_menu #navbarSupportedContent {
        background: #fff;
        padding: 15px 0px 30px 0px;
        text-align: center;
        margin-top: 10px;
        border: 1px solid var(--colorPrimary);
        border-radius: 5px;
    }

    .main_menu .user_btn {
        margin-top: 10px;
    }

    .main_menu li a {
        line-height: 55px;
    }

    .dropdown-menu.show {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .menu_droapdown {
        left: 50%;
        transform: translateX(-50%);
    }

    /* 	MENU END */

    .wsus__banner_text h1 {
        font-size: 1.5rem;
    }

    .wsus__banner_text p {
        font-size: 1rem;
    }

    .wsus__search_area {
        margin-bottom: 10px;
    }

    #wsus__banner form {
        /* padding-bottom: 0; */
        margin-top: 25px;
    }

    .slick-dots {
        display: none !important;
    }

    #wsus__category_slider .nxt_arr {
        right: -40px;
    }

    #wsus__category_slider .prv_arr {
        left: -40px;
    }

    .wsus__feature_single {
        padding: 30px;
    }

    .wsus__feature_single h5 {
        font-size: 20px;
    }

    .wsus__counter_top_text h5 {
        font-size: 25px;
        text-align: center;
    }

    .wsus__category_text_center p {
        font-size: 16px;
    }

    .wsus__counter_single span {
        font-size: 30px;
    }

    .wsus__counter_single p {
        font-size: 16px;
    }

    .wsus__location_filter button {
        margin: 0px 2px;
        padding: 7px 15px;
    }

    .wsus__featured_single_text h6 {
        font-size: 16px;
    }

    #wsus__map_popup .modal-dialog {
        width: 94%;
    }

    .map_popup_content .img {
        display: none;
    }

    .map_popup_content {
        margin-bottom: 30px;
    }

    .map_popup_text {
        width: 100%;
        padding: 15px 15px 0px 15px;
    }

    .map_popup_content_map {
        height: 280px;
    }

    .subs_text h3 {
        text-align: center;
    }

    .subs_text p {
        margin: 15px 0px;
        text-align: center;
    }

    .footer_text {
        margin-bottom: 70px;
    }

    footer h3 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .footer_bottom {
        margin-top: 22px;
    }

    /* ABOUT PAGE START  */
    #breadcrumb_part h4 {
        font-size: 35px;
    }

    .bread_overlay {
        padding: 55px 0px 45px 0px;
    }

    #breadcrumb_part nav {
        margin-top: 15px;
    }

    /* BLOG DETAILS PAGE START */
    .blog_sidebar {
        margin-bottom: 30px;
    }

    /* CONTACT PAGE START */
    .contact_box_icon {
        padding: 30px 20px;
        width: 25%;
    }

    .contact_box_text {
        width: 75%;
    }

    .contact_box_icon i {
        font-size: 30px;
    }

    .contact_box_text a,
    .contact_box_text p {
        font-size: 14px;
    }

    .contact_map {
        margin: 70px 0px;
    }

    /* LISTING DETAILS PAGE START */
    .listing_details_sidebar {
        margin-top: 30px;
    }

    /* LISTING GRID VIEW */
    #listing_grid {
        padding: 100px 0px 90px 0px;
    }

    .listing_grid_sidbar {
        margin-bottom: 30px;
    }

    .wsus__featured_single {
        margin-bottom: 10px;
    }

    /* LISTING LIST VIEW */
    .list_view .wsus__featured_single_text h6 {
        font-size: 20px;
    }

    .list_view .wsus__featured_single_text {
        padding: 15px;
    }

    .wsus__featured_single_text span {
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 20px;
    }

    /* DASHBOARD START */

    .dashboard_content {
        margin-top: 25px;
    }

    .manage_dashboard_single {
        margin-bottom: 30px;
    }

    .manage_dashboard_single i {
        font-size: 50px;
    }

    /* .dashboard_table .active_left,
    .dashboard_table .package_right {
        min-width: 50%;
    } */

    .active_package {
        margin-top: 0;
    }

    /* CREATE LISTING START */
    .medicine_row_input input {
        width: 83%;
    }

    .medicine_row_input button {
        width: 15%;
    }

    /* DASHBOARD ORDER */
    .my_listing .table tr td {
        font-size: 14px;
    }

    .my_listing .table .package,
    .my_listing .table .e_date,
    .my_listing .table .p_date {
        min-width: 150px;
    }

    .my_listing .table .price {
        min-width: 100px;
    }

    .my_listing .table .method {
        min-width: 150px;
    }

    .my_listing .table .tr_id {
        min-width: 230px;
    }

    /* DASHBOARD PACKAGE */
    .p_xm_0 {
        padding: 0;
        box-shadow: none;
    }

    /* DASHBOARD PROFILE */
    .profile_pic_upload {
        margin-bottom: 15px;
    }

    .banner_pic_upload input {
        width: 80%;
    }

    .wsus__banner_overlay {
        padding: 150px 0px 220px 0px;
    }

    .wsus__category_slider_area {
        margin: 80px 0px;
        border: none;
        box-shadow: none;
    }

    #wsus__features {
        padding: 100px 0px 100px 0px;
    }

    .list_view .open,
    .list_view .close {
        left: auto;
        right: 10px;
    }

    .wsus__single_comment_img img {
        width: 60px !important;
        height: 60px;
    }

    .wsus__profile_header img {
        width: 230px;
        height: 230px;
    }

    .wsus__profile_text span {
        font-size: 14px;
    }

    /* MODIFY CSS */
    .wsus__category_single {
        width: 100%;
        height: 220px;
    }

    .menu_droapdown li {
        margin: 0;
        padding-bottom: 0;
    }

    #wsus__category_slider {
        padding: 0;
    }

    .member_price h5::after {
        width: 120%;
    }

    .wsus__profile_text {
        max-width: 100%;
        margin-top: 25px;
    }

    #blog_details .input_comment {
        margin-bottom: 25px;
    }

    .sidebar_blog_img {
        width: 100px;
    }

    .contact_map {
        margin: 70px 0px;
        height: 350px;
    }

    .active_inactive {
        margin-top: 25px;
    }

    .my_listing {
        padding: 0;
        border: 0;
    }

    .dashboard_content h4 {
        margin-top: 25px;
    }

    .tf__message_list {
        height: 300px;
        margin-bottom: 25px;
    }

    .tf__single_chat_top .text {
        width: 85%;
    }

    .tf__chating_text {
        max-width: 72%;
    }

    .tf__single_chat_body {
        height: 400px;
    }

    .wsus__single_payment {
        height: auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    /* Examples: Large smartphones in landscape mode (e.g., iPhone 12, Galaxy S21) */
    /* Sandra's phone */

    /* Business Dashboard and Sidebar Start */
    #sdco_bus_sidebar {
        height: 60px;
        width: 100% !important;
    }

    .sidebar_menu_items {
        font-size: 0.1rem !important;
    }

    /* Business Dashboard and Sidebar End */

    .sdco_image-container {
        min-height: 100vh !important;
    }
    .sdco_category-background {
        height: 120% !important;
    }

    .sdco_dark-overlay {
        height: 140% !important;
    }

    .sdco_form-overlay {
        top: 130px !important;
        height: 140% !important;
    }

    /* MENU START */

    .guest-list-bg {
        min-height: 1650px;
    }

    .sdco_image {
        width: 400px;
        height: 400px;
    }
    .main_menu {
        height: 60px;
        /* border-bottom: 1px solid #2046da; */
    }

    .right_menu {
        justify-content: center;
        width: 100%;
    }

    .main_menu .navbar-brand {
        max-width: 110px;
    }

    .main_menu .navbar-toggler {
        outline: 0;
        background: var(--colorPrimary);
        padding: 0;
        color: var(--colorWhite);
        border-radius: 3px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .wsus__category_single {
        height: 190px;
    }

    /* .wsus__featured_single_img {
        height: 140px;
    } */

    .main_menu #navbarSupportedContent {
        background: #fff;
        padding: 15px 0px 30px 0px;
        text-align: center;
        margin-top: 10px;
        border: 1px solid var(--colorPrimary);
        border-radius: 5px;
    }

    .dropdown-menu.show {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .menu_droapdown {
        left: 50%;
        transform: translateX(-50%);
    }

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

    /* BANNER START */
    .wsus__banner_text h1 {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        color: #fff;
    }

    .wsus__banner_text p {
        font-size: 1rem;
    }

    .wsus__search_area {
        margin-bottom: 10px;
    }

    .wsus__banner_overlay {
        padding: 90px 0px 150px 0px;
    }

    .slick-dots {
        bottom: -30px !important;
    }

    #wsus__category_slider .nxt_arr {
        right: -40px;
    }

    #wsus__category_slider .prv_arr {
        left: -40px;
    }

    .wsus__category_slider_area {
        margin: 70px 0px;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    #wsus__features {
        padding: 70px 0px 70px 0px;
    }

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

    .wsus__heading_area p {
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }

    .wsus__category_text_center {
        padding: 5px;
    }

    .wsus__single_location .img {
        height: 240px;
    }

    .wsus__feature_single h5 {
        font-size: 20px;
    }

    .wsus__counter_overlay {
        padding: 70px 0px 20px 0px;
    }

    .wsus__counter_top_text h5 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 40px;
    }

    .wsus__counter_single p {
        font-size: 14px;
    }

    .wsus__counter_single {
        margin-bottom: 30px;
    }

    .wsus__categorye_overlay {
        padding: 70px 0px 65px 0px;
    }

    .wsus__heading_area {
        margin-bottom: 0;
    }

    #wsus__counter .wsus__heading_area {
        margin-bottom: 25px;
    }

    #wsus__categories .wsus__heading_area {
        margin-bottom: 10px;
    }

    .wsus__location_overlay {
        padding: 70px 0px 78px 0px;
    }

    .wsus__location_filter button {
        font-size: 13px;
        margin: 5px 5px;
        padding: 10px 15px;
    }

    .wsus__location_text p {
        font-size: 15px;
    }

    #wsus__featured_listing {
        padding: 70px 0px 100px 0px;
    }

    .wsus__package_overlay {
        padding: 70px 0px 70px 0px;
    }

    .blog_part_overlay {
        padding: 70px 0px;
    }

    .subscribe_bg {
        padding: 20px;
    }

    .subs_text h3 {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: center;
    }

    .subs_form form input {
        padding: 15px 20px;
        font-size: 16px;
    }

    .subs_form form button {
        padding: 12.5px 20px;
        font-size: 16px;
    }

    .subs_text p {
        margin-bottom: 10px;
        text-align: center;
    }

    .wsus__single_clients p i {
        font-size: 16px;
    }

    .wsus__test_overlay {
        padding: 70px 0px;
    }

    .wsus__single_clients img {
        margin-left: 0;
        margin-right: 10px;
    }

    .wsus__single_clients .c_name {
        font-size: 16px;
    }

    footer {
        padding-top: 65px;
    }

    footer h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .footer_text {
        margin-bottom: 40px;
        display: block;
        overflow: hidden;
    }

    .footer_bottom {
        margin-top: 20px;
        padding: 30px 0px 20px 0px;
    }

    .footer_bottom_link li a {
        font-size: 15px;
    }

    .footer_text p {
        font-size: 14px;
    }

    .footer_link li a {
        font-size: 14px;
    }

    .footer_bottom_pay_icon {
        display: flex;
        justify-content: flex-start;
        margin-top: 5px;
    }

    .single_blog p {
        font-size: 14px;
    }

    .single_blog h4 {
        font-size: 18px;
    }

    .read_btn {
        font-size: 14px;
    }

    .single_blog span {
        font-size: 12px;
        margin-right: 15px;
    }

    .member_price p {
        margin-bottom: 14px;
    }

    .footer_icon {
        display: block;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .member_price h5 {
        font-size: 25px;
    }

    .member_price h4 {
        font-size: 14px;
        padding: 10px 15px;
    }

    .wsus__featured_single_text h6 {
        font-size: 16px;
    }

    #wsus__map_popup .modal-dialog {
        max-width: 95%;
    }

    .map_popup_text h5 {
        font-size: 18px;
    }

    .map_popup_text .call,
    .map_popup_text .mail {
        font-size: 14px;
    }

    .map_popup_text p {
        font-size: 14px;
    }

    .map_popup_text span {
        margin-right: 5px;
        padding: 0px 15px;
    }

    .map_popup_content img {
        display: none;
    }

    .map_popup_content_map {
        height: 300px;
    }

    .wsus__category_text_center span {
        padding: 0px 10px;
        font-size: 12px;
    }

    .wsus__category_text_center p {
        font-size: 14px;
    }

    /* ABOUT PAGE START */
    #breadcrumb_part h4 {
        font-size: 30px;
    }

    .bread_overlay {
        padding: 55px 0px 45px 0px;
    }

    #breadcrumb_part nav {
        margin-top: 15px;
    }

    #about_page {
        padding: 70px 0px;
    }

    .about_text h4 {
        font-size: 24px;
    }

    .about_text p {
        /* text-align: center; */
    }

    .about_text {
        margin-bottom: 25px;
    }

    .about_page_features_mar {
        padding-top: 70px !important;
    }

    /* BLOG DETAILS STARRT */
    #blog_details {
        padding: 70px 0px;
    }

    .main_blog_header li a {
        font-size: 14px;
        margin-right: 15px;
        padding-right: 15px;
    }

    .blog_sidebar {
        margin-bottom: 30px;
    }

    #blog_details .input_comment {
        margin-bottom: 25px;
    }

    /* CONTACT PAGE START */
    .contact_box_icon {
        padding: 35px 45px;
        width: 24%;
    }

    #get_in_touch h2 {
        font-size: 20px;
    }

    #get_in_touch {
        padding-top: 70px;
    }

    .contact_map {
        margin: 70px 0px;
        height: 350px;
    }

    /* LISTING DETAILS PAGE START */
    #listing_details {
        padding: 70px 0px;
    }

    .listing_det_header_text h6 {
        font-size: 25px;
        margin-top: 20px;
    }

    .listing_det_header_text {
        float: none;
        width: 100%;
        overflow: hidden;
        text-align: left;
    }

    .listing_det_location {
        margin-bottom: 30px;
        height: 300px;
    }

    .listing_det_side_list .sidebar_blog_text h5 {
        font-size: 13px;
    }

    /* LISTING GRID VIEW */
    .listing_grid_sidbar {
        margin-bottom: 30px;
    }

    #listing_grid {
        padding: 70px 0px 70px 0px;
    }

    /* LISTING LIST VIEW */
    .list_view .list_padding {
        padding: 0 0.75rem;
    }

    .list_view .wsus__featured_single .list_img {
        width: 100%;
        float: left;
    }

    .list_view .wsus__featured_single_text {
        overflow: hidden;
    }

    .list_view .wsus__featured_single_text {
        width: 100%;
        float: none;
        padding: 20px;
    }

    .list_view .wsus__featured_single_text a {
        display: inline-block;
        width: auto !important;
        padding: 5px 10px;
    }

    .list_view .wsus__featured_single_text h6 {
        font-size: 20px;
    }

    .wsus__featured_single {
        margin-bottom: 10px;
    }

    /* DASHBOARD START */

    .dashboard_content {
        margin-top: 25px;
    }

    .manage_dashboard_single {
        margin-bottom: 30px;
    }

    .manage_dashboard_single i {
        font-size: 50px;
    }

    /* .dashboard_table .active_left,
    .dashboard_table .package_right {
        min-width: 250px;
    } */

    .active_package {
        padding: 30px;
    }

    .active_package {
        margin-top: 0;
    }

    /* CREATE LISTING START */
    .dashboard_content h4 {
        font-size: 20px;
        margin-top: 25px;
    }

    .my_listing_single label {
        font-size: 15px;
    }

    #medicine_row label,
    #medicine_row2 label {
        font-size: 13px;
    }

    #medicine_row label span,
    #medicine_row2 label span {
        font-size: 12px;
    }

    .medicine_row_input input {
        width: 85%;
    }

    .medicine_row_input button {
        width: 12%;
        font-size: 15px;
    }

    /* DASHBOARD LISTING */
    .active_inactive_text {
        padding: 60px 20px 20px 20px;
    }

    .active_inactive_text h3 {
        font-size: 16px;
    }

    .active_inactive_text .color_text a {
        padding: 5px 15px;
    }

    /* DASHBOARD ORDER */
    .my_listing .table tr td {
        font-size: 14px;
    }

    .my_listing .table .package,
    .my_listing .table .e_date,
    .my_listing .table .p_date {
        min-width: 150px;
    }

    .my_listing .table .price {
        min-width: 100px;
    }

    .my_listing .table .method {
        min-width: 150px;
    }

    .my_listing .table .tr_id {
        min-width: 230px;
    }

    /* DASHBOARD PACKAGE */
    .p_xm_0 {
        padding: 0;
        box-shadow: none;
    }

    /* DASHBOARD PROFILE */
    .profile_pic_upload {
        margin-bottom: 15px;
    }

    .profile_pic_upload {
        height: 300px;
    }

    .banner_pic_upload input {
        width: 95%;
    }

    /* DASHBOARD REVIEW */
    .visitor_rev_img {
        width: 27%;
    }

    .visitor_rev_text {
        width: 73%;
    }

    .visitor_rev_text .title {
        font-size: 17px;
    }

    .visitor_rev_text .title span {
        font-size: 13px;
        margin-left: 5px;
    }

    .visitor_rev_text p {
        font-size: 13px;
        margin: 5px 0px 3px 0px;
    }

    .visitor_rev_text .small_text {
        margin-bottom: 10px;
    }

    .footer_bottom_link {
        justify-content: start;
        margin-left: 15px;
    }

    .map_popup_content {
        margin-bottom: 30px;
    }

    .list_view .open,
    .list_view .close {
        left: auto;
        right: 10px;
    }

    .wsus__single_comment_img {
        width: 15%;
    }

    .wsus__single_comment_img img {
        width: 60px !important;
        height: 60px;
    }

    .wsus__single_comment_text {
        width: 85%;
        padding-left: 10px;
    }

    .wsus__single_comment_text h5 {
        font-size: 16px !important;
    }

    .wsus__single_comment_text p {
        text-align: left !important;
    }

    .wsus__listing_review {
        margin-bottom: 30px;
    }

    #wsus__custom_page {
        padding: 30px 0px 65px 0px;
    }

    #wsus__custom_page p {
        font-size: 15px;
    }

    #wsus__custom_page p span {
        font-size: 15px;
    }

    #medicine_row3 .medicine_row_input button {
        margin-top: 0;
    }

    #wsus__agent_profile {
        padding: 70px 0px;
    }

    .wsus__profile_header {
        display: block;
        margin-bottom: 20px;
    }

    .wsus__profile_text {
        padding: 20px 0px 0px 0px;
        max-width: 100%;
    }

    .wsus__profile_text a i,
    .wsus__profile_text p i {
        width: 20px;
    }

    .wsus__agent_link {
        width: 100%;
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        display: flex;
        margin-top: 20px;
    }

    .wsus__agent_link li a {
        margin-bottom: 0;
        margin-right: 10px;
    }

    /* new css start */
    .wsus__payment {
        text-align: left;
    }

    .wsus__payment .nav-tabs {
        border-bottom: none;
    }

    .wsus__cash_delivery ul li {
        font-size: 15px;
    }

    /* new css end */

    /*404 page start */
    #wsws__404_page {
        margin: 70px 0px 65px 0px;
    }

    .wsus__404_text h1 {
        font-size: 90px;
    }

    .wsus__404_text h3 {
        font-size: 30px;
    }

    .wsus__404_text h3 span {
        font-size: 30px;
    }

    .wsus__404_text a {
        margin-top: 35px;
    }

    /*404 page end */

    .main_menu .container {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .main_menu li a {
        line-height: 55px;
    }

    .main_menu .user_btn {
        margin-top: 10px;
    }

    .menu_droapdown li {
        margin: 0;
        padding: 0;
    }

    #wsus__category_slider {
        padding: 0;
    }

    .member_price h5::after {
        width: 100%;
    }

    #wsus__banner form {
        margin-top: 30px;
    }

    .about_img .img_2 {
        left: 0;
    }

    .map_popup_content .img {
        display: none;
    }

    .active_inactive {
        margin-top: 25px;
    }

    .my_listing {
        padding: 0;
        border: 0;
    }

    #dashboard {
        padding: 80px 0px;
    }

    .tf__message_list {
        height: 300px;
        margin-bottom: 25px;
    }

    .tf__single_chat_top .text {
        width: 85%;
    }

    .tf__chating_text {
        max-width: 72%;
    }

    .tf__single_chat_body {
        height: 400px;
    }

    .wsus__single_payment {
        height: auto;
    }
}

@media (max-width: 575px) {
    /* Examples: Small smartphones in portrait mode (e.g., iPhone SE, older Android phones) */
    /* iphone 10 - Royden */

    /* Login in Page Start */
    .wsus__login_page {
        padding: 20px 0px;
    }

    .wsus__login_area h2 {
        font-size: 1rem !important;
    }

    .wsus__login_area p {
        color: var(--colorBlack);
        font-size: 0.8rem;
        margin-bottom: 5px;
    }

    .wsus__login_area .form-check label {
        font-size: 0.8rem;
    }

    .wsus__login_input a {
        font-size: 0.8rem;
    }

    /* Login in Page End*/

    /* Business Dashboard and Sidebar Start */
    #sdco_bus_sidebar {
        height: 60px;
        min-width: 100% !important; /* Ensures the sidebar never shrinks below this width */
        max-width: 100% !important; /* Prevents the sidebar from exceeding this width */
        background-color: var(--paraColor);
        border-right: none;
        padding: 0;
        position: fixed;
        top: unset;
        bottom: 0;
        z-index: 999;
    }

    #sdco_bus_sidebar > ul {
        padding: 0;
        display: grid;
        grid-auto-columns: 60px;
        grid-auto-flow: column;
        align-items: center;
        overflow-x: scroll;
    }

    #sdco_bus_sidebar ul li {
        height: 100%;
    }

    #sdco_bus_sidebar ul a,
    #sdco_bus_sidebar ul .sdco_bus_dropdown-btn {
        width: 60px;
        height: 60px;
        padding: 0;
        border-radius: 0;
        justify-content: center;
    }

    #sdco_bus_sidebar .sidebar_menu_items,
    #sdco_bus_sidebar ul li:first-child,
    #sdco_bus_sidebar .sdco_bus_dropdown-btn svg:last-child,
    #sdco_bus_sidebar .sdco_bus_toggle-btn {
        display: none;
    }

    /* .todo-sidebar {
        display: none !important;
    } */

    .todo-sidebar {
        position: fixed;
        top: 20px;
        left: -100%; /* Initially hidden off-screen */
        width: 70%; /* Sidebar takes up 70% of screen width */
        height: 100%;
        background-color: #fff;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
        z-index: 1001;
        transition: left 0.3s ease-in-out;
        max-height: 100%; /* Full height for smaller screens */
        border-radius: 0; /* Remove border-radius for full-screen sidebar */
    }

    .todo-sidebar.active {
        left: 0; /* Slide in from the left */
    }

    #todoContent {
        margin-left: 0; /* Reset margin for main content */
    }

    #todoContent.sidebar-active {
        margin-left: 70%; /* Adjust content margin when sidebar is active */
    }

    /* Sidebar Toggle Button */
    .sdco_filter-toggle-button {
        display: block;
        position: fixed;
        top: 100px;
        left: 5px;
        background-color: var(--line-clr);
        color: #fff !important;
        border: none;
        cursor: pointer;
        font-size: 20px;
        position: fixed;
        top: 110px;
        left: 0; /* Adjust as per your layout */
        padding: 10px 15px;
        border-radius: 50%;
        z-index: 1002;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Chevron Icon Styles */
    .sdco_filter-toggle-button .chevron {
        font-size: 15px !important; /* Adjust size */
        color: white;
        line-height: 1;
        transition: transform 0.3s ease; /* Smooth rotation for toggle */
    }

    /* Rotate chevron when sidebar is open */
    #todoSidebar.active ~ .sdco_filter-toggle-button .chevron {
        transform: rotate(180deg); /* Point left */
    }

    .task-header-box {
        padding: 10px;
        margin-top: 5px;
        width: 100% !important;
    }

    .task-category {
        margin-left: 0px;
        font-size: 0.7rem;
        display: block; /* Forces to the next line */
    }

    /* Styling for the wedding date box */
    .wedding-date-box {
        padding: 10px; /* Padding inside the box */
        margin: auto;
        margin-bottom: 10px;
    }

    .wedding-date {
        margin-right: 5px !important;
    }

    .wedding-date-box h5,
    .wedding-date-box .wedding-date {
        display: inline; /* Ensure both the label and the date stay on the same line */
        margin: 0; /* Remove any unwanted margins */
        font-size: 0.8rem;
    }

    .wedding-date-box p,
    span {
        font-size: 0.8rem !important;
    }

    .change_date {
        font-size: 0.7rem;
        display: inline-flex !important; /* Align icon and text */
        align-items: center !important;
        margin: auto;
        margin-bottom: 20px;
    }

    /* Styling for the countdown box */
    .countdown-box {
        align-items: center; /* Center vertically */
        gap: 1px; /* Space between flip-cards */
        width: 100%; /* Optional: Ensure it spans the container width */
        height: 100%; /* Optional: Ensure it spans the container height */
    }

    .clear-todo-btn {
        font-size: 0.7rem !important;
        margin: auto;
    }

    .custom-button-todo-rj {
        font-size: 0.7rem !important;
        margin: auto !important;
        margin-top: 10px !important;
    }

    .nav-pills .nav-link {
        font-size: 0.7rem;
        padding: 8px 10px; /* Adjust padding for better fit */
        white-space: nowrap; /* Prevent text from wrapping */
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        font-size: 0.7rem;
        padding: 9px 12px; /* Slightly more padding for the active tab */
    }

    /* Business Dashboard and Sidebar End */

    /* CSS for the Business Package Display Page Dashboard - Start */

    .sdco_bus_card {
        min-height: 80px; /* Adjust this value as needed */
    }

    .sdco_bus_card i {
        font-size: 2rem;
    }

    .sdco_bus_card h3 {
        font-size: 2rem;
    }

    .sdco_bus_card p {
        font-size: 1rem;
    }

    .responsive-text td {
        font-size: 0.8rem !important; /* Smaller size for mobile phones */
    }

    #sdco_bus_sidebar ul li a.active {
        height: 60px; /* Smaller height */
    }

    /* CSS for the Business  Dashboard - End */

    /* CSS for the About Page - START */
    .sdco_background-container {
        padding: 35px;
        border-radius: 15px; /* Optional: Add rounded corners for text container */
        width: 95%;
    }

    .text-center-about h1 {
        font-size: 1rem !important; /* Larger font size */
        margin-bottom: 5px !important; /* Add space below the heading */
    }

    .text-center-about p {
        font-size: 0.9rem; /* Slightly larger font size for readability */
        line-height: 1.6; /* Increase line spacing */
    }

    .sdco_about_column {
        margin-bottom: 2px;
    }

    .sdco_about_column h2 {
        font-size: 0.8rem; /* Larger font size */
        margin-bottom: 10px; /* Add space below the heading */
    }

    .sdco_about_column p {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }

    .text-center-about-footer h1 {
        font-size: 1.2rem; /* Larger font size */
        margin-bottom: 10px; /* Add space below the heading */
    }

    .text-center-about-footer p {
        font-size: 0.95rem; /* Slightly larger font size for readability */
        line-height: 1.3; /* Increase line spacing */
    }
    /* CSS for the About Page - END */
    /* ------------------------------------------ */

    /* CSS for the Contact Us Page - START */

    .sdco_contact_us_heading {
        font-size: 1.5rem;
    }

    .sdco_contact_us_description {
        font-size: 1rem !important;
        color: #070707;
        text-align: left;
    }

    .sdco_contact_us_subheading {
        font-size: 1rem;
    }

    .sdco_contact_us_text {
        text-align: left;
    }

    .sdco_contact_us_list li {
        font-size: 0.79rem;
        text-align: left;
    }

    /* CSS for the Contact Us - END */
    /* ------------------------------------------ */

    /* CSS for the Advertising Page - START
-------------------------------------------------------- */
    .ad_page_background-container {
        padding: 15px !important;
        width: 100% !important;
    }

    .ad_page_heading {
        font-size: 1rem;
    }

    .ad_page_description {
        font-size: 0.9rem;
        text-align: left;
    }

    .ad_page_text {
        font-size: 0.9rem;
        margin-bottom: 1rem;
        text-align: left;
    }

    .ad_page_list li {
        font-size: 0.9rem;
    }

    .ad_page_list li::before {
        content: "✔";
        position: absolute;
        left: 0;
        color: var(--colorPrimary);
    }

    .sdco_background-container {
        padding: 15px !important;
    }

    /* CSS for the Advertising Page - END
-------------------------------------------------------- */

    .directory-sidebar {
        display: none; /* Hides the section */
    }

    .directory-main {
        width: 100% !important;
    }

    #wsus__featured_listing .wsus__featured_single {
        position: relative;
        overflow: hidden;
        background: var(--colorWhite);
        border-radius: 5px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 14px;
        transition: all linear 0.3s;
        margin: auto !important;
        width: 230px !important; /* Consolidate with !important if necessary */
        height: 300px !important; /* Consolidate with !important if necessary */
    }

    #wsus__location .wsus__featured_single {
        position: relative;
        display: block;
        overflow: hidden;
        background: var(--colorWhite);
        border-radius: 5px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 14px;
        transition: all linear 0.3s;
        top: 50% !important; /* Vertically center relative to the viewport */
        left: 15% !important; /* Horizontally center relative to the viewport */
        width: 230px !important; /* Consolidate with !important if necessary */
        height: 100% !important; /* Consolidate with !important if necessary */
    }

    .wsus__featured_single_img {
        height: 40px;
    }

    .wsus__featured_single .love {
        width: 20px;
        height: 20px;
        line-height: 21px;
        border-radius: 50%;
        font-size: 10px;
    }

    .wsus__featured_single .map {
        width: 20px !important;
        height: 20px;
        line-height: 21px;
        border-radius: 50%;
        font-size: 10px;
        margin-top: -20px;
    }

    .wsus__featured_single .small_text {
        bottom: -130px; /* Adjust for smaller screens */
        left: 10px; /* Keep it closer to the edge for compact layout */
        font-size: 12px; /* Slightly smaller text size */
        padding: 4px 12px; /* Adjust padding for smaller dimensions */
    }

    .wsus__featured_single_text .list_rating {
        margin-top: 130px;
        font-size: 10px;
        justify-content: left; /* Keep the stars centered */
    }

    .wsus__featured_single_text .list_rating span {
        margin-left: 0; /* Remove left margin */
        top: 2px; /* Adjust this to control how close it appears to the stars */
        font-size: 10px; /* Optional: Smaller font for smaller screens */
        text-align: center;
        width: 100%; /* Ensure it spans the container width for proper alignment */
    }

    .wsus__featured_single_text a {
        display: block;
        font-size: 0.8rem;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 6px; /* or adjust as needed */
    }

    .wsus__featured_single_text p {
        font-size: 4px !important;
    }

    .common_btn_listing {
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .category-groups {
        grid-template-columns: 1fr 1fr; /* Single column on mobile */
        gap: 1rem;
    }

    .category-group h2 {
        font-size: 1rem !important;
        margin-bottom: 0.1rem !important;
    }

    .category-group ul {
        list-style-type: none;
        padding: 0;
    }

    .category-group li {
        margin-bottom: 0.5rem;
    }

    .category-group a {
        font-size: 1.1rem;
        color: var(--paraColor, #000000);
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    .sdco_directory_text {
        font-size: 0.8rem !important; /* Adjust size as needed */
    }

    .sdco_image-container {
        min-height: 145vh;
    }
    .sdco_category-background {
        height: 180% !important;
    }

    .sdco_dark-overlay {
        height: 180% !important;
    }

    .sdco_form-overlay {
        top: 130px !important;
        height: 180% !important;
    }

    .guest-list-bg {
        min-height: 1600px;
    }

    .sdco_image {
        height: 300px;
    }

    /* MENU START */

    .main_menu {
        height: 60px;
        /* border-bottom: 1px solid #2046da; */
    }

    .right_menu {
        justify-content: center;
        width: 100%;
    }

    .main_menu .navbar-brand {
        /* margin-left: 15px; */
        max-width: 110px;
    }

    .main_menu .navbar-toggler {
        outline: 0;
        /* margin-right: 15px; */
        background: var(--colorPrimary);
        padding: 0;
        color: var(--colorWhite);
        border-radius: 3px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .main_menu #navbarSupportedContent {
        background: var(--colorPrimary);
        padding: 15px 0px 0px 0px;
        text-align: center;
        margin-top: 16px;
        padding-bottom: 1px;
        border: 1px solid var(--colorPrimary);
        border-radius: 5px;
    }

    .dropdown-menu.show {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .menu_dropdown {
        left: 50%;
        transform: translateX(-50%);
    }

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

    /* BANNER START */

    .wsus__banner_text {
        margin: 0px 0px 0px 30px;
    }

    .wsus__banner_text h1 {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 1.6rem !important;
        color: #fff;
        padding-right: 20px;
        margin-top: 50px;
    }

    .wsus__banner_text p {
        font-size: 1rem;
        padding-right: 20px;
        max-width: 100%;
    }

    .wsus__search_area {
        margin-bottom: 10px;
    }

    #wsus__banner form {
        padding-bottom: 0;
    }

    .wsus__banner_overlay {
        padding: 110px 0px 50px 0px;
    }

    .wsus__category_slider_area {
        margin: 70px 0px;
    }

    #wsus__features {
        padding: 30px 0px 30px 0px;
    }

    .wsus__heading_area h2 {
        font-size: 1.3rem !important;
    }

    .wsus__heading_area p {
        font-size: 0.9rem;
        padding: 0px 20px 0px 20px;
    }

    .wsus__feature_single {
        padding: 25px;
    }

    .wsus__category_text_center p {
        font-size: 14px;
    }

    .wsus__feature_single h5 {
        font-size: 20px;
    }

    .wsus__feature_single p {
        font-size: 0.9rem;
    }

    .wsus__counter_overlay {
        padding: 70px 0px;
    }

    .wsus__counter_top_text h5 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 40px;
    }

    .wsus__counter_single p {
        font-size: 14px;
    }

    .wsus__counter_single {
        margin-bottom: 30px;
    }

    .wsus__categorye_overlay {
        padding: 70px 0px 65px 0px;
    }

    .wsus__heading_area {
        margin-bottom: 30px;
    }

    #wsus__counter .wsus__heading_area {
        margin-bottom: 25px;
    }

    #wsus__categories .wsus__heading_area {
        margin-bottom: 10px;
    }

    .wsus__location_overlay {
        padding: 70px 0px 78px 0px;
    }

    .wsus__location_filter button {
        font-size: 13px;
        margin: 2px 0px;
        padding: 7px 12px;
    }

    .wsus__location_text p {
        font-size: 15px;
    }

    #wsus__featured_listing {
        padding: 30px 0px 30px 0px;
    }

    .wsus__package_overlay {
        padding: 70px 0px 70px 0px;
    }

    .blog_part_overlay {
        padding: 70px 0px;
    }

    .subs_text h3 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }

    .subs_form form input {
        padding: 15px 15px;
        font-size: 13px;
    }

    .subs_form form button {
        padding: 13px 18px;
        font-size: 13px;
    }

    .subs_text p {
        font-size: 14px;
        margin-bottom: 10px;
        text-align: center;
    }

    .wsus__single_clients p {
        font-size: 14px;
    }

    .wsus__single_clients p i {
        font-size: 14px;
    }

    .wsus__test_overlay {
        padding: 70px 0px;
    }

    .wsus__single_clients img {
        margin-left: 0;
        margin-right: 10px;
    }

    .wsus__single_clients .c_name {
        font-size: 16px;
        margin-top: 20px;
    }

    footer {
        padding-top: 20px;
    }

    footer h3 {
        font-size: 14px;
        margin-bottom: 2px;
    }

    .footer_text {
        margin-bottom: 0px;
        display: block;
        overflow: hidden;
    }

    .footer_bottom {
        margin-top: 20px;
        padding: 30px 0px 20px 0px;
    }

    .footer_bottom_link {
        list-style: none;
        display: block;
        overflow: hidden;
    }

    .footer_bottom_link li a {
        font-size: 12px;
    }

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

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

    .footer_link li a {
        font-size: 12px;
    }

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

    .footer_bottom_pay_icon {
        display: flex;
        justify-content: flex-start;
        margin-top: 5px;
    }

    .single_blog p {
        font-size: 14px;
    }

    .single_blog h4 {
        font-size: 18px;
    }

    .read_btn {
        font-size: 14px;
    }

    .single_blog span {
        font-size: 12px;
    }

    .member_price p {
        margin-bottom: 14px;
    }

    .footer_icon {
        display: block;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .member_price h5 {
        font-size: 25px;
    }

    .member_price h4 {
        font-size: 14px;
        padding: 10px 15px;
    }

    .wsus__featured_single_text h6 {
        font-size: 16px;
    }

    #wsus__map_popup .modal-dialog {
        max-width: 95%;
    }

    .map_popup_text h5 {
        font-size: 18px;
    }

    .map_popup_text .call,
    .map_popup_text .mail {
        font-size: 14px;
    }

    .map_popup_text p {
        font-size: 14px;
    }

    .map_popup_text span {
        margin-right: 5px;
        padding: 0px 15px;
    }

    .map_popup_content img {
        display: none;
    }

    .map_popup_content_map {
        height: 200px;
    }

    .map_popup_content .img {
        display: none;
    }

    /* ABOUT PAGE START */
    #breadcrumb_part h4 {
        font-size: 30px;
    }

    .bread_overlay {
        padding: 55px 0px 45px 0px;
    }

    #breadcrumb_part nav {
        margin-top: 15px;
    }

    #breadcrumb_part li {
        font-size: 14px;
    }

    #about_page {
        padding: 70px 0px;
    }

    .about_text h4 {
        font-size: 18px;
    }

    .about_text {
        margin-bottom: 25px;
    }

    .about_img::after {
        width: 150px;
        height: 150px;
    }

    .about_img .img_2 {
        width: 160px;
        height: 140px;
        left: 0;
    }

    .about_img::before {
        width: 120px;
        height: 120px;
    }

    .about_page_features_mar {
        padding-top: 70px !important;
    }

    /* BLOG DETAILS STARRT */
    #blog_details {
        padding: 70px 0px;
    }

    .sidebar_blog_text h5 {
        font-size: 14px;
        margin-top: 0;
    }

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

    .sidebar_blog_text p span {
        margin-right: 5px;
        padding-right: 5px;
        font-size: 13px;
    }

    .main_blog_header {
        display: block;
        overflow: hidden;
    }

    .main_blog_header li {
        float: left;
    }

    .main_blog_header li a {
        font-size: 13px;
        margin-right: 10px;
        padding-right: 10px;
    }

    .main_blog h4 {
        font-size: 20px;
        /* text-align: center; */
    }

    .main_blog p {
        font-size: 13px;
        /* text-align: center; */
    }

    .main_blog p span {
        font-size: 13px;
    }

    .blog_sidebar {
        margin-bottom: 30px;
    }

    /* BLOG PAGE START */
    #pagination .page-item .page-link {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    /* CONTACT PAGE START */
    .contact_box_icon {
        padding: 30px 28px;
    }

    #get_in_touch h2 {
        font-size: 20px;
    }

    #get_in_touch {
        padding-top: 70px;
    }

    .contact_map {
        margin: 70px 0px;
        height: 270px;
    }

    /* LISTING DETAILS PAGE START */
    #listing_details {
        padding: 0px 0px;
    }

    .listing_det_header_text h6 {
        font-size: 25px;
        margin-top: 20px;
        text-align: left;
    }

    .listing_det_header_text {
        float: none;
        width: 100%;
        overflow: hidden;
    }

    .listing_det_header {
        text-align: center;
    }

    .listing_det_header_text ul {
        display: block;
    }

    .listing_det_header_text ul li {
        float: left;
    }

    .listing_det_header_text ul li a {
        margin-right: 10px;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .listing_det_location {
        margin-bottom: 30px;
        height: 250px;
    }

    .sidebar_blog_img {
        width: 70px;
        padding: 0;
        height: 70px;
    }

    .sidebar_blog_text {
        width: 66%;
        margin-left: 10px;
    }

    .listing_det_side_list .sidebar_blog_text h5 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    /* LISTING GRID VIEW */
    #listing_grid {
        padding: 70px 0px 60px 0px;
    }

    .listing_grid_sidbar {
        margin-bottom: 30px;
    }

    .wsus__property_topbar_left ul li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .select2-container--default .select2-selection--single {
        padding: 6.5px 7px;
    }

    .wsus__property_topbar_left ul li:last-child a {
        border-right: 0;
    }

    /* LISTING LIST VIEW */
    .list_view .list_padding {
        padding: 0 0.75rem;
    }

    .list_view .wsus__featured_single .list_img {
        width: 100%;
    }

    .list_view .wsus__featured_single_text {
        width: 100%;
        float: none;
        padding: 50px 10px 10px 10px;
        overflow: hidden;
    }

    .list_view .wsus__featured_single_text a {
        display: inline-block;
        width: auto !important;
        padding: 5px 10px;
    }

    .list_view .wsus__featured_single_text h6 {
        font-size: 20px;
    }

    /* DASHBOARD START */

    .dashboard_content {
        margin-top: 25px;
    }

    .manage_dashboard_single {
        margin-bottom: 25px;
    }

    .manage_dashboard_single i {
        font-size: 50px;
    }

    .dashboard_table .active_left,
    .dashboard_table .package_right {
        min-width: 250px;
    }

    .active_package {
        margin-top: 0;
        padding: 0;
        border: 0;
    }

    /* CREATE LISTING START */
    .dashboard_breadcrumb {
        display: block;
    }

    .dashboard_breadcrumb ul li a {
        font-size: 13px;
        margin-right: 5px;
    }

    .dashboard_breadcrumb ul li a i {
        font-size: 12px;
        margin-left: 5px;
    }

    .dashboard_breadcrumb span {
        margin-bottom: 5px;
        display: block;
    }

    .dashboard_content h4 {
        font-size: 18px;
        margin-top: 25px;
    }

    .my_listing_single label {
        font-size: 13px;
    }

    #medicine_row label,
    #medicine_row2 label {
        font-size: 13px;
    }

    #medicine_row label span,
    #medicine_row2 label span {
        font-size: 12px;
    }

    .medicine_row_input input {
        width: 80%;
    }

    .medicine_row_input button {
        width: 18%;
        font-size: 15px;
    }

    .dashboard_content h4 span {
        font-size: 12px;
    }

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

    /* DASHBOARD LISTING */
    .active_inactive_img {
        width: 100%;
    }

    .active_inactive_text {
        width: 100%;
        padding: 15px;
        position: initial;
    }

    .active_inactive_item {
        position: relative;
    }

    .active_inactive_text h3 {
        font-size: 16px;
    }

    .active_inactive_text p {
        font-size: 14px;
        margin: 10px 0px 10px 0px;
    }

    .active_inactive_text .color_text a {
        padding: 5px 10px;
        margin-top: 5px;
        font-size: 12px;
        margin-right: 0;
    }

    .active_inactive_text .color_text a i {
        margin-right: 0;
    }

    /* DASHBOARD ORDER */
    .my_listing .table tr td {
        font-size: 14px;
    }

    .my_listing .table .package,
    .my_listing .table .e_date,
    .my_listing .table .p_date {
        min-width: 150px;
    }

    .my_listing .table .price {
        min-width: 100px;
    }

    .my_listing .table .method {
        min-width: 150px;
    }

    .my_listing .table .tr_id {
        min-width: 230px;
    }

    .p_xm_0 {
        padding: 0;
        box-shadow: none;
    }

    /* DASHBOARD PACKAGE */
    .p_xm_0 {
        padding: 0;
        box-shadow: none;
    }

    /* DASHBOARD PROFILE */
    .profile_pic_upload {
        margin-bottom: 15px;
    }

    .banner_pic_upload input {
        width: 95%;
    }

    /* DASHBOARD REVIEW */
    .visitor_rev_text {
        width: 100%;
        padding-left: 0px;
    }

    .visitor_rev_text .title {
        font-size: 16px;
        margin-top: 20px;
    }

    .visitor_rev_text .title span {
        font-size: 12px;
        margin-left: 5px;
    }

    .map_popup_content {
        margin-bottom: 30px;
    }

    .listing_det_header_text .rating b {
        margin: 0px 5px;
    }

    .wsus__single_comment_img {
        width: 20%;
    }

    .wsus__single_comment_img img {
        width: 40px !important;
        height: 40px;
    }

    .wsus__single_comment_text {
        width: 80%;
        padding-left: 0px;
    }

    #blog_details .input_comment {
        padding: 20px;
        margin-bottom: 25px;
    }

    .wsus__single_comment_text h5 {
        font-size: 13px !important;
        margin: 0 !important;
    }

    .wsus__single_comment_text h5 span {
        padding: 0px 3px;
        font-size: 12px;
    }

    .wsus__single_comment_text p {
        text-align: left !important;
    }

    .wsus__single_comment {
        padding: 10px;
    }

    .wsus__total_rating {
        display: block;
    }

    .wsus__total_rating h4 {
        text-align: center;
    }

    .wsus__total_rating span {
        text-align: center;
        display: block;
    }

    .wsus__total_rating p {
        text-align: center;
    }

    .wsus__listing_review .wsus__single_comment_text h5 span {
        padding: 0px 0px;
        font-size: 11px;
    }

    .wsus__listing_review {
        margin-bottom: 30px;
    }

    .listing_det_header_text .host_name {
        text-align: left;
    }

    .listing_det_header_text .rating {
        text-align: left;
    }

    #wsus__custom_page {
        padding: 30px 0px 65px 0px;
    }

    #wsus__custom_page p {
        font-size: 15px;
    }

    #wsus__custom_page p span {
        font-size: 15px;
    }

    .wsus__invoice_top {
        display: block;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .wsus__invoice_number h5 {
        text-align: left;
        font-size: 18px;
        margin-top: 20px;
    }

    .my_listing {
        padding: 0;
        border: 0;
    }

    .wsus__invoice_header_left h5 {
        font-size: 14px;
        margin-bottom: 12px;
    }

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

    .wsus__invoice_header_left .call_mail {
        font-size: 12px;
    }

    .wsus__invoice_header_left {
        margin-bottom: 30px;
    }

    #medicine_row3 .medicine_row_input button {
        margin-top: 0;
    }

    #wsus__agent_profile {
        padding: 70px 0px;
    }

    .wsus__profile_header {
        display: block;
        margin-bottom: 20px;
    }

    .wsus__profile_text {
        padding: 20px 0px 0px 0px;
        max-width: 100%;
    }

    .wsus__profile_text a i,
    .wsus__profile_text p i {
        width: 20px;
    }

    .wsus__profile_text a,
    .wsus__profile_text p {
        font-size: 13px;
    }

    .wsus__profile_text span {
        font-size: 14px;
    }

    .wsus__agent_link {
        width: 100%;
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        display: flex;
        margin-top: 20px;
    }

    .wsus__agent_link li a {
        margin-bottom: 0;
        margin-right: 10px;
    }

    /* new css start */
    .wsus__payment {
        padding: 15px;
        text-align: left;
    }

    .wsus__payment .nav-tabs {
        border-bottom: none;
    }

    .wsus__cash_delivery ul li {
        font-size: 15px;
    }

    /* new css end */

    /*404 page start*/
    #wsws__404_page {
        margin: 70px 0px 65px 0px;
    }

    .wsus__404_text h1 {
        font-size: 90px;
    }

    .wsus__404_text h3 {
        font-size: 30px;
    }

    .wsus__404_text h3 span {
        font-size: 30px;
    }

    .wsus__404_text a {
        margin-top: 35px;
    }

    /*404 page end*/

    .main_menu li {
        width: 100%; /* Ensure each list item takes the full width */
        border-bottom: 1px solid white; /* Add the white line across the whole width */
        display: block; /* Ensure it's treated as a block element */
    }

    .main_menu li a {
        display: block; /* Ensure the link itself is block-level */
        padding: 15px 0; /* Add padding to make it look nice */
        color: white; /* Keep text color white */
        line-height: 65px; /* Maintain line height */
    }

    /* Hover effect */
    .main_menu li a:hover {
        color: white !important; /* Set the default text color to white */
        font-size: 1.5rem;
    }

    .main_menu .user_btn {
        margin-top: 10px;
    }

    .menu_droapdown li {
        margin-bottom: 5px; /* Adjust this to reduce spacing */
        padding-bottom: 5px; /* Adjust this to control padding */
    }

    #wsus__banner form {
        padding: 25px;
        margin-top: 25px;
    }

    #wsus__banner form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #wsus__category_slider {
        padding: 0;
    }

    .member_price h5::after {
        width: 130%;
    }

    .wsus__profile_header img {
        width: 200px !important;
        height: 200px !important;
        margin-right: 0;
    }

    .wsus__login_area {
        padding: 20px;
    }

    .wsus__login_area h2 {
        font-size: 28px;
    }

    #dashboard {
        padding: 80px 0px;
    }

    .active_inactive {
        margin-top: 25px;
    }

    .tf__message_list {
        height: 300px;
        margin-bottom: 25px;
    }

    .tf__single_chat_top .text {
        width: 100%;
        margin-top: 15px;
    }

    .tf__chating_text {
        max-width: 72%;
    }

    .tf__single_chat_body {
        height: 400px;
    }

    .wsus__single_payment {
        height: auto;
    }

    /* Popular Categories start
-------------------------------------------------------- */
    .panel_align {
        margin-top: 20px; /* Adjust margin as needed */
    }

    .popular-categories-panel {
        margin-bottom: 5px;
        margin: 2px;
        width: 47%; /* Adjust width as needed */
    }

    .category-name {
        font-size: 0.9rem; /* Adjust font size as needed */
    }

    /* Popular Categories end


-------------------------------------------------------- */

    /* Advertising page start
-------------------------------------------------------- */

    .sdco_form-overlay {
        top: 70px;
    }

    .sdco_form-overlay h1 {
        margin-top: 1px;
    }

    .sdco_centered-paragraph {
        max-width: 95%;
        margin-bottom: 20px;
        margin-top: 10px;
        font-size: 1rem;
        text-align: left;
    }

    .sdco_image-container {
        height: 1000px;
    }

    .guest-list-bg {
        min-height: 2900px; /* Increase height only for small devices like iPhones */
    }

    .sdco_form-row {
        flex-direction: column;
        gap: 10px;
    }

    .sdco_feature {
        background-color: #d9d7d7;
        text-align: center;
        padding: 20px;
        margin: 10px;
        border-radius: 5px;
    }

    /* Advertising page end
-------------------------------------------------------- */

    .listing-padding-control {
        padding-left: 8%;
        padding-right: 5%;
    }

    .promotion-icon {
        font-size: 0.8rem; /* Default icon size */
    }

    .small-margin-right {
        margin-right: 1px !important; /* Adjust as needed for closer spacing */
    }

    .promotion-text {
        font-size: 0.8rem; /* Default text size */
    }

    .our_features_background-container {
        padding: 5px !important;
    }

    .listing_page_background-container {
        width: 90% !important;
        padding: 5px 10px !important;
    }

    .footer-wrapper {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* ------------- */
    .wsus__featured_single_listing {
        margin: auto !important;
        margin-top: 10px !important;
        width: 250px; /* Set a fixed width */
        height: 300px; /* Set a fixed height */
        min-height: auto; /* Remove min-height to ensure consistent height */
    }

    .wsus__featured_single_listing .small_text {
        padding: 4px 12px;
        font-size: 12px;
        bottom: -140px; /* Adjust this value to position it higher or lower */
        left: 10px; /* Adjust this value to move it horizontally */
    }

    .wsus__featured_single_listing .love {
        width: 30px;
        height: 30px;
        line-height: 32px;
        border-radius: 50%;
        font-size: 15px;
    }

    .wsus__featured_single_listing .map {
        width: 30px !important;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        font-size: 15px;
    }

    .wsus__featured_single_text .list_rating {
        font-size: 10px !important;
    }

    .wsus__featured_single_text .list_rating span {
        font-size: 0.8rem;
        text-transform: capitalize;
        margin-left: 5px;
        color: var(--paraColor);
        width: auto;
        height: auto;
    }

    .wsus__featured_single_text .address {
        font-size: 12px !important;
    }

    /* ---------------- */

    /* Alert Box Start */
    .dash_alert_box {
        flex-direction: column; /* Stack items vertically */
        align-items: flex-start; /* Align items to the start */
    }

    .dash_alert_box .img {
        margin: 0 auto 10px; /* Center image and add bottom margin */
    }

    .dash_alert_box .text {
        max-width: 100%; /* Allow text to use full width */
    }

    .dash_alert_box h4 {
        text-align: center;
    }
    .dash_alert_box p {
        margin-top: 10px !important;
    }

    .dash_alert_box a {
        margin: 10px auto 0; /* Center button with spacing */
    }
    /* Alert Box End*/

    .rj_hero {
        height: 30vh;
    }

    .rj_hero_title {
        font-weight: 400;
        font-size: 1.3rem;
    }

    .rj_description_outer {
        padding: 5px;

    }

    .rj_description_wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .rj_contact_outer {
        background: rgba(255, 255, 255, 0.12);
        border-radius: 5px;
        padding: 5px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(4px);
        /* Optional blur */
    }

    .rj_contact_card {
        padding: 1rem 1rem;
    }

    .rj_gallery_wrapper {
        max-width: 95%;
    }

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

    .rj_gallery_large,
    .rj_gallery_small {
        grid-column: span 1;
    }

    .rj_video_wrapper {
        max-width: 90%;
    }

    .rj_video_thumb_wrap {
        max-width: 80%;
        padding: 1rem;
    }

    #wsus__banner {
        background-position: 80% center !important; /* Shift focus left */
    }

}