/* MOBILE FIX */
@media (max-width: 768px){

/* NAVBAR */

.navbar-brand img{
width:100%;
}

.navbar .btn{
margin-top:10px;
width:100%;
}

/* CAROUSEL */

.header-carousel img{
height:420px;
object-fit:cover;
}

.carousel-caption{
text-align:center;
padding:20px;
}

.carousel-caption h1{
font-size:22px;
line-height:1.4;
}

.carousel-caption p{
font-size:14px;
}

/* ABOUT SECTION */

.about h1{
font-size:20px;
}

.about-img .img-2{
position:relative;
top:0;
left:0;
margin-top:50%;
}

/* VEHICLE CARDS */

.categories-item{
border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.categories-content h4{
  font-size: 18px;
}

.categories-content h4.bg-white{
font-size: 13px;
    padding: 5px 12px !important;
}
.categories-content span{
    font-size: 11px;
}

.categories-content i{
    font-size: 14px;
}
.btn-rese{
    background-color: #ff5100;
    color: #ffffff;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top:20px;

}
.btn-rese :hover{
background-color: #f8f9fa;
color: #ff5100;
}
/* TEAM SECTION */

.team-item{
margin-bottom:20px;
}

/* CONTACT */

.contact-form-3d{
padding:25px;
}

#contact-3d{
transform:none !important;
}

/* MAP */

.map-container iframe{
height:300px;
}

/* FOOTER */

.footer{
text-align:center;
}

.footer-item{
margin-bottom:30px;
}

}


/* ===== CAR CATEGORIES RESPONSIVE ===== */

.categories-img img{
    height: 180px;
    object-fit: contain;
    padding: 10px;
}

/* Tablet */
@media (max-width: 991px){

    .categories-content{
        padding: 20px;
    }

    .categories-content h4{
        font-size: 20px;
    }

    .categories-content h4.bg-white{
        font-size: 16px;
    }

    .categories-content span{
        font-size: 13px;
    }

    .categories-img img{
        height: 160px;
    }

}

/* Phone */
@media (max-width: 576px){

    .categories{
        padding-top: 14px;
        padding-bottom: 14px;
        width: 100%;
    }

    .categories-img img{
        height: 140px;
    }

    .categories-content{
        padding: 6px;
    }

    .categories-content h4{
        font-size: 12px;
    }

    .categories-content h4.bg-white{
        font-size: 12px;
        padding: 3px 5px;
        width: 100%;
    }

    .categories-content span{
        font-size: 10px;
    }

    .categories-content i{
        font-size: 14px;
    }

    .btn-rese{
        padding: 10px;
        font-size: 14px;
        background-color: rgb(255, 102, 0);
        color: rgb(255, 255, 255);
    }

}