@media (min-width:992px) {
    .menu-toggle-btn {
        display: none
    }
    .v-menu-bar-set .offcanvas {
        position: relative;
        transform: none;
        visibility: visible;
        width: 100%;
        border: 0
    }
    .v-menu-bar-set .offcanvas .offcanvas-header {
        display: none
    }
    .v-menu-bar-set .offcanvas .offcanvas-body {
        padding: 0;
        overflow: hidden;
        flex-grow: unset
    }
    .v-right-bar-col .mobile-icon {
        display: none
    }
    .car_list_wrapper .offcanvas-header,
    .mobile-filter-btn-show {
        display: none
    }
    .car_list_wrapper .offcanvas {
        position: relative;
        transform: none;
        visibility: visible;
        max-width: 300px;
        width: 100%;
        border: 0;
        box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .05);
        border-radius: 10px
    }
    .car_list_wrapper .offcanvas-body {
        padding: 0;
        overflow: visible
    }
    .v-menu-bar-set {
        background: #183acf;
        align-items: center;
        display: flex;
        position: relative;
        z-index: 3;
        padding: 10px 0
    }
    .mobile_filter_btn_wrap {
        display: none
    }
    .listing_home_main .offcanvas {
        position: relative;
        inset: auto;
        width: 100%;
        transform: none;
        border: 0;
        visibility: visible
    }
    .listing_home_main .offcanvas-header {
        display: none
    }
    .listing_home_main .offcanvas-body {
        padding: 0
    }
}

@media (min-width:1200px) {
    .right-col-r svg {
        display: none
    }
    .car_details_spec .inquiry_title {
        font-size: 26px;
        line-height: 1.2
    }
    .car_details_spec .inquiry_text {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 20px
    }
    .car_details_spec .form-group label {
        font-size: 14px
    }
    .car_details_spec .form-group input[type=text],
    .car_details_spec .form-group select,
    .car_details_spec .form-group textarea {
        padding: 12px 10px;
        font-size: 14px
    }
    .car_details_spec .fill_btn_r {
        height: 54px;
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .car_details_spec .inquiry_title {
        font-size: 28px
    }
    .car_details_spec .inquiry_text {
        font-size: 18px;
        margin-bottom: 30px
    }
    .car_details_spec .form-group label {
        font-size: 16px
    }
    .car_details_spec .form-group input[type=text],
    .car_details_spec .form-group select,
    .car_details_spec .form-group textarea {
        padding: 14px 12px;
        font-size: 16px
    }
    .car_details_spec .fill_btn_r {
        height: 60px;
        font-size: 24px
    }
}

@media (min-width:1200px) and (max-width:1680px) {
    .container {
        max-width: calc(100% - 24px) !important
    }
    .banner_main_set_part .carousel .carousel-item .carousel-top-img-gradient:before {
        height: 180px
    }
    .list_grid_main {
        grid-template-columns: repeat(3, 1fr);
        gap: 22px
    }
}

@media (min-width:1400px) and (max-width:1680px) {
    .list_grid_main {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1681px) and (max-width:1920px) {
    .container {
        max-width: calc(90% - 24px) !important
    }
    .common_width {
        max-width: 265px
    }
    .banner_main_set_part .carousel .carousel-item .carousel-top-img-gradient:before {
        height: 200px
    }
    .list_grid_main {
        grid-template-columns: repeat(4, 1fr)
    }
    .carousel-inner img {
        height: 140px
    }
    .shimmer_effect.list_carousel {
        height: 140px
    }
}

@media (min-width:1921px) and (max-width:2560px) {
    .container {
        max-width: calc(90% - 24px) !important
    }
    .common_width {
        max-width: 265px
    }
    .list_grid_main {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px
    }
    .footer_col_wrap {
        justify-content: space-between
    }
    .footer_two {
        margin-left: 0
    }
    .banner_main_set_part .carousel .carousel-item .carousel-top-img-gradient:before {
        height: 243px
    }
}

@media screen and (max-width:1600px) {
    .inner_header_wrap {
        padding: 14px 0
    }
    .header_user_dropdown {
        padding: 0 20px 0 0
    }
    .logged_user_details {
        column-gap: 8px
    }
    .user_img_wrap {
        width: 40px;
        height: 40px
    }
    .logged_user_details h3 {
        font-size: 17px;
        line-height: 22px
    }
    .center-col-r {
        width: 480px
    }
    .fill_btn_r,
    .outline_btn_r {
        padding: 0 22px;
        font-size: 16px
    }
    .v-menu-bar-set .main-menu {
        column-gap: 30px
    }
    .v-menu-bar-set .main-menu li {
        margin: 0 14px
    }
    .v-menu-bar-set .main-menu li .menu-link {
        padding: 5px 8px;
        font-size: 16px;
        line-height: 26px
    }
    .alt_body_clr .alt_title {
        padding: 35px 60px 20px
    }
    .works_step_content,
    .works_step_content p {
        font-size: 24px;
        line-height: 34px
    }
    .works_step_content h4 {
        font-size: 20px;
        line-height: 28px
    }
    .title_usable {
        font-size: 36px;
        line-height: 44px
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 28px;
        line-height: 36px
    }
    .cmn_content_tbl td,
    .cmn_desc_content,
    .cmn_desc_content p,
    .cmn_desc_content ul li,
    .cms_page_wrap p,
    .cms_page_wrap ul li {
        font-size: 16px;
        line-height: 22px
    }
    .cmn_listing_item {
        column-gap: 15px
    }
    .cmn_listing_item label {
        width: 210px
    }
    .cmn_listing_item .cmn_listing_content {
        width: calc(100% - 210px)
    }
    .cmn_list_grid_wrap h3 {
        font-size: 22px;
        line-height: 34px
    }
    .cmn_list_item span {
        width: 36px;
        height: 36px
    }
    .cmn_list_item .cmn_list_details {
        width: calc(100% - 17px)
    }
    .cmn_list_item {
        gap: 6px
    }
    .car_details_spec .inquiry_form_main {
        padding: 22px 20px
    }
    .car_details_spec .form-group input[type=text],
    .car_details_spec .form-group select,
    .car_details_spec .form-group textarea {
        padding: 12px 10px;
        font-size: 14px
    }
    #carSlider1 .owl-dots .owl-dot {
        width: 10px;
        height: 10px
    }
    #carSlider1 .owl-dots .owl-dot.active {
        width: 36px
    }
    #carSlider1 .owl-dots {
        bottom: 15px;
        right: 15px
    }
    .price {
        font-size: 18px
    }
    .car_list_filter_title {
        font-size: 17px;
        line-height: 22px;
        column-gap: 10px
    }
    .car_list_filter_title img {
        width: 22px
    }
    .custom-radio-option {
        font-size: 15px;
        line-height: 22px
    }
    .custom-radio-option::before {
        width: 20px;
        height: 20px;
        top: 1px
    }
    .sort_option_wrap .custom-radio-option {
        padding: 0 0 10px 26px
    }
    .custom-radio-option::after {
        left: 4px;
        top: 4.5px;
        width: 12px;
        height: 12px
    }
    .floating-icons-wrap {
        gap: 24px
    }
    .floating-icons-wrap .floating-icon {
        width: 54px;
        height: 54px
    }
    .floating-icons-wrap .floating-icon img {
        width: 38px
    }
    .auto_part_desc {
        width: calc(100% - 320px)
    }
    .auto_part_img_wrap {
        min-width: 300px
    }
}

@media screen and (max-width:1399px) {
    .left-col-r,
    .right-col-r {
        width: 350px
    }
    .left-col-r .logo {
        width: 230px
    }
    .inner_header_wrap {
        padding: 12px 0
    }
    .tab_form_group.multi_field_wrap .form_field_wrap .select2_wrapper {
        height: 50px
    }
    .header_user_dropdown {
        padding: 0 12px 0 0
    }
    .logged_user_details {
        column-gap: 6px
    }
    .header_user_dropdown.dropdown-toggle:after {
        background-size: 10px;
        width: 10px;
        height: 10px
    }
    .center-col-r {
        width: 375px
    }
    .serach_bar_mlc .input_control {
        height: 42px;
        padding-right: 45px;
        padding-left: 12px
    }
    .search_reco {
        height: 42px;
        width: 45px;
        top: 0
    }
    .search_reco svg {
        width: 28px
    }
    .fill_btn_r,
    .outline_btn_r {
        padding: 0 18px;
        font-size: 14px;
        height: 42px
    }
    .user_img_wrap {
        width: 36px;
        height: 36px
    }
    .logged_user_details .dropdown-item img {
        width: 22px
    }
    .logged_user_details h3 {
        font-size: 16px;
        line-height: 22px
    }
    .v-menu-bar-set .main-menu {
        column-gap: 15px
    }
    .header_profile_dropdown.dropdown .dropdown-menu {
        padding: 12px 14px
    }
    .header_profile_dropdown.dropdown .dropdown-menu.show {
        row-gap: 15px;
        min-width: 180px
    }
    .header_profile_dropdown.dropdown .dropdown-menu li a span {
        font-size: 16px;
        line-height: 22px
    }
    .v-menu-bar-set .main-menu li {
        margin: 0 12px
    }
    .v-menu-bar-set .main-menu li .menu-link {
        font-size: 15px;
        line-height: 24px
    }
    .footer_wrapper {
        padding: 35px 0
    }
    .footer_col_wrap {
        padding-bottom: 40px;
        margin-bottom: 25px
    }
    .footer_cmn_sec .logo_wrap {
        margin-bottom: 25px;
        width: 220px
    }
    .footer_contact_details .contact_listing {
        row-gap: 18px
    }
    .footer_cmn_sec ul li img {
        width: 22px
    }
    .footer_title {
        margin: 0 0 15px 0
    }
    .footer-copyright {
        font-size: 15px;
        line-height: 22px
    }
    .alt_body_clr .alt_title {
        padding: 30px 45px 20px
    }
    .title_usable {
        font-size: 34px;
        line-height: 42px
    }
    .col_space_left,
    .col_space_rgt {
        width: 47%
    }
    .works_step_content,
    .works_step_content p {
        font-size: 22px;
        line-height: 32px
    }
    .cmn_tabbing_wrapper .nav .nav-link {
        padding: 12px;
        font-size: 13px
    }
    .cmn_tabbing_wrapper .nav .nav-link svg {
        width: 8px
    }
    .cmn_content_sec {
        padding: 16px 28px
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 26px;
        line-height: 34px;
        border-bottom: 3px solid rgba(208, 213, 221, 1);
        padding-bottom: 3px;
        margin-bottom: 15px
    }
    .cmn_list_grid_wrap {
        padding: 20px 18px
    }
    .cmn_list_grid_wrap h3 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 17px
    }
    .cmn_listing {
        grid-template-columns: repeat(2, 1fr)
    }
    .cmn_list_item span {
        width: 34px;
        height: 34px
    }
    .car_details_spec .inquiry_form_main {
        padding: 20px 18px
    }
    .order_car_img {
        max-width: 100px;
        margin-right: 25px
    }
    .car_price_wrap {
        font-size: 18px;
        line-height: 26px;
        margin-right: 25px
    }
    .custom-sort-dropdown .custom-dropdown-options {
        width: 200px
    }
    .car_list_wrapper {
        column-gap: 25px
    }
    .car_list_wrapper .offcanvas {
        max-width: 280px
    }
    .car_listing {
        width: calc(100% - 305px)
    }
    .cmn_tab_form_wrap h3,
    .save_address_listing_head h3 {
        font-size: 32px;
        line-height: 44px
    }
    .cmn_tab_form_wrap .tab_form_group .custom_select,
    .tab_form_group input[type=email],
    .tab_form_group input[type=number],
    .tab_form_group input[type=password],
    .tab_form_group input[type=text],
    .tab_form_group textarea.form-control {
        padding: 14px 18px;
        font-size: 15px;
        line-height: 22px
    }
    .radio_checkmark {
        width: 20px;
        height: 20px
    }
    .radio_container .radio_checkmark:after {
        width: 12px;
        height: 12px
    }
    .floating-icons-wrap {
        gap: 18px;
        right: 10px
    }
    .floating-icons-wrap .floating-icon {
        width: 48px;
        height: 48px
    }
    .floating-icons-wrap .floating-icon img {
        width: 32px
    }
    .cmn_tab_content_wrap .tab_form_group .select2-selection,
    .tab_form_group.multi_field_wrap .form_field_wrap .select2 .select2-selection {
        padding: 12px 4px;
        min-height: 50px
    }
    .auto-parts-wrapper .cmn_tabbing_wrapper .nav,
    .brand-links-wrapper {
        width: 200px
    }
    .auto-parts-wrapper .cmn_tabbing_wrapper .tab-content {
        width: calc(100% - 430px)
    }
    .cmn_list_grid_wrap.car_spec_quality {
        background-size: 120px;
        background-position: top 10px right -4px
    }
    .autopart-listing-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px
    }
    .autopart_header {
        gap: 10px
    }
    .auto_part_desc {
        width: calc(100% - 280px)
    }
    .auto_part_img_wrap {
        min-width: 270px
    }
}

@media (max-width:1199px) {
    .logged_user_details h3 {
        display: none
    }
    .inner_header_wrap {
        column-gap: 10px
    }
    .left-col-r,
    .right-col-r {
        width: 255px
    }
    .left-col-r .logo_wrap p.front {
        font-size: 11px
    }
    .banner_main_set_part .carousel .carousel-item {
        height: 360px
    }
    .banner_main_set_part {
        padding-top: 0
    }
    .banner_main_set_part .carousel .carousel-caption h5 {
        font-size: 30px;
        line-height: 38px
    }
    .banner_main_set_part .carousel-indicators {
        margin: 0 30px 15px
    }
    .reco_right_banner_linkbox .reco_row_main {
        height: 170px;
        padding: 20px 0 0 20px
    }
    .reco_right_banner_linkbox .reco_row_main h2 {
        font-size: 20px
    }
    .reco_right_banner_linkbox .reco_row_main span {
        font-size: 15px
    }
    .reco_right_banner_linkbox .reco_row_main img {
        height: 80px
    }
    .reco_right_banner_linkbox .reco_row_main:nth-child(2) img {
        height: 110px;
        bottom: -20px;
        right: -20px
    }
    .listing_home_main {
        gap: 20px
    }
    .common_width {
        max-width: 210px
    }
    .content-wrapper-body {
        padding: 25px 0
    }
    .card.chat-app {
        margin: 0 !important
    }
    .inquirysetR .order_car_details_list {
        width: 100%;
        column-gap: 0 !important
    }
    .inquirysetR {
        flex-direction: column
    }
    .inquirysetR .order_car_details_list .order_car_detail:nth-child(4) {
        width: 140px !important
    }
    .inquirysetR .order_car_details_list .order_car_detail:nth-child(3) {
        width: calc(100% - 560px) !important
    }
    .inquirysetR .order_price_redirect {
        margin-top: 16px !important
    }
    .list_grid_main {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px
    }
    .car_list_wrapper .offcanvas {
        max-width: 240px
    }
    .car_listing {
        width: calc(100% - 260px)
    }
    .title_group {
        margin-bottom: 20px
    }
    .title_usable {
        font-size: 30px;
        line-height: 40px
    }
    .car_list_wrapper {
        column-gap: 20px
    }
    .ribbon {
        font-size: 13px;
        min-width: 48px
    }
    .ribbon::after {
        height: 26px
    }
    .car_list_filter_title {
        font-size: 16px;
        line-height: 20px;
        column-gap: 8px;
        margin-bottom: 12px
    }
    .car_list_filter_title img {
        width: 20px
    }
    .form_control_container {
        max-width: 90px
    }
    .form_control_container .form_control_container__time__input {
        font-size: 13px;
        line-height: 17px
    }
    .cmn_breadcrumnb .breadcrumb .breadcrumb-item {
        font-size: 16px;
        line-height: 25px
    }
    .carousel-inner img {
        height: 120px
    }
    .price {
        font-size: 15px;
        gap: 4px
    }
    .price .currency {
        font-size: 13px
    }
    .center-col-r {
        width: 320px
    }
    .serach_bar_mlc .input_control {
        font-size: 15px;
        line-height: 1.3
    }
    .footer_col_wrap {
        padding-bottom: 30px;
        margin-bottom: 20px;
        column-gap: 40px
    }
    .footer_one {
        max-width: 200px
    }
    .footer_cmn_sec .logo_wrap {
        margin-bottom: 20px;
        width: 220px
    }
    .footer_contact_details .contact_listing {
        row-gap: 15px
    }
    .footer_cmn_sec,
    .footer_cmn_sec ul li,
    .footer_cmn_sec ul li a {
        font-size: 15px;
        line-height: 22px
    }
    .footer_cmn_sec ul li img {
        width: 20px
    }
    .footer_title {
        margin: 0 0 12px 0
    }
    .footer_five .footer_menu_list {
        column-gap: 12px
    }
    .order_car_img {
        max-width: 80px;
        margin-right: 15px
    }
    .order_car_details_list {
        column-gap: 18px
    }
    .order_car_detail h4 {
        font-size: 13px;
        line-height: 20px
    }
    .order_car_details_list .order_car_detail:first-child>h4 {
        font-size: 13px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 40px
    }
    .car_price_wrap {
        font-size: 16px;
        line-height: 24px;
        margin-right: 20px
    }
    .fill_btn_r,
    .outline_btn_r {
        padding: 0 14px;
        height: 38px
    }
    .tab_form_group .radio_container {
        font-size: 20px;
        padding-left: 25px
    }
    .saved_add_list {
        padding: 20px
    }
    .address-content .concerened-name {
        font-size: 26px
    }
    .address-type {
        font-size: 22px;
        line-height: 30px
    }
    .cmn_list_item span {
        width: 32px;
        height: 32px
    }
    .cmn_listing {
        row-gap: 10px
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 24px;
        line-height: 32px
    }
    .cmn_content_tbl td,
    .cmn_desc_content,
    .cmn_desc_content p,
    .cmn_desc_content ul li,
    .cms_page_wrap p,
    .cms_page_wrap ul li {
        font-size: 15px;
        line-height: 20px
    }
    .alt_body_clr .alt_title {
        padding: 25px 40px 20px
    }
    .how_works_wrapper {
        padding: 16px
    }
    .col_space_left,
    .col_space_rgt {
        width: 48%
    }
    .works_step_content,
    .works_step_content p {
        font-size: 20px;
        line-height: 30px
    }
    .works_step_content h4 {
        font-size: 18px;
        line-height: 26px
    }
    .col_space_left {
        min-height: 240px
    }
    .v-menu-bar-set .main-menu {
        column-gap: 8px
    }
    .v-menu-bar-set .main-menu li {
        margin: 0 4px
    }
    .footer_three .footer_number_scan_img {
        width: 200px
    }
    section {
        padding: 45px 0
    }
    .footer_wrapper {
        padding: 30px 0
    }
    .footer-copyright {
        font-size: 14px;
        line-height: 20px
    }
    .faq_wrapper .accordion-item .accordion-button {
        font-size: 22px;
        line-height: 30px;
        padding: 20px 45px 20px 25px
    }
    .faq_wrapper .accordion-item .accordion-button::after {
        right: 18px;
        top: 25px
    }
    .faq_wrapper .accordion-item .accordion-body {
        padding: 25px;
        font-size: 16px;
        line-height: 24px
    }
    .testimonial_card {
        padding: 16px 26px
    }
    .testimonial_card h5 {
        font-size: 17px
    }
    .quote_sign {
        width: 27px;
        height: 27px
    }
    .testimonial_card .quote {
        font-size: 15px;
        margin: 25px 0
    }
    .list_grid_main .no-div-data-wrap {
        padding: 15px;
        gap: 10px
    }
    .desktop-text {
        display: none
    }
    .right-col-r .fill_btn_r,
    .right-col-r .outline_btn_r {
        height: 40px;
        width: 40px;
        padding: 5px
    }
    .right-col-r svg {
        display: inline-flex;
        width: 22px;
        height: 22px
    }
    .car_price_dropdown .select2-results__option,
    .car_price_dropdown .select2-selection .select2-selection__rendered,
    .car_price_dropdown select,
    .car_price_dropdown select option {
        font-size: 12px
    }
    .car_price_dropdown {
        max-width: 142px;
        min-width: 142px
    }
    #carSlider1.owl-theme .owl-stage-outer {
        height: 320px !important
    }
    .sold-car-wrap:before {
        width: 140px;
        height: 70px
    }
    .autopart_header {
        flex-direction: column
    }
    .auto_part_desc {
        min-width: 100%
    }
    .auto_part_img_wrap {
        min-width: 80%
    }
}

@media (max-width:991px) {
    .content-wrapper-body {
        padding: 20px 0
    }
    .main-position-icon {
        margin-bottom: 20px
    }
    .reco_right_banner_linkbox {
        flex-direction: row;
        column-gap: 15px
    }
    .reco_right_banner_linkbox .reco_row_main {
        height: 120px;
        padding: 15px 0 0 15px
    }
    .reco_right_banner_linkbox .reco_row_main h2 {
        font-size: 18px
    }
    .reco_right_banner_linkbox .reco_row_main span {
        font-size: 14px
    }
    .news_strips_inner span {
        padding-left: 18px;
        font-size: 16px
    }
    .news_strips_inner marquee {
        font-size: 16px
    }
    .list_grid_main {
        grid-template-columns: repeat(3, 1fr)
    }
    .car-details {
        padding: 12px 8px
    }
    .car-info {
        column-gap: 10px;
        row-gap: 5px;
        margin-bottom: 12px
    }
    .bg_testimonial .title_group {
        flex-wrap: wrap;
        gap: 8px
    }
    .bg_testimonial .owl-carousel .owl-nav button.owl-next,
    .bg_testimonial .owl-carousel .owl-nav button.owl-prev {
        width: 45px;
        height: 28px
    }
    .bg_testimonial .owl-carousel .owl-nav button .test-slide-arrow {
        width: 8px;
        height: 8px;
        background-position: center;
        background-size: contain
    }
    .faq_wrapper .accordion-item .accordion-button {
        font-size: 20px;
        line-height: 28px;
        padding: 15px 40px 15px 20px
    }
    .faq_wrapper .accordion-item .accordion-button::after {
        right: 12px;
        top: 18px;
        background-size: 18px
    }
    .faq_wrapper .accordion-item .accordion-body {
        padding: 20px
    }
    .faq_wrapper .accordion {
        row-gap: 25px
    }
    .ads_bar_main .btn.fill_btn_r {
        display: inline-flex
    }
    .listing_home_main {
        flex-wrap: wrap
    }
    .common_width {
        width: auto
    }
    .mobile_filter_btn_wrap {
        display: inline-flex;
        justify-content: flex-start;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #183acf;
        gap: 10px
    }
    .mobile_filter_btn_wrap .btn {
        padding: 10px 12px;
        height: auto;
        gap: 10px;
        font-size: 16px;
        line-height: 1.2;
        border: 0
    }
    .mobile_filter_btn_wrap .btn.alt_outline_btn {
        border: 1px solid #fb5315
    }
    .mobile_filter_btn_wrap .btn.alt_outline_btn:active,
    .mobile_filter_btn_wrap .btn.alt_outline_btn:focus,
    .mobile_filter_btn_wrap .btn.alt_outline_btn:hover {
        background: #222;
        border-color: #222
    }
    .mobile_filter_btn_wrap .btn.alt_outline_btn:active span,
    .mobile_filter_btn_wrap .btn.alt_outline_btn:hover span {
        color: #fff;
        background: 0 0;
        -webkit-text-fill-color: unset
    }
    .mobile_filter_btn_wrap .btn svg {
        width: 18px;
        margin: 0
    }
    .mobile_filter_btn_wrap .btn.alt_outline_btn:active svg {
        color: #fff
    }
    .mobile_filter_btn_wrap .btn.fill_btn_r:active,
    .mobile_filter_btn_wrap .btn.fill_btn_r:focus,
    .mobile_filter_btn_wrap .btn.fill_btn_r:hover {
        color: #fff
    }
    .listing_home_main .offcanvas-header {
        border-bottom: 1px solid #ccc
    }
    .listing_home_main .filter_bar_main .offcanvas-header {
        justify-content: flex-end
    }
    .listing_home_main .ads_bar_main .offcanvas-header {
        justify-content: flex-start
    }
    .listing_home_main .offcanvas-header .btn-close {
        margin: 0;
        padding: 0;
        background: 0 0;
        width: 30px;
        height: 30px;
        opacity: 1;
        border-radius: 0;
        color: red;
        box-shadow: none
    }
    .listing_home_main .offcanvas-header .btn-close svg {
        width: 100%;
        height: 100%
    }
    .tab_form_group.multi_field_wrap .form_field_wrap .select2_wrapper {
        height: 46px
    }
    #chatMessages {
        background: #fff !important;
        height: calc(100vh - 452px) !important
    }
    .inquirysetR .order_car_details_list {
        display: flex;
        flex-wrap: wrap
    }
    .inquirysetR .order_car_details_list .order_car_detail:nth-child(1) {
        width: 50% !important
    }
    .inquirysetR .order_car_details_list .order_car_detail:nth-child(2) {
        width: 50% !important
    }
    .inquirysetR .order_car_details_list .order_car_detail:nth-child(3) {
        width: 100% !important
    }
    .inquirysetR .order_car_details_list .order_car_detail:nth-child(4) {
        width: 160px !important
    }
    .my_order_search_list_item.inquirysetR {
        row-gap: 0 !important;
        position: relative
    }
    .inquirysetR .order_price_redirect {
        position: absolute !important;
        right: 15px !important;
        bottom: 15px !important;
        width: auto !important
    }
    .inquirysetR .outline_btn_r {
        width: 100% !important
    }
    .v-menu-bar-set .offcanvas {
        border-left: 0
    }
    .v-menu-bar-set .offcanvas-header {
        border-bottom: 1px solid #ccc
    }
    .v-menu-bar-set .offcanvas-body .main-menu {
        flex-direction: column;
        align-items: flex-start
    }
    .v-menu-bar-set .offcanvas-body .main-menu li {
        margin: 0;
        width: 100%;
        flex-wrap: wrap
    }
    .v-menu-bar-set .offcanvas-body .main-menu li:not(:last-child) {
        margin-bottom: 10px
    }
    .v-menu-bar-set .offcanvas-body .main-menu li .menu-link {
        padding: 4px 8px;
        font-size: 16px
    }
    .v-menu-bar-set .main-menu li .menu-link.btn {
        padding-right: 30px
    }
    .v-menu-bar-set .main-menu li .menu-link.dropdown-toggle:after {
        right: 12px
    }
    .v-menu-bar-set .main-menu li .sub-menu {
        position: relative !important;
        transform: none !important;
        inset: unset !important;
        width: 95%;
        padding: 10px;
        margin: 5px auto 0 !important;
        box-shadow: 0 10px 20px rgba(50, 50, 93, .1), 0 5px 10px rgba(50, 50, 93, .15), 0 0 0 rgba(0, 0, 0, .1)
    }
    .v-menu-bar-set .main-menu li .sub-menu .menu-link {
        font-size: 14px;
        line-height: 22px;
        column-gap: 6px
    }
    .v-menu-bar-set .main-menu li .sub-menu .menu-link .menu-icon {
        width: 16px;
        height: 16px
    }
    .menu-toggle-line {
        position: relative;
        border-top: 2px solid #fff;
        display: inline-flex;
        width: 100%
    }
    .menu-toggle-line:after,
    .menu-toggle-line:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #fff;
        left: 50%;
        transform: translateX(-50%)
    }
    .menu-toggle-line:before {
        top: -9px
    }
    .menu-toggle-line:after {
        bottom: -7px
    }
    .mobile-filter-btn-show {
        display: inline-flex;
        margin-left: auto
    }
    .filter-car-list-wrapper {
        display: inline-flex;
        width: 100%
    }
    .cmn_breadcrumnb {
        display: inline-flex
    }
    .cmn_breadcrumnb .breadcrumb {
        align-items: center
    }
    .toggle-filter-btn {
        background-color: #183acf;
        border: 1px solid #183acf;
        padding: 4px 10px;
        border-radius: 4px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px
    }
    .toggle-filter-btn svg {
        width: 18px
    }
    .car_listing {
        width: 100%
    }
    .car_list_head {
        justify-content: flex-start
    }
    .top_header {
        border-bottom: 1px solid #183acf
    }
    .car_filter_wrapper {
        margin-left: auto
    }
    .car_list_wrapper .offcanvas {
        max-width: 300px
    }
    .car_list_wrapper .offcanvas-header {
        border-bottom: 1px solid rgba(16, 16, 16, .1)
    }
    .car_list_wrapper .offcanvas-header .btn-close {
        opacity: 1
    }
    .car_list_wrapper .offcanvas-header .btn-close:focus {
        box-shadow: none
    }
    .car_list_filter_wrap {
        padding: 0
    }
    .inner_header_wrap {
        flex-wrap: wrap;
        gap: 15px;
        padding-bottom: 20px
    }
    .left-col-r {
        order: 1
    }
    .center-col-r {
        order: 3;
        width: 100%
    }
    .right-col-r {
        order: 2;
        display: flex;
        align-items: center;
        gap: 10px
    }
    .logged_user_details h3 {
        display: none
    }
    .menu-toggle-btn {
        padding: 0;
        width: 30px;
        height: 30px;
        border-radius: 0;
        border: 0
    }
    .footer_col_wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 24px;
        padding-bottom: 25px;
        margin-bottom: 15px
    }
    .footer_one {
        max-width: 170px
    }
    .footer_cmn_sec .logo_wrap {
        width: 180px
    }
    .footer_contact_details .contact_listing {
        row-gap: 12px
    }
    .footer_cmn_sec,
    .footer_cmn_sec ul li,
    .footer_cmn_sec ul li a {
        font-size: 14px;
        line-height: 20px
    }
    .footer_cmn_sec ul li img {
        width: 18px
    }
    .footer_two {
        max-width: 120px
    }
    .footer_three .footer_number_scan_img {
        width: 150px
    }
    .footer_four {
        max-width: 120px
    }
    .footer_five {
        max-width: max-content
    }
    .v-menu-bar-set .offcanvas {
        background: #183acf
    }
    .v-menu-bar-set .btn-close {
        padding: 0;
        margin: 0 0 0 auto;
        background-image: none;
        opacity: 1;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .header_profile_dropdown.dropdown .dropdown-menu.show {
        row-gap: 12px
    }
    .header_profile_dropdown.dropdown .dropdown-menu li a img {
        width: 20px;
        height: 20px
    }
    .my_order_search_list_item {
        flex-wrap: wrap;
        row-gap: 12px
    }
    .order_price_redirect {
        margin-left: 0
    }
    .alt_outline_btn svg {
        margin-left: 7px
    }
    .car_price_wrap .price-value img {
        width: 18px
    }
    .fill_btn_r,
    .outline_btn_r {
        height: 38px
    }
    .cmn_tabbing_wrapper .nav {
        width: 220px
    }
    .cmn_tabbing_wrapper .tab-content {
        width: calc(100% - 235px)
    }
    .cmn_content_sec {
        padding: 14px 22px
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 24px;
        line-height: 32px
    }
    .cmn_content_tbl td,
    .cmn_desc_content,
    .cmn_desc_content p,
    .cmn_desc_content ul li,
    .cms_page_wrap p,
    .cms_page_wrap ul li {
        font-size: 15px;
        line-height: 20px
    }
    .cmn_listing_item {
        column-gap: 10px
    }
    .cmn_listing_item label {
        width: 150px
    }
    .cmn_listing_item .cmn_listing_content {
        width: calc(100% - 160px)
    }
    .cmn_listing_item:not(:last-child) {
        margin-bottom: 10px
    }
    .cmn_tabbing_wrapper .nav .nav-link {
        padding: 10px;
        font-size: 12px
    }
    .cmn_tabbing_wrapper .nav .nav-link .tab_nav_name svg {
        width: 18px;
        height: 18px
    }
    .cmn_tab_form_wrap h3 {
        margin-bottom: 18px
    }
    .cmn_tab_form_wrap h3,
    .save_address_listing_head h3 {
        font-size: 28px;
        line-height: 42px
    }
    .tab_form_group input[type=email],
    .tab_form_group input[type=number],
    .tab_form_group input[type=password],
    .tab_form_group input[type=text],
    .tab_form_group textarea.form-control {
        padding: 12px 16px
    }
    .cmn_tab_form_wrap .tab_form_group .pass-icon {
        top: 13px
    }
    .cmn_tab_form_wrap .tab_form_group .custom_select {
        padding: 11px 16px
    }
    .cmn_tab_form_wrap .tab_form_group .pass-icon {
        width: 16px;
        height: 16px
    }
    .add_address_btn {
        font-size: 18px;
        line-height: 24px
    }
    .saved_add_list {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px
    }
    .address-content {
        width: 100%
    }
    .saved_add_list {
        font-size: 18px;
        line-height: 26px;
        padding: 16px
    }
    .address-content .concerened-name {
        font-size: 24px;
        line-height: 30px
    }
    .address-type {
        font-size: 20px;
        line-height: 28px
    }
    .add_action_btn {
        column-gap: 16px
    }
    .add_action_btn .address_act_btn {
        width: 35px;
        height: 30px
    }
    .add_action_btn .address_act_btn svg {
        width: 16px
    }
    .tab_form_group textarea.form-control {
        min-height: 80px
    }
    .header_user_dropdown {
        padding: 0 20px 0 0
    }
    .right-col-r {
        width: auto
    }
    .cmn_listing {
        row-gap: 18px;
        grid-template-columns: repeat(3, 1fr)
    }
    .cmn_list_details label {
        font-size: 14px;
        line-height: 20px
    }
    .cmn_list_details h5 {
        font-size: 15px;
        line-height: 20px
    }
    .cmn_list_grid_wrap {
        padding: 16px 14px
    }
    .cmn_list_grid_wrap h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 14px
    }
    .car_details_spec .inquiry_form_main {
        padding: 16px 14px
    }
    .how_works_wrapper {
        column-gap: 20px
    }
    .title_usable {
        font-size: 28px;
        line-height: 36px
    }
    .alt_body_clr .alt_title {
        padding: 20px 35px 15px
    }
    .works_step_content h4 {
        font-size: 17px;
        line-height: 24px
    }
    .works_step_content,
    .works_step_content p {
        font-size: 18px;
        line-height: 28px
    }
    .cmn_gallery_wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .cmn_gallery_wrapper .gallery_img a {
        max-height: 270px
    }
    .desktop-text {
        display: none
    }
    .right-col-r .fill_btn_r,
    .right-col-r .outline_btn_r {
        padding: 4px
    }
    .right-col-r .fill_btn_r {
        margin-right: 0 !important
    }
    .wishlist {
        top: 8px;
        right: 8px;
        padding: 5px;
        width: 27px;
        height: 27px
    }
    .custom-radio-option::after {
        top: 5.5px
    }
    .no_search_car_orders {
        min-height: 220px
    }
    .no_search_icon {
        width: 100px;
        height: 100px
    }
    .cmn_table_listing .table {
        border: 1px solid #7b7B7B33 !important
    }
    .cmn_table_listing .table td:first-child,
    .cmn_table_listing .table th:first-child {
        border: 0
    }
    .cmn_table_listing .table td .dtr-details {
        width: 100%
    }
    .cmn_table_listing .table td .dtr-details li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px
    }
    .popup_info_wrapper {
        display: flex;
        align-items: flex-start;
        gap: 20px
    }
    #inquiryModal .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important
    }
    #inquiryModal .modal-dialog .modal-content {
        border-radius: 0 !important;
        border: 0 !important
    }
    #chatMessages {
        background: #fff !important;
        height: calc(100vh - 428px) !important
    }
    .user_fav_notification .save_address_listing_head {
        flex-wrap: wrap;
        gap: 10px
    }
    .cmn_tab_content_wrap .tab_form_group .select2-selection,
    .tab_form_group.multi_field_wrap .form_field_wrap .select2 .select2-selection {
        padding: 10px 4px;
        min-height: 46px
    }
    .cmn_order_btn {
        height: 36px
    }
    .auto-parts-wrapper .cmn_tabbing_wrapper {
        flex-wrap: wrap;
        row-gap: 15px
    }
    .brand-links-wrapper {
        width: 100%
    }
    .auto-parts-wrapper .cmn_tabbing_wrapper .nav {
        width: 220px
    }
    .auto-parts-wrapper .cmn_tabbing_wrapper .tab-content {
        width: calc(100% - 235px)
    }
    .brand-links-wrapper .filter_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
    .brand-links-wrapper .filter_list li:nth-child(odd) {
        border-right: .81px solid #7b7b7b33
    }
    .brand-links-wrapper .filter_list li:nth-last-child(2) {
        border-bottom: 0
    }
    #carSlider1.owl-theme .owl-stage-outer {
        height: 280px !important
    }
    #carSlider2 .item img {
        height: 45px
    }
    .sold-car-wrap:before {
        width: 120px;
        height: 60px
    }
    .order_invoice_detail {
        width: 100%
    }
    .table_bill_detail td {
        text-align: left
    }
    .company_order_detail_wrap b,
    .table_bill_detail td b {
        min-width: 120px
    }
    .my_order_car_details table tr th:nth-child(3) {
        width: 220px;
        min-width: 220px
    }
    .order_table_description_wrapper label {
        min-width: 100px
    }
}

@media (max-width:767px) {
    #chatMessages {
        background: #fff !important;
        height: calc(100vh - 466px) !important
    }
    .main-table-order .order_action_btn_wrap {
        justify-content: flex-start
    }
    .order_action_btn_wrap .outline_btn_r {
        padding: 0 14px
    }
    .order_action_btn_wrap .fill_btn_r {
        padding: 0 14px
    }
    .main-wrap-order-id-invoice h2 {
        font-size: 18px;
        line-height: 28px
    }
    .btn-user-email.outline_btn_r {
        padding: 0 14px;
        width: auto
    }
    .btn-update-email.fill_btn_r {
        padding: 0 14px;
        width: 100%
    }
    .cmn_page_wrap {
        padding-top: 20px
    }
    .list_grid_main {
        grid-template-columns: repeat(2, 1fr)
    }
    .my_order_search_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
    .no_car_order_wrap.my_order_search_list {
        display: flex
    }
    .my_order_search_list_item {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px;
        border: 1px solid #7b7b7b33;
        margin-top: 0;
        margin-bottom: -1px
    }
    .my_order_search_list_item:nth-child(-n+2) {
        border-top: 0
    }
    .my_order_search_list_item:nth-child(odd) {
        border-left: 0
    }
    .my_order_search_list_item:nth-child(even) {
        border-right: 0;
        border-left: 0
    }
    .order_car_img {
        margin: 0;
        width: 80px;
        height: 80px;
        border: 1px dashed #ccc;
        border-radius: 4px;
        overflow: hidden
    }
    .order_car_img img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }
    .order_car_details_list {
        flex-wrap: wrap;
        gap: 5px
    }
    .order_car_detail:first-child {
        width: 100%
    }
    .order_car_detail:nth-child(2),
    .order_car_detail:nth-child(3) {
        width: 100%
    }
    .car_price_wrap {
        margin: 0
    }
    .order_price_redirect {
        flex-wrap: wrap;
        row-gap: 5px
    }
    .order_action_btn_wrap {
        gap: 6px
    }
    .fill_btn_r,
    .outline_btn_r {
        padding: 2px 5px;
        font-size: 13px
    }
    .filter_heading {
        padding: 12px;
        font-size: 14px
    }
    .cmn_tabbing_wrapper {
        flex-direction: column;
        row-gap: 15px
    }
    .cmn_tabbing_wrapper .tab-content {
        width: 100%
    }
    .cmn_tabbing_wrapper .nav-dropdown {
        outline-color: rgba(123, 123, 123, .2);
        border-radius: 3.8px;
        color: rgba(24, 58, 207, 1);
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        padding: 12px;
        background-image: url(images/dropdown-icon.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        padding-right: 30px
    }
    .cmn_tabbing_wrapper .nav-dropdown:focus {
        box-shadow: none;
        outline-color: rgba(24, 58, 207, 1)
    }
    .cmn_tab_form_wrap h3,
    .save_address_listing_head h3 {
        font-size: 26px;
        line-height: 38px
    }
    .cmn_tab_form_wrap h3 {
        margin-bottom: 14px
    }
    .form_btn_wrap .fill_btn_r {
        min-height: 40px
    }
    .address-content .concerened-name {
        font-size: 22px;
        line-height: 28px
    }
    .address-type {
        font-size: 18px;
        line-height: 26px
    }
    .tab_form_group .radio_container {
        font-size: 18px;
        padding-left: 23px
    }
    .radio_checkmark {
        width: 18px;
        height: 18px;
        top: 2px
    }
    .radio_container .radio_checkmark:after {
        width: 10px;
        height: 10px
    }
    .cmn_listing {
        grid-template-columns: repeat(2, 1fr)
    }
    .cmn_list_item span {
        width: 28px;
        height: 28px
    }
    .cmn_list_item .cmn_list_details {
        width: calc(100% - 34px)
    }
    .title_usable {
        font-size: 26px;
        line-height: 34px
    }
    .how_works_wrapper {
        padding: 12px
    }
    .works_step_content,
    .works_step_content p {
        font-size: 17px;
        line-height: 26px
    }
    .col_space_left {
        min-height: 200px
    }
    .cmn_tab_content_wrap:not(:last-child) {
        margin-bottom: 20px
    }
    .cmn_content_tbl td:first-child,
    .cmn_content_tbl th:first-child {
        width: 350px
    }
    .cmn_content_tbl td:last-child,
    .cmn_content_tbl th:last-child {
        width: 150px
    }
    .cmn_gallery_wrapper .gallery_img a {
        max-height: 180px
    }
    .cmn_tabbing_wrapper .select2-selection {
        height: 50px;
        line-height: 36px;
        font-size: 16px;
        border: 1px solid rgba(123, 123, 123, .2);
        border-radius: 3.8px;
        box-shadow: none;
        padding: 6px 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .cmn_tabbing_wrapper .select2-container--bootstrap.select2-container--focus .select2-selection,
    .cmn_tabbing_wrapper .select2-container--bootstrap.select2-container--open .select2-selection {
        border-color: #183acf;
        box-shadow: none
    }
    .cmn_tabbing_wrapper .select2-container--bootstrap .select2-dropdown {
        border-color: #183acf;
        box-shadow: none;
        border-top: 1px solid #183acf
    }
    .cmn_tabbing_wrapper .select2-selection .select2-selection__rendered {
        color: rgba(16, 16, 16, 1)
    }
    .cmn_tabbing_wrapper .select2-selection--single .select2-selection__arrow b {
        border-color: #d0d5dd transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        margin-top: -3px
    }
    .cmn_tabbing_wrapper .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #d0d5dd;
        border-width: 0 6px 6px
    }
    .cmn_tabbing_wrapper .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
        background-color: rgba(24, 58, 207, 1)
    }
    .add_new_address_wrap .back_btn_wrap {
        top: 28px
    }
    .banner_main_set_part .carousel .carousel-caption h5 {
        font-size: 26px;
        line-height: 34px
    }
    .main-order-details {
        width: calc(100% - 10px) !important
    }
    .order_status_sec {
        width: 100%
    }
    .title_group .outline_btn_r span {
        width: 12px;
        height: 12px;
        display: flex;
        align-items: center
    }
    .title_group .outline_btn_r span svg {
        width: 100%;
        height: 100%
    }
    .testimonial_card {
        padding: 14px 20px
    }
    .testimonial_card h5 {
        font-size: 16px;
        line-height: 1.2;
        width: calc(100% - 37px)
    }
    .testimonial_card .quote {
        margin: 20px 0
    }
    .owl-carousel .testimonial_card .profile_flex img {
        width: 40px;
        height: 40px
    }
    .bg_testimonial .owl-nav {
        margin-top: 20px
    }
    .bg_testimonial .owl-carousel .owl-nav button.owl-next,
    .bg_testimonial .owl-carousel .owl-nav button.owl-prev {
        width: 40px
    }
    .faq_wrapper {
        padding-bottom: 25px
    }
    .title_group {
        margin-bottom: 15px
    }
    .title_group .outline_btn_r.btn_with_icon {
        padding: 4px 12px
    }
    .cmn_table_listing .dt-container .row:last-child>div:first-child {
        justify-content: flex-end
    }
    .cmn_table_listing .dt-container .row:last-child>div:last-child {
        padding: 0
    }
    .cmn_table_listing .table td .dtr-details li .dtr-title {
        min-width: 120px;
        text-transform: capitalize
    }
    .cmn_table_listing .table td .outline_btn_r.alt_outline_btn {
        padding: 6px 14px
    }
    .cmn_table_listing .dt-container .row>div[class^=col-]:first-child,
    .cmn_table_listing .dt-container .row>div[class^=col-]:last-child {
        margin: 0
    }
    .popup_info_wrapper {
        flex-wrap: wrap;
        gap: 0
    }
    .left-col-r {
        width: 100%;
        align-items: center
    }
    .left-col-r .logo {
        width: 200px
    }
    .left-col-r .logo_wrap p.front {
        font-size: 10px
    }
    .inner_header_wrap {
        position: relative;
        column-gap: 10px;
        row-gap: 15px
    }
    .menu-toggle-btn {
        position: absolute;
        right: 0;
        top: 20px
    }
    .right-col-r {
        order: 3;
        gap: 6px
    }
    .center-col-r {
        order: 2;
        width: calc(100% - 145px)
    }
    .serach_bar_mlc .input_control {
        font-size: 14px;
        height: 36px
    }
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-body-type h3,
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-cars h3,
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-color h3,
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-driveTypes h3,
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-fuels h3,
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-maker h3,
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset-model h3 {
        font-size: 16px
    }
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-suggestion {
        font-size: 14px
    }
    .search_reco {
        height: 36px;
        width: 36px
    }
    .search_reco svg {
        width: 24px;
        height: 24px
    }
    .right-col-r .fill_btn_r,
    .right-col-r .outline_btn_r {
        height: 34px;
        width: 34px;
        position: absolute;
        top: 18px
    }
    .right-col-r .fill_btn_r {
        right: 80px
    }
    .right-col-r .outline_btn_r {
        right: 40px
    }
    .right-col-r svg {
        width: 18px;
        height: 18px
    }
    .header_profile_dropdown {
        position: absolute;
        top: 18px;
        right: 40px
    }
    .car_price_dropdown {
        max-width: 135px;
        min-width: 135px
    }
    .car_price_dropdown .select2-selection {
        min-height: 34px
    }
    .car_price_dropdown .select2-results__option,
    .car_price_dropdown .select2-selection .select2-selection__rendered,
    .car_price_dropdown select,
    .car_price_dropdown select option {
        font-size: 11px
    }
    .auto-parts-wrapper .cmn_tabbing_wrapper .tab-content {
        width: 100%
    }
    .all-auto-parts-col {
        margin-bottom: 20px
    }
    .all-auto-aprts-wrapper {
        gap: 25px
    }
    .cmn_content_sec .autopart-subtitle h2 {
        font-size: 16px;
        margin-bottom: 10px;
        border-bottom: 2px solid rgba(208, 213, 221, 1)
    }
    .autopart-list {
        row-gap: 8px
    }
    .autopart-listing-label,
    .autopart-listing-value {
        font-size: 13px
    }
    .cmn_order_detail_tbl {
        font-size: 13px;
        line-height: 20px
    }
    .my_order_car_details table tr td {
        font-size: 14px;
        line-height: 24px
    }
    .my_order_car_details tr.total_payment_row td {
        font-size: 18px
    }
}

@media (max-width:575px) {
    .inner_header_wrap {
        row-gap: 10px
    }
    #chatMessages {
        background: #fff !important;
        height: calc(100vh - 525px) !important
    }
    .main-table-order tr td ul li {
        white-space: normal
    }
    .tab_form_group.multi_field_wrap .form_field_wrap .select2_wrapper {
        height: 42px
    }
    .order_action_btn_wrap .outline_btn_r {
        width: auto
    }
    .order_action_btn_wrap .fill_btn_r {
        width: auto
    }
    .main-wrap-order-id-invoice .car_order_detail_header {
        flex-wrap: wrap;
        row-gap: 10px
    }
    .user_img_wrap {
        width: 35px;
        height: 35px
    }
    .v-menu-bar-set .offcanvas {
        width: 100%
    }
    .header_profile_dropdown.dropdown .dropdown-menu.show {
        row-gap: 10px
    }
    .header_profile_dropdown.dropdown .mobile-user-name {
        padding: 0 0 6px 0
    }
    .header_profile_dropdown.dropdown .mobile-user-name h3 {
        font-size: 16px;
        line-height: 22px
    }
    .header_profile_dropdown.dropdown .dropdown-menu li a img {
        width: 18px;
        height: 18px
    }
    .header_profile_dropdown.dropdown .dropdown-menu li a span {
        font-size: 15px;
        line-height: 20px
    }
    .toggle-filter-btn svg {
        width: 16px
    }
    .sort_option_wrap {
        padding-bottom: 8px;
        margin-bottom: 8px
    }
    .sort_option_wrap .optgroup {
        font-size: 16px;
        line-height: 22px
    }
    .custom-radio-option {
        font-size: 14px;
        line-height: 20px
    }
    .custom-radio-option::before {
        width: 18px;
        height: 18px
    }
    .custom-radio-option::after {
        width: 10px;
        height: 10px;
        top: 5px
    }
    .price .currency {
        font-size: 12px
    }
    .view-detail {
        gap: 4px;
        color: #183acf
    }
    .view-detail:hover {
        color: #333
    }
    .view-detail span svg path {
        fill: #183acf
    }
    .view-detail:hover span svg path {
        fill: #333
    }
    .view-detail span {
        width: 12px
    }
    .ribbon {
        font-size: 12px;
        min-width: 42px;
        padding: 4px
    }
    .ribbon::after {
        height: 24px;
        top: .5px;
        right: -17.5px;
        width: 18px
    }
    .wishlist {
        width: 40px;
        height: 40px;
        padding: 7px
    }
    .list_carousel .carousel-indicators {
        margin: 7px
    }
    .list_carousel .carousel-indicators button {
        width: 8px;
        height: 8px
    }
    .footer_col_wrap {
        gap: 18px;
        padding-bottom: 18px;
        margin-bottom: 12px
    }
    .footer_cmn_sec .logo_wrap {
        margin-bottom: 15px;
        width: auto
    }
    .footer_contact_details .contact_listing {
        row-gap: 10px
    }
    .footer_one {
        width: 100%;
        max-width: 100%
    }
    .footer-copyright {
        font-size: 13px;
        line-height: 18px
    }
    .footer_title {
        margin: 0 0 8px 0
    }
    .list_grid_main .no-div-data-wrap {
        padding: 15px;
        gap: 15px
    }
    .list_grid_main .no-div-data-wrap .no-car-img {
        width: 60px
    }
    .list_grid_main .no-div-data-wrap h6 {
        font-size: 16px
    }
    .car_list_wrapper .offcanvas {
        max-width: 100%;
        border-right: 0;
        width: 100%
    }
    .order_action_btn_wrap {
        width: 100%;
        flex-wrap: wrap
    }
    .fill_btn_r,
    .outline_btn_r {
        width: 100%
    }
    .cmn_tabbing_wrapper .nav-dropdown {
        font-size: 15px;
        line-height: 22px
    }
    .cmn_tabbing_wrapper .tab-content {
        padding: 15px
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 18px;
        line-height: 30px
    }
    .cmn_content_tbl td,
    .cmn_desc_content,
    .cmn_desc_content p,
    .cmn_desc_content ul li,
    .cms_page_wrap p,
    .cms_page_wrap ul li {
        font-size: 14px;
        line-height: 18px
    }
    .cmn_listing_item {
        flex-direction: column;
        row-gap: 5px
    }
    .cmn_listing_item .cmn_listing_content,
    .cmn_listing_item label {
        width: 100%
    }
    .cmn_tab_form_wrap h3,
    .save_address_listing_head h3 {
        font-size: 24px;
        line-height: 36px
    }
    .tab_form_group input[type=email],
    .tab_form_group input[type=number],
    .tab_form_group input[type=password],
    .tab_form_group input[type=text],
    .tab_form_group textarea.form-control {
        padding: 10px 14px
    }
    .cmn_tab_form_wrap .tab_form_group .custom_select {
        padding: 9px 14px
    }
    .add_address_btn {
        font-size: 16px;
        line-height: 22px
    }
    .saved_add_list {
        font-size: 16px;
        line-height: 24px
    }
    .address-content .concerened-name {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px
    }
    .cmn_list_grid_wrap {
        padding: 12px 12px
    }
    .cmn_list_grid_wrap h3 {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 12px
    }
    .car_details_spec .inquiry_form_main {
        padding: 14px 12px
    }
    .inquiry_title {
        font-size: 18px
    }
    #carSlider1 .item .wishlist {
        top: 10px;
        right: 10px
    }
    #carSlider1 .owl-dots .owl-dot {
        width: 8px;
        height: 8px
    }
    #carSlider1 .owl-dots .owl-dot.active {
        width: 26px
    }
    .cmn_content_sec {
        padding: 12px 16px
    }
    .how_works_wrapper {
        column-gap: 15px
    }
    .works_step_content,
    .works_step_content p {
        font-size: 16px;
        line-height: 24px
    }
    .works_step_content h4 {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 6px
    }
    .col_space_left {
        min-height: 180px
    }
    .alt_body_clr .alt_title {
        padding: 15px 25px 10px
    }
    .cmn_gallery_wrapper {
        gap: 10px;
        margin-top: 20px
    }
    .menu-toggle-btn {
        width: 24px;
        height: 24px;
        top: 23px
    }
    .footer_wrapper {
        padding: 25px 0
    }
    .car_spec_wrapper {
        margin: 0 -12px
    }
    .no_search_car_orders {
        min-height: 180px;
        padding: 10px;
        gap: 10px
    }
    .no_search_icon {
        width: 80px;
        height: 80px
    }
    .no_search_car_orders h6 {
        font-size: 16px;
        line-height: 24px
    }
    .footer_five,
    .footer_four,
    .footer_three,
    .footer_two {
        max-width: 100%;
        width: 100%
    }
    .banner_main_set_part {
        padding: 0 4px 10px
    }
    .banner_main_set_part .carousel .carousel-caption h5 {
        font-size: 24px;
        line-height: 32px
    }
    .banner_main_set_part .carousel .carousel-caption p {
        max-width: 85%
    }
    .fill_btn_r.bnr_act_btn {
        width: auto
    }
    .main-position-icon {
        margin-bottom: 15px
    }
    .reco_right_banner_linkbox {
        column-gap: 10px
    }
    .reco_right_banner_linkbox .reco_row_main h2 {
        font-size: 16px
    }
    .reco_right_banner_linkbox .reco_row_main span {
        font-size: 13px
    }
    .reco_right_banner_linkbox .reco_row_main img {
        height: 65px
    }
    .reco_right_banner_linkbox .reco_row_main:nth-child(2) img {
        height: 100px
    }
    .title_group .outline_btn_r.btn_with_icon {
        width: auto
    }
    .title_usable {
        font-size: 24px;
        line-height: 32px
    }
    section {
        padding: 35px 0
    }
    .subtitle_flex {
        line-height: 1.2;
        font-size: 15px
    }
    .faq_wrapper .accordion-item .accordion-button {
        font-size: 18px;
        line-height: 26px
    }
    .faq_wrapper .accordion-item .accordion-body {
        font-size: 14px;
        line-height: 22px
    }
    .banner_main_set_part .carousel .carousel-caption .bnr_act_btn svg {
        margin-left: 10px;
        width: 22px
    }
    .banner_main_set_part .carousel-indicators {
        margin: 0 20px 10px
    }
    .reco_right_banner_linkbox .reco_row_main {
        height: 110px;
        padding: 10px 0 0 10px
    }
    .reco_right_banner_linkbox .reco_row_main img {
        height: 60px
    }
    .mobile_filter_btn_wrap .btn {
        font-size: 15px;
        padding: 8px;
        width: calc(50% - 5px)
    }
    .listing_home_main .common_width .offcanvas {
        border: 0;
        width: 100%
    }
    .listing_home_main {
        gap: 15px
    }
    .listing_section {
        padding-top: 15px;
        padding-bottom: 30px
    }
    .faq_wrapper {
        padding-bottom: 15px
    }
    .spacing_list {
        margin-bottom: 25px
    }
    .save_address_listing_head {
        flex-wrap: wrap;
        gap: 5px
    }
    .faq_wrapper .accordion {
        row-gap: 20px
    }
    .cmn_table_listing .dt-container .dt-info {
        font-size: 14px;
        line-height: 20px
    }
    .cmn_table_listing .dt-container .row:last-child>div .pagination .page-link {
        width: 28px;
        height: 28px;
        font-size: 14px
    }
    .designmodalcards .card .card-header {
        padding: 12px 15px
    }
    .designmodalcards .card-body {
        padding: 15px
    }
    .designmodalcards .outline_btn_r {
        width: auto
    }
    .designmodalcards .chat-message .input-group {
        flex-wrap: nowrap
    }
    .designmodalcards .chat-message .input-group .fill_btn_r {
        width: 38px;
        min-width: 38px
    }
    .cmn_tab_content_wrap .tab_form_group .select2-selection,
    .tab_form_group.multi_field_wrap .form_field_wrap .select2 .select2-selection {
        min-height: 42px
    }
    .user_fav_notification .btn-delete-email {
        width: 30px;
        height: 30px;
        padding: 2px
    }
    .cmn_tabbing_wrapper .tab-content .card .card-body {
        padding: 12px
    }
    .cmn_order_btn {
        width: 36px !important
    }
    .brand-links-wrapper .filter_list li a {
        padding: 10px
    }
    .brand-links-wrapper .filter_list li a svg {
        width: 10px;
        height: 10px
    }
    #carSlider1.owl-theme .owl-stage-outer {
        height: auto !important
    }
    #carSlider2 .item img {
        height: auto
    }
    .col-form .inquiry_form_main .inquiry_field_wrap {
        width: 100%
    }
    .cmn_list_grid_wrap.car_spec_quality {
        background-position: top 5px right -4px
    }
}

@media (max-width:479px) {
    .head-user-email {
        font-size: 17px !important;
        line-height: 27px !important
    }
    .menu-toggle-btn {
        width: 22px;
        height: 22px;
        top: 24px
    }
    .header_profile_dropdown.dropdown .mobile-user-name h3 {
        font-size: 15px;
        line-height: 20px
    }
    .header_profile_dropdown.dropdown .dropdown-menu li a img {
        width: 16px;
        height: 16px
    }
    .header_profile_dropdown.dropdown .dropdown-menu li a span {
        font-size: 13px;
        line-height: 20px
    }
    .content-wrapper-body {
        padding: 25px 0 30px
    }
    .cmn_breadcrumnb .breadcrumb .breadcrumb-item {
        font-size: 15px;
        line-height: 23px
    }
    .car_list_head {
        gap: 10px
    }
    .title_usable {
        font-size: 24px;
        line-height: 32px
    }
    .car_filter_wrapper label {
        font-size: 15px;
        line-height: 22px
    }
    .custom-sort-dropdown .custom-dropdown-toggle {
        padding: 0 16px 0 0
    }
    .custom-sort-dropdown .custom-dropdown-toggle:after {
        width: 11px;
        height: 6px
    }
    .custom-sort-dropdown .custom-dropdown-options {
        width: 185px;
        padding: 12px
    }
    .sort_option_wrap .optgroup {
        font-size: 15px;
        line-height: 20px
    }
    .list_grid_main {
        gap: 15px
    }
    .carousel-inner img {
        height: 150px
    }
    .car-details {
        padding: 12px 7px
    }
    .car-title {
        font-size: 13px;
        margin-bottom: 6px
    }
    .car-info {
        column-gap: 12px;
        margin-bottom: 12px
    }
    .view-detail {
        font-size: 12px
    }
    .my_order_search_list {
        grid-template-columns: repeat(1, 1fr)
    }
    .order_price_redirect {
        width: 100%
    }
    .my_order_search_list_item:nth-child(odd) {
        border-right: 0
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 20px;
        line-height: 28px
    }
    .cmn_listing_content ul {
        padding-left: 25px
    }
    .cmn_tab_form_wrap h3,
    .save_address_listing_head h3 {
        font-size: 22px;
        line-height: 34px
    }
    .saved_add_list {
        font-size: 14px;
        line-height: 22px;
        padding: 12px
    }
    .address-content .concerened-name {
        font-size: 18px;
        line-height: 24px
    }
    .address-type {
        font-size: 16px;
        line-height: 24px
    }
    .add_action_btn {
        column-gap: 12px
    }
    .add_action_btn .address_act_btn {
        width: 32px;
        height: 26px
    }
    .header_user_dropdown {
        padding: 0 16px 0 0
    }
    .how_works_wrapper {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 15px
    }
    .odd_sec {
        flex-direction: column-reverse
    }
    .col_space_left {
        min-height: auto
    }
    .col_space_left,
    .col_space_rgt {
        width: 100%
    }
    .cmn_gallery_wrapper .gallery_img a {
        max-height: 140px
    }
    .right-col-r .fill_btn_r,
    .right-col-r .outline_btn_r {
        height: 34px;
        width: 34px
    }
    .right-col-r svg {
        width: 18px;
        height: 18px
    }
    .ribbon {
        top: 8px;
        font-size: 11px;
        min-width: 36px;
        padding: 4px 2px
    }
    .ribbon::after {
        height: 23px;
        width: 13px;
        right: -13px;
        top: 0
    }
    .cmn_list_details label {
        line-height: 18px
    }
    .cmn_listing_item {
        row-gap: 3px
    }
    .cmn_tabbing_wrapper .select2-selection {
        height: 40px;
        line-height: 28px;
        font-size: 14px
    }
    .cmn_tabbing_wrapper .select2-selection--single .select2-selection__arrow b {
        border-width: 4px 4px 0;
        margin-top: -2px
    }
    .add_new_address_wrap .back_btn_wrap {
        top: 25px
    }
    .add_new_address_wrap .back_btn_wrap svg {
        width: 18px;
        height: 18px
    }
    .list_grid_main {
        grid-template-columns: repeat(1, 1fr)
    }
    .custom-sort-dropdown {
        position: relative
    }
    .custom-radio-option::before {
        top: 2px
    }
    .custom-radio-option::after {
        top: 6px
    }
    .car_specification_wrap .cmn_listing {
        grid-template-columns: repeat(1, 1fr)
    }
    .cmn_list_details label {
        font-size: 13px;
        line-height: 20px
    }
    .cmn_list_details h5 {
        font-size: 14px
    }
    .order_action_btn_wrap {
        width: 100%;
        flex-wrap: nowrap
    }
    .fill_btn_r,
    .outline_btn_r {
        width: 50%
    }
    .order_status_sec:not(:last-child) {
        padding-bottom: 20px
    }
    .reco_right_banner_linkbox .reco_row_main:nth-child(2) img {
        height: 80px;
        bottom: -15px;
        right: -10px
    }
    .banner_main_set_part .carousel .carousel-item {
        height: 320px
    }
    .banner_main_set_part .carousel .carousel-caption h5 {
        font-size: 20px;
        line-height: 28px
    }
    .banner_main_set_part .carousel .carousel-caption p {
        max-width: 100%
    }
    .banner_main_set_part .carousel .carousel-caption {
        padding: 0 10px
    }
    .list_grid_main .no-div-data-wrap {
        min-height: 220px;
        gap: 12px
    }
    .list_grid_main .no-div-data-wrap .no-car-img {
        width: 55px
    }
    .list_grid_main .no-div-data-wrap h6 {
        font-size: 15px
    }
    .faq_wrapper .accordion-item .accordion-button {
        font-size: 16px;
        line-height: 24px;
        padding: 12px 35px 12px 15px
    }
    .faq_wrapper .accordion-item .accordion-body {
        padding: 15px
    }
    .faq_wrapper .accordion-item .accordion-button::after {
        right: 10px;
        top: 14px;
        background-size: 16px
    }
    .cmn_table_listing .table td,
    .cmn_table_listing .table th {
        padding: 12px 16px
    }
    .main-table-order .order_action_btn_wrap {
        flex-wrap: wrap
    }
    .mobile_filter_btn_wrap .btn {
        font-size: 14px;
        padding: 6px;
        width: calc(50% - 5px)
    }
    .mobile_filter_btn_wrap .btn svg {
        width: 15px
    }
    .spacing_list .title_group {
        flex-wrap: wrap;
        gap: 6px
    }
    .pensil-icon {
        font-size: 18px
    }
    .title_group .outline_btn_r.btn_with_icon {
        padding: 4px 8px
    }
    .sold-car-wrap:before {
        width: 130px;
        height: 65px
    }
    .all-auto-aprts-wrapper {
        columns: 1
    }
    .cmn_order_detail_tbl .company_detail,
    .cmn_order_detail_tbl .order_invoice_detail {
        flex-direction: column;
        gap: 0
    }
    .cmn_order_detail_tbl tr:not(:last-child) td .company_detail,
    .cmn_order_detail_tbl tr:not(:last-child) td .order_invoice_detail {
        margin-bottom: 8px
    }
    .my_order_car_details table tr th {
        font-size: 14px
    }
    .my_order_car_details table tr td {
        font-size: 13px;
        line-height: 24px
    }
    .my_order_car_details tr.total_payment_row td {
        font-size: 16px
    }
}

@media (max-width:400px) {
    .left-col-r .logo_wrap p.front {
        font-size: 9px
    }
    .head-user-email {
        font-size: 16px !important;
        line-height: 26px !important
    }
    .btn-add-more-email {
        padding: 10px 15px
    }
    .menu-toggle-line:before {
        top: -8px
    }
    .menu-toggle-line:after {
        bottom: -6px
    }
    .left-col-r {
        width: 175px
    }
    .inner_header_wrap {
        gap: 10px;
        padding-bottom: 12px
    }
    .banner_main_set_part .carousel .carousel-item .carousel-top-img-gradient:before {
        height: 120px
    }
    .banner_main_set_part .carousel-item:before {
        background-position: left -70px center
    }
    .banner_main_set_part .carousel-item:after {
        background-position: right -70px center
    }
    .fill_btn_r.bnr_act_btn {
        padding: 4px 10px
    }
    .reco_right_banner_linkbox .reco_row_main h2 {
        font-size: 15px
    }
    .reco_right_banner_linkbox .reco_row_main span {
        font-size: 12px
    }
    .reco_right_banner_linkbox .reco_row_main img {
        height: 50px
    }
    .reco_right_banner_linkbox .reco_row_main:nth-child(2) img {
        height: 70px
    }
    .news_strips_inner span {
        padding-left: 12px;
        font-size: 14px
    }
    .news_strips_inner marquee {
        font-size: 14px
    }
    .faq_wrapper .accordion {
        row-gap: 20px
    }
    .menu-toggle-btn {
        width: 18px;
        height: 18px
    }
    .cmn_breadcrumnb .breadcrumb .breadcrumb-item {
        font-size: 14px;
        line-height: 22px
    }
    .title_usable {
        font-size: 22px;
        line-height: 32px
    }
    .car_filter_wrapper label {
        font-size: 14px;
        line-height: 20px
    }
    .sort_option_wrap .optgroup {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 6px
    }
    .custom-radio-option,
    .sort_option_wrap .custom-radio-option {
        padding: 0 0 8px 22px
    }
    .car_filter_wrapper label {
        font-size: 13px;
        line-height: 18px
    }
    .custom-radio-option::before {
        width: 16px;
        height: 16px
    }
    .custom-radio-option::after {
        width: 8px;
        height: 8px
    }
    .carousel-inner img {
        height: 150px
    }
    .footer-copyright {
        font-size: 12px;
        line-height: 16px
    }
    .cmn_tab_form_wrap h3,
    .save_address_listing_head h3 {
        font-size: 20px;
        line-height: 32px
    }
    .add_address_btn {
        font-size: 14px;
        line-height: 20px
    }
    .cmn_listing {
        row-gap: 10px;
        grid-template-columns: repeat(1, 1fr)
    }
    .cmn_list_item .cmn_list_details {
        width: calc(100% - 16px)
    }
    .works_step_content h4 {
        font-size: 14px;
        margin-bottom: 4px
    }
    .works_step_content,
    .works_step_content p {
        font-size: 15px;
        line-height: 22px
    }
    .cmn_content_sec h2,
    .cms_page_wrap h1 {
        font-size: 18px;
        line-height: 24px
    }
    .cmn_gallery_wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .cmn_gallery_wrapper .gallery_img a {
        max-height: 150px
    }
    .right-col-r .fill_btn_r,
    .right-col-r .outline_btn_r {
        height: 30px;
        width: 30px
    }
    .right-col-r .outline_btn_r {
        right: 26px
    }
    .right-col-r .fill_btn_r {
        right: 64px
    }
    .car_price_dropdown {
        max-width: 124px;
        min-width: 124px
    }
    .center-col-r {
        width: calc(100% - 134px)
    }
    .car_price_dropdown .select2-results__option,
    .car_price_dropdown .select2-selection .select2-selection__rendered,
    .car_price_dropdown select,
    .car_price_dropdown select option {
        font-size: 10px;
        line-height: 1.2
    }
    .car_price_dropdown .select2-selection {
        min-height: 32px;
        padding: 4px 12px 4px 4px
    }
    .car_price_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 4px 3px 0 3px;
        margin-left: -1px
    }
    .car_price_dropdown .select2-selection .select2-selection__rendered {
        padding-right: 4px
    }
    #scrollable-dropdown-menu .league-name {
        padding: 4px 8px
    }
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-suggestion {
        padding: 4px 8px;
        font-size: 12px
    }
    .serach_bar_mlc .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:last-child {
        margin-bottom: 8px
    }
    .serach_bar_mlc .input_control {
        padding-right: 40px;
        padding-left: 8px;
        height: 32px
    }
    .search_reco {
        height: 32px;
        width: 32px
    }
    .search_reco svg {
        width: 22px;
        height: 22px
    }
    .header_profile_dropdown {
        top: 16px;
        right: 28px
    }
    .header_user_dropdown {
        padding: 0 12px 0 0
    }
    .right-col-r svg {
        width: 16px;
        height: 16px
    }
    .order_action_btn_wrap {
        flex-direction: row
    }
    .fill_btn_r,
    .outline_btn_r {
        width: 100%
    }
    .toggle-filter-btn svg {
        width: 14px
    }
    .toggle-filter-btn {
        padding: 3px 8px;
        font-size: 14px
    }
    .no_search_car_orders {
        min-height: 160px;
        padding: 8px
    }
    .no_search_icon {
        width: 60px;
        height: 60px
    }
    .sold-car-wrap:before {
        width: 120px;
        height: 60px
    }
    .main-heading-quality-assurance {
        display: flex;
        column-gap: 5px;
        align-items: center
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .price-padd {
        padding-left: 20px;
        margin-right: 0
    }
    .order-btn-width {
        width: 310px
    }
}

@media(min-width:768px) and (max-width:1267px) {
    .main-order-details {
        width: calc(50% - 10px) !important
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .order-customer-details {
        grid-template-columns: repeat(3, 1fr) !important
    }
    .car-title {
        min-height: 36px
    }
}

@media(min-width:428px) and (max-width:767px) {
    .order-customer-details {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media(max-width:427px) {
    .order-customer-details {
        grid-template-columns: repeat(1, 1fr) !important
    }
}

@media(max-width:486px) {
    .order_status_sec {
        width: 100%
    }
    .res-order-status {
        display: block
    }
    .order_status_sec:before {
        display: none
    }
}

@media(max-width:400px) {
    .main-follow_us {
        justify-content: flex-start
    }
}