/* (min-width: Mobile -> Desktop) */
@media (min-width: 1366px) {
    .container.custom-width {
        width: 1280px;
    }
}

@media (min-width: 1690px) {
    /*Sự kiện giáng sinh*/
    .home-banner {
        background-size: auto 1050px;
    }

    .about-banner, .quyenloi-banner, .tichdiem-banner, .quatang-banner {
        background-size: auto 600px;
    }
}

@media (min-width: 1920px) {
    .rowfull {
        max-width: 2560px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (min-width: 2500px){
    .container.custom-width {
        margin-top: 100px;
    }
}

/* (max-width: Desktop -> Mobile) */

@media (max-width: 1400px){
    .about-banner, .quyenloi-banner, .tichdiem-banner, .quatang-banner {
        background-size: auto 520px;
        height:520px;
    }
}

@media (max-width: 1280px) {

    .quyenloi_items_3._left > div:nth-of-type(2) {
        width: 278px;
        left: 8px;
    }

    .quyenloi_items_3._right > div:nth-of-type(2) {
        width: 278px;
        left: 65px;
    }

    .quyenloi_items_4._right > div:nth-of-type(2),
    .quyenloi_items_4._right > div:nth-of-type(3) {
        width: 292px;
        left: 50px;
    }

    .tooltip-bottom .tooltiptext1 {
    }
}


@media (max-width: 1024px) {

    .home-thamgia .col-left {
        padding-bottom: 0;
    }

    .img-tichdiem {
        display: none;
    }

    .tichdiem-selects {
        margin-top: 24px;
    }

    .container.custom-width {
        width: 99%;
    }

    .home-banner .square-block {
        width: 150px;
        margin-right: 8px;
    }

    .home-banner .banner-content > img {
        height: 140px;
    }

    .square-block > div p {
        font-size: 18px;
    }

    .item-gold > div {
        padding: 0 3px;
    }

    .layout-quyenloi {
        flex-direction: column;
    }

        .layout-quyenloi .left {
            display: none;
        }

            .layout-quyenloi .left > div,
            .layout-quyenloi .right > div {
                padding: 20px 20px 20px 40px;
                width: 100%; /* doan */
            }

                .layout-quyenloi .left > div > div {
                    right: auto;
                    left: -25px;
                }

        .layout-quyenloi .img-center {
            display: block;
            max-width: 100%;
            background: none;
            text-align: center;
        }

        .layout-quyenloi > div > div {
            width: auto;
        }

        .layout-quyenloi .right {
            align-items: unset;
            display: none
        }

    .home-thamgia {
/*        height: 856px;
        background-position: 60% bottom;*/
    }

        .home-thamgia .col-right {
            padding-top: 0px;
            padding-left: 320px;
            margin-top: 60%;
        }
    /* --------------- */
    .about-quyenloi-m > div > div {
        padding: 18px;
        border-radius: 8px;
        background: #F3F4F9;
        margin: 5px 0;
        display: flex;
        flex-direction: column;
        gap:10px;
        /* align-items: center; */
        height: 100px;
        color: #201C64;
    }

        .about-quyenloi-m > div > div > p,
        .about-quyenloi-m > div > div > div {
            width: 100%;
        }

        .about-quyenloi-m > div > div > p {
            height: 30px
        }

        .about-quyenloi-m > div > div ._star_yellow {
            background: url('../images/i-star.svg') center left no-repeat;
            background-size: 24px;
            padding-left: 30px;
        }

    .about-quyenloi-m > div:last-child {
        text-align: center;
    }

    .about-quyenloi-m > div:nth-of-type(1),
    .about-quyenloi-m > div:nth-of-type(3),
    .about-quyenloi-m > div:nth-of-type(5),
    .about-quyenloi-m > div:nth-of-type(7),
    .about-quyenloi-m > div:nth-of-type(9) {
        padding-right: 7px;
    }

    .about-quyenloi-m > div:nth-of-type(2),
    .about-quyenloi-m > div:nth-of-type(4),
    .about-quyenloi-m > div:nth-of-type(6),
    .about-quyenloi-m > div:nth-of-type(8),
    .about-quyenloi-m > div:nth-of-type(10) {
        padding-left: 7px;
    }

    .about-quyenloi-m {
        /* display: block; */
        /* padding-top: 40px; */
    }

    

        .quyenloi-tieuchi .block-card > div img {
            margin-right: 8px;
        }

        .quyenloi-tieuchi .block-card > div b {
            font-size: 17px;
        }

    .layout-quyenloi .carousel-parent-quyenloi, .carousel-parent-quyenloi {
        width: 660px
    }

    .circle-quyenloi .owl-item.active.center {
        left: -30px;
    }

    .items-img-tangdiem > div > div p {
        height: 126px
    }
    /* voucher-block */
    .quatang-voucher-block .col-sm-12 > div div.left-block img {
        width: 140px;
        height: 140px;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block span {
        font-size: 17px;
        line-height: 22px;
        height: 45px;
        overflow: hidden;
        display: block;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block {
        background: url('../images/voucher_line172.png') top left no-repeat;
        padding: 16px 16px 16px 32px;
        background-size: 32px auto;
        height: 172px;
    }

        .quatang-voucher-block .col-sm-12 > div div.right-block p {
            font-size: 14px;
            padding: 4px 0;
            height: 66px;
            overflow: hidden;
        }

    .view-detail-voucher {
        bottom: 2px;
        padding-left: 188px;
    }

    .view-detail-voucherGift {
        bottom: 2px;
    }

    .tooltip-bottom .tooltiptext {
        top: 48px;
    }

    .item-gold > div p > span.un-break {
        display: unset;
    }

    .box-i-huongdan {
        margin-right: 16px;
        width: 82px;
        height: 82px;
    }

    .row-buoc-thamgia .download-app img {
        width: 164px;
        height: 59px;
    }

    .box-about-khtt {
        padding: 0px 16px;
    }

        .box-about-khtt p > span {
            display: unset;
        }

    .layout-quyenloi .img-center .title-center {
        position: unset;
    }

    .layout-quyenloi .img-center:after {
        display: none;
    }

    .home-quatang {
        margin-top: 58px;
    }

    .quyenloi-tieuchi {
        padding-top: 40px;
    }

        .quyenloi-tieuchi._bottom_ {
            padding-top: 0;
        }

    .view-detail-voucher-info .tooltiptext {
        visibility: hidden;
        text-align: left;
        font-size: 14px;
        width: 100%;
        background-color: #fff;
        padding: 9px;
        position: absolute;
        z-index: 10;
        top: 30px;
        left: 0;
        cursor: text;
        text-align: justify;
        box-shadow: 0 0 30px -10px rgb(0 0 0 / 40%);
        border: 1px solid #eee;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        color: #000;
    }

    /*.tooltip-bottom .tooltiptext::after {
        display: none
    }*/
    .rowspan2 {
        width: 67% !important;
    }

    .rowspan1 {
        width: 63% !important;
    }
}

/* end 1024 */
/* 834 */
@media (max-width: 834px){
    .about-thamgia {
        height: auto;
        padding-bottom: 20px;
        background-size: auto 880px;
    }
    .under--second-menu {
        padding-top: 20px;
    }
}
@media (max-width: 768px) {
    .block-card {
        width: 50%;
    }
    .abc {
        display: inline-table;
    }

    .div-share {
        display: inline-table;
        align-items: center;
        padding: 32px 0px 32px 16px;
    }

    .btn--share {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px;
        gap: 16px;
        width: 100%;
        height: 112px;
        border-radius: 8px;
        color: #506CFF;
        flex: none;
        order: 0;
        flex-grow: 1;
        line-height: 0.5;
    }







    .link-footer-mobile {
        display: block;
        padding: 20px 10px 0;
    }

    .link-footer-desktop {
        display: none;
    }

    .home-banner {
        /*Banner thường*/
        background-image: url('../images/home-banner-m.webp');
        background-position: center 33%;
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/event/event-home-banner.png');*/
        /*background-position: 70% top;*/
        /*Sự kiện Tết*/
        /*background-image: url('../images/tet/trang_chu_header_tet_mobile.png');*/
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 102px;
        min-height: 600px;
    }

        .home-banner .banner-content {
            margin-top: 6px;
            text-align: center;
        }

        .home-banner .description-text {
            margin: 320px auto 50px;
            width: 80%;
        }

        .home-banner .row-square {
            justify-content: center;
        }

        .home-banner .banner-content > img {
            height: 120px;
        }

    .home-thamgia {
        background: url('../images/home-thamgia.png') 87% 100% no-repeat;
        background-size: auto 857px;
        height: 858px;
        /*Sự kiện giáng sinh*/
        /*background: url('../images/event/event-home-thamgia.png') 100% 100% no-repeat;*/
        /*Sự kiện tết*/
        /*background: url('../images/tet/trang_chu_footer_tet_mobile.png') 100% 100% no-repeat;*/
    }


    .box-i-huongdan {
        /* display: none; */
        margin-right: 15px;
    }

    .about-khtt {
        height: auto
    }

    .box-about-khtt a {
        padding: 0 35px;
        line-height: 48px;
        margin-top: 24px;
    }

    .home-quatang .title {
        font-size: 32px;
        margin-bottom: 15px;
        line-height: 57px;
    }

    .home-thamgia .col-right {
        padding-top: 180px;
        padding-left: 30px;
        padding-bottom: 0;
    }

    .home-quatang {
        height: auto;
        padding: 28px 0 24px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .about-thamgia {
        background-position: 76% bottom;
        /* height: 721px; */
        height: auto;
        background-size: cover;
    }
    .about-thamgia .col-left {
        width: 100%;
        padding-top: 100px;
    }
    .about-thamgia .col-right {
        width: 100%;
        padding: 0 5px 20px;
    }
    .about-thamgia .col-right .title {
        padding-top: 0px;
    }

    /* tabs verticle */
    ul.tabs_v {
        display: none;
    }

    .tab_container_v {
        display: block;
        margin: 0 auto;
        width: 100%;
        left: 0;
        border-top: none;
        overflow: hidden;
    }

    .tab_drawer_heading {
        background: #F3F4F9;
        /* IE6-9 */
        color: rgba(32,28,100,.5);
        border-left: 4px solid;
        margin: 0;
        padding: 15px;
        /* display: block; */
        display: table;
        width: 100%;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        line-height: 41px;
        border-bottom: 1px solid rgba(214, 214, 214, .5);
    }

        .tab_drawer_heading:hover {
            background: #eeeeee;
            color: #02469b;
        }

        .tab_drawer_heading img {
            filter: grayscale(70%);
            -webkit-filter: grayscale(70%);
            opacity: .5;
        }

        .tab_drawer_heading.d_active {
            background: #F3F4F9;
            color: #02469b;
            border-bottom: 1px solid #fff;
            position: relative;
        }

            .tab_drawer_heading.d_active img {
                filter: grayscale(0%);
                -webkit-filter: grayscale(0%);
                opacity: 1;
            }

        .tab_drawer_heading > span {
            display: table-cell;
            vertical-align: middle;
        }

            .tab_drawer_heading > span.img-icons_m {
                width: 72px;
                padding-right: 12px;
            }

                .tab_drawer_heading > span.img-icons_m img {
                    width: 100%;
                }

    .tab_content {
        padding: 20px;
        border-bottom: 1px solid rgba(214, 214, 214, 0.5);
    }

        .tab_content h4 {
            display: none
        }

    .tab_drawer_heading img.i-arrow {
        position: absolute;
        right: 8px;
        top: calc(50% - 14px);
        display: none;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .tab_drawer_heading.d_active img.i-arrow {
        display: block
    }
    /* end tabs verticle */
    .quyenloi-tieuchi .block-card {
        margin-bottom: 12px;
    }

    .layout-quyenloi .img-center {
        width: 100%;
        background: none;
        margin: 0 auto;
    }

    .layout-quyenloi .carousel-parent-quyenloi, .carousel-parent-quyenloi {
        width: 440px
    }

    .circle-quyenloi .owl-item.active.center {
        left: -40px;
    }

    .layout-quyenloi .img-center .title-center,
    .quyenloi-tieuchi .title p {
        font-size: 24px;
        text-align: center;
    }

    .quyenloi-tieuchi {
        padding: 50px 0 0px;
    }

    .quyenloi-banner {
        background-size: auto 520px;
        height: 520px;
    }

        .quyenloi-banner .description-text {
            font-size: 20px;
            color: #fff;
            padding-top: 100px;
        }

            .quyenloi-banner .description-text h4 {
                font-size: 30px;
                font-weight: 700;
                line-height: 39px;
                padding-bottom: 30px;
            }

    .tichdiem-banner {
        background-size: auto 520px;
        height: 520px;
    }

        .tichdiem-banner .description-text {
            font-size: 20px;
            color: #fff;
            padding-top: 100px;
        }

            .tichdiem-banner .description-text h4 {
                font-size: 30px;
                font-weight: 700;
                line-height: 39px;
                padding-bottom: 30px;
            }

    .tichdiem-banner-top {
        text-align: center;
        height: auto;
        padding-bottom: 0;
    }

        .tichdiem-banner-top .col-left {
            padding-left: 10%;
            padding-right: 10%;
        }

        .tichdiem-banner-top .btn-span {
            margin-bottom: 40px;
            margin-left: 0px;
        }

        .tichdiem-banner-top .btn-span1 {
            margin-left: 0px;
        }

    .row-item-gold {
        display: none;
    }

    .row-item-gold-m {
        display: block;
    }

        .row-item-gold-m > div {
            width: 50%;
            height: 130px;
            float: left;
            display: flex;
            /* align-items: center; */
            padding: 5px;
            transition: all ease-in-out 0.1s;
            -webkit-transition: all ease-in-out 0.1s;
            -moz-transition: all ease-in-out 0.1s;
            -ms-transition: all ease-in-out 0.1s;
            -o-transition: all ease-in-out 0.1s;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

            /*.row-item-gold-m > div:nth-of-type(10) {
                width: 100%;
            }*/

            .row-item-gold-m > div:hover {
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
            }

            .row-item-gold-m > div > div {
                text-align: center;
                padding: 0;
                font-size: 12px;
                width: 100%;
                background: #F6F7FB;
            }

                .row-item-gold-m > div > div > b {
                    color: #201C64;
                    font-size: 18px;
                    font-weight: 700;
                    margin: 16px 0;
                    display: inline-block;
                    line-height: 36px;
                }

                .row-item-gold-m > div > div > div {
                    display: inline-block;
                    width: 66px;
                    line-height: 30px;
                    height: 34px;
                    margin: 16px auto;
                    border: 3px solid #fff0d2;
                    background: linear-gradient(223.53deg, #FFD233 23.82%, #FFB800 79.59%);
                    border-radius: 10px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    -ms-border-radius: 10px;
                    -o-border-radius: 10px;
                }

                    .row-item-gold-m > div > div > div span {
                        font-weight: 900;
                        background: linear-gradient(207.27deg, #FFFFFF 30.6%, rgba(255, 255, 255, 0) 162.11%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }

                .row-item-gold-m > div > div > p {
                    padding: 0 6px;
                    color: #201C64
                }

                    .row-item-gold-m > div > div > p span {
                        display: block;
                    }

                .row-item-gold-m > div > div > div.icon-uutien {
                    /* border: none;
        background: none;
        background: #ccc;
        line-height:0 */
                }

                .row-item-gold-m > div > div > div.icon-uutien {
                    background: url('../images/uutien-icon.svg') center no-repeat;
                    background-size: 40px;
                    width: 26px;
                    height: 26px;
                    /*border: 3px solid transparent;*/
                }

    .block-tichdiem .title,
    .block-tichdiem ._text_p,
    .tichdiem-banner-1 .title,
    .tichdiem-banner-1 ._text_p,
    .block-gtbb ._text_p {
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
    }

    .tichdiem-banner-1 {
        background: #fff;
        height: auto;
        padding: 4px 0 40px;
    }

    .block-gtbb .block-img {
        width: 366px;
        padding: 24px;
        display: block;
        height: auto;
        margin-bottom: 16px;
    }
        .block-gtbb .magioithieu-box {
            height: 160px;
        }

        .block-gtbb .block-img > div {
            height: 90px;
        }

            .block-gtbb .block-img > div > div {
                text-align: left;
                display: inline-block;
                width: calc(100% - 60px);
                padding-left: 36px;
            }

                .block-gtbb .block-img > div > div b {
                    padding-top: 2px;
                }

            .block-gtbb .block-img > div > span {
                float: left;
                width: 60px;
                display: flex;
                height: 100%;
            }

                .block-gtbb .block-img > div > span > img {
                    width: 60px;
                }

    .items-img-tangdiem > div > div p {
        height: auto
    }

    .tichdiem-quydinh .title {
        font-size: 24px;
    }

    .tichdiem-quydinh {
        background: url('../images/tichdiem-bottom-1-768.png') center top / auto 215px no-repeat, url('../images/tichdiem-bottom-2.png') -190px bottom / auto 563px no-repeat;
        background-color: #455fea;
        height: auto;
        padding-top: 210px;
        padding-bottom: 120px;
    }

    .tabs_wrapper.opacity .tab_drawer_heading {
        background: rgba(255,255,255,.01);
        color: rgba(255,255,255,.5);
        border-bottom: 0;
        border-left: 4px solid;
        margin-top: 2px;
        padding: 44px;
    }

        .tabs_wrapper.opacity .tab_drawer_heading.d_active {
            background: rgba(255,255,255,.1);
            color: rgba(255,255,255,1);
            border-bottom: 0;
        }

        .tabs_wrapper.opacity .tab_drawer_heading p {
            padding-top: 12px;
        }

    .tabs_wrapper.opacity .tab_container_v {
        background: rgba(255,255,255,.06);
    }

    .quatang-banner {
        background-size: auto 520px;
        height: 520px;
    }

        .quatang-banner .description-text {
            font-size: 20px;
            color: #fff;
            padding-top: 100px;
        }

            .quatang-banner .description-text h4 {
                font-size: 30px;
                font-weight: 700;
                line-height: 39px;
                padding-bottom: 30px;
            }

    /* -voucher-block */
    .quatang-voucher-block .col-sm-12 > div div.left-block img {
        width: 160px;
        height: 140px;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block {
        padding: 20px 20px 20px 32px;
    }

        .quatang-voucher-block .col-sm-12 > div div.right-block span {
            height: auto
        }

        .quatang-voucher-block .col-sm-12 > div div.right-block p {
            padding: 7px 0;
        }

    .view-detail-voucher {
        padding-left: 208px;
    }

    .view-detail-voucherGift {
    }

    .home-thamgia .col-left {
        padding-top: 140px;
    }

    .home-thamgia .col-right {
        padding-top: 214px;
    }

    .row-buoc-thamgia.m-bottom {
        margin-bottom: 28px;
    }

    .about-cauhoi {
        margin-bottom: 36px;
    }

    .about-cauhoi {
        margin-bottom: 12px;
    }

    .box-about-khtt div {
        font-size: 22px;
        padding: 16px 0;
    }

    .container.custom-width {
        width: 100%;
    }

    .block-tichdiem._bg_color {
        background: #F0F6FF;
    }

        .block-tichdiem._bg_color .tichdiem--blockhang {
            background: #fff;
        }

    .tichdiem-block-2item {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .items-img-tangdiem > div:nth-of-type(1) {
        margin-bottom: 28px;
    }

    .block-gtbb ._text_p > span {
        display: unset;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block span > strong {
        display: unset;
    }

    .quatang-voucher-block {
        padding: 40px 0;
    }

        .quatang-voucher-block .box-note {
            margin-top: 4px;
        }

    .home-quatang .box-note {
        margin-top: 48px;
    }

    .about-cauhoi .title {
        margin-top: 24px;
        margin-bottom: 24px;
        font-size: 32px;
    }

    .quyenloi-tieuchi._bottom_ {
        padding-top: 0;
    }

    .tooltip-bottom .tooltiptext1 {
        /*
        width: 401px !important;
        left: 27px;
        max-height: 112px;
        overflow-y: auto;
        box-shadow: 3px 2px 8px 1px #4a4a4a;
        visibility: hidden;
        text-align: left;
        left: -9px;
        font-size: 14px;
        width: 100%;
        background-color: #fff;
        padding: 20px;
        position: absolute;
        z-index: 10;
        top: 214px;
        cursor: text;
        text-align: justify;
        border: 1px solid #eee;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
            */
    }

    .container.custom-width {
        /* padding-top: 33px; */
    }

    .w60r {
        width: 60%;
        float: right;
    }

    .w60l {
        width: 60%;
        float: left;
    }

    .w40l {
        width: 40%;
        float: left;
    }

    .w40r {
        width: 40%;
        float: right;
    }

    .w50l {
        width: 50%;
        float: left;
    }

    .w50r {
        width: 50%;
        float: right;
    }

    .w80l {
        width: 80%;
        float: left;
    }

    .w20r {
        width: 20%;
        float: right;
    }

    .home-segment {
        margin: 50px 0;
        padding-top: 0px;
    }

        .home-segment .title {
            font-size: 32px;
        }

        .home-segment .slide-knhv .box .content {
            padding: 35px 24px;
        }

        .home-segment .slide-knhv .box .img {
            width: 160px;
            height: 160px;
            margin-bottom: 30px;
        }
    .banner-area.banner-mem .container.custom-width {
        width: 100%;
        max-width: 100%;
    }
    .about-banner {
        /* background-image: url('../images/information/about_banner_mb_2025.png');
        background-image: -webkit-image-set(url('../images/information/about_banner_mb_2025.png') 1x); */
        background-repeat: no-repeat;
        background-size: cover;
        height: 520px;
    }
    .about-banner .container.custom-width {
        padding-top: 33px;
    }
}
/* end 768 */
@media (max-width: 767px) {
    .abc {
        display: inline-block;
    }

    .div-share {
        display: inline-block !important;
        align-items: center;
        padding: 32px 0px 32px 16px;
    }

    .btn--share {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px;
        gap: 16px;
        width: 100%;
        height: 112px;
        border-radius: 8px;
        color: #506CFF;
        flex: none;
        order: 0;
        flex-grow: 1;
        line-height: 0.5;
    }







    .link-footer-mobile {
        display: block;
        padding: 20px 10px 0;
    }

    .link-footer-desktop {
        display: none;
    }

    .home-banner {
        background-image: url('../images/home-banner.png');
        /* background-repeat: no-repeat;
        background-position: 66% top; */

        background-repeat: no-repeat;
        background-position: -67px top;
        background-size: 150%;
        min-height: 351px;
    }

        .home-banner .banner-content {
            margin-top: 6px;
            text-align: center;
        }

        .home-banner .description-text {
            margin: 320px auto 50px;
            width: 80%;
        }

        .home-banner .row-square {
            justify-content: center;
        }

        .home-banner .banner-content > img {
            height: 120px;
        }

    .box-i-huongdan {
        /* display: none; */
        margin-right: 15px;
    }

    .about-khtt {
        height: auto
    }

    .box-about-khtt a {
        padding: 0 35px;
        line-height: 48px;
        margin-top: 24px;
    }

    .home-quatang .title {
        font-size: 32px;
        margin-bottom: 15px;
        line-height: 57px;
    }

    .home-thamgia .col-right {
        /*        padding-top: 180px;
        padding-left: 30px;
        padding-bottom: 0;*/
        /*Sự kiện giáng sinh*/
        margin: 20% 0 0 0;
        padding: 0;
    }

    .home-quatang {
        height: auto;
        padding: 28px 0 24px;
        margin-top: 56px;
        margin-bottom: 8px;
    }

    .about-thamgia {
        background-position: 76% bottom;
        height: 721px;
    }

        .about-thamgia .col-right {
            padding-top: 184px;
            padding-right: 0;
            padding-left: 0;
        }


    /* tabs verticle */
    ul.tabs_v {
        display: none;
    }

    .tab_container_v {
        display: block;
        margin: 0 auto;
        width: 100%;
        left: 0;
        border-top: none;
        overflow: hidden;
    }

    .tab_drawer_heading {
        background: #F3F4F9;
        /* IE6-9 */
        color: rgba(32,28,100,.5);
        border-left: 4px solid;
        margin: 0;
        padding: 15px;
        /* display: block; */
        display: table;
        width: 100%;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        line-height: 41px;
        border-bottom: 1px solid rgba(214, 214, 214, .5);
    }

        .tab_drawer_heading:hover {
            background: #eeeeee;
            color: #02469b;
        }

        .tab_drawer_heading img {
            filter: grayscale(70%);
            -webkit-filter: grayscale(70%);
            opacity: .5;
        }

        .tab_drawer_heading.d_active {
            background: #F3F4F9;
            color: #02469b;
            border-bottom: 1px solid #fff;
            position: relative;
        }

            .tab_drawer_heading.d_active img {
                filter: grayscale(0%);
                -webkit-filter: grayscale(0%);
                opacity: 1;
            }

        .tab_drawer_heading > span {
            display: table-cell;
            vertical-align: middle;
        }

            .tab_drawer_heading > span.img-icons_m {
                width: 72px;
                padding-right: 12px;
            }

                .tab_drawer_heading > span.img-icons_m img {
                    width: 100%;
                }

    .tab_content {
        padding: 20px;
        border-bottom: 1px solid rgba(214, 214, 214, 0.5);
    }

        .tab_content h4 {
            display: none
        }

    .tab_drawer_heading img.i-arrow {
        position: absolute;
        right: 8px;
        top: calc(50% - 14px);
        display: none;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .tab_drawer_heading.d_active img.i-arrow {
        display: block
    }
    /* end tabs verticle */
    .quyenloi-tieuchi .block-card {
        margin-bottom: 12px;
    }

    .layout-quyenloi .img-center {
        width: 100%;
        background: none;
        margin: 0 auto;
    }

    .layout-quyenloi .carousel-parent-quyenloi, .carousel-parent-quyenloi {
        width: 440px
    }

    .circle-quyenloi .owl-item.active.center {
        left: -40px;
    }

    .layout-quyenloi .img-center .title-center,
    .quyenloi-tieuchi .title p {
        font-size: 24px;
        text-align: center;
    }

    .quyenloi-tieuchi {
        padding: 50px 0 0px;
    }

    .quyenloi-banner {
        background-size: auto 520px;
        height: 520px;
    }

        .quyenloi-banner .description-text {
            font-size: 20px;
            color: #fff;
            padding-top: 100px;
        }

            .quyenloi-banner .description-text h4 {
                font-size: 30px;
                font-weight: 700;
                line-height: 39px;
                padding-bottom: 30px;
            }

    .tichdiem-banner {
        background-size: auto 520px;
        height: 520px;
    }

        .tichdiem-banner .description-text {
            font-size: 20px;
            color: #fff;
            padding-top: 100px;
        }

            .tichdiem-banner .description-text h4 {
                font-size: 30px;
                font-weight: 700;
                line-height: 39px;
                padding-bottom: 30px;
            }

    .tichdiem-banner-top {
        text-align: center;
        height: auto;
        padding-bottom: 0;
    }

        .tichdiem-banner-top .col-left {
            padding-left: 10%;
            padding-right: 10%;
        }

        .tichdiem-banner-top .btn-span {
            margin-bottom: 40px;
            margin-left: 0px;
        }

        .tichdiem-banner-top .btn-span1 {
            margin-left: 0px;
        }

    .row-item-gold {
        display: none;
    }

    .row-item-gold-m {
        display: block;
    }

        .row-item-gold-m > div {
            width: 50%;
            height: 130px;
            float: left;
            display: flex;
            /* align-items: center; */
            padding: 5px;
            transition: all ease-in-out 0.1s;
            -webkit-transition: all ease-in-out 0.1s;
            -moz-transition: all ease-in-out 0.1s;
            -ms-transition: all ease-in-out 0.1s;
            -o-transition: all ease-in-out 0.1s;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

            .row-item-gold-m > div.full-block {
                width: 100%;
            }

            .row-item-gold-m > div:hover {
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
            }

            .row-item-gold-m > div > div {
                text-align: center;
                padding: 0;
                font-size: 12px;
                width: 100%;
                background: #F6F7FB;
            }

                .row-item-gold-m > div > div > b {
                    color: #201C64;
                    font-size: 18px;
                    font-weight: 700;
                    margin: 16px 0;
                    display: inline-block;
                    line-height: 36px;
                }

                .row-item-gold-m > div > div > div {
                    display: inline-block;
                    width: 66px;
                    line-height: 30px;
                    height: 34px;
                    margin: 16px auto;
                    border: 3px solid #fff0d2;
                    background: linear-gradient(223.53deg, #FFD233 23.82%, #FFB800 79.59%);
                    border-radius: 10px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    -ms-border-radius: 10px;
                    -o-border-radius: 10px;
                }

                    .row-item-gold-m > div > div > div span {
                        font-weight: 900;
                        background: linear-gradient(207.27deg, #FFFFFF 30.6%, rgba(255, 255, 255, 0) 162.11%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }

                .row-item-gold-m > div > div > p {
                    padding: 0 6px;
                    color: #201C64
                }

                    .row-item-gold-m > div > div > p span {
                        display: block;
                    }

                .row-item-gold-m > div > div > div.icon-uutien {
                    /* border: none;
        background: none;
        background: #ccc;
        line-height:0 */
                }

                .row-item-gold-m > div > div > div.icon-uutien {
                    background: url('../images/uutien-icon.svg') center no-repeat;
                    background-size: 40px;
                    width: 52px;
                    height: 36px;
                    border: 3px solid transparent;
                }

    .block-tichdiem .title,
    .block-tichdiem ._text_p,
    .tichdiem-banner-1 .title,
    .tichdiem-banner-1 ._text_p,
    .block-gtbb ._text_p {
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
    }

    .tichdiem-banner-1 .title {
        padding-top: 0px;
    }

    .tichdiem-banner-1 {
        background: #fff;
        height: auto;
        padding: 4px 0 40px;
    }

    .block-gtbb .block-img {
        width: 366px;
        padding: 24px;
        display: block;
        height: auto;
        margin-bottom: 16px;
    }

        .block-gtbb .block-img > div {
            height: 90px;
        }

            .block-gtbb .block-img > div > div {
                text-align: left;
                display: inline-block;
                width: calc(100% - 60px);
                padding-left: 36px;
            }

                .block-gtbb .block-img > div > div b {
                    padding-top: 2px;
                }

            .block-gtbb .block-img > div > span {
                float: left;
                width: 60px;
                display: flex;
                height: 100%;
            }

                .block-gtbb .block-img > div > span > img {
                    width: 60px;
                }

    .items-img-tangdiem > div > div p {
        height: auto
    }

    .tichdiem-quydinh .title {
        font-size: 24px;
    }

    .tichdiem-quydinh {
        background: url('../images/tichdiem-bottom-1-768.png') center top / auto 215px no-repeat, url('../images/tichdiem-bottom-2.png') -190px bottom / auto 563px no-repeat;
        background-color: #455fea;
        height: auto;
        padding-top: 210px;
        padding-bottom: 120px;
    }

    .tabs_wrapper.opacity .tab_drawer_heading {
        background: rgba(255,255,255,.01);
        color: rgba(255,255,255,.5);
        border-bottom: 0;
        border-left: 4px solid;
        margin-top: 2px;
        padding: 44px;
    }

        .tabs_wrapper.opacity .tab_drawer_heading.d_active {
            background: rgba(255,255,255,.1);
            color: rgba(255,255,255,1);
            border-bottom: 0;
        }

        .tabs_wrapper.opacity .tab_drawer_heading p {
            padding-top: 12px;
        }

    .tabs_wrapper.opacity .tab_container_v {
        background: rgba(255,255,255,.06);
    }

    .quatang-banner {
        background-size: auto 520px;
        height: 520px;
    }

        .quatang-banner .description-text {
            font-size: 20px;
            color: #fff;
            padding-top: 100px;
        }

            .quatang-banner .description-text h4 {
                font-size: 30px;
                font-weight: 700;
                line-height: 39px;
                padding-bottom: 30px;
            }

    /* -voucher-block */
    .quatang-voucher-block .col-sm-12 > div div.left-block img {
        width: 160px;
        height: 140px;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block {
        padding: 20px 20px 20px 32px;
    }

        .quatang-voucher-block .col-sm-12 > div div.right-block span {
            height: auto
        }

        .quatang-voucher-block .col-sm-12 > div div.right-block p {
            padding: 7px 0;
        }

    .view-detail-voucher {
        padding-left: 208px;
    }

    .view-detail-voucherGift {
    }

    .home-thamgia .col-left {
        padding-top: 140px;
    }

    .row-buoc-thamgia.m-bottom {
        margin-bottom: 28px;
    }

    .about-cauhoi {
        margin-bottom: 36px;
    }

    .about-cauhoi {
        margin-bottom: 12px;
    }

    .box-about-khtt div {
        font-size: 22px;
        padding: 16px 0;
    }

    .container.custom-width {
        width: 100%;
    }

    .block-tichdiem._bg_color {
        background: #F0F6FF;
    }

        .block-tichdiem._bg_color .tichdiem--blockhang {
            background: #fff;
        }

    .tichdiem-block-2item {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .items-img-tangdiem > div:nth-of-type(1) {
        margin-bottom: 28px;
    }

    .block-gtbb ._text_p > span {
        display: unset;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block span > strong {
        display: unset;
    }

    .quatang-voucher-block {
        padding: 40px 0;
    }

        .quatang-voucher-block .box-note {
            margin-top: 4px;
        }

    .home-quatang .box-note {
        margin-top: 48px;
    }

    .about-cauhoi .title {
        margin-top: 24px;
        margin-bottom: 24px;
        font-size: 32px;
    }

    .quyenloi-tieuchi._bottom_ {
        padding-top: 0;
    }

    .tooltip-bottom .tooltiptext1 {
        /*
        width: 401px !important;
        left: 27px;
        max-height: 112px;
        overflow-y: auto;
        box-shadow: 3px 2px 8px 1px #4a4a4a;
        visibility: hidden;
        text-align: left;
        left: -9px;
        font-size: 14px;
        width: 100%;
        background-color: #fff;
        padding: 20px;
        position: absolute;
        z-index: 10;
        top: 214px;
        cursor: text;
        text-align: justify;
        border: 1px solid #eee;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
            */
    }

    .container.custom-width {
        /* padding-top: 33px; */
    }

    .w60r {
        width: 60%;
        float: right;
    }

    .w60l {
        width: 60%;
        float: left;
    }

    .w40l {
        width: 40%;
        float: left;
    }

    .w40r {
        width: 40%;
        float: right;
    }

    .w50l {
        width: 50%;
        float: left;
    }

    .w50r {
        width: 50%;
        float: right;
    }

    .w80l {
        width: 80%;
        float: left;
    }

    .w20r {
        width: 20%;
        float: right;
    }
}
/* end 767 */

.download-app.app_on_mobile {
    display: none;
}
/* 720  */
@media (max-width: 720px) {
    .about-thamgia {
        background-position: 76% bottom;
        height: auto;
    }
    .box_carousel_hoivien .description-text {
        width: 72%;
    }
}
@media (max-width: 540px) {
    .box_carousel_hoivien .description-text {
        width: calc(100% - 30px);
    }
    .banner-area .banner-content{
        padding-top: 30px;
    }
    .banner-area.home-banner .banner-content{
        padding-top: 0;
    }
    .block-card {
        width: 100%;
    }
    .about-thamgia .col-right .title {
        padding-top: 160px;
    }
    .img-tichdiem-m {
        display: block;
    }

    .home-banner {
        /*Sự kiện thường*/
        background-image: url('../images/home-banner-m.png');
        background-image: -webkit-image-set(url('../images/home-banner-m.webp') 1x);
        background-repeat: no-repeat;
        /*background-position: center -132px;
        background-size: auto 1240px;*/
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/event/event-home-banner-m.png');*/
        /*Sự kiện Tết*/
        /*background-image: url('../images/tet/trang_chu_header_tet_mobile.png');*/
        background-position: center 20%;
        background-size: 110%;
        margin-top: 102px;
        height: 550px;
        min-height: 550px;
    }

        .home-banner .description-text {
            width: 100%;
            /*margin-top: 290px;*/
            /*Sự kiện giáng sinh*/
            margin-top: 320px;
        }

    .home-thamgia {
        background: url('../images/home-thamgia-m.png') center bottom no-repeat;
        height: 790px;
        /*Sự kiện giáng sinh*/
        /*background: url('../images/event/event-home-thamgia.png') center bottom no-repeat;*/
        /*Sự kiện tết*/
        /*background: url('../images/tet/trang_chu__tet_mobile.png') center bottom no-repeat;*/
        height: 100%;
    }

        .home-thamgia .col-left {
            display: none;
        }

        .home-thamgia .col-right {
            /*padding: 186px 30px 0 30px;*/
            /*Sự kiện giáng sinh*/
            padding: 0px 30px 80px 30px;
        }

    .row-buoc-thamgia .download-app {
        width: 100%;
    }

        .row-buoc-thamgia .download-app a:first-child {
            padding-right: 0;
        }

    .box-i-huongdan {
        /* display: none; */
        width: 72px;
        height: 72px;
    }

    .home-quatang {
        text-align: center;
        margin-top: 16px;
        margin-bottom: 0;
        padding: 18px 0 8px;
        border-radius: unset;
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        -ms-border-radius: unset;
        -o-border-radius: unset;
        background: #F4F5FF;
    }

        .home-quatang .btn-more {
            margin-bottom: 30px;
            margin-top: 28px;
        }

    .row-buoc-thamgia .download-app a {
        display: inline-block;
        width: 49%;
        text-align: center;
    }

        .row-buoc-thamgia .download-app a > img {
            width: 176px;
            height: 63px;
        }

    .about-khtt .col-left {
        padding: 0;
    }

    .about-khtt .col-right {
        padding: 0;
    }

    .about-thamgia .col-left {
        display: none;
    }

    .about-thamgia {
        background: url('../images/about-thamgia-m.png') center bottom no-repeat;
        /*sự kiện tết*/
        /*background: url('../images/tet/trang_chu_footer_tet_mobile.png') center bottom no-repeat;*/
        background-size: auto 805px;
        height: 950px;
    }

    .about-thamgia .col-right {
        width: 100%;
        padding-top: 156px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .about-banner {
        height: 580px;
    }

    .quyenloi-tieuchi .block-card {
        margin-bottom: 8px;
        padding-bottom: 0px;
    }

    .layout-quyenloi .img-center {
        min-width: 100%;
        max-width: 100%;
        /* margin-top: 36px; */
    }

    .tichdiem-banner {
        /*Sự kiện thường*/
        background-image: url('../images/tichdiem-banner-m.png');
        background-image: -webkit-image-set(url('../images/tichdiem-banner-m.png') 1x);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: auto;
        width: 100%;
        height: 580px;
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/event/event-tichdiem-banner-m.png');
        background-image: -webkit-image-set(url('../images/event/event-tichdiem-banner-m.png') 1x);*/
        /*Sự kiện Tết*/
        /*background-image: url('../images/tet/tich_diem_header_tet_mobile.png');
        background-image: -webkit-image-set(url('../images/tet/tich_diem_header_tet_mobile.png') 1x);*/
    }

        .tichdiem-banner .description-text {
            text-align: center;
            font-size: 18px;
            /*padding-top: 30px;*/
            /*banner tết*/
            padding-top:0px;
        }

            .tichdiem-banner .description-text h4 {
                font-size: 32px;
                line-height: 43px;
            }

    .tichdiem-banner-top .col-left {
        padding: 0 15px;
    }

    .tichdiem-banner-top .col-right {
        padding: 0;
    }

    .tichdiem-banner-top .title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .tichdiem-banner-top .btn-span {
        margin: 20px 0;
        margin-left: 0px;
    }

    .tichdiem-banner-top .btn-span1 {
        margin-left: 0px;
    }

    .tichdiem-banner-top .title span,
    .block-tichdiem .title span,
    .tichdiem-banner-1 .title span,
    .block-gtbb .title span {
        font-size: 24px;
    }


    .quyenloi-tieuchi .description {
        text-align: justify;
    }

    .quyenloi-banner {
        /*Sự kiện thường*/
        background-image: url('../images/quyenloi-banner-m.png');
        background-image: -webkit-image-set(url('../images/quyenloi-banner-m.png') 1x);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: auto;
        width: 100%;
        /*height: 650px;*/
        /*Sự kiện giáng sinh*/
        /* background-image: url('../images/event/event-quyenloi-banner-m.png');
        background-image: -webkit-image-set(url('../images/event/event-quyenloi-banner-m.png') 1x);*/
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/tet/hang_quyen_loi_header_tet_mobile.png');
        background-image: -webkit-image-set(url('../images/tet/hang_quyen_loi_header_tet_mobile.png') 1x);*/
        height: 580px;
    }

        .quyenloi-banner .description-text {
            text-align: center;
            font-size: 18px;
            /*padding-top: 64px;*/
            /*banner tết*/
            padding-top:0px;
        }

            .quyenloi-banner .description-text h4 {
                font-size: 32px;
                line-height: 43px;
            }

    .about-banner {
        /*Sự kiện thường*/
        background-image: url('../images/about_banner_m_2024.png');
        background-image: -webkit-image-set(url('../images/about_banner_m_2024.png') 1x);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: auto;
        width: 100%;
        height: 580px;
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/event/event-about-banner-m.png');
        background-image: -webkit-image-set(url('../images/event/event-about-banner-m.png') 1x);*/
        /*Sự kiện tết*/
        /*background-image: url('../images/tet/gioi_thieu_header_tet_mobile.png');
        background-image: -webkit-image-set(url('../images/tet/gioi_thieu_header_tet_mobile.png') 1x);*/
    }

        .about-banner .description-text {
            text-align: center;
            font-size: 18px;
            padding-top: 1px;
        }

            .about-banner .description-text h4 {
                padding-bottom: 35px;
                font-size: 32px;
                line-height: 43px;
            }

    .quatang-banner {
        background-image: url('../images/quatang-banner-m.png');
        background-image: -webkit-image-set(url('../images/quatang-banner-m.webp') 1x);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% 600px;
        width: 100%;
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/event/event-quatang-banner-m.png');
        background-image: -webkit-image-set(url('../images/event/event-quatang-banner-m.png') 1x);*/
        /*Sự kiện giáng sinh*/
        /*background-image: url('../images/tet/qua_tang_header_tet_mobile.png');
        background-image: -webkit-image-set(url('../images/tet/qua_tang_header_tet_mobile.png') 1x);*/
        height: 580px;
    }

        .quatang-banner .description-text {
            text-align: center;
            font-size: 18px;
            padding-top: 16px;
        }

            .quatang-banner .description-text h4 {
                font-size: 32px;
                line-height: 43px;
            }

    .block-gtbb ._text_p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tichdiem-banner-1 ._text_p,
    .block-tichdiem .title,
    .block-tichdiem ._text_p {
        padding-left: 0;
        padding-right: 0;
    }

    /*.tichdiem-banner-1 .title {
        padding-right: 0;
    }*/

    .tichdiem-banner-1 ._text_p {
        padding-bottom: 24px;
    }

    .block-tichdiem ._text_p {
        padding: 16px 0 16px 0;
    }
    /* voucher-block */
    .quatang-voucher-block .col-sm-12 > div div.right-block {
        padding: 16px 20px 16px 32px;
    }

    .home-quatang .col-right img.img-d {
        display: none;
    }

    .home-quatang .col-right img.img-m {
        display: block;
        margin: 0 auto;
    }

    .showmore-questions .text {
        padding: 0;
    }

    .box-about-khtt a,
    .box-about-khtt a:hover,
    .box-about-khtt a:focus {
        background: none;
        color: #506CFF;
        margin-top: 12px;
        box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0);
    }

        .box-about-khtt a:hover,
        .box-about-khtt a:focus {
            text-decoration: underline;
        }

        .box-about-khtt a span {
            line-height: 33px;
        }

            .box-about-khtt a span img {
                display: none;
            }

    .box-about-khtt div {
        font-size: 20px;
        padding-top: 0;
    }

    .box-about-khtt {
        padding-bottom: 58px;
    }

    .home-quatang .box-note {
        margin-top: 0px;
        margin-bottom: 16px;
        font-size: 15px;
    }

    .info-expand .item {
        padding: 15px;
    }

    .about-khtt {
        padding-top: 24px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .about-khtt .title {
            text-align: center;
            font-size: 26px;
            margin-bottom: 28px;
        }

    .about-cauhoi .title {
        font-size: 26px;
        margin: 20px 0;
    }

    .about-thamgia .col-right .title {
        font-size: 26px;
    }

    .box-about-khtt p > span {
        display: block;
    }

    .home-banner .banner-content > img {
        height: 108px;
    }

    .home-quatang .title {
        font-size: 24px;
    }

    .home-banner .description-text h4 {
        font-size: 24px;
    }

    .home-banner .description-text p {
        text-align: justify;
        padding: 0 16px;
    }

    .tichdiem--blockhang {
        margin-top: 8px;
    }

    .tichdiem-block-2item {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .items-img-tangdiem > div:nth-of-type(1) {
        margin-bottom: 20px;
    }

    .tichdiem-quydinh {
        background: url('../images/tichdiem-bottom-1-768.png') center top / auto 160px no-repeat, url('../images/tichdiem-bottom-2.png') -412px bottom / auto 563px no-repeat;
        background-color: #455fea;
        padding-top: 148px;
    }

    .items-img-tangdiem > div > div ._title_white {
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
        font-size: 18px;
        font-weight: 600;
    }

        .items-img-tangdiem > div > div ._title_white img {
            margin-right: 12px;
        }

    .quatang-voucher-block .col-sm-12 > div div.right-block span > strong {
        display: block;
    }

    .quatang-voucher-block {
        padding: 20px 0;
    }

    .row-items-gtbb {
        margin-top: 12px;
    }

    .block-gtbb .block-img {
        margin-bottom: 12px;
    }

        .block-gtbb .block-img div b {
            padding-bottom: 8px;
        }

    .block-gtbb .block-img {
        padding: 16px 20px;
    }

    .block-gtbb ._text_p {
        padding: 10px 0;
        text-align: justify;
        font-size: 14px;
    }

    .tabs_wrapper.opacity .tab_drawer_heading {
        padding: 12px 32px
    }

        .tabs_wrapper.opacity .tab_drawer_heading p {
            padding-top: 8px;
        }

    .tab_content > p {
        line-height: 28px;
    }

    .tab_content {
        text-align: justify;
    }

    .quatang-voucher-block .box-note {
        font-size: 15px;
        text-align: justify;
    }

    .row-item-gold-m > div {
        height: 125px;
    }

        .row-item-gold-m > div > div > b,
        .row-item-gold-m > div > div > div {
            margin: 10px 0 6px;
        }

    .info-expand .item .head-item > div {
        margin-right: 16px;
    }

    .quyenloi-tieuchi {
        padding: 0px;
    }

        .quyenloi-tieuchi .title {
            margin-top: 28px;
            margin-bottom: 18px;
        }

        .quyenloi-tieuchi .box-note span {
            display: unset;
        }

    .about-khtt .list-about li > p {
        text-align: justify;
    }

    .box-about-khtt p {
        padding: 0px 10px;
    }

    .home-segment .description {
        width: 100%;
        margin-bottom: 20px;
    }

    .home-segment .title {
        font-size: 24px;
    }
    .quyenloi-tieuchi .block-card > div {
        padding: 0 24px;
    }

    .download-app {
        display: none;
    }
    .download-app.app_on_mobile {
        display: block;
        margin-bottom: 28px;
    }
    .download-app.app_on_mobile a {
        display: inline-block;
        padding: 0 5px;
        width: calc(50% - 5px);
    }
    .download-app.app_on_mobile a img{
        width: 100%;
    }
}

/* end 540 */

/* 539 */


@media (max-width: 539px) {

    .block-tab--content .col-sm-12 > div.block-head--history._display {
        padding: 20px 16px;
        display: block;
    }

    div.block-head--history._display .block-right {
        justify-content: center;
        padding-top: 28px;
    }

    .accordion-content .col--left > div span.rowspan1 {
        max-width: 70%;
        width: 70%;
    }

    .accordion-content .col--right > span.rowspan2 {
        float: none;
        overflow: unset;
        -webkit-line-clamp: unset;
        text-overflow: unset;
        max-width: 100%;
        white-space: normal;
        width: 100%;
    }

    .tabs_contain-point .paging {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tooltip-bottom .tooltiptext1 {
        /*
        width: 401px !important;
        left: 27px;
        max-height: 112px;
        overflow-y: auto;
        box-shadow: 3px 2px 8px 1px #4a4a4a;
        visibility: hidden;
        text-align: left;
        left: -9px;
        font-size: 14px;
        width: 100%;
        background-color: #fff;
        padding: 20px;
        position: absolute;
        z-index: 10;
        top: 214px;
        cursor: text;
        text-align: justify;
        border: 1px solid #eee;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
            */
    }

    .container.custom-width {
        padding-top: 33px;
    }

    .tooltip-bottom {
        padding-top: 5px !important;
    }

    .popUpDetail h4.titlePopup {
        height: 55px !important;
        height: 55px !important;
    }
    .banner-mem .banner-content {
        padding-top: 0;
    }
}

/* end 539 */

@media (max-width: 480px) {

    .abc {
        display: inline-table;
    }

    .div-share {
        display: inline-block !important;
        align-items: center;
        padding: 32px 0px 32px 16px;
    }

    .btn--share {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px;
        gap: 16px;
        width: 100%;
        height: 112px;
        border-radius: 8px;
        color: #506CFF;
        flex: none;
        order: 0;
        flex-grow: 1;
        line-height: 0.5;
    }



    .home-banner .banner-content > img {
        width: 94%;
        margin: 0 auto;
        display: block;
    }

    .home-thamgia {
        height: 850px;
        padding-top: 0px;
        background: url('../images/home-thamgia-m.png') center bottom no-repeat;
        /*Sự kiện giáng sinh*/
        /*background: url(../images/event/event-home-thamgia-m.png) center bottom no-repeat;*/
        /*Sự kiện Tết*/
        /*background: url(../images/tet/trang_chu_footer_tet_mobile.png) center bottom no-repeat;*/
        /*background-size: 100% 100%;*/
    }

        .home-thamgia .col-right {
            /*padding-left: 15px;*/
            /*padding-top: 90px;*/
            /*Sự kiện giáng sinh*/
            padding-top: 120px;
            padding-left: 25px;
        }


    .about-quyenloi-m > div > div {
        padding: 10px 8px 6px;
        height: 150px;
    }

    .about-quyenloi-m > div:nth-of-type(1),
    .about-quyenloi-m > div:nth-of-type(3),
    .about-quyenloi-m > div:nth-of-type(5) {
        padding-right: 5px;
    }

    .about-quyenloi-m > div:nth-of-type(2),
    .about-quyenloi-m > div:nth-of-type(4),
    .about-quyenloi-m > div:nth-of-type(6) {
        padding-left: 5px;
    }

    .about-quyenloi-m > div > div img {
        margin-right: 2px;
    }

    .layout-quyenloi .carousel-parent-quyenloi, .carousel-parent-quyenloi {
        width: 100%;
    }

    .circle-quyenloi .owl-item.active.center {
        left: -55px;
    }
    /* voucher-block */
    .quatang-voucher-block .col-sm-12 > div div.right-block {
        padding: 20px 16px 20px 32px;
    }

        .quatang-voucher-block .col-sm-12 > div div.right-block span {
            font-size: 16px;
        }

        .quatang-voucher-block .col-sm-12 > div div.right-block p {
            display: none;
        }

    .view-detail-voucher {
        bottom: 6px;
    }

    .view-detail-voucherGift {
        bottom: 6px;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block span > b {
        display: inline-block;
    }

    .home-banner .square-block {
        margin-right: 5px;
    }

    .square-block > div p {
        font-size: 16px;
        letter-spacing: -0.3px;
    }

    .block-gtbb .block-img {
        width: 100%;
        padding: 16px 20px;
    }

        .block-gtbb .block-img > div > div {
            padding-left: 20px;
        }

    .tichdiem--blockhang {
        padding: 0 18px;
        min-height: 60px;
    }

    .tichdiem-banner-1 ._text_p > span {
        display: unset;
    }

    .tichdiem-banner-1 {
        padding: 4px 0 24px;
    }

    .items-img-tangdiem > div > div p {
        padding: 0 24px;
    }

    .items-img-tangdiem > div > div ._title_white {
        line-height: 24px;
    }

    .p-x-0-479 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .quatang-voucher-block .col-sm-12 > div div.right-block span > strong {
        display: unset;
    }

    .block-gtbb .title > p b {
        display: block;
    }

    .tichdiem-quydinh {
        /*Sự kiện thường*/
        background: url('../images/tichdiem-bottom-1-768.png') center top / auto 140px no-repeat, url('../images/tichdiem-bottom-2.png') -538px bottom / auto 563px no-repeat;
        background-color: #455fea;

        /*background: url('../images/tet/tich_diem_footer_tet_mobile.png');*/
        padding-top: 132px;
        padding-bottom:50px;
    }

    .about-quyenloi-m > div > div > p {
        font-size: 11px;
        height: 36px;
    }

    .row-item-gold-m > div > div > p span {
        display: unset;
    }

    .tichdiem-banner-top p._text_decs span {
        display: unset;
    }

    .box-about-khtt p > span {
        display: unset;
    }

        .box-about-khtt p > span._breakline {
            display: block;
        }

    .block-tab--content .col-sm-12 > div.block-head--history._display {
        padding: 20px 10px;
    }

    .tooltip-bottom .tooltiptext1 {
        /*
        width: 325px !important;
        margin-right: 29px;
        max-height: 89px;
        overflow-y: auto;
        box-shadow: 3px 2px 8px 1px #4a4a4a;
        visibility: hidden;
        text-align: left;
        font-size: 14px;
        background-color: #fff;
        padding: 20px;
        position: absolute;
        z-index: 10;
        left: -13px;
        _top: 238px;
        cursor: text;
        text-align: justify;
        border: 1px solid #eee;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px
        */
    }

    .gtbb-banner-bottom .text-desc {
        font-size: 18px !important;
    }

    .container.custom-width {
        /* padding-top: 33px; */
    }

    p {
        line-height: 1.3;
    }

    .wrapper-content {
        font-size: 14px;
    }

    .list-voucher-contain > div > div div.right-block > span {
        font-size: 15px;
    }
}
/* end 479 */
@media (max-width : 390px) {

    .abc {
        display: -webkit-inline-box !important;
    }

    .tab-serinumber {
        padding: 24px 24px;
        gap: 18px;
        width: 222px !important;
        height: 104px;
        background: #EDF0FF;
        border: 1px solid #506CFF;
        border-radius: 8px;
        text-align: center;
    }

    .txt--codenumber {
        font-weight: 700;
        font-size: 16px;
        color: #506CFF;
    }


    .txt--serinumber {
        font-size: 13px;
        display: flex;
        justify-content: center;
    }

    .div-share {
        display: inline-block !important;
        align-items: center;
        padding: 32px 0px 32px 16px;
    }

    .btn--share {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: -9px;
        gap: 16px;
        width: 86%;
        height: 79px;
        border-radius: 8px;
        color: #506CFF;
        font-size: 13px;
        flex: none;
    }

    .sizeimg {
        width: 22px;
        height: 18px;
    }

    .tooltip-bottom .tooltiptext1 {
        /*
        width: 268px !important;
        margin-right: 29px;
        max-height: 87px;
        overflow-y: auto;
        box-shadow: 3px 2px 8px 1px #4a4a4a;
        visibility: hidden;
        text-align: left;
        font-size: 14px;
        width: 100%;
        background-color: #fff;
        padding: 20px;
        position: absolute;
        z-index: 10;
        top: 263px;
        cursor: text;
        text-align: justify;
        border: 1px solid #eee;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
            */
    }

    .ul.pop--icon-mathe li {
        width: 100px;
    }

    .accordion-content .col--left > div span.rowspan1 {
        max-width: 70%;
        width: 67%;
    }

    .about_quyenloi_mobile > div > div {
        height: 140px!important;
    }

    .about-quyenloi-long-description-mobile{
        margin-top:-30px;
    }
}

@media (max-width: 375px) {
    .about-quyenloi-m > div > div {
        padding: 7.5px;
        height: 90px;
        margin: 5px 0;
    }

    .row-buoc-thamgia .download-app a > img {
        width: 98%;
        height: 61px;
    }

    .about-banner .description-text {
        font-size: 17px;
    }

    .tichdiem--blockhang img {
        margin-right: 12px;
    }

    .items-img-tangdiem > div > div ._title_white {
        left: 12px;
        width: calc(100% - 24px);
    }
}