@media(max-width:1023px) {
    .no-display-mobile-tablet {
        display: none;
    }

    .no-display-mobile {
        display: none;
    }

    .header-bottom .container {
        justify-content: center;
    }

    .header-bottom .list li a {
        display: none;
    }

    .header-bottom .list li.hav {
        display: none !important;
    }

    .header-bottom {
        height: 65px;
    }

        .header-bottom .list li.btn-menu-rs {
            display: flex;
            font-size: 30px;
            color: #fff;
            position: relative;
            right: -100px;
            z-index: 999;
        }

        .header-bottom .list li:nth-child(6)::before {
            content: unset;
        }

    .header-banner {
        position: unset;
    }

    .header-bottom ul li {
        display: none;
    }

    .list-menu-wrap {
        justify-content: space-between;
    }

    .header-bottom .list li::before {
        display: none;
    }

    .header-bottom ul li.btn-menu-rs {
        display: block;
    }

    .header-top .infor .item {
        display: none;
    }

        .header-top .infor .item.tel {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            justify-content: space-between;
        }

    .header-top .container .infor {
        position: absolute;
        right: 0;
    }

    .header-bottom ul li.btn-menu-rs {
        display: block;
    }
}

@media(min-width:740px) and (max-width:1023px) {
    .no-display-tablet {
        display: none;
    }

    .header-top .container .infor {
        justify-content: space-between;
    }


    .right-email-header {
        padding-left: 0;
    }

    .wp-home-about .grid.wide {
        padding: 0 10px;
    }

    .header-bottom.fixed .container .logo:after {
        left: 53px;
    }

    .header-top .infor .item.tel:nth-child(1) {
        display: none;
    }

    .header-bottom .container .logo canvas {
        left: 30px;
    }


    .header-bottom .container .logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-bottom .list li {
        right: -495px;
    }

    .swiperBanner .swiper-button-next {
        transform: translateX(-20px);
    }

    .swiperBanner .swiper-button-prev {
        transform: translateX(20px);
    }

    .swiperBanner:hover .swiper-button-next {
        transform: translateX(-70px);
    }

    .swiperBanner:hover .swiper-button-prev {
        transform: translateX(70px);
    }
}

@media(max-width:739px) {
    .no-display-mobile {
        display: none;
    }

    .header-top {
        display: block;
    }

        .header-top .grid.wide {
            padding-left: 0;
        }

    .left-header-bottom-content {
        display: none;
    }

    .swiperBanner:hover .swiper-button-next {
        transform: translateX(-54px);
    }

    .swiperBanner:hover .swiper-button-prev {
        transform: translateX(54px);
    }

    li.cart-menu-home-header {
        right: -235px;
        top: -18px;
    }

    .swiperBanner .swiper-button-next {
        color: #fff;
        width: 45px;
        height: 45px;
        transform: translateX(-28px);
        display: none;
    }

    .swiperBanner .swiper-button-prev {
        color: #fff;
        width: 45px;
        transform: translateX(28px);
        height: 45px;
        display: none;
    }

    .header-bottom .list li.btn-menu-rs {
        top: 0;
        right: -172px;
    }

    .span-cart a > div {
        margin-top: 3px;
        display: block;
    }

    .header-bottom .container .logo {
        transform: translateY(0);
        display: flex;
        align-items: center;
    }

    .span-cart a:before {
        width: 36px;
        height: 36px;
        font-size: 16px;
        line-height: 34px;
        top: -8px;
    }

    .span-cart {
        border: 1px solid #fff;
        border-radius: 5px;
    }

    .cart-top {
        right: -35px;
    }

    .bot-cart a {
        display: block !important;
        line-height: 44px;
    }

    .span-cart a {
        padding-left: 30px !important;
        font-size: 16px !important;
    }

    .header-bottom .container .logo:after {
        left: 83px;
        bottom: -38px;
    }

    .header-bottom.fixed .container .logo {
        justify-content: unset;
    }

    .header-bottom .container .logo:before {
        content: unset;
    }


    .header-bottom .container .logo img {
        display: none;
    }

    .header-top .infor .item.tel a {
        font-size: 13px;
    }

    .header-top .infor .item.tel section {
        font-size: 13px;
    }

    .header-top .infor .item.tel span {
        font-size: 13px;
    }

    .header-bottom {
        height: 65px;
        background-size: cover;
        position: unset;
    }

    .right-header-bottom-content {
        font-size: 17px;
    }

    .cart-mobile {
        display: block;
    }
}