@media only screen and (min-width: 320px) and (max-width: 550px) {
    .hero__sec img {
        height: 180px;
    }
    .hero__sec .owl-carousel img {
        width: auto;
    }
    .hero__sec .bg__color {
        height: 35%;
        width: 100%;
        top: 65%;
    }
    .products__sec .bottomBtn, .hero__sec .text__box a{
        margin-bottom: 5rem;
    }
    .form_sec{
        margin-top: 2rem;
    }
    .contact_sec .contact_txt h3 {
        font-size: 20px;
    }
    .contact_sec .contact_txt ul li a i {
        font-size: 17px;
    }
    .contact_sec .contact_txt ul li a {
        font-size: 15px;
    }
    .contact_sec .contact_txt ul li {
        margin-bottom: 20px;
    }
    .contact_sec ul.follow_us li {
        padding: 8px 11px;
        width: 35px;
        height: 35px;
        margin: 0 9px;
    }
    .contact_sec ul.follow_us {
        justify-content: start;
    }
    .overseas__sec .row{
        flex-flow: column-reverse;
    }
    .why_choose .cardWrapper {
        transform: rotate(0deg);
    }
}