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

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

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

    .header-bottom .list li.btn-menu-rs {
        display: flex;
        font-size: 30px;
        color: #fff;
    }

    .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-bottom .container .logo canvas {
        height: 66px;
    }

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

@media(max-width:739px) {
    .no-display-mobile {
        display: none
    }
    .header-bottom .list.r{
            display:flex;
            justify-content: space-between;
            align-items: center;
            gap: 9px;
            width: 79%;
            /* margin-top: 19px; */
    }
    .sac{
        display: flex !important;
         /* Căn giữa theo chiều dọc */
         /* hoặc giá trị bạn muốn */
        justify-content: left;
        margin-top: 18px;
    }
    .hteas{
        height: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'OPENB';
        color: var(--default-color-3);
        width: 81%;
        /* white-space: nowrap; */
    }
    .header-top {
        display: none;
    }

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


    .header-bottom.fixed .container .logo {
        justify-content: unset;
        transform: translateX(-5px);
    }

    .header-bottom .container .logo canvas {
        width: 76px;
    }

    .header-bottom.fixed .container .logo canvas {
        height: 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: 83px;
    }
}