@media screen and (max-width:1004px) {
    .gcc-vehicles-grid {
        display: grid;
        gap: 20px;
        margin: 20px 0;
    }
}


@media screen and (max-width:767px) {
    .gcc-vehicles-grid {
        display: grid;
        gap: 20px;
        margin: 20px 0;
    }
    .gcc-vehicle-content {
        padding: 8px 0;
    }
    .gcc-vehicle-details li img {
    display: none;
    }
    .gcc-vehicle-details-text {
    text-align:center;
    font-size: 11px;
    }
    .gcc-vehicle-details li {
    width: calc(50% - 25px);
    }
    .gcc-vehicle-content h2 {
        text-align: left;
        font-size: 0.9rem !important;
    }
    .gcc-vehicle-content h3 {
    font-size: 0.95rem !important;
    
    }
    .gcc-vehicle-image img {
    height: 170px;
    }
}