@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1368px) {}

@media only screen and (max-width: 1200px) {
    .desktop {
        display: none !important;
    }
    .mobile {
        display: flex;
    }
    .mobile-nav {
        display: flex;
    }
    .header-section {
        background: url('/assets/bg-header-new.jpg');
        width: 100%;
        height: 80.022605vw;
        margin-top: 6vw;
    }
    .main-nav-section {
        height: 8.5vw;
        z-index: 21;
    }
    .khuyen-cao {
        position: absolute;
        top: 10%;
        left: 1%;
        width: 12.118407vw;
        height: 4.7vw;
        z-index: 10;
    }
    .header-section .btn-play {
        left: 43.5%;
        top: 40%;
        width: 10.781485vw;
        height: 9.13563vw;
    }
    .header-section .btn-play:hover {
        left: 43.5%;
        top: 40%;
        width: 10.781485vw;
        height: 9.13563vw;
    }
    .header-content {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .download-box {
        position: relative;
        width: 50%;
        margin: 0 auto;
        padding-top: 76vw;
        z-index: 2;
    }
    .download-box .btn-qrcode {
        position: absolute;
        background: url('/assets/logo-new.png') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        left: 0px;
        bottom: 0px;
        width: 14.6vw;
        height: 14.54vw;
    }
    .download-box .btn-ios {
        position: absolute;
        background: url('/assets/appstore_normal.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        left: 15.2vw;
        bottom: 10vw;
        width: 16.4vw;
        height: 4.5vw;
    }
    .download-box .btn-ios:hover {
        background: url('/assets/appstore_hover.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        width: 16.4vw;
        height: 4.5vw;
    }
    .download-box .btn-android {
        position: absolute;
        background: url('/assets/ggplay_normal.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        left: 15.2vw;
        bottom: 5vw;
        width: 16.4vw;
        height: 4.5vw;
    }
    .download-box .btn-android:hover {
        position: absolute;
        background: url('/assets/ggplay_hover.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        width: 16.4vw;
        height: 4.5vw;
    }
    .download-box .btn-apk {
        position: absolute;
        background: url('/assets/apk_normal.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        left: 15.2vw;
        bottom: 0px;
        width: 16.4vw;
        height: 4.5vw;
    }
    .download-box .btn-apk:hover {
        position: absolute;
        background: url('/assets/apk_hover.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        width: 16.4vw;
        height: 4.5vw;
    }
    .download-box .btn-napthe {
        position: absolute;
        background: url('/assets/napthe_normal.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        left: 32vw;
        bottom: 0px;
        width: 14.6vw;
        height: 14.54vw;
    }
    .download-box .btn-napthe:hover {
        position: absolute;
        background: url('/assets/napthe_hover.jpg') no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        left: 32vw;
        bottom: 0px;
        width: 14.6vw;
        height: 14.54vw;
    }
    .content-section {
        background: url('/assets/bg-content2.jpg');
        background-position: center top !important;
        width: 100%;
        height: 359.854682vw;
        position: relative;
        z-index: 3;
    }
    .tintuc-slider {
        width: 89.516685vw;
        height: 60.3vw;
    }
    .tintuc-slide {
        width: 88vw;
    }
    .tintuc-slide .swiper-slide .tintuc-frame {
        width: 88vw;
        height: 59vw;
    }
    .tintuc-slide .swiper-slide img {
        width: 88vw;
        height: 59vw;
        object-fit: cover;
    }
    .tintuc-content {
        width: 89.516685vw;
        height: 60.3vw;
        padding: 4% 5% 7% 5%;
        margin-top: 2vw;
    }
    .tintuc-section {
        position: relative;
        margin-bottom: 3vw;
    }
    .tintuc-body {
        width: 95.89451vw;
        justify-content: space-between !important;
        margin: 0 auto;
        flex-direction: column;
    }
    .tintuc-content-header {
        justify-content: flex-start;
        border-bottom: 0.1vw solid #9fb7c0;
        padding-bottom: 2%;
        margin-bottom: 1vw;
        width: 100%;
    }
    .tintuc-content-header li {
        width: 23%;
    }
    .tintuc-content-header li:hover a {
        width: 100%;
        height: 4.682454vw;
        color: white;
    }
    .tintuc-content-header li a {
        width: 100%;
        height: 4.682454vw;
        font-size: 3vw;
        color: black;
        margin: 0;
        font-weight: 700;
    }
    .tintuc-content-header li.active-tintuc-header a {
        width: 100%;
        height: 4.682454vw;
        color: white;
    }
    .tintuc-content-body {
        height: 38vw;
    }
    .tintuc-content-body ul {
        width: 100%;
        display: none;
        height: auto;
        max-height: 38vw;
        height: 38vw;
        margin-bottom: 1vw;
    }
    .tintuc-content-body ul li a {
        color: black;
        justify-content: flex-start;
        align-items: normal;
        font-weight: 500;
        font-size: 2.5vw;
    }
    .tintuc-content-body .list-tintuc-info p {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        font-size: 2.5vw;
        margin-bottom: 1vw;
    }
    .tintuc-content-body .list-tintuc-img {
        width: 11.192vw;
        height: 11.192vw;
    }
    .tintuc-content a.btn-more {
        width: 100%;
        justify-content: flex-end;
        color: black;
        font-weight: 500;
        font-size: 2vw;
    }
    .tintuc-content a.btn-hotro {
        width: 49%;
        height: 6.8vw;
        bottom: 0.6vw;
        left: 0.5vw;
        font-size: 3vw;
        color: white;
    }
    .tintuc-content a.btn-hotro:hover {
        width: 49%;
        height: 6.8vw;
        bottom: 0.6vw;
        left: 0.5vw;
    }
    .tintuc-content a.btn-hotline {
        width: 49%;
        height: 6.8vw;
        bottom: 0.6vw;
        right: 0.5vw;
        font-size: 3vw;
        color: white;
    }
    .tintuc-content a.btn-hotline:hover {
        width: 49%;
        height: 6.8vw;
        bottom: 0.6vw;
        right: 0.5vw;
    }
    .monphai-section {
        width: 95.89451vw;
        height: 80.668461vw;
        position: relative;
        margin: 0 auto;
    }
    .monphai-section .section-title img {
        width: 56.8vw;
        height: 8.7vw;
    }
    .mp-container .bg-mp .la-bg {
        z-index: 11;
        width: 46.4vw;
        height: 42.8vw;
        top: 10vw;
        left: 18vw;
    }
    .hp-list {
        position: relative;
        justify-content: space-between !important;
        width: 81vw;
        margin: 4vw auto;
        margin-bottom: 0px;
        z-index: 10;
    }
    .hp-list li a {
        width: 14.67vw;
        height: 4.84vw;
        font-size: 1.9vw;
        font-weight: 500;
        color: white;
    }
    .hp-list li:hover a {
        width: 14.67vw;
        height: 4.84vw;
    }
    .hp-list li.active a {
        width: 14.67vw;
        height: 4.84vw;
    }
    .mp-select-list {
        top: 7vw;
        left: 2vw;
        z-index: 4;
    }
    .mp-select-list .mp-select-group a.mp-tl {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tl.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tl:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tv {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tv.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tv:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-dm {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-dm.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-dm:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-5d {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-5d.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-5d:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-mg {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-mg.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-mg:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-nm {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-nm.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-nm:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-ty {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-ty.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-ty:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-dt {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-dt.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-dt:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cb {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cb.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cb:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tn {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tn.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-tn:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-td {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-td.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-td:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-vd {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-vd.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-vd:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cl {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cl.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cl:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cm {
        width: 9.75vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cm.active {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-select-list .mp-select-group a.mp-cm:hover {
        width: 12.584vw;
        height: 9.834vw;
    }
    .mp-item .persion-img-tl {
        width: 50.75vw;
        height: 44.834vw;
        top: 5.834vw;
        left: 15.584vw;
        z-index: 3;
    }
    .mp-item .desc-mp-tl {
        width: 27.667vw;
        height: 26.75vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-tv {
        width: 38.667vw;
        height: 46vw;
        top: 3.75vw;
        left: 17.5vw;
        z-index: 3;
    }
    .mp-item .desc-mp-tv {
        width: 28.25vw;
        height: 25.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-dm {
        width: 41.834vw;
        height: 50vw;
        top: 0px;
        left: 23.75vw;
        z-index: 3;
    }
    .mp-item .desc-mp-dm {
        width: 27.667vw;
        height: 25.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-mg {
        width: 38.084vw;
        height: 46.834vw;
        top: 3.75vw;
        left: 19.584vw;
        z-index: 3;
    }
    .mp-item .desc-mp-mg {
        width: 27.834vw;
        height: 25.167vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-5d {
        width: 44.334vw;
        height: 48.75vw;
        top: 1.667vw;
        left: 16.25vw;
        z-index: 3;
    }
    .mp-item .desc-mp-5d {
        width: 27.667vw;
        height: 23.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-nm {
        width: 44.334vw;
        height: 52.417vw;
        top: 1.25vw;
        left: 16.25vw;
        z-index: 3;
    }
    .mp-item .desc-mp-nm {
        width: 27.584vw;
        height: 27.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-ty {
        width: 72vw;
        height: 56.25vw;
        top: -5vw;
        left: 3.5vw;
        z-index: 3;
    }
    .mp-item .desc-mp-ty {
        width: 27.667vw;
        height: 25.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-dt {
        width: 47vw;
        height: 36.917vw;
        top: 14.584vw;
        left: 15.417vw;
        z-index: 3;
    }
    .mp-item .desc-mp-dt {
        width: 27.667vw;
        height: 27.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-cb {
        width: 35.834vw;
        height: 45.917vw;
        top: 6vw;
        left: 22.084vw;
        z-index: 3;
    }
    .mp-item .desc-mp-cb {
        width: 27.667vw;
        height: 25.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-tn {
        width: 58.667vw;
        height: 45.25vw;
        top: 5.834vw;
        left: 15vw;
        z-index: 3;
    }
    .mp-item .desc-mp-tn {
        width: 27.584vw;
        height: 26.75vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-td {
        width: 47.584vw;
        height: 51.25vw;
        top: 11.667vw;
        left: 15vw;
        z-index: 3;
    }
    .mp-item .desc-mp-td {
        width: 27.667vw;
        height: 27.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-vd {
        width: 39.5vw;
        height: 51.75vw;
        top: 0.417vw;
        left: 15.834vw;
        z-index: 3;
    }
    .mp-item .desc-mp-vd {
        width: 27.667vw;
        height: 27.417vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-cl {
        width: 41.834vw;
        height: 49.667vw;
        top: 0.834vw;
        left: 17.5vw;
        z-index: 3;
    }
    .mp-item .desc-mp-cl {
        width: 27.667vw;
        height: 25.25vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    .mp-item .persion-img-cm {
        width: 55vw;
        height: 53.834vw;
        top: 2.25vw;
        left: 8.75vw;
        z-index: 3;
    }
    .mp-item .desc-mp-cm {
        width: 27.584vw;
        height: 24.75vw;
        top: 4.417vw;
        left: 67.5vw;
        z-index: 3;
    }
    img.bg_content_char {
        top: 31vw;
        left: 5vw;
        width: 72vw;
        height: 41.584vw;
        z-index: 1;
    }
    .camnang-section {
        width: 95.834vw;
        margin: 0 auto;
        height: 96.667vw;
        position: relative;
    }
    .camnang-section .section-title img {
        width: 56.8vw;
        height: 8.7vw;
    }
    .cn-content-btn a {
        width: 28.667vw;
        height: 24.167vw;
        animation: phongto 1.5s alternate infinite linear;
    }
    .cn-content-btn a.hd-tt {
        top: 19.167vw;
        left: 15.834vw;
        animation-delay: 0.5s;
    }
    .cn-content-btn a.ht-pb {
        top: 22.084vw;
        left: 59.584vw;
    }
    .cn-content-btn a.ht-nv {
        top: 12.5vw;
        left: 37.5vw;
        animation-delay: 0.3s;
    }
    .sb_content {
        width: 100%;
        height: 63.75vw;
        margin: 2vw 0 0 0;
        padding: 4vw 5vw 4vw 5vw;
    }
    .sb_content h4.title_sb {
        font-family: Cafeta_font;
        font-size: 3vw;
    }
    .sb_content img.sb_rank1 {
        top: 12.5vw;
        left: 7vw;
        z-index: 4;
        width: 77.917vw;
        height: 4.499vw;
    }
    .sb_content img.sb_rank2 {
        top: 17.1vw;
        left: 7vw;
        z-index: 4;
        width: 77.917vw;
        height: 4.499vw;
    }
    .sb_content img.sb_rank3 {
        top: 21.6vw;
        left: 7vw;
        z-index: 4;
        width: 77.917vw;
        height: 4.499vw;
    }
    .table {
        width: 100%;
        margin-bottom: 0px;
        color: #212529;
    }
    .sb_content table th {
        font-size: 2vw;
        padding: 0.8vw;
    }
    .sb_content table td {
        font-size: 1.8vw;
        padding: 0.8vw;
    }
    .dacsac-section {
        width: 95.834vw;
        margin: 0 auto;
        height: 55vw;
        position: relative;
    }
    .dacsac-section .section-title img {
        width: 56.8vw;
        height: 8.7vw;
    }
    .dacsac-section .dacsac-content {
        width: 100%;
        margin: 5vw auto;
        text-align: center;
    }
    .dacsac-content li a {
        width: 7.917vw;
        height: 37.5vw;
    }
    .dacsac-content li img {
        width: 57.25vw;
        height: 37.667vw;
    }
    .dacsac_flipster {
        width: 100%;
        overflow: hidden;
        margin-top: 5vw;
    }
    .dacsac_flipster ul li {
        width: 57.25vw;
        height: 37.667vw;
        text-align: center;
        margin: 3vw auto 0;
    }
    .tintuc-content-body ul li:nth-child(1) {
        /*display: flex;*/
        /*margin-bottom: 0.5vw;*/
    }
}

@media only screen and (max-width: 1024px) {
    .comming-soon .section-background {
        display: none;
    }
    .comming-soon {
        background: url('/assets/mobile-comingsoon.jpg');
        width: 100%;
        height: 221vw;
    }
    .comming-soon .footer-section {
        display: none;
    }
    .footer-section .footer_hide {
        display: block;
    }
    .comming-soon a.logo-cm img {
        width: 42.852vw;
        height: 20.758vw;
    }
    .site-404 .section-background {
        display: none;
    }
    .site-404 {
        background: url('/assets/404.jpg');
        width: 100%;
        height: 100vh;
    }
    .site-404 a.logo-cm img {
        width: 47.852vw;
        height: 26.758vw;
    }
    .site-404 {
        padding-top: 3%;
    }
    .site-404 a.logo-cm img {
        width: 47.852vw;
        height: 26.758vw;
    }
    .site-404 .text-404 img {
        width: 53.712vw;
        height: 34.18vw;
    }
    .sb_content {
        background: url('/assets/sb_content_2.png') no-repeat;
        width: 100%;
        height: 82.75vw;
        margin: 2vw 0 0 0;
        padding: 5vw 5vw 4vw 5vw;
    }
    .sb_content h4.title_sb {
        font-size: 4vw;
    }
    .sb_content table th {
        font-size: 3vw;
        padding: 0.6vw;
    }
    .sb_content table td {
        font-size: 3vw;
        padding: 0.6vw;
    }
    .sb_content img.sb_rank1 {
        top: 10.5vw;
        left: 5vw;
        z-index: 4;
        width: 79.917vw;
        height: 5.499vw;
    }
    .sb_content img.sb_rank2 {
        top: 16vw;
        left: 5vw;
        z-index: 4;
        width: 79.917vw;
        height: 5.499vw;
    }
    .sb_content img.sb_rank3 {
        top: 21.8vw;
        left: 5vw;
        z-index: 4;
        width: 79.917vw;
        height: 5.499vw;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 768px) {
    .comming-soon .right_nav {
        width: 13.021vw;
        height: 29.558vw;
        position: fixed;
        top: 30%;
        right: 5px;
        z-index: 5;
    }
    .comming-soon .right_nav ul {
        width: 13.021vw;
        height: 29.558vw;
        margin-bottom: 0;
        position: relative;
        flex-direction: column;
    }
    .comming-soon .right_nav ul li:nth-child(1) a {
        width: 11.068vw;
        height: 11.068vw;
    }
    .comming-soon .right_nav ul li:nth-child(2) a {
        width: 11.068vw;
        height: 11.068vw;
    }
    .sb_content img.sb_rank1 {
        top: 16.1vw;
    }
    .sb_content img.sb_rank2 {
        top: 21.9vw;
    }
    .sb_content img.sb_rank3 {
        top: 27.5vw;
    }
}

@media only screen and (max-width: 736px) {}

@media only screen and (max-width: 568px) {
    .sb_content img.sb_rank1 {
        top: 16.3vw;
    }
    .sb_content img.sb_rank2 {
        top: 22.1vw;
    }
    .sb_content img.sb_rank3 {
        top: 27.9vw;
    }
}

@media only screen and (max-width: 375px) {
    .comming-soon {
        width: 100%;
        height: 238vw;
    }
    .sb_content img.sb_rank1 {
        top: 16.9vw;
    }
    .sb_content img.sb_rank2 {
        top: 22.5vw;
    }
    .sb_content img.sb_rank3 {
        top: 27.9vw;
    }
}