@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
}
@media screen and (max-width: 1199px){
    header .empty{display: none}
    .slide-box-l{height: 330px;}
    .head-menu .search input {
        position: absolute;
        bottom: -33px;
        right: 15px;
        display: none;
    }
}

@media screen and (min-width: 992px){
    .col-lg-20{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        padding: 0 15px;
    }
}
@media screen and (max-width: 991px){
    header .head-top ul li {padding: 0 5px;}
    header .head-center .logo-img img{width: 110px;}
    header .head-menu ul li {padding: 8px 7px;}
    footer .contact-way li a {padding: 15px 15px;}
    footer .bg-car {top: 35%;left: 10px;}
    .productlist .left-part .age li,
    .productlist .left-part .sort li{
        display: inline-block;
        width: 24%;
        padding-bottom: 3px;
    }
    .slide-box-l{height: 240px;}
}

@media screen and (min-width: 768px){
    .menu-list-icon{display: none}
}
@media screen and (max-width: 767px){
    .head-menu .search-ul{
        display: none;
    }
    .head-menu .search-ul .search input {
        position: relative;
        bottom: 0;
        right: 0;
        display: inline-block;
        width: 90%;
    }
    .login-reg a,
    .menu-list-icon a{font-size: 22px}
    header .head-top {
        font-size: 14px;
    }
    section {margin-bottom: 40px;}
    header .head-menu ul{display: none}
    header .head-center ul li p{display: none}
    header .head-menu ul li{display: block}
    header .head-center .cart-text-money{display: none}
    .menu-list-icon a{display: inline-block}
    .menu-list-icon a i{color: #ff9900;}
    .logo-img{text-align: center}
    footer .contact-way li a {padding: 5px;}
    footer .pay-way li {padding: 3px;}
    footer .contact-menu li {
        padding:5px;
        display: inline-block;
    }
    .index .part07 p, .index .part02 p {
        margin-bottom: 12px;
        font-size: 16px;
    }
    .banner-img img{
        height: 180px;
        object-fit: cover;
    }
    .banner-img .container .col-12 {
        bottom: 15px;
    }
    .banner-img p {
        min-width: auto;
        padding:5px 15px;
    }
    .banner-img p span {
        padding-bottom: 6px;
        font-size: 17px;
    }
    .blog .brief-blog a,.blog .brief-blog p, .blog .brief-blog i{padding: 0}
    .contact .email-time .box span{font-size: 16px}
    .contact .email-time .box >div:first-child{margin-bottom: 12px}
    .contact .map-location p {
        font-size: 15px;
        left: 0;
        bottom: 0;
        padding: 8px;
    }

    .productdetail .title h4,
    .title h4,
    .delivery .title h4,
    .contact .title h4,
    .index h4{font-size: 28px}

    .delivery .note .box {
        border-radius: 20px;
        padding:20px 15px;
    }
    .delivery .way li {
        padding: 10px 0 15px 55px;
        margin-bottom: 10px;
    }
    .exchange .box {padding: 15px;}
    .productlist .left-part .age li,
    .productlist .left-part .sort li{
        width: 49%;
    }
    .productdetail .product-info .tab-content .tab-pane ul {
        padding: 0;
    }
    .productdetail .product-info .tab-content #pills-home ul li{width: 100%}
    .productlist .product-list .box .add-cart-collect, .index .box .add-cart-collect {
        padding: 30px 15px;
    }


}