@media   (max-width:1024px){

}
@media (max-width: 992px){
    .bottom-navbar, .whatsapp-col, .wishlist, .search-btn{
        display: none;
    }
}
@media (max-width:768px){
    .ptb60{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pt60{
        padding-top: 30px;
    }
    .pb60{
        padding-bottom: 30px;
    }
    p,a{
        font-size: 14px;
    }
    h2, .sub-heading-white, .sub-heading, .flash-main-head{
        font-size: 20px;
    }
    h3{
        font-size: 18px;
    }
    h4{
        font-size: 17px;
    }
    h5{
        font-size: 16px;
    }
    .sub-title{
        font-size: 16px;
    }
    .footer-content {
        padding-top: 25px;
    }
    .footer-contacts-item{
        display: block;
    }
    .download-img, .car-for-you-card, .oil-change-card{
        margin-top: 30px;
    }
    .rent-car-content{
        border-radius: 0 0 10px 10px;
    }
    .rent-car-img img{
        border-radius: 10px 10px 0 0;
    }
    .testimonial-card-row{
        margin-bottom: -70px;
    }
    .brands{
        padding-top: 80px;
    }
    .why-book-roadhero{
        margin-bottom: 0px;
        padding: 20px;
    }
    .about-content {
        padding: 30px 0;
    }
    .car-for-you-banner-content h3,
    .car-for-you-banner-content span{
        text-align: center;
    }
    .car-for-you-banner-content h3 span{
        font-size: 18px;
    }
    .car-for-you-banner-content h6{
        display: none;
    }
    .product-slider .flash-card{
        margin: 10px 0px 10px 0;
    }
    .oil-change-card{
        padding: 30px 30px 80px 30px;
    }
    .flash-bottom span{
        display: none;
    }
    .flash-sale-design{
        padding: 5px 20px 0 20px;
        border-radius: 10px;
    }
    .flash-left{
        flex-direction: column;
    }
    .flash-btn-cat {
        display: block;
        width: 100%;
    }
    .flash-box{
        margin-top: 15px;
    }
    .service-cta-design{
        padding: 100px 20px 20px 20px;
        background-position: center, center
    }
    .service-cta-content p{
        font-size: 14px;
    }
    .service-cta-light, .service-cta-dark{
        padding: 7px 10px;
        font-size: 14px;
    }
    .service-card{
        margin: 10px 5px;
    }
    .hero-content-box h1{
        font-size: 25px;
    }
    .hero-content-box p{
        font-size: 14px;
    }
    .hero-second-design{
        margin-top: -5px;
    }
    .on-demand-content {
        padding: 10px;
    }
    .demand-btn{
        margin: 10px;
    }
    .specification-box{
        gap: 7px;
    }
    .breadcrumb-product-content p{
        font-size: 18px;
    }
    .breadcrumb-product-content h1{
        font-size: 30px;
    }
    .product-faq{
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-card-section,
    .sort-right, .summary-details   {
        margin-top: 15px;
    }
    .product-card-btn-design,
    .product-details-btn {
        flex-direction: column;
        align-items: start;
    }
    .my-service-detail{
        flex-direction: column;
        gap: 5px;
    }
    .breadcrumb-services-content h1{
        font-size: 35px;
    }
    .breadcrumb-services-content p{
        font-size: 30px;
    }
    .top-navbar-left-side, .top-navbar-right-side{
        gap: 10px;
    }
    .select-language select, 
    button.btn.dropdown-toggle.btn-light, 
    .profile span {
        font-size: 10px;
        padding: 5px 10px;
    }
}
@media (max-width: 567px){
    .rentcar-darkprimary{
        margin-top: 15px;
    }
    .my-list-desc{
        flex-direction: column;
        align-items: end;
    }
    .my-service-detail{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .my-service-details-price{
        flex-direction: column;
    }
    .my-sevice-prc {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}