@media only screen and (max-width: 980px) {
    section.listing-last-cta img {
        width: 100%;
    }

    .m-flex-column {
        flex-direction: column;
    }

    .m-flex-column div {
        width: 100%;
    }

    .listing-item {
        gap: 30px;
        flex-direction: column-reverse;
    }

    .listing-item div {
        width: 100%
    }

    .banner-slider-listing {
        height: auto;
        padding: 50px 30px;
    }

    .filteration-top-bar-listing {
        flex-direction: column;
    }

    .filteration-top-bar-listing div {
        width: 100%;
    }

    .filter-listing-select-drop-down {
        width: max-content !important;
        margin-left: auto;
        margin-top: 20px;
    }

    .flex-col-dir {
        flex-direction: column-reverse;
    }

    .flex-col-dir div {
        width: 100%;
    }

    .listing-filtered-row .car-items {
        width: 48%;
    }

    .faq-wrapper:after {
        width: auto;
    }

    .faq-wrapper:after {
        width: auto !important;
    }

    .car-details-row1 {
        width: 100%;
    }

    .car-details-row2 {
        width: 100%;
    }

    .car-details-row3 {
        width: 100%;
        padding-left: 0px;
        margin-top: 50px;
    }

    .subscribtion {
        padding: 50px 20px;
    }

    .subscribtionRow {
        flex-direction: column;
    }

    .subscribtion .subscription-options {
        width: 100%;
        flex-wrap: wrap;
    }

    .subscription-options label {
        width: 48% !important;
    }

    .subscribtion div {
        gap: 30px;
    }

    .subscribtion-text {
        text-align: center;
    }

    .Insurance {
        width: 48%;
    }

    .Insurance {
        padding: 0px;
    }

    .Insurance .subscription-options {
        flex-wrap: wrap;
    }

    .Insurance .option-box {
        width: 100% !important;
    }

    .row.row-no-1 div {
        margin-bottom: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .view-all-listing-faqs button {
        font-size: 16px;
    }

    .Insurance .box-content p {
        font-size: 14px;
    }

    .Insurance .box-content strong {
        font-size: 16px;
    }

    .Insurance .subscribtion-text {
        font-size: 18px;
    }

    .subscribtion {
        width: 90%;
        margin: auto;
    }

    .monthly-fee div button {
        font-size: 16px;
    }

    .monthly-fee h5 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px;
    }

    .monthly-fee p {
        text-align: center;
    }

    .monthly-fee div {
        width: 100%;
    }

    .monthly-fee {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: auto;
    }

    .insurance-and-allowance {
        gap: 40px;
        margin-top: 40px;
        padding: 0;
    }

    .car-details-row3 {
        padding: 10px 15px;
    }

    .Insurance {
        width: 100%;
    }

    .subscribtion .option-box {
        width: 100% !important;
        margin: auto;

    }

    .car-details-section .car-details-row .col-md-5 h2 {
        font-size: 30px;
    }

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

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

    .gallery-box {
        height: 70px;
        margin-bottom: 10px;
    }

    .feature-img-box {
        height: 300px;
    }

    .feature-img-box img {
        width: 100%;
    }

    .gallery-box img {
        width: 100%;
    }

    .slides-listing-details h2 {
        font-size: 40px;
    }

    .slides-listing-details h5 {
        font-size: 25px;
    }

    .breadcrum {
        font-size: 12px;
    }

    .listing-filtered-row .car-items {
        width: 100%;
    }

    .col-md-3.filter-bar {
        /* margin-top: 50px; */
    }

    .listing-last-cta {
        padding: 50px 20px;
    }

    .listing-last-cta h3 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .listing-last-cta h6 {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 15px;
    }

    .listing-last-cta p {
        font-size: 14px;
        line-height: normal;
    }

    .slides-listing-details a button {
        font-size: 16px;
    }

    .slides-listing-details p {
        font-size: 14px;
        width: 100%;
        margin-top: 15px;
        line-height: normal;
    }

    .banner-slide-image-box {
        margin-top: 30px;
    }

    .breadcrum {
        gap: 5px;
    }
}