@media screen and (max-width: 768px) {
    .kj-site-top-logo {
        margin-right: 0px;
    }
    .kj-news-bg {
        height: 150px;
    }
    .kj-prolist-con h4 {
        padding-bottom: 0;
    }
    .kj-news-nav i {
        left: 0;
        top: 34%;
    }
    .kj-news-nav ol {
        height: 65px;
    }
    .kj-prolist-con span{
        display:none;
    }
    .kj-prolist-con h4 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .kj-product-list-product-in-top .media-body span {
        display: none;
    }
    .kj-prolistright-des .kj-prolistright-top img{
        display:none;
    }
    .kj-prosearch-pricelist {
        min-height: 90px;
    }
        .kj-prosearch-pricelist .pro-list-click a {
            color: #0c4da2;
            text-decoration: none;
            position: relative;
            top: 25px;
        }
    .kj-detail-three-tab{
        display:none;
    }
    .kj-site-top-nav .collapse.in {
        display: none;
    }

    .kj-site-top-nav .navbar-collapse {
        display: none;
    }

    .kj-site-top-nav .kj-in {
        display: block !important;
    }

    .kj-site-top-nav .navbar-collapse .navbar-nav li {
        position: relative;
    }
    .kj-site-top-nav .navbar-collapse .navbar-nav li ul{
        display:none;
        padding-left:10px;
    }
    .kj-site-top-nav .navbar-collapse .navbar-nav li ul li ul {
            transform: translateX(0px);
     }

    .kj-site-top-nav .navbar-collapse .navbar-nav li:first-child a:hover {
        color: #fff;
    }

    .kj-site-top-nav .navbar-collapse .navbar-nav li:hover ul {
        display: block;
    }
    .kj-detail-other-info div:first-child {
        display: none;
    }
    .kj-site-top-logo {
        width: 70px;
    }

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

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

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

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

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

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

    .kj-top-search-right div {
        display: none;
    }

    .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-default-swiper1 {
        height: 225px;
    }

    .kj-three-pro-right img {
        width: 40%;
    }

    .kj-hot-product h3 {
        font-size: 18px;
    }

    .kj-floor-header-flag div {
        height: 50px;
        font-size: 18px;
    }

    .kj-flex-bottom {
        height: 50px;
    }

        .kj-flex-bottom a {
            font-size: 12px;
        }

    .kj-default-swiper2 {
        height: 366px;
    }

    .kj-three-tab .nav > li > a {
        font-size: 18px;
        margin-top: 40px;
    }

    .kj-band-center img {
        height: 60px;
    }

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

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

    .kj-product-list-product .kj-product-list-product-in .kj-product-list-product-in-top .media-body ul {
        display: none;
    }

    .kj-site-top-nav .navbar-collapse {
        overflow-x: hidden;
    }

        .kj-site-top-nav .navbar-collapse .navbar-nav li a {
            padding: 14px 20px;
            margin: 16px 44px 7px;
        }
    .kj-detail-three-tab .nav > li > a {
        padding: 9px 16px;
        font-size: 15px;
    }
    .kj-detail-info h1 {
        font-size: 22px;
    }
    .kj-detail-other-info div:last-child a:last-child {
        width: 85px;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
    }
    .kj-detail-other-info div:last-child a {
        margin-left: 0px;
        margin-right:10px;
    }
}

@media screen and (max-width: 530px) {
    .kj-site-top-search-center input {
        height: 30px;
        padding-left: 10px;
    }
    .kj-site-top-search-center button {
        height: 30px;
        width: 40px;
        background-size: 18px 18px;
    }
    .kj-site-top-search-center {
        height: 32px;
    }
    .kj-news-bg {
        height: 100px;
    }

    .kj-news-nav i {
        left: 0;
        top: 34%;
    }

    .kj-news-nav ol {
        height: 65px;
    }
    .kj-default-swiper2 {
        height: 320px;
    }

    .kj-hot-product .swiper-button-next,
    .kj-hot-product .swiper-button-prev {
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
    }

    .kj-three-tab .nav > li > a {
        font-size: 16px;
        padding: 5px 23px;
    }

    .kj-floor-header-flag div {
        height: 50px;
        font-size: 14px;
    }

    .kj-news-left {
        flex-wrap: wrap;
    }

        .kj-news-left img {
            width: 100%;
            margin: 0 auto;
        }

    .kj-left {
        display: none;
    }

    .kj-right {
        top: 27%;
    }
    .kj-detail-nav{
        display:none;
    }
}
.kj-right{
    display:none;
}