@media (max-width: 1300px) {
    .filter-bar .filter-item {
        white-space: initial;
    }

    .view_more_btns button {
        padding: 6px 8px;
    }

    .view_more_btns button {
        font-size: 13px;
    }
}

@media (max-width: 1100px) {

    .navigation ul li a span,
    .navigation ul li.mtlink,
    .closeicon {
        display: none;
    }

    .mtlink {
        display: none;
    }

    .menuicon {
        display: inline;
    }

    .main-sidebar {
        width: 90px;
    }

    .left-logo {
        width: 60px;
    }

    .content-wrapper {
        width: calc(100% - 90px);
    }

    .sellyourcar-section {
        display: none;
    }

    .navigation ul li .fa-chevron-down {
        display: none;
    }

    .card-body .car-title {
        font-size: 18px;
    }

    .card-body .car-timer {
        font-size: 14px;
    }

    .card-body .car-details .text_1 {
        font-size: 14px;
    }

    .card-body .car-details .text_2 {
        font-size: 16px;
    }

    .dropdown-panel-5 {
        right: 0;
    }
}


/* ------------ Below is the responsive css for mobile device ----------------- */

@media (max-width: 768px) {

    .admin-wraper .card {
        width: 45%;
    }


    .content-wrapper {
        width: calc(100% - 0px);
    }

    .main-sidebar,
    .left-logo,
    .navigation {
        display: none;
    }

    .left-logo {
        margin-left: 25px;
        width: 90px;
    }

    .main-sidebar {
        position: absolute;
    }


    .filter-bar {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        gap: 12px;
        padding: 10px 15px;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        position: relative;
        z-index: 1;
    }

    .filter-item {
        flex: 0 0 auto;
        min-width: 180px;
        background: none;
        border-radius: 6px;
        padding: 10px !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 2;
    }

    .filter-bar .filter-label {
        font-size: 14px;
    }

    .filter-bar .filter-value {
        font-size: 16px;
    }

    .filter-bar::-webkit-scrollbar {
        display: none;
    }

    .filter-bar {
        scrollbar-width: none;
    }

    /* -------------- view more buttons --------------- */

    .view_more_btns {
        overflow-x: auto;
        flex-wrap: nowrap;
        gap: 12px;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .view_more_btns button {
        flex: 0 0 auto;
        font-size: 16px;
        padding: 8px;
    }

    .view_more_btns::-webkit-scrollbar {
        height: 6px;
    }

    .view_more_btns::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

    .view_more_btns::-webkit-scrollbar {
        display: none;
    }

    .view_more_btns {
        scrollbar-width: none;
    }

    /* ---------------- Sorting buttons ---------------- */

    .sorting-buttons .sort-button .default-text {
        font-size: 16px;
        font-weight: 700;
        color: #231F20;
        display: inline-block;
        max-width: 100px;
        white-space: nowrap;
        /* overflow: hidden; */
        text-overflow: ellipsis
    }

    .sorting-buttons .save-text {
        font-size: 18px;
        font-weight: 400;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .filter-bar {
        height: auto;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px;
    }

    .dropdown-panel {
        left: 0;
    }

    /* ---------- static pages responsive css code ----------------- */

    .Footer-row-section {
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-banner-section .about-content h2 {
        font-size: 26px;
    }

    .terms-conditions h2 {
        font-size: 26px;
    }

    .terms-conditions .rules_para {
        font-size: 18px;
    }

    .coming_soon .coming-text {
        margin-bottom: 10px;
    }

    .coming_soon .browse-btn {
        padding: 12px 40px 12px 40px;
    }

    /* menuicon for left panel */
    .desktop_icons {
        display: none;

    }

    .mobile_icons {
        display: inline;
    }

    /* menuicon END for left panel*/

    /* ---- sign up ----- */

    .signUp-Section .right-panel {
        padding: 60px 60px 30px 60px;
    }

}


@media (min-width: 350px) and (max-width: 465px) {

    .signUp-Section .right-panel {
        padding: 60px 0px 30px 0px;
    }

    .custom-pagination {
        gap: 4px;
    }

    .sorting-buttons .sort-button .default-text {
        font-size: 14px;
        font-weight: 700;
        color: #231F20;
        display: inline-block;
        max-width: 80px;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* overflow: hidden; */
    }

    .sorting-buttons {
        gap: 12px;
    }

    .sorting-buttons .save-text {
        font-size: 16px;
        font-weight: 400;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .sort-dropdown-menu {
        right: 12px;
    }

    .sorting-buttons button {
        padding: 0px 8px 0px 8px;
    }

    .dropdown-panel {
        max-width: 100%;
    }

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

    .coming_soon .exciting_text {
        margin-bottom: 10px;
    }

}

@media (max-width: 1024px) {

    .footer-logo {
        width: 120px;
        height: auto;
    }
}

/* ------- sign in page ----------- */


@media (max-width: 767.98px) {
    .signIn-Section .right-panel {
        padding: 30px 20px 0px 20px;
    }
}

@media (min-width: 768px) and (max-width: 1249px) {
    .signIn-Section .right-panel {
        padding: 40px 60px 0px 60px;
    }
}

@media (max-width: 945px) {
    .signIn-Section .right-panel {
        padding: 30px 20px 0px 20px;
    }
}

/* ---- auction categories --- */

@media (max-width: 480px) {
    .category-card {
        width: 100%;
        max-width: 300px;
    }

    .admin-wraper .card {
        width: 100%;
    }
}




/* ---- Profile Security Deposit  --- */
@media (max-width: 767px) {
    .step-head {
        font-size: 14px;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .indicator_head {
        font-size: 22px;
    }

    .tab-section {
        font-size: 18px;
    }

    .sub-tab {
        font-size: 16px;
    }

    .vehicle_card_head {
        font-size: 18px;
    }

    .vehicle_card_text {
        font-size: 18px;
    }

    .warning-box {
        font-size: 18px;
    }

    .warning-box img {
        width: 32px;
    }
}

/* ---- Feedback Section  --- */
@media (max-width: 576px) {
    .custom-rating-stars {
        font-size: 1.5rem;
    }

    .custom-cancel-btn,
    .custom-submit-btn {
        width: 100%;
    }
}



/* Vehicle Inspection */
@media (max-width: 767px) {
    .vehicle_inspection_text h2 {
        font-size: 24px;
    }

    .custom-rsa-section {
        padding: 0px 30px;
    }
}


@media (max-width: 576px) {
    .custom-bs-table td {
        font-size: 14px;
        padding: 10px;
    }

    .custom-bs-confirmation .text-success {
        font-size: 15px;
    }

    .custom-bs-return-btn {
        width: 100%;
    }
}