/*  RESPONSIVE */

img.logo-bottom-mobi{
    display: none;
    max-width: 615px !important;
    width: 100%;
}

.megawrap5 .daily1 .desk, .provider-icn.desk {
    display: block;
}
.megawrap5 .daily1 .mobi, .provider-icn.mobi {
    display: none;
}

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

    .megawrap5 .daily1 .desk, .provider-icn.desk {
        display: none;
    }
    .megawrap5 .daily1 .mobi, .provider-icn.mobi {
        display: block;
    }

    .megawrap1 .tab-main-mobi .tab4,
    .megawrap2 .tab-main-mobi .tab4,
    .megawrap4 .tab-main-mobi .tab4,
    .megawrap5 .tab-main-mobi .tab4{
        display: none;
    }

    .megawrap3 .tab-main-mobi .tab5{
        display: none !important;
    }

    .megawrap1 .page4,
    .megawrap2 .page4,
    .megawrap4 .page4,
    .megawrap5 .page4{
        display: none !important;
    }

    .megawrap3 .page5{
        display: none !important;
    }

    .en .tpl-navbar-section.tpl-header8 ul li a#tpl-promotion-menu,
    .vn .tpl-navbar-section.tpl-header8 ul li a#tpl-promotion-menu,
    .in .tpl-navbar-section.tpl-header8 ul li a#tpl-promotion-menu,
    .id .tpl-navbar-section.tpl-header8 ul li a#tpl-promotion-menu{
        height: 75px
    }
    .kr .tpl-fdb-item img,
    .ch .tpl-fdb-item img,
    .sc .tpl-fdb-item img{
        margin-top: 8px;
    }
    
    .night{
        position: fixed;
        top: -240px;
    }
    .night2{
        position: fixed;
        top: -240px;
    }
    .night3{
        position: fixed;
        top: -240px;
    }

    .page{
        display: block !important;
        position: relative !important;
        background-size: 100%;
        height: 630px;
    }
    .desk {
        display: none;
    }
    .mobi {
        display: block;
    }
    .tpl-navbar-section {
        display: block;
        position: fixed;
        top: 60px;
        width: 100%;
    }
    body.client {
        background-attachment: initial !important;
    }
    body{
        background: url('../_img/bg-main-top-768.jpg') no-repeat;
        background-position: center 40px;
        background-color: #000 !important;
        background-attachment: fixed !important;
        max-width: 100%;
    }
    body.bg-arcade {
        background: url('../_img/bg-main-top-768-arcade.jpg') no-repeat;
        background-position: center 40px;
        background-color: #000 !important;
    }
    body.kr {
        font-size: 14px;
    }
    body.th {
        font-size: 12px;
    }
    body.vn {
        font-size: 14px;
    }
    .tpl-header {
        height: 60px;
        position: fixed;
    }
    .inner, .tpl-inner {
        max-width: 100%;
    }

    .banner{
/*        max-width: 500px;
        width: 100%;*/
        margin-left: 0px;
    }

    .banner-logo {
        margin-bottom: 10px;
        width: 290px;
        height: 110px;
    }
    .banner-logo img {
        width: 100%;
        height: auto;
    }
    .megawrap {
        margin-top: 60px;
    }
    .taptab {
        display: none;
        position: absolute;
        top: -40px;
        text-align: left;
        width: 100%;
        margin-left: 20px;
        text-shadow: 1px 1px 1px #000;
    }
    .links {
        display: none;
    }
    .tpl-header5 .tpl-download-faq {
        width: 24%;
    }
    .tpl-footer {
        display: none;
    }
    .content {
        max-width: 768px;
    }
    main.content {
        height: auto;
        text-align: center;
        max-width: 100%;
    }
    .content-left {
        max-width: 100%;
        margin: 0 auto;
    }
    .content-right {
        max-width: 100%;
        margin: 0 auto 100px;
        top: 60px;
    }
    .content-right > .loading-image{
        right: auto;
        max-width: 160px;
        width: 100%;
    }
    .prizes {
        height: 450px;
        top: 0px;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;

    }
    .prize {
        position: relative;
        margin: 0 auto ;
        left: 0;
        top: 0px;
    }
    .prizes-arcade .prize {
        top: 0;
    }
    .logos-bottom {
        max-width: 710px;
        width: 100%;
        margin: -815px auto 0px;
        top:40px;
        left: 0px;
    }

    .logos-bottom-wrap{
        display: block;
        max-width: 75px;
        width: 100%;
    }

    .logos-bottom .logos-bottom-8 img:nth-child(2){
        max-width: 40px;
        width: 100%;
    }


    .logos-bottom-3{
        margin-left: 100px;
    }

    .logos-bottom-4{
            margin-left: 175px;
    }

    .logos-bottom-5{
             margin-left: 215px;  
    }

    .logos-bottom-6{
            margin-left: 310px;
    }

    .logos-bottom-7{
            margin-left: 295px;
    }

    .logos-bottom-8{
            margin-left: 380px;
    }

    .logos-bottom-9{
        margin-left: 460px;
    }

    .logos-bottom-10{
            margin-left: 545px;
    }

    .logos-bottom-11{
        margin-left: 600px;
    }

    .logos-bottom-12{
        margin-left: 630px;
    }



    img.logo-bottom-mobi{
        display: none;
        text-align: center;
        margin: 0 auto;
    }


    .sparkle-canvas{
        height: 400px;
    }

    .btn-fdb {
        position: relative;
        margin: 0 auto;
        left: 35%;
        top: -108px;
    }
    .prizes-arcade .prize-mini2 {
        top: -147px;
    }
    .prizes-arcade .btn-fdb {
        left: -22px;
    }
    .qr {
        display: none !important;
    }
    .qr-info {
        width: 60%;
    }
    .qr-info > p {
        width: 80%;
        font-size: 10px;
    }
    .kr .qr-info > p {
        font-size: 9px;
    }
    .th .qr-info > p {
        font-size: 10px;
    }
    .qr-phone {
        background-size: contain !important;
        width: 94px;
        height: 191px;
    }
    .qr-code {
        width: 85px;
        left: 5px;
        top: 19px;
        padding: 5px;
    }
    .qr-code > img {
        width: 100%;
    }
    .qr-text {
        display: none;
    }
    .tab-main {
        display: none;

    }
    .tab-main-mobi {
        background: rgba(0,0,0, 0.8);
        display: block;
        position: fixed;
        width: 100%;
        text-align: center;
        top: auto;
        bottom: 0;
        right: 0;
        box-shadow: none;
        border-radius: 0;
        z-index: 15;
        padding: 15px 0 20px;
        margin-top: 20px;
        height: auto;
    }
    .tab-main-mobi .tab {
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
        vertical-align: top;
        /* width: 46px;
        height: 46px; */
        z-index: 10;
    }
    .tab-main-mobi img.tab-arw {
        width: 21px !important;
        height: 30px !impotant;
        position: absolute;
        top: -40px;
        left: 35%;
        filter: drop-shadow(0 0 5px #ffe000);
    }
/*    .tab-main-mobi .tab5 {
        display: none;
    }*/
    .th .tab-main-mobi .tab5, .vn .tab-main-mobi .tab5 {
        display: inline-block;
    }
    .tab-main-mobi .inner {
        margin: 0 auto;
        /* max-width: 550px; */
        max-width: 100%;
        width: 100%;
        position: relative;
    }
   
    .tab-main-mobi .tab-title {
        background: none;
        padding: 5px;
        position: relative;
        bottom: auto;
        top: 62px;
        right: auto;
        margin: 0 0 0 -25%;
        width: 150%;
    } 
    .tab-main-mobi .tab-title:before {
        display: none;
    }
    .tab-main-mobi .tab.tab-prod {
        width: 79px;
        height: 66px;
        top: -8px;
    }
    .tab-main-mobi .tab.tab-prod > img {
        width: 100%;
        height: auto;
    }
    .tab-main-mobi .tab.tab-prod .tab-title {
        top: 65px;
    }
    .to-up {
        display: none;
    }
    .to-down {
        display: inline-block;
    }
    .box {
        max-width: 438px;
        width: 100%;
        margin: 0 auto;
    }
    .links {
        position: absolute;
        top: -240px;
        width: 100%;
    }
    .lbox {
        width: 100%;
        margin-top: 140px;
        height: calc(100% - 140px);
        /* overflow-x: hidden; */
    }
    .lbox-prizes {
        height: auto !important;
    }
    .lbox h2 {
        margin-bottom: 0;
    }
    .lbox .mid {
        margin-top: 0;
    }
    .lbox2 .scroll-pane {
        height: 250px;
    }
    .page3 .mid .scroll-pane {
        height: 450px;
    }
    .lbox .icn-wrap {
        width: 150px;
        height: 150px;
    }
    .lbox .close {
        top: -20px;
        right: 10px;
    }
    /* .lbox {
        height: 600px;
    }
    .lbox1 .scroll-pane {
        height: 490px;
    }
    .lbox2 .mid {
        margin-top: 10px;
    }
    .lbox2 .scroll-pane {
        height: 250px;
    } */
    .lbox .icn-wrap {
        background-size: contain;
        max-width: 175px;
        height: 175px;
    }
    .lbox .icn-wrap > img {
        width: 100%;
    }
    .lbox .icn-wrap .icn {
        height: auto;
    }
    .page3 .btn-play {
        display: inline-block;
    }

    .night{
        max-width: 400px;
        width: 100%;
    }

    .night2{
        max-width: 400px;
        width: 100%;
    }

    .night3{
        max-width: 400px;
        width: 100%;
    }

    .lbox.lbox-prizes{
        height: 360px !important;

    }

    .lbox .close {
        top: 17px;
        right: 20px;
    }

    .tab3-scroll ol{
        padding-left: 0px;
        padding-right: 0px;
        left: -15px;
        position: relative;

    }

    .tpl-navbar-section.tpl-header8 ul li a{
        font-size: 9px;
    }

    .en .optin-form button.btn-play{
        top: 4px;
    }

    .optin-form button.btn-play{
        top: 0px;
    }

    .optin-form button.btn-play span{
        top: 0px;
    }
    
}
@media only screen and (max-width: 767px) {
    main.content {
        height: auto;
    }
/*    .content-right {
        position: relative;
        margin-bottom: 70px;
        left: 20px;
    }*/
    .prods.act {
        width: 100%;
        height: auto;
    }
    .prod-bar {
        position: relative;
        top: 0;
        right: 0;
        margin: 70px auto 10px;
    }
    .prod-core {
        position: relative;
        width: 0;
        height: 0;
        overflow: hidden;
        top: 0;
        left: 0;
        margin: 0 auto;
        -webkit-transition: all 3s ease-in-out 0s;
        -moz-transition: all 3s ease-in-out 0s;
        -o-transition: all 3s ease-in-out 0s;
        -ms-transition: all 3s ease-in-out 0s;
        transition: all 3s ease-in-out 0s;
    }
    .prods.act .prod-core {
        width: 480px;
        height: 320px;
    }

    .page3 .mid .tabm-content3 .scroll-pane{
        height: 440px;
    }

    .logos-bottom-wrap{
        max-width: 65px;
       width: 100%;
    }

    .logos-bottom-3{
        margin-left: 80px;
    }

    .logos-bottom-4{
            margin-left: 75px;
    }

    .logos-bottom-5{
             margin-left: 140px;  
    }

    .logos-bottom-6{
            margin-left: 165px;
    }

    .logos-bottom-7{
            margin-left: 195px;
    }

    .logos-bottom-8{
            margin-left: 255px;
    }

    .logos-bottom-9{
        margin-left: 290px;
    }

    .logos-bottom-10{
        margin-left: 345px;
    }

    .logos-bottom-11{
        margin-left: 370px;
    }

    .logos-bottom-12{
        margin-left: 400px;
    }

    .logos-bottom .logos-bottom-8 img:nth-child(2){
        max-width: 30px;
            width: 100%;
    }

    .logos-bottom .logos-bottom-8 img:first-child{
        max-width: 10px;
        width: 100%;
    }

    .logos-bottom img:nth-child(2){
        max-width: 10px;
        width: 100%;
    }

    .logos-bottom {
        max-width: 470px;
        width: 100%;
    }



 
}
@media only screen and (max-width: 599px) {
    body{
        /* background: url('../_img/bg-main-480.jpg') center top no-repeat; */
        font-size: 11px;
        background-size: 690px auto;
        background-position: center 60px;
    }
    body.bg-arcade {
        font-size: 11px;
        background-size: 690px auto;
        background-position: center 60px;
    }
    body.kr {
        font-size: 13px;
    }
    body.vn {
        font-size: 13px;
    }
    .banner {
        margin-bottom: -30px;
        height: 175px;
    }
    .banner-logo {
        width: 250px;
        height: 229px;
    }
    .banner h2 {
        font-size: 14px;
        /* margin-left: -30%; */
        margin-top: -140px;
    }
    .ch .banner h2, .sc .banner h2 {
        font-size: 14px;
    }
    .kr .banner h2 {
        font-size: 14px;
    }
    .th .banner h2 {
        font-size: 14px;
    }
    .vn .banner h2 {
        font-size: 16px;
    }
    .banner .period {
        font-size: 12px;
        /* margin-left: -30%; */
    }
    .prizes {
        height: 100px;
    }
    .prize {
        max-width: 60%;
        height: 223px;
        top: -15px;
    }
    .prize > img {
        width: 100%;
        height: auto;
    }
    .btn-fdb {
        left: 85px;
        top: -160px;
    }
    .prizes-arcade .btn-fdb {
        left: 23px;
        top: -144px;
    }
    .btn-fdb img {
        width: 95px;
        height: auto;
    }
    .prizes-arcade .btn-fdb img {
        width: 121px;
    }
    .btn-fdb span {
        font-size: 12px;
        top: -60px;
        padding-top: 10px;
    }
    .id .btn-fdb span {
        font-size: 11px;
    }
    .vn .btn-fdb span {
        font-size: 10px;
    }
    .tab {
        width: 69px;
        height: 56px;
    }
    .tab > .tab-icn {
        width: 100%;
        height: auto;
    }
    .tab-main-mobi .tab-title {
        top: 55px;
    }
    .tab-main-mobi img.tab-arw {
        left: 31%;
    }
    .taptab {
        display: none !important;
    }
    .links {
        top: -170px;
    }
    .content-right {
        top: 170px;
        margin-bottom: 0;
    }
    .box {
        /* background: url("../_img/bg-box-480.png") no-repeat; */
        background-size: contain;
        max-width: 438px;
        width: 100%;
        height: 506px;
        position: relative;
        margin-bottom: 100px;
        text-align: center;
    }
    .tab-current {
        width: 36px;
        left: -15px;
        top: 8px;
    }
    .spot {
        background-size: contain !important;
        width: 50px;
        height: 43px;
        margin: -23px 14px 0;
    }
    .spot > img {
        width: 100% !important;
        height: auto;
    }
    .spot1 {
        margin-top: 0 !important;
    }
    .spot-title {
        font-size: 10px;
    }
    .daily table, .mid table {
        font-size: 10px;
    }
    .daily-req-date {
        width: 96px;
        height: 30px;
        background-size: contain;
        font-size: 10px;
        line-height: 1;
        padding: 2px 0 0 0;
        margin-bottom: 5px;
    }
    .daily-req-date span.daily-req-prod {
        font-size: 14px;
    }
    .tab-mini {
        margin-bottom: 5px;
    }
    
    .page h2 {
        font-size: 24px;
        margin-bottom: 5px;
        letter-spacing: 0px;
    }
    .th .page h2 {
        font-size: 15px;
        letter-spacing: 0;
    }
    .vn .page h2 {
        font-size: 16px;
    }
    .page h2:before {
        left: 0%;
        top: -3px;
    }
    .page h2:after {
        right: 0%;
        top: -3px;
    }
    .page h3 {
        font-size: 14px;
    }
    .accord h3 {
        font-size: 14px;
    }
    .daily {
        width: 350px !important;
        
    }
    .daily li, .mid li {
        font-size: 12px;
    }
    .sc .daily li, .sc .mid li, .ch .daily li, .ch .mid li {
        font-size: 12px;
    }
    .kr .daily li br, .kr .mid li br {
        display: none;
    }
    .vn .daily li, .vn .mid li {
        font-size: 13px;
    }
    .daily p.date {
        font-size: 14px;
    }
    .mid {
        padding: 0 5px 20px;
    }
    .mid h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .page2 .mid {
        margin-top: 0;
        max-width: 300px;
        width: 100%;
        margin:0 auto;
    }
    .page1 .mid .scroll-pane {
        height: 245px;
    }
    .page2 .mid .scroll-pane {
        height: 200px;
    }
    .page3 .mid .scroll-pane {
        height: 320px;
    }
    .page-fdb .mid .scroll-pane {
        height: 415px;
    }
    .page-terms .mid .scroll-pane {
        height: 435px;
    }
    .megawrap2 .page1 .mid .scroll-pane {
        height: 420px;
    }
    .megawrap2 .page2 .mid .scroll-pane {
        height: 405px;
    }
    .megawrap3 .page1 .mid .scroll-pane {
        height: 450px;
    }
    .megawrap3 .page2 .mid .scroll-pane {
        height: 450px;
    }
    .megawrap3 .page3 .mid .scroll-pane {
        height: 450px;
    }
    .page3 .tabm {
        width: 31%;
    }

    .page3 .tabm {
        width: 30%;
    }
    .vn .page4 .tabm2 span {
        top: 2px;
    }
    .page .top h4 {
        font-size: 14px;
    }
    table th, table td {
        padding: 2px;
    }
    .bx-wrapper .bx-controls-direction a {
        width: 18px !important;
        height: 55px !important;
        top: 135px;
    }
    .page4 .bx-wrapper .bx-prev {
        top: 245px;
    }
    .page4 .bx-wrapper .bx-next {
        top: 245px;
    }
    .bx-wrapper .bx-prev, .bx-wrapper .bx-next {
        background-size: contain !important;
    }
    .wheel {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -o-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        margin-bottom: -100px;
    }
    .wheel-fin {
        height: 28px;
        font-size: 14px;
    }
    .mobile {
        width: 70px;
        height: auto;
        left: 0px;
        top: 40px;
    }
    .icn-wrap {
        background-size: contain;
        max-width: 210px;
        height: 210px;
        margin: -10px auto;
    }
    .icn {
        height: 210px;
    }
    .icn-wrap > img, .icn-wrap > .disc1 {
        max-width: 210px;
        height: 210px;
        width: 100%;
    }
    .icn-wrap > img:nth-child(2) {
        max-width: 210px;
        height: 210px;
    }
    .page2 .owl-prev, .page2 .owl-next {
        top: 130px;
    }
    .btn-play {
        height: 27px;
        width: 183px;
    }
    .btn-play span {
        font-size: 18px;
        top: 4px;
    }
    .sc .btn-play span, .ch .btn-play span {
        top: 5px;
        font-size: 15px;
    }
    .sc .page3 .tabm-content1 .get-reward-btn span, .ch .page3 .tabm-content1 .get-reward-btn span,
    .sc .page4.tabm-content1 .get-reward-btn span, .page4 .tabm-content1 .ch .get-reward-btn span {
        top: -5px;
    }
    .id .btn-play span {
        top: 6px;
        font-size: 14px;
    }
    .kr .btn-play span {
        font-size: 15px;
    }
    .th .btn-play span {
        top: 4px;
    }
    .vn .btn-play span, .vn .daily .btn-play span {
        font-size: 12px;
        top: 6px;
    }
    .optin-msg {
        margin-top: 5px;
    }
    .optin-form button.btn-play {
        top: 0px;
        width: 75px;
        height: 40px;
    }
    .vn .optin-form button.btn-play span {
        top: 0px;
    }
    .vn .optin-form button.btn-play {
        top: 0px;
        width: 100px;
        height: 35px;
    }
    .fdb-wallet-links .btn-play span {
        top: 0;
    }
    .sc .badges-query-form button, .ch .badges-query-form button {
        line-height: 1;
    }
    .page3 .tabm span{
        font-size: 10px;
    }
    .tabm {
        height: 28px;
    }
    .tabm span {
        font-size: 12px;
        top: 6px;
    }
    .sc .tabm span, .ch .tabm span {
        top: 4px;
    }
    .kr .tabm span {
        font-size: 10px;
    }
    .th .page3 .tabm3 span, .th .page4 .tabm3 span
    .vn .tabm span {
        font-size: 10px;
        top: 2px;
    }
    .tabp {
        font-size: 9px;
    }
    .kr .tabp {
        font-size: 8px;
    }
    .content a.req {
        width: 96px;
        height: 96px;
        font-size: 11px;
    }
    .kr .content a.req {
        font-size: 10px;
    }
    .req > img {
        width: 80px;
        height: 80px;
    }
    .page p.steps {
        font-size: 14px;
    }
    .badges-query-form p {
        font-size: 13px;
    }
    .badges-query-form .username {
        margin-bottom: 10px;
        max-width: 130px;
        height: 27px;
    }
    .badges-query-form button, .badges-query-form .btn-play {
        height: 27px;
    }
    .badges-query-form button, .badges-query-form .btn-play span {
        font-size: 18px !important;
    }
    .kr .badges-query-form button {
        font-size: 15px !important;
        line-height: 1.6;
    }
    .page4 article {
        width: 314px !important;
    }
    .mid article h3 {
        font-size: 15px;
    }
    .news-thumb {
        max-width: 250px;
        width: 100%;
        margin: 0 auto 20px;
    }
    .news-thumb img {
        width: 100%;
    }
    .tab-title {
        font-size: 10px;
    }
    .collapse {
        background-size: contain;
        width: 46px;
        height: 46px;
        top: -80px;
        right: 0;

    }
    .lbox {
        margin-top: 120px;
        height: calc(100% - 120px);
    }
    .lbox h2 {
        font-size: 18px;
    }
    .lbox-prizes {
        padding: 40px 80px;
    }
    .tpl-link-outs-wrap ul li, .tpl-products-menu-wrap ul li {
        font-size: 12px;
    }
    .tpl-link-outs-wrap ul li a, .tpl-products-menu-wrap ul li a {
        height: auto;
        line-height: 30px;
    }

    .night{
        max-width: 320px;
        width: 100%;
    }

    .night2{
        max-width: 320px;
        width: 100%;
    }

    .night3{
        max-width: 320px;
        width: 100%;
    }

    .logos-bottom{
        margin: -550px auto 0px;
        max-width: 425px;
        width: 100%;
    }

    .logos-bottom-wrap {
        max-width: 50px;
        width: 100%;
    }

    .logos-bottom-2 {
        margin-top: 25px;
        margin-left: 65px;
    }

    .logos-bottom-3 {
        margin-left: 80px;
        margin-top: -20px;
    }

    .logos-bottom-4 {
        margin-left: 75px;
    }

    .logos-bottom-5 {
        margin-left: 140px;
    }

    .logos-bottom-6 {
        margin-left: 165px;
    }

    .logos-bottom-7 {
        margin-left: 175px;
    }

    .logos-bottom-8 {
        margin-left: 225px;
    }

    .logos-bottom-9 {
        margin-left: 255px;
    }

    .logos-bottom-10 {
        margin-left: 300px;
    }

    .logos-bottom-11 {
        margin-left: 350px;
        margin-top: 10px;
    }

    .logos-bottom-12 {
        margin-left: 360px;
    }

    .content-right > .loading-image{
        right: auto;
        max-width: 130px;
        width: 100%;
    }

    .icn-wrap > img:first-child{
        max-width: 210px;
        width: 100%;
        height: 210px;
        left: 0px;
        top: 0px;
    }

    .icn-wrap > img:nth-child(2) {
        max-width: 210px;
        width: 100%;
        height: 210px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
    }

    .page3 .mid .tabm-content3 .scroll-pane{
        height: 340px;
    }

    img.loading-image{
        width: 37%;
        right: 50px;
    }

    .prize-mini2 img:nth-child(2) {
        position: absolute;
        top: 15px;
        left: 35px;
        width: 20px;
    }
    .prizes-arcade .prize-mini2 img:nth-child(2) {
        top: 50px;
        left: 85px;
        width: 39px;
    }

    
}

@media only screen and (max-width: 479px) {
    body {
        font-size: 11px;
        background-size: 590px auto;
        background-position: -123px 60px;
    }
    body.bg-arcade {
        font-size: 11px;
        background-size: 590px auto;
        background-position: -123px 60px;
    }
    body.sc, body.ch {
        font-size: 11px;
    }
    body.kr {
        font-size: 12px;
    }
    body.vn {
        font-size: 12px;
    }
    .megawrap {
        margin-top: 15px;
    }

    .content-right {
        top: 20px;
        margin-bottom: 0;
    }

    .box {
        /* background: url("../_img/bg-box-320.png") no-repeat; */
        max-width: 310px;
        width: 100%;
        height: 415px;
        margin-bottom: 100px;
        left: 0;
    }
    .tab {
        width: 50px;
        height: 41px;
    }
    .tab-main-mobi .tab-title {
        top: 40px;
    }
    .banner {
        margin-top: 10px;
    }
    .banner-logo {
        width: 200px;
        height: 183px;
        top: 45px;
    }
    .banner h2 {
       margin-top: -70px;
    }
    .banner .period {
        font-size: 12px;
       
    }
    .prizes {
        height: 250px;
        top: -10px;
    }
    .prize {
        width: 160px;
        height: 199px;
        top: 50px;
    }
    .prizes-arcade .prize {
        width: 160px;
        height: 199px;
        top: 30px;
    }
    .btn-fdb {
        left: 50px;
        top: -100px;
    }
    .prizes-arcade .btn-fdb {
        left: 50px;
        top: -128px;
    }

    .btn-fdb img {
        width: 55px;
        height: auto;
    }

    .btn-ylw {
        width: 140px;
    }
    .btn-ylw span {
        font-size: 13px;
        letter-spacing: 1px;
        top: 12px;
    }
    .kr .btn-ylw span {
        top: 11px;
        font-size: 12px;
    }
    .th .btn-ylw span {
        font-size: 12px;
    }
    .btn-play span {
        font-size: 15px;
        top: 6px;
    }
    .en .page3 .tabm-content2 .btn-play span, .en .megawrap3 .page4 .tabm2 .btn-play span,
    .in .page3 .tabm-content2 .btn-play span, .in .megawrap3 .page4 .tabm2 .btn-play span{
        font-size: 8px;
        top: 5px;
    }
    .page3 .tabm-content2 .btn-play span, .megawrap3 .page4 .tabm2 .btn-play span{
        font-size: 12px;
    }
    .kr .btn-play span {
        top: 6px;
    }
    .th .btn-play span {
        top: 7px;
    }
    .page{
        height: 450px;
    }
    .page h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .page p {
        margin-bottom: 5px;
    }
    .th .page h2 {
        font-size: 14px;
    }
    .vn .page h2 {
        font-size: 12px;
    }
    .daily {
        width: 280px !important;
        height: 380px;
    }
    .daily p.date {
        font-size: 12px;
        margin-bottom: 0;
    }
    .daily li, .mid li {
        font-size: 11px;
    }
    .sc .daily li, .sc .mid li, .ch .daily li, .ch .mid li {
        font-size: 11px;
    }
    .vn .daily li, .vn .mid li {
        font-size: 11px;
    }
    .daily table, .mid table {
        margin-bottom: 5px;
    }
    .icn-wrap {
        max-width: 200px;
        height: 200px;
        margin: -25px auto -10px;
    }
    .icn-wrap > img:first-child {
        max-width: 200px;
        height: 200px;
    }
    .icn-wrap > img:nth-child(2) {
        max-width: 200px;
        height: 200px;
    }
    .icn {
        height: 180px;
    }
    .page2 .owl-prev, .page2 .owl-next {
        top: 100px;
    }
    .accord h3 {
        font-size: 12px;
    }
    .page-fdb .mid .scroll-pane {
        height: 320px;
    }
    .page1 .mid .scroll-pane {
        height: 135px;
    }
    .page1 .mid .tabm-content2 .scroll-pane {
        height: 180px;
    }
    .page1 .mid .tabm-content3 .scroll-pane {
        height: 225px;
    }
    .page2 .mid .scroll-pane {
        height: 80px;
    }
    .page3 .mid .scroll-pane {
        height: 235px;
    }
    .page-terms .mid .scroll-pane {
        height: 280px;
    }
    .megawrap2 .page1 .mid .scroll-pane {
        height: 185px;
    }
    .megawrap2 .page1 .mid .tabm-content2 .scroll-pane{
        height: 160px;
    }
    .megawrap2 .page2 .mid .scroll-pane {
        height: 235px;
    }
    .megawrap3 .page1 .mid .scroll-pane {
        height: 240px;
    }
    .megawrap3 .page2 .mid .scroll-pane {
        height: 295px;
    }
    .megawrap3 .page3 .mid .scroll-pane {
        height: 300px;
    }
    .megawrap4 .page2 .mid .scroll-pane{
        height: 230px;
    }
    .megawrap5 .page2 .mid .scroll-pane {
        height: 85px;
    }
    .megawrap3 .page4 .tabm-content1 .accord{
        margin-top: 225px;
    }
    .megawrap3 .page4 .tabm span{
        font-size: 9px;
    }
    .megawrap3 .page4 .tabm-content1 .mid .scroll-pane{
        height: 295px;
    }
    .tab-mini {
        margin-bottom: 5px;
    }
    .mid h4 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .tab-main-mobi {
        height: 70px;
        padding: 10px 0;
    }
    .taptab {
        font-size: 10px;
    }
    .tab-main-mobi .tab {
        background-size: contain;
        /* width: 40px;
        height: 40px; */
    }
    .tab-main-mobi .tab > img {
        width: 100%;
    }
    .tab-main-mobi img.tab-arw {
        /* display: none !important; */
    }
    table th, table td {
        font-size: 9px;
    }
    .sc table th, .sc table td, .ch table th, .ch table td {
        font-size: 10px;
    }
    .lbox-terms table td, .lbox-terms table th {
        font-size: 8px;
    }
    .tab-title {
        top: 40px;
    }
    .tab-main-mobi .tab.tab-prod {
        width: 50px;
        height: 42px;
        top: 0;
    }
    .tabm span {
        font-size: 9px;
    }
    .sc .tabm span, .ch .tabm span {
        top: 6px;
    }
    .kr .tabm span {
        font-size: 9px !important;
    }
    .th .tabm span {
        font-size: 9px !important;
    }
    .vn .tabm span {
        font-size: 9px !important;
    }
    .tabp {
        width: 23%;
        padding: 10px 0;
        font-size: 8px;
    }
    .kr .tabp {
        font-size: 7px;
    }
    .content a.req {
        width: 82px;
        height: 82px;
        font-size: 10px;
    }
    .kr .content a.req {
        font-size: 8px;
    }
    .req > img {
        width: 60px;
        height: 60px;
    }
    .mobile {
        width: 65px;
    }
    .daily-req-date {
        padding-top: 4px;
        margin-bottom: 5px;
    }
    #cloud9 {
        height: 230px;
    }
    #cloud9 > .cloud9-item > span {
        font-size: 9px !important;
    }
    .collapse {
        width: 36px;
        height: 36px;
        top: auto;
        right: 10px;
        bottom: 0;
    }
    .page4 article {
        width: 275px !important;
    }
    .page4 .bx-wrapper .bx-prev, .page4 .bx-wrapper .bx-next {
        background-size: contain !important;
        width: 18px !important;
        height: 55px !important;
        top: 90px;
    }
    .badges-query-form p {
        font-size: 12px;
    }
    .lbox {
        font-size: 12px;
        padding: 20px 5px 5px;
    }
    .lbox .scroll-pane {
        height: 430px;
    }
    .daily ol, .mid ol {
        padding-left: 20px;
    }
    .tab3-scroll ol{
        padding-left: 0px;
        padding-right: 0px;
    }
    .lbox .icn-wrap {
        width: 140px;
        height: 140px;
        margin: -10px auto 0;
    }
    .lbox .mid {
        margin-top: 0px;
        margin-bottom: 0;
    }
    .lbox h2 {
        font-size: 18px;
    }
    .vn .lbox .tabm span {
        font-size: 8px;
    }
    .tpl-link-outs-wrap ul li, .tpl-products-menu-wrap ul li {
        font-size: 10px;
    }

    .badges-query-form .username, .badges-query-form button, .badges-query-form .btn-play {
        max-width: 125px;
    }

    .night{
        max-width:150px;
        width: 100%;
    }

    .night2{
        max-width:150px;
        width: 100%;
    }

    .night3{
        max-width:150px;
        width: 100%;
    }

    .content-right > .loading-image{
        right: auto;
        max-width: 100px;
        width: 100%;
    }

   
    .provider-icn{
        max-width: 80px !important;
        width: 100%;
        left: 0px;
    }

    .page2 .mid{
        max-width: 250px;
        width: 100%;
    }

    .megawrap-hex{
        max-width: 120px;
        width: 100%;
    }

    .megawrap-hex-1{
        left: 0%;
        top: -10px;
    }


    .megawrap-hex-2{
        left: 45%;
        top: -10px;
    }

    .megawrap-hex-3{
        top: 118px;
        left: 0%;
    }

    .megawrap-hex-4{
        top: 55px;
        left: 23%;
    }

    .megawrap-hex-5{
        top: 118px;
        left: 45%;
    }

    .hex-content-wrap{
        max-width: 80px;
        width: 100%;
        margin: 22px auto 0;
        z-index: 2;
    }

    .hex-content-wrap img{
        width: 55%
    }

    #hex1,
    #hex2,
    #hex3,
    #hex4,
    #hex5{
      width: 80px;
      height: 80px;
    }

    .hex-content-wrap p{
        font-size: 8px;
    }

    .page3 .tabm-content1 .accord{
        margin-top: 216px;
    }

    .page3 .tabm-content1 .mid .scroll-pane{
        width: 260px !important;
        height: 230px;
    }

    .th .page3 .tabm-content1 .mid .scroll-pane{
        height: 235px;
    }

    .lbox.lbox-prizes{
        background-size: 320px 200px;
        max-width: 320px;
        width: 100%;
        height: 200px !important;

    }

    .lbox-prizes .optin-form{
        margin-top: 15px;

    }

    .lbox .close{
        right: 0px;
        top: 9px;
    }

    .close{
        background-size: 25px 25px;

    }

    .hex-content-wrap.hex-hover p{
        font-size: 7px;
    }

    .tpl-link-outs-wrap ul li a, .tpl-products-menu-wrap ul li a{
        font-size: 8px;
        padding: 0 5px;
    }

    #cloud9 > .cloud9-item{
        max-width: 100px;
        width: 100%;
    }

    #cloud9 > .cloud9-item > i{
        font-size: 8px;
    }


    .page3 .mid .tabm-content3 .scroll-pane{
        height: 270px;
    }

    img.loading-image {
        right: 35px;
    }

    .rewards-mobi div:nth-child(2){
        max-width: 100px;
        width: 100%;
        right: -10px;
    }

    .rewards-mobi div:nth-child(2) p {
        font-size: 10px;
    }

    .rewards-mobi .btn-play span {
        font-size: 12px;
        top: -5px;
    }

    .rewards-mobi-wrap {
        margin: 0px auto -210px;
    }

    .prize-mini2 img:nth-child(2) {
        position: absolute;
        top: 9px;
        left: 47px;
        width: 12px;
    }

    .btn-play.to-progress span{
        font-size: 8px;
        top: 6px;
    }

    .logos-bottom{
        margin: -595px auto 0px;
        max-width: 300px;
        width: 100%;
    }

    .logos-bottom-wrap {
        max-width: 50px;
        width: 100%;
    }

    .logos-bottom-1 {
        margin-top: -10px;
        margin-left: -10px;
    }

    .logos-bottom-2 {
        margin-top: 15px;
        margin-left: 20px;
    }

    .logos-bottom-3 {
        margin-left: 45px;
        margin-top: -20px;
    }

    .logos-bottom-4 {
        margin-left: 20px;
    }

    .logos-bottom-5 {
        margin-left: 110px;
        margin-top: 20px;
    }

    .logos-bottom-6 {
        margin-left: 130px;
    }

    .logos-bottom-7 {
        margin-left: 115px;
        margin-top: -20px;
    }

    .logos-bottom-8 {
        margin-left: 170px;
    }

    .logos-bottom-9 {
            margin-left: 180px;
    }

    .logos-bottom-10 {
        margin-left: 230px;
    }

    .logos-bottom-11 {
            margin-left: 240px;
        margin-top: 10px;
    }

    .logos-bottom-12 {
        margin-left: 260px;
    }

    .tpl-header4 .tpl-back-btn, .tpl-header4 .tpl-download-faq, .tpl-header5 .tpl-back-btn, .tpl-header5 .tpl-download-faq, .tpl-header7 .tpl-back-btn, .tpl-header7 .tpl-download-faq, .tpl-header8 .tpl-back-btn, .tpl-header8 .tpl-download-faq {width: 27%;}
    .tpl-header4 .tpl-logo-wrap, .tpl-header5 .tpl-logo-wrap, .tpl-header7 .tpl-logo-wrap, .tpl-header8 .tpl-logo-wrap {
        width: 40% !important;
    }
   

}

@media only screen and (max-width: 320px) {
    .night{
        display: none;
    }

    .night2{
        display: none;
    }

    .night3{
        display: none;
    }
}