@media only screen and (max-width:1218px) {
    .about-left-img {
        width: 100%;
        float: none;
        padding-right: 0;
    }
}

@media only screen and (max-width:1058px) {
    .myheader {
        flex-direction: column;
    }
}
@media only screen and (max-width:991px){
    .ff-item{
        margin: 0;
    } 
    .nav-btn .dropdown-menu {
        right: auto;
        left: 0;
    }
    .nav-btn{
        justify-content: unset;
        padding-left: 20px;
    }
}

@media only screen and (max-width:800px) {
    .phone-top {
        display: none !important;
    }

}

@media only screen and (max-width:767px){
.counter-card{
    border-radius:10px;
    margin-bottom: 30px;
}
.odd{
    margin-top: 0;
}
}

@media only screen and (max-width:767px){
    .why-card{
        flex-direction: column;
    }
    .why-card .why-img{
        margin: auto;
    }
    .why-card .why-content{
        width: 100%;
    }
    .why-card .why-content .name{
        text-align: center;
    }
    .why-card .why-content .des{
        text-align: center;
    }
}

@media only screen and (max-width:450px) {
    .social-top {
        display: none;
    }
    .test-content .comma{
        display: none;
    }
    .test-card{
        padding: 15px;
    }
    .logo{
        height: 45px;
    }
    .provide-card .provide-name .name{
        font-size: 20px;
    }
    .product-card .pro-name{
        font-size:20px;
    }
    .product-card .pro-back-name{
          font-size:20px;
    }
    .test-content{
        width: 70%;
    }
    .test-content .name{
        font-size:20px;
    }
}