@media only screen and (max-width:1600px) {
    .content-gioi-thieu p {
        font-size: 23px;
        font-weight: 500;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 160px 0 0 0;
        font-size: 16px;
    }

        .content-the-le img {
            width: 95%;
            margin-left: 0vw;
        }

        .content-phan-thuong img {
            width: 99%;
            margin-left: 0vw;
        }

    .content-giang-sinh-vui-ve h4 {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:1366px) {
    .content-gioi-thieu p {
        font-size: 20px;
        font-weight: 500;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 130px 0 0 0;
        font-size: 14px;
    }

    .content-giang-sinh-vui-ve h4 {
        font-size: 1.6rem;
    }

    .content-the-le img {
        width: 94%;
        margin-left: 1vw;
    }

    .content-phan-thuong img {
        width: 98%;
        margin-left: 0.5vw;
    }

    .content-chu-y img {
        width: 25%;
        margin-left: 17vw
    }
}

@media only screen and (min-width:1200px) {
    .mobile-nav {
        display: none !important;
    }

    .main-nav {
        display: none;
    }
}

@media only screen and (max-width:1199px) {
    .body-event {
        height: 369.208333vw;
    }
    .left-nav {
        top: 260px;
        width: 140px;
        height: 367px;
    }

    .left-nav2 {
        top: 260px;
        width: 140px;
        height: 367px;
    }

    .left-nav .sticky-left-nav {
        top: -18px;
        left: 5px;
        width: 140px;
        height: 367px;
    }

    .left-nav2 .sticky-left-nav2 {
        top: -18px;
        left: 5px;
        width: 140px;
        height: 367px;
    }

    .left-nav-arrow-off {
        width: 45px;
        height: 45px;
        top: 170px;
        left: 92px;
    }

    .left-nav-arrow-on {
        width: 45px;
        height: 45px;
        top: 170px;
        left: -45px;
    }

    .left-nav-arrow-off2 {
        width: 45px;
        height: 45px;
        top: 170px;
        left: 92px;
    }

    .left-nav-arrow-on2 {
        width: 45px;
        height: 45px;
        top: 170px;
        left: -45px;
    }

    .button-top img {
        width: 50px;
        height: 98px;
    }

    .button-top {
        right: 45px;
        top: 610px;
    }

    .button-top2 img {
        width: 50px;
        height: 98px;
    }

    .button-top2 {
        right: 45px;
        top: 610px;
    }

    .r-5 {
        right: 5px;
    }

    .left-nav .sticky-left-nav a.sticky-button-gioi-thieu {
        top: 105px;
        left: 8px;
        width: 125px;
        height: 26px;
    }

        .left-nav .sticky-left-nav a.sticky-button-gioi-thieu:hover {
            top: 105px;
            left: 8px;
            width: 125px;
            height: 26px;
        }

    .left-nav .sticky-left-nav a.sticky-button-the-le {
        top: 136px;
        left: 8px;
        width: 125px;
        height: 26px;
        background-position: 0px -32px;
    }

        .left-nav .sticky-left-nav a.sticky-button-the-le:hover {
            top: 136px;
            left: 8px;
            width: 125px;
            height: 26px;
            background-position: 0px -32px;
        }

    .left-nav .sticky-left-nav a.sticky-button-phan-thuong {
        top: 166px;
        left: 8px;
        width: 125px;
        height: 26px;
        background-position: 0px -63px;
    }

        .left-nav .sticky-left-nav a.sticky-button-phan-thuong:hover {
            top: 166px;
            left: 8px;
            width: 125px;
            height: 26px;
            background-position: 0px -63px;
        }

    .left-nav .sticky-left-nav a.sticky-button-chu-y {
        top: 196px;
        left: 8px;
        width: 125px;
        height: 26px;
        background-position: 0px -96px;
    }

        .left-nav .sticky-left-nav a.sticky-button-chu-y:hover {
            top: 196px;
            left: 8px;
            width: 125px;
            height: 26px;
            background-position: 0px -96px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-gioi-thieu2 {
        top: 105px;
        left: 8px;
        width: 125px;
        height: 26px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-gioi-thieu2:hover {
            top: 105px;
            left: 8px;
            width: 125px;
            height: 26px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-the-le2 {
        top: 136px;
        left: 8px;
        width: 125px;
        height: 26px;
        background-position: 0px -32px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-the-le2:hover {
            top: 136px;
            left: 8px;
            width: 125px;
            height: 26px;
            background-position: 0px -32px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-phan-thuong2 {
        top: 166px;
        left: 8px;
        width: 125px;
        height: 26px;
        background-position: 0px -63px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-phan-thuong2:hover {
            top: 166px;
            left: 8px;
            width: 125px;
            height: 26px;
            background-position: 0px -63px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-chu-y2 {
        top: 196px;
        left: 8px;
        width: 125px;
        height: 26px;
        background-position: 0px -96px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-chu-y2:hover {
            top: 196px;
            left: 8px;
            width: 125px;
            height: 26px;
            background-position: 0px -96px;
        }

    .content-gioi-thieu p {
        font-size: 17px;
        font-weight: 500;
    }

    .khuyen-cao img {
        width: 135px;
        height: 90px;
    }

    .main-nav {
        background: url('../images/bg-header-mb.png') center top no-repeat;
        background-size: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 902;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }

    .menu-bar {
        display: none;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 115px 0 0 0;
        font-size: 13px;
    }

    .content-giang-sinh-vui-ve h4 {
        font-size: 1.6rem;
    }

    .content-the-le img {
        width: 93%;
        margin-left: 1vw;
    }

    .content-phan-thuong img {
        width: 97%;
        margin-left: 0.5vw;
    }

    .app {
        display: none;
    }

    .location {
        margin: 0px 0px 0px -25px;
    }

    .information {
        margin: -12px 0px 0px -30px;
    }
}

@media only screen and (max-width:1114px) {
    .content-gioi-thieu p {
        font-size: 16px;
        font-weight: 500;
    }

    .khuyen-cao img {
        width: 120px;
        height: 80px;
    }

    .main-nav-logo img {
        width: 90%;
    }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 215px;
        height: 58px;
        position: absolute;
        top: 37px;
        right: 600px;
    }

        .main-nav-download:hover, .main-nav-download:active {
            background: url('../images/btntaigame1.png') no-repeat;
            background-size: cover;
            width: 215px;
            height: 58px;
            cursor: pointer;
        }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 215px;
        height: 58px;
        position: absolute;
        top: 37px;
        right: 355px;
    }

        .main-nav-donate:hover, .main-nav-donate:active {
            background: url('../images/btnapthe1.png') no-repeat;
            background-size: cover;
            width: 215px;
            height: 58px;
            cursor: pointer;
        }

    .main-nav-button-bar {
        position: absolute;
        top: 40px;
        right: 40px;
    }

        .main-nav-button-bar i {
            font-size: 430%;
            color: white;
            cursor: pointer;
        }

    .mobile-nav-icon-home {
        position: absolute;
        top: 51px;
        right: 155px;
    }

    .mobile-nav-icon-fb i {
        font-size: 350%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 51px;
        right: 250px;
    }

    .mobile-nav-icon-home i {
        font-size: 350%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 105px 0 0 0;
        font-size: 13px;
    }

        .content-the-le img {
            width: 90%;
            margin-left: 2vw;
        }

        .content-phan-thuong img {
            width: 97%;
            margin-left: 0.5vw;
        }

    .body-event .the-le {
        background: url(../images/content-the-le.png) no-repeat;
        background-size: cover;
        background-position: center top;
        width: 57.5vw;
        height: 90.4vw;
        margin: 0px auto 130px;
    }

    .body-event2 #the-le2 {
        background: url(../images/content-the-le2.png) no-repeat;
        background-size: cover;
        background-position: center top;
        width: 57.6vw;
        height: 61.78125vw;
        margin: 0px auto 130px;
    }
}

@media only screen and (max-width:1024px) {
    .body-event {
        height: 373.208333vw;
    }
    .content-gioi-thieu p {
        font-size: 15px;
        font-weight: 500;
    }

    .main-nav-logo img {
        width: 110%;
    }

    .main-nav-logo {
        width: 110px;
        height: 120px;
        margin-left: 110px;
        padding: 30px 0 0 0px;
    }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 180px;
        height: 48px;
        position: absolute;
        top: 35px;
        right: 520px;
    }

        .main-nav-download:hover, .main-nav-download:active {
            background: url('../images/btntaigame1.png') no-repeat;
            background-size: cover;
            width: 180px;
            height: 48px;
            cursor: pointer;
        }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 180px;
        height: 48px;
        position: absolute;
        top: 35px;
        right: 310px;
    }

        .main-nav-donate:hover, .main-nav-donate:active {
            background: url('../images/btnapthe1.png') no-repeat;
            background-size: cover;
            width: 180px;
            height: 48px;
            cursor: pointer;
        }

    .main-nav-button-bar {
        position: absolute;
        top: 40px;
        right: 35px;
    }

        .main-nav-button-bar i {
            font-size: 400%;
            color: white;
            cursor: pointer;
        }

    .mobile-nav-icon-home {
        position: absolute;
        top: 45px;
        right: 145px;
    }

    .mobile-nav-icon-fb i {
        font-size: 320%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 45px;
        right: 220px;
    }

    .mobile-nav-icon-home i {
        font-size: 320%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 95px 0 0 0;
        font-size: 12px;
    }

        .content-the-le img {
            width: 89%;
            margin-left: 2.5vw;
        }

        .content-phan-thuong img {
            width: 97%;
            margin-left: 0.5vw;
        }
}

@media only screen and (max-width:900px) {
    .content-gioi-thieu p {
        font-size: 14px;
        font-weight: 500;
    }

    .main-nav-button-bar {
        position: absolute;
        top: 32px;
        right: 27px;
    }

        .main-nav-button-bar i {
            font-size: 400%;
            color: white;
            cursor: pointer;
        }

    .mobile-nav-icon-home i {
        font-size: 350%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-home {
        position: absolute;
        top: 35px;
        right: 125px;
    }

    .mobile-nav-icon-fb i {
        font-size: 350%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 35px;
        right: 195px;
    }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 180px;
        height: 48px;
        position: absolute;
        top: 25px;
        right: 255px;
    }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 180px;
        height: 48px;
        position: absolute;
        top: 25px;
        right: 460px;
    }

    .main-nav-logo {
        width: 100px;
        height: 110px;
        margin-left: 65px;
        padding: 30px 0 0 0px;
    }

    .mobile-nav ul {
        margin-top: 110px;
        text-align: center;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 80px 0 0 0;
        font-size: 10.5px;
    }

    .body-event2 .chu-y {
        margin: 0px auto 100px;
    }

    .body-event .gioi-thieu {
        margin: 0px auto 100px;
    }

    .body-event .the-le {
        margin: 0px auto 100px;
    }

    .body-event .phan-thuong {
        margin: 0px auto 100px;
    }

    .body-event .chu-y {
        margin: 0px auto 100px;
    }

    .body-event2 .gioi-thieu {
        margin: 0px auto 100px;
    }

    .body-event2 #the-le2 {
        margin: 0px auto 100px;
    }

    .body-event2 #phan-thuong2 {
        margin: 0px auto 100px;
    }

    .information p {
        font-size: 13px;
        color: white;
        letter-spacing: 1px;
    }

    .location p {
        font-size: 10px;
        color: white;
        letter-spacing: 1px;
        font-style: italic;
    }

    .information {
        margin: -16px 0px 0px -30px;
    }
}

@media only screen and (max-width:812px) {
    .content-gioi-thieu p {
        font-size: 12px;
        font-weight: 500;
    }

    .main-nav-logo {
        width: 100px;
        height: 100px;
        margin-left: 40px;
        padding: 20px 0 0 0px;
    }

    .main-nav-button-bar {
        position: absolute;
        top: 25px;
        right: 25px;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 75px 0 0 0;
        font-size: 10px;
    }

        .content-the-le img {
            width: 80%;
            margin-left: 4.5vw;
        }

    .body-event2 .gioi-thieu {
        margin: 0px auto 100px;
    }
}

@media only screen and (max-width:768px) {
    .mobile-nav ul li a {
        color: whitesmoke;
        text-decoration: none;
        font-size: 17px;
    }

    .mobile-nav ul.submenu-cam-nang li a {
        color: whitesmoke;
        text-decoration: none;
        font-size: 16px;
    }

    .mobile-nav ul {
        margin-top: 95px;
        text-align: center;
    }

    .main-nav-logo {
        width: 95px;
        height: 100px;
        margin-left: 40px;
        padding: 20px 0 0 0px;
    }

    .main-nav-button-bar {
        position: absolute;
        top: 23px;
        right: 23px;
    }

        .main-nav-button-bar i {
            font-size: 400%;
            color: white;
            cursor: pointer;
        }

    .mobile-nav-icon-home {
        position: absolute;
        top: 30px;
        right: 100px;
    }

        .mobile-nav-icon-home i {
            font-size: 350%;
            color: rgb(179, 179, 179);
            transition: all .4s;
        }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 30px;
        right: 160px;
    }

        .mobile-nav-icon-fb i {
            font-size: 350%;
            color: rgb(179, 179, 179);
            transition: all .4s;
        }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 165px;
        height: 44px;
        position: absolute;
        top: 20px;
        right: 215px;
    }

        .main-nav-donate:hover, .main-nav-donate:active {
            background: url('../images/btnapthe1.png') no-repeat;
            background-size: cover;
            width: 165px;
            height: 44px;
            cursor: pointer;
        }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 165px;
        height: 44px;
        position: absolute;
        top: 20px;
        right: 415px;
    }

        .main-nav-download:hover, .main-nav-download:active {
            background: url('../images/btntaigame1.png') no-repeat;
            background-size: cover;
            width: 165px;
            height: 44px;
            cursor: pointer;
        }

    .khuyen-cao img {
        width: 100px;
        height: 67px;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 70px 0 0 0;
        font-size: 9.5px;
    }

    .main-nav-logo img {
        width: 100%;
    }

    .body-event {
        height: 375.25vw;
    }

    .body-event2 {
        height: 297.885417vw;
    }
}

@media only screen and (max-width:736px) {
    .content-gioi-thieu p {
        font-size: 11px;
        font-weight: 500;
    }

    .location {
        margin: -16px 0px 0px -43px;
    }

    .information {
        margin: -16px 0px 0px -90px;
    }
}

@media only screen and (max-width:667px) {
    .left-nav {
        top: 100px;
        width: 95px;
        height: 249px;
    }

    .left-nav2 {
        top: 100px;
        width: 95px;
        height: 249px;
    }

    .left-nav .sticky-left-nav {
        top: -18px;
        left: 2px;
        width: 95px;
        height: 249px;
    }

    .left-nav2 .sticky-left-nav2 {
        top: -18px;
        left: 2px;
        width: 95px;
        height: 249px;
    }

    .left-nav-arrow-off {
        width: 45px;
        height: 45px;
        top: 100px;
        left: 50px;
    }

    .left-nav-arrow-on {
        width: 35px;
        height: 35px;
        top: 100px;
        left: -35px;
    }

    .left-nav-arrow-off2 {
        width: 45px;
        height: 45px;
        top: 100px;
        left: 50px;
    }

    .left-nav-arrow-on2 {
        width: 35px;
        height: 35px;
        top: 100px;
        left: -35px;
    }

    .button-top img {
        width: 40px;
        height: 78px;
    }

    .button-top {
        right: 25px;
        top: 330px;
    }

    .button-top2 img {
        width: 40px;
        height: 78px;
    }

    .button-top2 {
        right: 25px;
        top: 330px;
    }

    .r-5 {
        right: 5px;
    }

    .left-nav .sticky-left-nav a.sticky-button-gioi-thieu {
        top: 70px;
        left: 5px;
        width: 85px;
        height: 18px;
    }

        .left-nav .sticky-left-nav a.sticky-button-gioi-thieu:hover {
            top: 70px;
            left: 5px;
            width: 85px;
            height: 18px;
        }

    .left-nav .sticky-left-nav a.sticky-button-the-le {
        top: 91px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -22px;
    }

        .left-nav .sticky-left-nav a.sticky-button-the-le:hover {
            top: 91px;
            left: 5px;
            width: 85px;
            height: 18px;
            background-position: 0px -22px;
        }

    .left-nav .sticky-left-nav a.sticky-button-phan-thuong {
        top: 111px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -42px;
    }

        .left-nav .sticky-left-nav a.sticky-button-phan-thuong:hover {
            top: 111px;
            left: 5px;
            width: 85px;
            height: 18px;
            background-position: 0px -42px;
        }

    .left-nav .sticky-left-nav a.sticky-button-chu-y {
        top: 132px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -65px;
    }

        .left-nav .sticky-left-nav a.sticky-button-chu-y:hover {
            top: 132px;
            left: 5px;
            width: 85px;
            height: 18px;
            background-position: 0px -65px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-gioi-thieu2 {
        top: 70px;
        left: 5px;
        width: 85px;
        height: 18px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-gioi-thieu2:hover {
            top: 70px;
            left: 5px;
            width: 85px;
            height: 18px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-the-le2 {
        top: 91px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -22px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-the-le2:hover {
            top: 91px;
            left: 5px;
            width: 85px;
            height: 18px;
            background-position: 0px -22px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-phan-thuong2 {
        top: 111px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -42px;
    }

        .left-nav2 .sticky-left-nav2 a.sticky-button-phan-thuong2:hover {
            top: 111px;
            left: 5px;
            width: 85px;
            height: 18px;
            background-position: 0px -42px;
        }

    .left-nav2 .sticky-left-nav2 a.sticky-button-chu-y2 {
        top: 132px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -65px;
    }

    .left-nav2 .sticky-left-nav2 a.sticky-button-chu-y2:hover {
        top: 132px;
        left: 5px;
        width: 85px;
        height: 18px;
        background-position: 0px -65px;
    }

    .main-nav-logo {
        width: 95px;
        height: 80px;
        margin-left: 45px;
        padding: 20px 0 0 0px;
    }

    .main-nav-button-bar {
        position: absolute;
        top: 23px;
        right: 20px;
    }

    .mobile-nav-icon-home i {
        font-size: 320%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-home {
        position: absolute;
        top: 25px;
        right: 85px;
    }

    .mobile-nav-icon-fb i {
        font-size: 320%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 25px;
        right: 130px;
    }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 133px;
        height: 35px;
        position: absolute;
        top: 17px;
        right: 175px;
    }

        .main-nav-donate:hover, .main-nav-donate:active {
            background: url('../images/btnapthe1.png') no-repeat;
            background-size: cover;
            width: 135px;
            height: 35px;
            cursor: pointer;
        }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 133px;
        height: 35px;
        position: absolute;
        top: 17px;
        right: 325px;
    }

        .main-nav-download:hover, .main-nav-download:active {
            background: url('../images/btntaigame1.png') no-repeat;
            background-size: cover;
            width: 135px;
            height: 35px;
            cursor: pointer;
        }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 63px 0 0 0;
        font-size: 9.5px;
    }

    .content-giang-sinh-vui-ve h4 {
        font-size: 1.8rem;
    }

    .content-the-le img {
        width: 75%;
        margin-left: 5.5vw;
    }

    .content-phan-thuong img {
        width: 80%;
        margin-left: 4.5vw;
    }

    .body-event .chu-y {
        margin: 0px auto 85px;
    }

    .body-event {
        height: 380.25vw;
    }

    .body-event2 {
        height: 297.885417vw;
    }

    .location p {
        font-size: 9px;
        color: white;
        letter-spacing: 1px;
        font-style: italic;
    }

    .information p {
        font-size: 11px;
        color: white;
        letter-spacing: 1px;
    }

    .location {
        margin: -20px 0px 0px -23px;
    }

    .information {
        margin: -20px 0px 0px -55px;
    }
}

@media only screen and (max-width:621px){
    .content-gioi-thieu p {
        font-size: 9.2px;
        font-weight: 500;
    }

    .content-phan-thuong img {
        width: 73%;
        margin-left: 6.5vw;
    }
    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 58px 0 0 0;
        font-size: 9.3px;
    }
}

@media only screen and (max-width:619px){
    .content-gioi-thieu p {
        font-size: 9.5px;
        font-weight: 500;
    }
    .content-phan-thuong img {
        width: 74%;
        margin-left: 5.5vw;
    }
    .content-the-le img {
        width: 72%;
        margin-left: 6.5vw;
    }
    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 63px 0 0 0;
        font-size: 9px;
    }
}

@media only screen and (max-width:568px) {
    .content-gioi-thieu p {
        font-size: 9px;
        font-weight: 500;
    }

    .main-nav {
        background: url(../images/bg-header-mb.png) center top no-repeat;
        background-size: 100% 70px;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 902;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }

    .mobile-nav-icon-home {
        position: absolute;
        top: 23px;
        right: 75px;
    }

        .mobile-nav-icon-home i {
            font-size: 300%;
            color: rgb(179, 179, 179);
            transition: all .4s;
        }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 23px;
        right: 115px;
    }

        .mobile-nav-icon-fb i {
            font-size: 300%;
            color: rgb(179, 179, 179);
            transition: all .4s;
        }

    .mobile-nav ul {
        margin-top: 60px;
        text-align: center;
    }

        .mobile-nav ul li a {
            color: whitesmoke;
            text-decoration: none;
            font-size: 15px;
        }

        .mobile-nav ul.submenu-cam-nang li a {
            color: whitesmoke;
            text-decoration: none;
            font-size: 14px;
        }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 105px;
        height: 28px;
        position: absolute;
        top: 17px;
        right: 150px;
    }

        .main-nav-donate:hover, .main-nav-donate:active {
            background: url('../images/btnapthe1.png') no-repeat;
            background-size: cover;
            width: 105px;
            height: 28px;
            cursor: pointer;
        }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 105px;
        height: 28px;
        position: absolute;
        top: 17px;
        right: 270px;
    }

        .main-nav-download:hover, .main-nav-download:active {
            background: url('../images/btntaigame1.png') no-repeat;
            background-size: cover;
            width: 105px;
            height: 28px;
            cursor: pointer;
        }

    .main-nav-button-bar {
        position: absolute;
        top: 20px;
        right: 18px;
    }

        .main-nav-button-bar i {
            font-size: 350%;
            color: white;
            cursor: pointer;
        }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 54px 0 0 0;
        font-size: 8px;
    }

        .content-the-le img {
            width: 73%;
            margin-left: 6.5vw;
        }

        .content-phan-thuong img {
            width: 76%;
            margin-left: 5.5vw;
        }

    .body-event {
        height: 389.25vw;
    }

    .body-event2 {
        height: 300.885417vw;
    }

    .main-nav-logo {
        width: 75px;
        height: 80px;
        margin-left: 50px;
        padding: 20px 0 0 0px;
    }

    .location {
        margin: -57px 0px 0px 161px;
    }

    .information {
        margin: -25px 0px 0px 0px;
    }

    .khuyen-cao {
        bottom: 22vw;
    }
}

@media only screen and (max-width:539px) {
    .content-the-le img {
        width: 72%;
        margin-left: 7vw;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 52px 0 0 0;
        font-size: 7.5px;
    }

    .khuyen-cao img {
        width: 85px;
        height: 57px;
    }

    .information p {
        font-size: 9px;
        color: white;
        letter-spacing: 1px;
    }

    .location p {
        font-size: 8px;
        color: white;
        letter-spacing: 1px;
        font-style: italic;
    }

    .information {
        margin: -35px 0px 0px 0px;
    }

    .location {
        margin: -71px 0px 0px 161px;
    }
}

@media only screen and (max-width:519px) {
    .content-gioi-thieu p {
        font-size: 8.5px;
        font-weight: 500;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 52px 0 0 0;
        font-size: 7px;
    }

    .main-nav-logo {
        width: 70px;
        height: 72px;
        margin-left: 40px;
        padding: 20px 0 0 0px;
    }

    .location p {
        font-size: 7px;
        color: white;
        letter-spacing: 1px;
        font-style: italic;
    }

    .information p {
        font-size: 9px;
        color: white;
        letter-spacing: 1px;
    }

    .location {
        margin: -47px 0px 0px 172px;
    }

    .information {
        margin: -35px 0px 0px 24px;
    }
}

@media only screen and (max-width:500px) {
    .body-event {
        height: 396.25vw;
    }

    .body-event2 {
        height: 307.885417vw;
    }
}

@media only screen and (max-width:468px) {
    .content-gioi-thieu p {
        font-size: 7.5px;
        font-weight: 500;
    }

    .main-nav-logo {
        width: 68px;
        height: 72px;
        margin-left: 15px;
        padding: 13px 0 0 0px;
    }

    .mobile-nav {
        background: url(../images/bg-news-footer.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center 60px;
        min-height: 30vh;
        width: 100%;
        position: fixed;
        display: none;
        z-index: 901;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 43px 0 0 0;
        font-size: 6.66px;
    }

    .body-event2 .chu-y {
        margin: 0px auto 80px;
    }

    .information {
        margin: -35px 0px 0px 20px;
    }

        .information p {
            font-size: 7px;
            color: white;
            letter-spacing: 1px;
        }

    .location {
        margin: -40px 0px 0px 146px;
    }

        .location p {
            font-size: 6px;
            color: white;
            letter-spacing: 1px;
            font-style: italic;
        }
}

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

    .main-nav {
        background: url(../images/bg-header-mb.png) center top no-repeat;
        background-size: 100% 63px;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 902;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 23px;
        right: 95px;
    }

    .mobile-nav-icon-home {
        position: absolute;
        top: 23px;
        right: 60px;
    }

    .main-nav-donate {
        background: url(../images/btnapthe.png) no-repeat;
        background-size: cover;
        width: 105px;
        height: 28px;
        position: absolute;
        top: 17px;
        right: 120px;
    }

    .main-nav-download {
        background: url(../images/btntaigame.png) no-repeat;
        background-size: cover;
        width: 105px;
        height: 28px;
        position: absolute;
        top: 17px;
        right: 240px;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 40px 0 0 0;
        font-size: 6.5px;
    }

    .body-event .gioi-thieu {
        margin: 0px auto 80px;
    }

    .body-event .the-le {
        margin: 0px auto 80px;
    }

    .body-event .phan-thuong {
        margin: 0px auto 80px;
    }

    .body-event2 .gioi-thieu {
        margin: 0px auto 80px;
    }

    .body-event2 #the-le2 {
        margin: 0px auto 80px;
    }

    .body-event2 #phan-thuong2 {
        margin: 0px auto 80px;
    }

    .location {
        margin: -40px 0px 0px 125px;
    }

    .information {
        margin: -35px 0px 0px 5px;
    }
}

@media only screen and (max-width:414px) {
    .content-gioi-thieu p {
        font-size: 6.6px;
        font-weight: 500;
    }

    .main-nav-button-bar {
        position: absolute;
        top: 20px;
        right: 15px;
    }

        .main-nav-button-bar i {
            font-size: 450%;
            color: white;
            cursor: pointer;
        }

    .mobile-nav-icon-home i {
        font-size: 380%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-home {
        position: absolute;
        top: 24px;
        right: 60px;
    }

    .mobile-nav-icon-fb i {
        font-size: 380%;
        color: rgb(179, 179, 179);
        transition: all .4s;
    }

    .mobile-nav-icon-fb {
        position: absolute;
        top: 24px;
        right: 90px;
    }

    .mobile-nav {
        background: url(../images/bg-news-footer.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center 20px;
        min-height: 26vh;
        width: 100%;
        position: fixed;
        display: none;
        transition: all .4s;
        z-index: 901;
    }

        .mobile-nav ul {
            margin-top: 40px;
            text-align: center;
        }

            .mobile-nav ul li a {
                color: whitesmoke;
                text-decoration: none;
                font-size: 13px;
            }

            .mobile-nav ul.submenu-cam-nang li a {
                color: whitesmoke;
                text-decoration: none;
                font-size: 11px;
            }

    .main-nav-donate {
        background: url('../images/btnapthe.png') no-repeat;
        background-size: cover;
        width: 85px;
        height: 23px;
        position: absolute;
        top: 18px;
        right: 117px;
    }

        .main-nav-donate:hover, .main-nav-donate:active {
            background: url('../images/btnapthe1.png') no-repeat;
            background-size: cover;
            width: 85px;
            height: 23px;
            cursor: pointer;
        }

    .main-nav-download {
        background: url('../images/btntaigame.png') no-repeat;
        background-size: cover;
        width: 85px;
        height: 23px;
        position: absolute;
        top: 18px;
        right: 210px;
    }

        .main-nav-download:hover, .main-nav-download:active {
            background: url('../images/btntaigame1.png') no-repeat;
            background-size: cover;
            width: 85px;
            height: 23px;
            cursor: pointer;
        }

    .main-nav-logo {
        width: 60px;
        height: 60px;
        margin-left: 30px;
        padding: 14px 0 0 0px;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 46.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 40px 0 0 0;
        font-size: 6.3px;
    }

    .content-giang-sinh-vui-ve h4 {
        font-size: 1.75rem;
    }

    .information {
        margin: -35px 0px 0px -1px;
    }

    .location {
        margin: -38px 0px 0px 109px;
    }
}

@media only screen and (max-width:375px) {
    .content-giang-sinh-vui-ve h4 {
        font-size: 1.7rem;
    }

    .content-gioi-thieu p {
        font-size: 6px;
        font-weight: 500;
    }

    .mobile-nav ul li a {
        color: whitesmoke;
        text-decoration: none;
        font-size: 11px;
    }

    .mobile-nav ul.submenu-cam-nang li a {
        color: whitesmoke;
        text-decoration: none;
        font-size: 10px;
    }

    .khuyen-cao img {
        width: 65px;
        height: 43px;
    }

    .content-gioi-thieu, .content-the-le, .content-phan-thuong, .content-chu-y {
        width: 44.875vw;
        height: auto;
        margin: 0 auto;
        align-items: center;
        padding: 36px 0 0 0;
        font-size: 5px;
    }

        .content-the-le img {
            width: 72%;
            margin-left: 7vw;
        }

    .main-nav-logo {
        width: 55px;
        height: 63px;
        margin-left: 11px;
        padding: 18px 0 0 0px;
    }

    .body-event {
        height: 401.25vw;
    }

    .body-event2 {
        height: 312.885417vw;
    }

    .information p {
        font-size: 6px;
        color: white;
        letter-spacing: 1px;
    }

    .location p {
        font-size: 5px;
        color: white;
        letter-spacing: 1px;
        font-style: italic;
    }
}