/* // Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    .wide100 {
        width: 100% !important;
    }
    .wide90 {
        width: 90% !important;
    }
    .wide50 {
        width: 50% !important;
    }
    .wide25 {
        width: 25% !important;
    }
    .h100 {
        height: 100% !important;
    }
    .dropdown-item {
        font-size: 12px;
    }
    .nav-link {
        color: #000 !important;
    }
    .navbar-collapse {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff !important;
        z-index: 1000;
        width: 100%;
        text-align: center;
        height: 1000px;
    }
    .navbar-togg {
        position: fixed;
        right: 20px;
        top: 20px;
        border: none;
        color: #4762BF !important;
    }
    .navbar-toggler {
        outline: none;
        border: none;
    }
    .navbar-toggler:focus {
        outline: none;
        border: none;
    }
    .banner-text {
        position: relative !important;
        top: 0px !important;
        background-color: #000;
    }
    .banner-text .main {
        font-size: 14px;
        line-height: 21px;
        position: absolute !important;
        top: -330px;
        display: none;
    }
    .banner-text button {
        font-size: 10px;
    }
    .banner-box p {
        font-size: 10px !important;
    }
    .footer a {
        font-size: 12px;
    }
    .footer p {
        font-size: 13px;
    }
    .footer h2 {
        font-size: 15px;
    }
    .footer h6 {
        font-size: 15px;
    }
    #carouselExampleIndicators img {
        height: 420px;
        object-fit: cover;
    }
    .home-about p,
    .home-section p,
    .home-fleet p,
    .home-service p,
    .home-test p {
        line-height: 21px;
        font-size: 13px;
    }
    .home-about h2,
    .home-section h2,
    .home-fleet h2,
    .home-service h2,
    .home-contact h2,
    .home-test h2 {
        font-size: 23px !important;
    }

    .home-test h3{
        font-size:17px;
    }
    .fleet-tab {
        height: 30px;
        font-size: 14px !important;
    }
    .fleet-slider .card {
        height: 180px;
        object-fit: cover;
    }
    .fleet-slider .card h2 {
        font-size: 13px !important;
    }
    .home-about img {
        height: unset;
    }
    .home-feature .ring {
        width: 150px;
        height: 150px;
    }
    .home-feature .img-ring {
        width: 50px;
        height: 50px;
    }
    .home-feature .ring h2 {
        font-size: 13px;
    }
    .home-feature .ring p {
        font-size: 10px;
    }
    .home-feature {
        background-image: none;
        background-color: #000;
        /* background-size: 100% 182px; */
    }
    .home-fleet {
        background-size: 100%;
    }
    .home-service {
        background-size: 100%;
    }
    .home-service .card {
        height: 400px;
    }
    .home-service .card a {
        bottom: 5px;
    }
    .home-contact p {
        font-size: 15px;
    }
    .home-contact p span {
        font-size: 20px;
    }
    .home-contact a {
        font-size: 17px;
    }
    #map {
        height: 280px !important;
    }
    .carousel-control-prev {
        margin-left: 0px;
    }
    .navbar-fixed {
        display: none !important;
    }
    .home-service .card img {
        height: 180px;
    }
    .about-sect h2,
    .service-sect h2 {
        font-size: 25px;
    }
    .about-sect p,
    .service-sect p,
    .service-card p,
    .fleet-sect .card p {
        font-size: 13px;
        line-height: 20px;
    }
    .about-sect .card h2,
    .vmv-sect .card h2 {
        font-size: 20px;
    }
    .service-card .row {
        margin-top: 0px !important;
    }
    .service-sect {
        padding-bottom: 0px;
    }
    .service-card h2 {
        font-size: 18px;
    }
    .service-sect img {
        height: 200px;
        object-fit: cover;
    }
    .fleet-sect .card h2 {
        color: #fff;
        font-size: 20px;
    }
    .contact-sect .card h2 {
        font-size: 13px;
        line-height: 20px;
    }
    .contact-sect .card p a {
        font-size: 16px;
    }
    .contact-sect .card img {
        height: 30px;
    }
    .contact-sect h2 {
        font-size: 20px;
    }
    .contact-sect p {
        font-size: 15px;
    }
    .chair-sect p,
    .vmv-sect p {
        font-size: 14px;
        line-height: 20px;
    }
    .chair-sect h2 {
        font-size: 20px;
        text-align: left;
    }
    .service-card img {
        height: 160px;
    }
    .other-service h2 {
        font-size: 16px;
    }
}