@media(max-width:1110px) {
    .header-bottom .list li a {
        padding: 0 28px;
        transition: all linear .2s;
        color: #ffffff;
        font-size: 14px;
        font-family: 'AsapSB';
    }

    .header-top .container .infor {
        padding: 0 50px;
    }

    .left-about-home img {
        width: 100%;
        height: 420px;
    }

    h4.title-about-home {
        font-size: 23.65px;
    }

    h3.name-compa-about-home {
        font-size: 25.45px;
        line-height: 145%;
    }

    span.slogan-about-home {
        font-size: 23.6px;
    }

    .left-content-about-home {
        padding-left: 20px;
    }

    .right-img-about-home {
        padding-top: 0;
    }

        .right-img-about-home img {
            width: 100%;
        }
}

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

    .item-img-content-branch-home img {
        display: block;
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 10px;
    }

    span.ggMap-branch-home {
        padding: 0 40px;
    }

    .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: #fcc200;
    }

    .header-bottom.fixed .list li.btn-menu-rs {
        color: #469acb;
    }

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

    .header-top {
        background: #e7001d;
        height: 70px;
    }

    .list-menu-wrap {
        border-radius: 0;
        padding: 0 10px;
    }

    .header-bottom.fixed .list-menu-wrap {
        background: #fff;
    }

    .header-bottom .grid.wide {
        max-width: 100%;
        padding: 0;
    }

    .wp-header-top {
        position: unset;
        width: 100%;
    }

    .header-bottom {
        height: 60px;
        z-index: 5;
        width: 100%;
        top: 0px;
        position: relative;
    }
}

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

    .header-top .container .infor {
        justify-content: end;
        padding: 0;
        margin: 0;
    }

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

    .header-bottom .container .logo canvas {
        width: 74%;
        top: -72px;
        left: 22px;
    }

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

    .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-top {
        display: none;
    }

    .header-bottom .container .logo {
        transform: translateY(8px);
        display: flex;
        align-items: center;
        margin: 0;
        width: 66px !important;
        height: 66px !important;
    }

        .header-bottom .container .logo canvas {
        }

    .header-bottom.fixed .list-menu-wrap a.detail-booking-home-res {
        color: #7eba00;
        padding-left: 104px;
    }

    .header-bottom .container .logo:before {
        width: 96px !important;
        height: 96px !important;
    }

    .header-bottom .list-menu-wrap a.detail-booking-home-res {
        display: block;
        font-size: 15px;
        padding-left: 119px;
        font-weight: normal;
        line-height: 145%;
    }

    .header-bottom.fixed .container .logo {
        transform: translateY(8px);
        width: 66px !important;
        height: 66px !important;
    }

    .swiper.swiperBanner .swiper-button-prev {
        left: 10px;
    }

    .swiper.swiperBanner .swiper-button-next {
        right: 10px;
    }

    .header-bottom.fixed .container .logo canvas {
    }

    .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: 55px;
    }
}