@media(min-width:1370px) {
    .header-top:before {
        content: unset
    }

    .header-top .container .infor a.logo {
        transform: translate(-26px, 23px);
    }

    .header-top:after {
        content: unset
    }

    .header-top {
    }

        .header-top .infor .item.tel section, section.widget-hotline-name span a, .header-top .infor .item.tel section.compa {
            color: #052c5f;
        }

    .decorBackMenuHeader:after {
        content: "";
        position: absolute;
        background: #fff;
        width: 50%;
        height: 99%;
        right: 0;
        bottom: 0;
    }
}

@media(min-width:1390px) {
    .decorBackMenuHeader:after {
        content: "";
        position: absolute;
        background: #fff;
        width: 50%;
        height: 100%;
        right: 0;
        bottom: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1239px) {
    .header-top:after {
        content: "";
        position: absolute;
        width: 677px;
    }

    i.icon-drop-menu-home {
        position: absolute;
        bottom: 13px;
    }

    .list-menu-wrap ul .li-lv1, .list-menu-wrap > ul.list > li {
        padding: 0px 16px;
        position: relative;
    }

        .list-menu-wrap ul .li-lv1 > a, .list-menu-wrap > ul.list > li > a {
            /* color: #ffffff; */
            font-size: 16px;
        }

    .wAddressH {
        display: none;
    }

    .header-top .container .infor a.logo {
        transform: translate(-2px, 16px);
    }

    .wEmailH {
        border-right: unset;
    }

    ul.drop-down2 {
        left: -306px;
    }

    .decorBackMenuHeader:after {
        content: unset;
    }

    span.hotline1:nth-child(1) {
        margin-bottom: 10px;
    }
}

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

    .mr-10 {
        margin-right: 10px;
    }

    .wp-res-busCar {
        display: flex;
    }

    .list-menu-wrap {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        -webkit-justify-content: end;
        flex-direction: row-reverse;
        justify-content: end;
    }

    .decorBackMenuHeader {
        position: absolute;
        top: 0;
        right: -4px;
    }

        .decorBackMenuHeader:before {
            width: 100%;
            height: 45%;
            left: -7px;
        }

    .header-top .infor .item.tel section.compa {
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    section.widget-hotline-name span a {
        font-size: 15px !important;
    }

    span.hotline1:nth-child(1) {
        margin-bottom: 10px;
    }

    .swiperBanner .swiper-button-next {
        color: #fff;
        width: 48px;
        height: 48px;
    }

    .swiperBanner .swiper-button-prev {
        color: #fff;
        width: 48px;
        height: 48px;
    }

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

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

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

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

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

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

    .header-bottom .list li.btn-menu-rs {
        display: flex;
        font-size: 30px;
        color: #23216a;
        width: unset;
        height: unset;
        border-radius: unset;
        background: unset;
    }

    .header-bottom ul li {
        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;
        }

    .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;
    }

    .decorBackMenuHeader svg {
        width: 100%;
        height: 100%;
    }

    .header-bottom {
        height: 44px;
    }

    .decorBackMenuHeader:after {
        content: unset;
    }

    .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-top .container .infor a.logo {
        transform: unset;
    }

    .header-bottom .container .logo canvas {
        /* width: 74%; */
        /* top: 5px; */
        left: -64px;
    }

    .header-bottom.fixed .container .logo canvas {
        /* width: 62% !important; */
        /* height: 90% !important; */
        top: 0px;
        left: 14px;
        transition: all .3s;
    }

    .header-bottom .container .logo {
        transform: translateX(78px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

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

    .wLinkProductHome span {
        left: -26px;
    }

    .btn-menu-rs {
        padding-right: 0 !important;
    }

    .header-top .infor .item:nth-child(1) {
        margin: 0;
    }

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

    .decorBackMenuHeader {
        display: none;
    }

    .header-top {
        /* display: none; */
        background: #23216a;
    }

        .header-top:before {
            content: unset;
        }

    .swiper-button-next, .swiper-button-prev {
        display: none;
    }

    .header-top:after {
        content: unset;
    }

    .widget-header-top {
        position: unset;
        height: auto;
    }

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

        .header-bottom .container .logo canvas {
            width: 61% !important;
            /* height: 28% !important; */
            margin: auto !important;
            left: 0;
            top: -13px;
            display: block;
        }

        .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.fixed .container .logo canvas {
        height: unset;
        width: 60% !important;
        left: 0;
        top: -13px;
    }

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

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

    .header-top .container .infor a.logo {
        transform: none;
    }

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

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

    .header-bottom {
        height: 55px;
        background-size: cover;
        background: #fff;
    }

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