.header-mb {
    display: none;
}
.mb {
    display: none;
}
.pc {
    display: flex;
}


.header-mb .nav-click {
    position: fixed;
    top: 0;
    right: 0;
    width: 65px;
    height: 65px;
    z-index: 99;
    cursor: pointer
}

.header-mb .nav-click span {
    display: block;
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    background-color: #fff
}

.header-mb .nav-click span:nth-child(1) {
    top: 22px;
    margin-left: -10px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.header-mb .nav-click span:nth-child(2) {
    top: 32px;
    margin-left: -10px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.header-mb .nav-click span:nth-child(3) {
    top: 27px;
    left: 50%;
    margin-left: -10px
}

.header-mb .nav-click.active span {
    background-color: #ffffff
}

.header-mb .nav-click.active span:nth-child(3) {
    display: none
}

.header-mb .nav-click.active span:nth-child(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    width: 45%;
    left: 45%;
    top: 38%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.header-mb .nav-click.active span:nth-child(2) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 45%;
    left: 44%;
    top: 38%
}

.header-mb .menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #FEE91B;
    top: 0;
    left: 0;
    padding: 2rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.header-mb .menu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.header-mb .menu li {
    margin-bottom: 2rem;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

.header-mb .menu.active li {
    opacity: 1;
    text-align: start !important;
    height: 30px;
}
.header-mb .menu.active li {
    margin-bottom: 5% !important;
}

.header-mb .menu li:first-child {
    margin-top : 10% !important;
}

.header-mb .menu li:last-child {
    margin-bottom: 0
}

.header-mb .menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;
    color: blue;
    font-size: 1.3rem;
}
.header-mb .menu li a:hover {
    color: white;
}

.header-mb .menu li a span {
    text-align: left;
    margin-left: 1rem;
    line-height: 2.3rem;
    font-weight: 700
}

.header-mb .show {
    -webkit-transform: none;
    transform: none
}

.header-mb .show li {
    -webkit-animation: goLeft;
    animation: goLeft;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.body-top-mb {
    display: none;
}

@media (max-width: 575.98px) {  
    .pc {
        display: none;
    }
    .mb {
        display: flex;
    }
    .body-top-pc {

    }
    .lucky-width {
        width: 80% !important;
    }
    .img_dd-tien {
        position: absolute;
        z-index: -1;
        width: 200vw;
        border-radius: 50px;
        transform: translate(-25%,-21%);
        opacity: 0.8;
    }
    .line-popup-custom {
        width: 36% !important;
    }
    .mbto {
        bottom: 18% !important;
    }
    .chainuoc {
        width: 60%!important;
        transform: translate(-50% , -50%);
    }
    .background-custom {
        background-position: right;
    }
    .position-form {
        z-index: 1;

    }
    .body-top-mb {
        display: flex !important;
    }
    .rounded-cir {
        display: none;
    }
    .footer-pc {
        display: none !important;
    }
    .header-mb {
        display: block;
    }
    .footer-mb {
        display: block;
    }

    .icon_footer_mb > div > img {
        width: 50% !important;
    }

    .background-footer {
        height: 300px;
        width: 100% !important;
        padding: 10% 0 0 0 !important;
    }
    .social_fotter img {
        width: 150% !important;
        margin-top: 50px;
    }
    .xengay {
        width: 120% !important;
        transform: translate(-19%,-30%);
    }
    .background-footer p {
        font-size: 0.4rem;
    }
    .tbtt-peopel {
        width: 25% !important;
    }

    .mt-1body , .mt-2body , .mt-3body {
        margin-top: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0,0);
    }
    .mt-1body {
        margin-top: 10px !important;
    }
    .mt-2body {
        margin-top: -30px !important;
    }
    .mt-1body img , .mt-2body img , .mt-3body img{
        width: 80% !important;
    }
    .box-ds-name {
        font-size: 0.5rem;
    }

    .box-custom {
        border-radius: 31px !important;
        font-size: 0.8rem;
    }
    .box-thele-ct {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .line-thele-cttg {
        width: 80%;
        transform: translate(0,15%);
    }
    .box-thele-ct img {
        width: 70% !important;
    }
    .box-thele-ct-c2 {
        transform: translate(0,36%) !important;
    }

    .line-thele_cachthuc-mb {
        position: absolute;
        width: 100%;
        bottom: 0;
        transform: translate(0%, 95%);
    }
    .line-thele-cttg_mb {
        position: absolute;
        width: 80%;
        bottom: 0;
        transform: translate(0, 180%);
    }
    .column-paddingform {
        padding: 10% 10% 0 10% !important;
    }
    .box-center-mb {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px !important;
    }
    .box-center-mb img {
        width: 50% !important;
    }
    .p-80-ds {
        padding: 0 8% 0 7% !important;
    }
    a.fackbook-button {
        left: 39%;
    }
    .livestream-button {
        left: 59%;
    }
    .hinhthuc-ds {
        width: 94%;
        transform: translate(-26%,-9%);
    }
    .mt-mb-120 {
        margin-top: 112px !important;
    }
    .mt-mb-80 {
        margin-top: 60px !important;
    }
    .people2 {
        width: 110% !important;
        transform: translate(-150%,10%);
    }
    .tintuc-ds {
        width: 100%;
        text-align: center;
        margin-bottom: 10% !important;
        z-index: 0 !important;
    }
    .box-new-boder {
        border-radius: 15px !important;
    }
    .pad-box-img-img {
        border-radius: 8px !important;
    }
    .active_menu_mobile {
        color: red !important;
    }
    .box-notice {
        padding: 3% !important;
        border-radius: 30px;
        font-size: 0.7rem !important;
        font-weight: 400;
    }
    .error_code {
        background-color: rgb(255, 0, 0);
        color: white !important;
        font-size: 0.7rem;
    }
    .error_code_check{
        background-color: rgb(255, 0, 0);
        color: white !important;
        display: none;
    }
    label.err_phone_lable {
        background-color: rgb(255, 0, 0);
        color: white !important;
        display: none;
        text-align: center;
    }
    label.err_name_lable {
        background-color: rgb(255, 0, 0);
        color: white !important;
        display: none;
        text-align: center;
    }
    .countdown {
        font-size: 0.8rem;
        transform: translate(-49%,-20%);
    }


   
    .img-home {
        margin-bottom: 9% !important;
    }
    .img-home > img {
        width: 94% !important;
    }

    .position-form {
        margin-bottom: -40% !important;
        transform: translate(0, -90%) !important;
    }

    .popup-box_news_title {
        margin-bottom: 2% !important;
        font-size: 1.5rem !important;
    }

    
    .box3 {
        margin-bottom: -8% !important;
    }

}

@media (max-width: 444.99px) {  
    .mr-bottom-mb {
        margin-bottom: -4px;
    }
    .background-footer {
        height: 230px;
        width: 100% !important;
        padding: 10% 0 0 0 !important;
    }
}