@media only screen and (max-width: 600px) {
    .ongkir .card-table-ongkir .card-head {
        padding: 4px 10px;
    }

    .service-ongkir .card-box {
        padding-left: 0rem;
    }

    .service-ongkir .card-content {
        width: 100%;
    }

    .service-ongkir .card-content2 {
        width: 50%;
    }
}
@media only screen and (max-width: 768px) {
    .call-us .card-people {
        padding-bottom: 20rem;
    }
}
@media only screen and (min-width: 600px) {
    .testimonials .swiper-button-prev {
        left: -65px;
        top: 50%;
    }
    .testimonials .swiper-button-next {
        right: -65px;
        top: 50%;
    }

    .footer .footer-main ul li {
        margin-bottom: 0;
    }

    .footer .footer-main ul li + li {
        margin-left: 3rem;
    }
}

@media only screen and (min-width: 768px) {
    .hero .content-hero {
        width: 85%;
    }

    .testimonials .swiper-button-prev {
        left: -35px;
    }
    .testimonials .swiper-button-next {
        right: -35px;
    }
}

@media only screen and (min-width: 992px) {
    .hero .content-hero {
        width: 50%;
    }
    .tracking-home .card-tab-home .nav-link {
        font-size: 11px;
    }

    .why-us-home .container-1558::before {
        content: "";
        background-image: url(../img/why-us-image.png);
        background-repeat: no-repeat;
        background-size: 23rem;
        position: absolute;
        top: -20px;
        left: -60px;
        width: 380px;
        height: 540px;
    }

    .why-us-home .slider-container {
        width: 84%;
    }

    .testimonials .swiper-button-prev {
        left: -70px;
    }
    .testimonials .swiper-button-next {
        right: -70px;
    }

    .service-ongkir .card-content {
        width: 70%;
    }

    .service-ongkir .card-content2 {
        width: 30%;
    }

    .visi::before {
        opacity: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .tracking-home .card-tab-home .nav-link {
        font-size: 15px;
    }

    .service-ongkir .card-content {
        width: 60%;
    }

    .service-ongkir .card-content2 {
        width: 40%;
    }
}