@media screen and (max-width: 768px) {
    .kj-new {
        border-bottom: 1px solid #ccc;
        padding-bottom:25px;
    }
    .kj-add-border{
        border-bottom:1px solid #ddd;
        margin-bottom:5px;
        padding-bottom:10px;
    }
    .kj-prolist-con span {
        display: block;
    }
    .kj-prolistright-des .kj-prolistright-top img {
        float: left
    }
    .kj-prolist-pro-info span {
        display: none;
    }
    .kj-prolist-pro-info span:first-of-type {
        display: block;
    }
    .kj-default-swiper2 .kj-special-pro span {
        width: 120px;
    }
    .kj-special-pro{
        font-size:18px;
    }
    .kj-site-top-search-center .kj-fa-search {
        top: 10px !important;
        font-size: 17px !important;
    }
    .kj-second-classity{
        display:none !important;
    }
    .kj-site-top-nav .navbar-nav {
        margin: 0;
    }
    .kj-top-search-right-none {
        display: none;
    }
    .kj-site-top-logo {
        width: 100px;
    }

    .kj-top-search {
        height: 70px;
    }

    .kj-site-top-search-center {
        height: 40px;
        border-radius: 25px;
    }

        .kj-site-top-search-center input {
            height: 40px;
            border: none;
            border-radius: 25px;
            padding-left: 30px;
        }

        .kj-site-top-search-center button {
            height: 40px;
            width: 60px;
            border: none;
            border-radius: 25px !important;
        }

            .kj-site-top-search-center button i {
                color: #fff;
                font-size: 14px;
            }

    .kj-default-swiper2 .swiper-wrapper .swiper-slide {
        height: 270px;
    }

    .kj-default-swiper2 {
        margin-top: 40px;
        height: 360px;
    }

        .kj-default-swiper2 .swiper-wrapper .swiper-slide h5 {
            font-size: 14px;
        }

    #kj-site-top-nav-button {
        margin-right: 0;
    }

    .kj-nav-tabs h3 {
        height: 80px;
        line-height: 80px;
        font-size: 18px;
    }

    .kj-site-top-nav .navbar-nav > .active ul,
    .kj-site-top-nav .navbar-nav > .active:focus ul,
    .kj-site-top-nav .navbar-nav > .active:hover ul {
        padding: 0 11px;
        bottom: -149px;
        left: 139px;
    }

        .kj-site-top-nav .navbar-nav > .active ul li,
        .kj-site-top-nav .navbar-nav > .active:focus ul li,
        .kj-site-top-nav .navbar-nav > .active:hover ul li {
            position: relative;
            z-index: 10;
        }

            .kj-site-top-nav .navbar-nav > .active ul li a,
            .kj-site-top-nav .navbar-nav > .active:focus ul li a,
            .kj-site-top-nav .navbar-nav > .active:hover ul li a {
                color: #333;
            }

                .kj-site-top-nav .navbar-nav > .active ul li a:hover,
                .kj-site-top-nav .navbar-nav > .active:focus ul li a:hover,
                .kj-site-top-nav .navbar-nav > .active:hover ul li a:hover {
                    color: #eb3e00;
                }

                    .kj-site-top-nav .navbar-nav > .active ul li a:hover i,
                    .kj-site-top-nav .navbar-nav > .active:focus ul li a:hover i,
                    .kj-site-top-nav .navbar-nav > .active:hover ul li a:hover i {
                        color: #eb3e00;
                    }

    .kj-site-top-search-center-all .kj-hot-product {
        display: none;
    }

    .kj-site-top-search-center {
        bottom: 0;
    }

        .kj-site-top-search-center .kj-fa-search {
            top: 13px;
            font-size: 14px;
        }

    .kj-default-swiper1 {
        height: 225px;
    }

    .kj-advertising {
        display: none;
    }

    .kj-default-swiper3 .swiper-wrapper .swiper-slide,
    .kj-default-swiper4 .swiper-wrapper .swiper-slide,
    .kj-default-swiper5 .swiper-wrapper .swiper-slide,
    .kj-default-swiper6 .swiper-wrapper .swiper-slide {
        height: 315px;
    }

    .kj-product-list-product-in-bottom .table {
        max-width: initial;
        width: 768px;
    }

    .kj-product-list-product-in-bottom {
        overflow-x: scroll;
    }

    .kj-detail-three-tab {
        display: none;
    }

    .kj-concact {
        margin-top: 50px;
    }
    .kj-top-search-right div:nth-last-of-type(2){
        display:none;
    }
}

@media screen and (max-width: 414px) {
    .kj-nav-tabs .nav-tabs li a h4 {
        font-size: 12px;
    }

    .kj-nav-tabs .nav-tabs li:nth-child(1) a div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs li:nth-child(2) a div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs li:nth-child(3) a div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs li:nth-child(4) a div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs > li.active > a div,
    .kj-nav-tabs .nav-tabs > li.active > a:focus div,
    .kj-nav-tabs .nav-tabs > li.active > a:hover div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs > li:nth-child(2).active > a div,
    .kj-nav-tabs .nav-tabs > li:nth-child(2).active > a:focus div,
    .kj-nav-tabs .nav-tabs > li:nth-child(2).active > a:hover div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs > li:nth-child(3).active > a div,
    .kj-nav-tabs .nav-tabs > li:nth-child(3).active > a:focus div,
    .kj-nav-tabs .nav-tabs > li:nth-child(3).active > a:hover div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-nav-tabs .nav-tabs > li:nth-child(4).active > a div,
    .kj-nav-tabs .nav-tabs > li:nth-child(4).active > a:focus div,
    .kj-nav-tabs .nav-tabs > li:nth-child(4).active > a:hover div {
        height: 60px;
        background-size: 40px 40px;
    }

    .kj-news h3 {
        font-size: 20px;
    }

        .kj-news h3 span i {
            width: 68px;
            height: 3px;
            bottom: -18px;
            left: 5px;
        }

    .kj-default-swiper3 .swiper-wrapper .swiper-slide {
        height: 323px;
    }
}

@media screen and (max-width: 395px) {
    .kj-nav-tabs .nav-tabs li a {
        padding: 0;
    }

    .kj-nav-tabs .nav-tabs > li.active > a,
    .kj-nav-tabs .nav-tabs > li.active > a:focus,
    .kj-nav-tabs .nav-tabs > li.active > a:hover {
        padding-bottom: 3px;
    }

        .kj-nav-tabs .nav-tabs > li.active > a span,
        .kj-nav-tabs .nav-tabs > li.active > a:focus span,
        .kj-nav-tabs .nav-tabs > li.active > a:hover span {
            left: 40%;
        }

    .kj-nav-tabs .nav-tabs li {
        height: 80px;
    }

    .kj-site-top-logo {
        width: 80px;
    }

    .kj-default-swiper1 {
        height: 160px;
    }

    .kj-default-swiper2 h3 {
        height: 42px;
    }

        .kj-default-swiper2 h3 span {
            height: 42px;
            width: 120px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 20px;
        }

    .kj-news h3 span {
        font-size: 18px;
    }

    .kj-news h3 a {
        font-size: 14px;
    }

    .kj-news h3 span i {
        width: 60px;
        height: 3px;
        bottom: -18px;
        left: 5px;
    }

    .kj-default-swiper3 .swiper-wrapper .swiper-slide,
    .kj-default-swiper4 .swiper-wrapper .swiper-slide,
    .kj-default-swiper5 .swiper-wrapper .swiper-slide,
    .kj-default-swiper6 .swiper-wrapper .swiper-slide {
        height: 270px;
    }

    .kj-default-swiper3,
    .kj-default-swiper4,
    .kj-default-swiper5,
    .kj-default-swiper6 {
        height: 330px;
        margin-top: 50px;
    }

    .kj-default-swiper1-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}