@media only screen and (max-width: 1366px) {
    .main {
        background-repeat: no-repeat;
        background-size: 1366px auto;
    }
    .head-wrap {
        margin-top: 25px;
    }
    .wrapper {
        margin-top: 125px;
    }
    .slider-wrapper {
        margin: 50px 10px 62px 10px;
    }
    .slider-wrapper:lang(sc) {
        margin: 50px 10px 32px 10px;
    }
    .slider-wrapper:lang(kr) {
        margin: 50px 10px 57px 10px;
    }
    .slider-wrapper:lang(id) {
        margin: 50px 10px 76px 10px;
    }
    .slider-wrapper:lang(ind) {
        margin: 50px 10px 66px 10px;
    }
    .slider-wrapper:lang(vn) {
        margin: 50px 10px 78px 10px;
    }
}
@media only screen and (max-width: 1024px) {
    .wrapper {
        max-width: 768px;
        margin-top: 175px;
    }
    .head-social-wrap,
    .login-form-wrap {
        display: none
    }
    header {
        height: 87px
    }
    .head-wrap {
        margin-top: 24px;
    }
    .main {
        background-size: 1300px;
        background-repeat: no-repeat;
        background-color: #130304;
        height: auto
    }
    .slider-wrapper {
        text-align: left;
        margin: 80px 10px 50px 10px
    }
    .slider-wrapper:lang(sc) {
        text-align: left;
        margin: 80px 10px 40px 10px
    }
    .slider-wrapper:lang(kr) {
        text-align: left;
        margin: 80px 10px 44px 10px;
    }
    .slider-wrapper:lang(id) {
        text-align: left;
        margin: 80px 10px 65px 10px;
    }
    .slider-wrapper:lang(ind) {
        text-align: left;
        margin: 80px 10px 59px 10px;
    }
    .slider-wrapper:lang(th) {
        text-align: left;
        margin: 80px 10px 59px 10px;
    }
    .slider-wrapper:lang(vn) {
        text-align: left;
        margin: 80px 10px 59px 10px;
    }
    .slider-wrapper li {
        font-size: 30px
    }
    .slider-wrapper li:lang(id) {
        font-size: 26px;
    }
    .slider-wrapper li:lang(ind) {
        font-size: 26px;
    }
    .slider-wrapper li:lang(th) {
        font-size: 26px;
    }
    .slider-wrapper li:lang(vn) {
        font-size: 22px;
    }
    .slider-wrapper li span {
        font-size: 35px
    }
    .slider-wrapper li span:lang(kr) {
        font-size: 35px;
    }
    .slider-wrapper li span:lang(id) {
        font-size: 28px;
    }
    .slider-wrapper li span:lang(ind) {
        font-size: 32px;
    }
    .slider-wrapper li span:lang(th) {
        font-size: 30px;
    }
    .slider-wrapper li span:lang(vn) {
        font-size: 31px;
    }
    .slider-wrapper li b {
        font-size: 35px
    }
    .main-cta-btn {
        height: 40px;
        width: 200px;
        font-size: 27px;
        line-height: 31px
    }
    .cta-btn:lang(th) {
        font-size: 28px;
    }
    .cta-btn:lang(kr) {
        font-size: 23px;
    }
    .content-wrapper {
        height: 356px
    }
    .vip-offers-label {
        font-size: 23px
    }
    .vip-1,
    .vip-2,
    .vip-3,
    .vip-4,
    .vip-5,
    .vip-6 {
        padding-left: 18px;
        padding-right: 18px
    }
    .vip-1:lang(id),
    .vip-2:lang(id),
    .vip-3:lang(id),
    .vip-4:lang(id),
    .vip-5:lang(id),
    .vip-6:lang(id) {
        padding-left: 15px;
        padding-right: 15px
    }
    .vip-1:lang(th),
    .vip-2:lang(th),
    .vip-3:lang(th),
    .vip-4:lang(th),
    .vip-5:lang(th),
    .vip-6:lang(th) {
        padding-left: 15px;
        padding-right: 15px
    }
    .vip-1:lang(vn),
    .vip-2:lang(vn),
    .vip-3:lang(vn),
    .vip-4:lang(vn),
    .vip-5:lang(vn),
    .vip-6:lang(vn) {
        padding-left: 15px;
        padding-right: 15px
    }
    .vip-1 img,
    .vip-2 img,
    .vip-3 img,
    .vip-4 img,
    .vip-5 img,
    .vip-6 img {
        width: 70px;
        height: 60px
    }
    .vip-1:hover,
    .vip-2:hover,
    .vip-3:hover,
    .vip-4:hover,
    .vip-5:hover,
    .vip-6:hover {
        transform: scale(1.1)
    }
    .slick-dots {
        margin-left: 84px;
    }
    .slick-prev {
        left: -50px
    }
    .slick-next {
        right: -50px
    }
    .plan {
        left: -90px;
        height: 450px
    }
    .plan:lang(sc) {
        left: -90px;
        height: 350px
    }

}
@media only screen and (max-width: 1023px) {
    .mobi-social-wrap {
        background: #373737;
        height: 40px;
        position: relative;
        display: block;
        z-index: 200
    }
    .mobi-head-social-wrap {
        position: absolute;
        right: 0;
        top: 5px;
        margin: 0 20px;
        display: block
    }
}
@media only screen and (max-width: 800px) {
    .slick-next {
        right: 15px;
    }
}
@media only screen and (max-width: 768px) {
    header {
        height: 70px;
        background: #af0000;
        position: relative;
    }
    .head-wrap {
        margin-top: 0px;
        display: flex;
        padding: 5px;
    }
    .logo-wrap img {
        max-width: 100%;
        width: 100%;
        padding: 0 60px;
    }
    .login-btn-mob {
        padding: 6px 20px;
        border: none;
        font-size: 16px
    }
    .wrapper {
        max-width: 600px;
        margin-top: 60px;
    }
    .main {
/*      background-image: url(../_img/tablet-bg-768.jpg);*/
        background-repeat: no-repeat;
        background-position: center -60px;
        background-color: #130304;
        height: auto
    }
    .logo-wrapper {
        padding-top: 13px
    }
    .logo-wrapper img {
        max-width: 128px
    }
    .slider-wrapper {
        margin: 0
    }
    .slider-wrapper:lang(sc) {
        margin: 0px 10px 132px 10px;
    }
    .slider-wrapper:lang(kr) {
        margin: 0px 10px 120px 10px;
    }
    .slider-wrapper:lang(id) {
        margin: 0px 10px 140px 10px;
    }
    .slider-wrapper:lang(ind) {
        margin: 0px 10px 130px 10px;
    }
    .slider-wrapper:lang(th) {
        margin: 0px 10px 130px 10px;
    }
    .slider-wrapper:lang(vn) {
        margin: 0px 10px 130px 10px;
    }
    .slider-wrapper li {
        font-size: 30px
    }
    .slider-wrapper li:lang(id) {
        font-size: 20px;
    }
    .slider-wrapper li:lang(ind) {
        font-size: 21px;
    }
    .slider-wrapper li:lang(th) {
        font-size: 24px;
    }
    .slider-wrapper li:lang(vn) {
        font-size: 19px;
    }
    .slider-wrapper li span {
        font-size: 40px
    }
    .slider-wrapper li span:lang(kr) {
        font-size: 31px;
    }
    .slider-wrapper li span:lang(id) {
        font-size: 25px;
    }
    .slider-wrapper li span:lang(ind) {
        font-size: 30px;
    }
    .slider-wrapper li span:lang(th) {
        font-size: 26px;
    }
    .slider-wrapper li span:lang(vn) {
        font-size: 26px;
    }
    .main-cta-btn {
        height: 39px;
        width: 177px;
        font-size: 29px;
        line-height: 39px
    }
    .main-cta-btn:lang(kr) {
        height: 35px;
        width: 190px;
        font-size: 20px;
        line-height: 25px;
    }
    .content-wrapper {
        height: 274px
    }
    .slider-wrapper {
        text-align: left;
        margin: 0px 10px 132px 10px
    }
    .slider-wrapper li {
        font-size: 22px
    }
    .slider-wrapper li span {
        font-size: 27px
    }
    .slider-wrapper li b {
        font-size: 27px
    }
    .slick-prev:before {
        transform: rotate(-135deg) scale(1.5)
    }
    .slick-next:before {
        transform: rotate(45deg) scale(1.5)
    }
    .main-cta-btn {
        height: 35px;
        width: 190px;
        font-size: 25px;
        line-height: 25px
    }
    .cta-btn:lang(vn) {
        font-size: 20px;
    }
    .vip-offers-label {
        font-size: 18px
    }
    .vip-1,
    .vip-2,
    .vip-3,
    .vip-4,
    .vip-5,
    .vip-6 {
        padding-left: 10px;
        padding-right: 10px
    }
    .vip-1:lang(id),
    .vip-2:lang(id),
    .vip-3:lang(id),
    .vip-4:lang(id),
    .vip-5:lang(id),
    .vip-6:lang(id) {
        padding-left: 8px;
        padding-right: 8px
    }
    .vip-1:lang(th),
    .vip-2:lang(th),
    .vip-3:lang(th),
    .vip-4:lang(th),
    .vip-5:lang(th),
    .vip-6:lang(th) {
        padding-left: 7px;
        padding-right: 7px
    }
    .vip-1:lang(vn),
    .vip-2:lang(vn),
    .vip-3:lang(vn),
    .vip-4:lang(vn),
    .vip-5:lang(vn),
    .vip-6:lang(vn) {
        padding-left: 7px;
        padding-right: 7px
    }
    .vip-1 img,
    .vip-2 img,
    .vip-3 img,
    .vip-4 img,
    .vip-5 img,
    .vip-6 img {
        width: 55px;
        height: 45px
    }
    .vip-1-title,
    .vip-2-title,
    .vip-3-title,
    .vip-4-title,
    .vip-5-title,
    .vip-6-title {
        font-size: 18px
    }
    .vip-1-title:lang(th),
    .vip-2-title:lang(th),
    .vip-3-title:lang(th),
    .vip-4-title:lang(th),
    .vip-5-title:lang(th),
    .vip-6-title:lang(th) {
        font-size: 15px
    }
    .vip-1-title:lang(vn),
    .vip-2-title:lang(vn),
    .vip-3-title:lang(vn),
    .vip-4-title:lang(vn),
    .vip-5-title:lang(vn),
    .vip-6-title:lang(vn) {
        font-size: 15px
    }
    .vip-1-description,
    .vip-2-description,
    .vip-3-description,
    .vip-4-description,
    .vip-5-description,
    .vip-6-description {
        font-size: 12px
    }
    .vip-1:hover,
    .vip-2:hover,
    .vip-3:hover,
    .vip-4:hover,
    .vip-5:hover,
    .vip-6:hover {
        transform: scale(1.1)
    }
    .slick-prev {
        left: -40px
    }
    .slick-next {
        right: -70px
    }
    .slick-dots {
        margin-left: 82px;
    }
}

@media only screen and (max-width: 600px) {
    .wrapper {
        max-width: 480px;
        margin-top: 34px;
    }
    .main {
        background-size: 1022px;
        background-repeat: no-repeat;
        background-position: center -46px;
        background-color: #130304;
        height: auto
    }
    .logo-wrapper img {
        max-width: 208px
    }
    .logo-wrap img {
        max-width: 85%;
        width: 85%;
        padding: 7px 0px;
    }
    .slider-wrapper {
        margin: 9px 0
    }
    .slider-wrapper:lang(sc) {
        margin: 0px 10px 78px 10px;
    }
    .slider-wrapper:lang(kr) {
        margin: 0px 10px 76px 10px;
    }
    .slider-wrapper:lang(id) {
        margin: 0px 10px 90px 10px;
    }
    .slider-wrapper:lang(ind) {
        margin: 0px 10px 85px 10px;
    }
    .slider-wrapper:lang(th) {
        margin: 0px 10px 85px 10px;
    }
    .slider-wrapper:lang(vn) {
        margin: 0px 10px 90px 10px;
    }
    .main-cta-btn {
        height: 30px;
        width: 170px;
        font-size: 20px;
        line-height: 29px
    }
    .main-cta-btn:lang(kr) {
        height: 35px;
        width: 135px;
        font-size: 15px;
        line-height: 25px;
    }
    .content-wrapper {
        height: 663px
    }
    .slider-wrapper {
        text-align: left;
        margin: 0px 10px 84px 10px
    }
    .slider-wrapper li {
        font-size: 18px;
        line-height: 22pt
    }
    .slider-wrapper li:lang(ind) {
        font-size: 18px;
    }
    .slider-wrapper li:lang(th) {
        font-size: 22px;
    }
    .slider-wrapper li:lang(vn) {
        font-size: 15px;
    }
    .slider-wrapper li span {
        font-size: 28px
    }
    .slider-wrapper li span:lang(kr) {
        font-size: 25px;
    }
    .slider-wrapper li span:lang(ind) {
        font-size: 27px;
    }
    .slider-wrapper li span:lang(vn) {
        font-size: 21px;
    }
    .slider-wrapper li b {
        font-size: 20px
    }
    .slick-prev:before {
        transform: rotate(-135deg) scale(1.1)
    }
    .slick-next:before {
        transform: rotate(45deg) scale(1.1)
    }
    .slick-dots {
        margin-left: 55px;
    }
    .main-cta-btn {
        height: 30px;
        width: 142px;
        font-size: 22px;
        line-height: 20px;
    }
    .cta-btn:lang(vn) {
        font-size: 15px;
    }
    .cta-btn:lang(th) {
        font-size: 19px;
    }
    .content-wrapper {
        height: 356px
    }
    .vip-offers-label {
        font-size: 14px
    }
    .vip-1,
    .vip-2,
    .vip-3,
    .vip-4,
    .vip-5,
    .vip-6 {
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .vip-1:lang(id),
    .vip-2:lang(id),
    .vip-3:lang(id),
    .vip-4:lang(id),
    .vip-5:lang(id),
    .vip-6:lang(id) {
        padding-left: 5px;
        padding-right: 5px
    }
    .vip-1:lang(th),
    .vip-2:lang(th),
    .vip-3:lang(th),
    .vip-4:lang(th),
    .vip-5:lang(th),
    .vip-6:lang(th) {
        padding-left: 5px;
        padding-right: 5px
    }
    .vip-1:lang(vn),
    .vip-2:lang(vn),
    .vip-3:lang(vn),
    .vip-4:lang(vn),
    .vip-5:lang(vn),
    .vip-6:lang(vn) {
        padding-left: 5px;
        padding-right: 5px
    }
    .vip-1 img,
    .vip-2 img,
    .vip-3 img,
    .vip-4 img,
    .vip-5 img,
    .vip-6 img {
        width: 45px;
        height: 35px
    }
    .vip-1-title,
    .vip-2-title,
    .vip-3-title,
    .vip-4-title,
    .vip-5-title,
    .vip-6-title {
        font-size: 16px
    }
    .vip-1-title:lang(id),
    .vip-2-title:lang(id),
    .vip-3-title:lang(id),
    .vip-4-title:lang(id),
    .vip-5-title:lang(id),
    .vip-6-title:lang(id) {
        font-size: 13px
    }
    .vip-1-title:lang(th),
    .vip-2-title:lang(th),
    .vip-3-title:lang(th),
    .vip-4-title:lang(th),
    .vip-5-title:lang(th),
    .vip-6-title:lang(th) {
        font-size: 12px
    }
    .vip-1-title:lang(vn),
    .vip-2-title:lang(vn),
    .vip-3-title:lang(vn),
    .vip-4-title:lang(vn),
    .vip-5-title:lang(vn),
    .vip-6-title:lang(vn) {
        font-size: 12px
    }
    .vip-1-description,
    .vip-2-description,
    .vip-3-description,
    .vip-4-description,
    .vip-5-description,
    .vip-6-description {
        font-size: 10px
    }
    .vip-1:hover,
    .vip-2:hover,
    .vip-3:hover,
    .vip-4:hover,
    .vip-5:hover,
    .vip-6:hover {
        transform: scale(1.05)
    }
    .plan {
        height: 400px;
    }
    .plan:lang(sc) {
        height: 300px;
        left: -75px
    }
    .slick-next {
        right: -55px;
    }
}
@media only screen and (max-width: 480px) {
    .wrapper {
        max-width: 320px;
        margin-top: 259px;
    }
    .main {
        background-image: url(../_img/mobile-bg-480a.jpg);
        background-size: 500px;
        background-repeat: no-repeat;
        background-position: center -44px;
        background-color: #130304;
        height: auto
    }
    .logo-wrapper img {
        max-width: 160px
    }
    .slider-wrapper {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper:lang(sc) {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper:lang(kr) {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper:lang(id) {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper:lang(ind) {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper:lang(th) {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper:lang(vn) {
        margin: 30px 0;
        text-align: center;
    }
    .slider-wrapper li {
        font-size: 26px;
        line-height: 19pt
    }
    .slider-wrapper li:lang(sc) {
        font-size: 23px;
        line-height: 19pt;
    }
    .slider-wrapper li span {
        font-size: 41px;
    }
    .slider-wrapper li span:lang(id) {
        font-size: 30px
    }
    .slider-wrapper li span:lang(th) {
        font-size: 30px
    }
    .slider-wrapper li span:lang(th) {
        font-size: 30px
    }
    .slider-wrapper li span:lang(vn) {
        font-size: 28px
    }
    .slider-wrapper li b {
        font-size: 27px
    }
    .slider-wrapper li b:lang(id) {
        font-size: 25px
    }
    .slider-wrapper li b:lang(vn) {
        font-size: 23px
    }
    .main-cta-mobi-wrapper {
        display: block;
        text-align: center;
        margin: 5px auto;
        width: 100%
    }
    .main-cta-btn {
        height: 35px;
        width: 170px;
        font-size: 25px;
        line-height: 25px;
        top: 0
    }
    .vip-offers-wrapper {
        margin: 30px 10px 0 10px
    }
    .vip-offers-label {
        font-size: 15px;
        text-align: center;
        margin: 15px auto
    }
    .vip-offers-label:lang(kr) {
        font-size: 14px;
        text-align: center;
        margin: 15px auto;
    }
    .vip-offers-label:lang(id) {
        font-size: 12px;
        text-align: center;
        margin: 15px auto;
    }
    .vip-offers-box {
        border: none;
        border-radius: 0;
        height: auto;
        position: relative;
        width: 480px;
        left: -90px
    }
    .vip-1,
    .vip-2,
    .vip-3 {
        padding-left: 26px;
        padding-right: 26px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-4,
    .vip-5,
    .vip-6 {
        padding-left: 20px;
        padding-right: 35px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-1:lang(sc),
    .vip-2:lang(sc),
    .vip-3:lang(sc) {
        padding-left: 35px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-4:lang(sc),
    .vip-5:lang(sc),
    .vip-6:lang(sc) {
        padding-left: 35px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-1:lang(kr),
    .vip-2:lang(kr),
    .vip-3:lang(kr) {
        padding-left: 35px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-4:lang(kr),
    .vip-5:lang(kr),
    .vip-6:lang(kr) {
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-1:lang(id),
    .vip-2:lang(id),
    .vip-3:lang(id) {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .vip-4:lang(id),
    .vip-5:lang(id),
    .vip-6:lang(id) {
        padding-left: 30px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        left: -7px
    }
    .vip-1:lang(th),
    .vip-2:lang(th),
    .vip-3:lang(th) {
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        left: 12px
    }
    .vip-4:lang(th),
    .vip-5:lang(th),
    .vip-6:lang(th) {
        padding-left: 15px;
        padding-right: 35px;
        padding-top: 10px;
        padding-bottom: 10px;
        left: 10px
    }
    .vip-1:lang(vn),
    .vip-2:lang(vn),
    .vip-3:lang(vn) {
        padding-left: 16px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        left: 12px
    }
    .vip-4:lang(vn),
    .vip-5:lang(vn),
    .vip-6:lang(vn) {
        padding-left: 28px;
        padding-right: 35px;
        padding-top: 10px;
        padding-bottom: 10px;
        left: 3px
    }
    .vip-1 img,
    .vip-2 img,
    .vip-3 img,
    .vip-4 img,
    .vip-5 img,
    .vip-6 img {
        width: 45px;
        height: 35px
    }
    .vip-1-title,
    .vip-2-title,
    .vip-3-title,
    .vip-4-title,
    .vip-5-title,
    .vip-6-title {
        font-size: 16px
    }
    .vip-1-description,
    .vip-2-description,
    .vip-3-description,
    .vip-4-description,
    .vip-5-description,
    .vip-6-description {
        font-size: 10px;
        line-height: 10pt
    }
    .vip-1:hover,
    .vip-2:hover,
    .vip-3:hover,
    .vip-4:hover,
    .vip-5:hover,
    .vip-6:hover {
        transform: scale(1.1)
    }
    .plan {
        height: 580px;
        width: 55%;
        left: -35px
    }
    .plan:lang(sc) {
        height: 345px;
        top: 290px;
        left: -35px;
        width: 55%
    }
    h3.mob-pg1-headtxt {
        margin-top: 25px
    }
    .slick-dots {
        margin-left: 0px;
        text-align: center;
    }
    .slick-prev {
        top: 47%;
    }
    .slick-next {
        top: 47%;
    }
}
@media only screen and (max-width: 320px) {
    .head-wrap {
        width: 75%;
        margin-top: 0px;
        display: flex;
        padding: 8px;
    }
    .head-wrap:lang(sc) {
        width: 85%;
        margin-top: 0px;
        display: flex;
        padding: 8px;
    }
    .wrapper {
        margin-top: 279px;
    }
    .slider-wrapper li {
        font-size: 20px;
    }
    .slick-prev {
        left: -3px;
    }
    .slick-next {
        right: 2px;
    }
    .slider-wrapper li span:lang(sc) {
        line-height: 1;
    }
}