@media (max-width: 1441px) {
    .clientPortal .player .uname {
        top: 15%;
    }

    .clientPortal .score .userbalance {
        top: 5%;
    }

    .categoryMenu a {
        width: 140px;
    }
}

/*
iPhone 12 Pro Max
*/

@media only screen and (min-height: 926px) {
/* @media only screen and (min-width: 428px) and (max-width: 767px) { */
/* @media only screen and (min-width: 428px) and (orientation: portrait) { */
    .lobby {
        position: relative;
        /* height: 500px; */
        width: 100%;
        /* height: 100%; */
        /* height: 100vh; */
        height: calc(100vh - 126px);
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }
    
    .lobby iframe {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100px;
        min-width: 100%;
        height: 800px;
        /* height: 100vh; */
        height: 100%;
        /* height: calc(100vh - 126px); */
        /* min-height: 100%; */
        /* min-height: 100vh; */
        /* min-height: calc(100vh - 126px); */
        /* min-height: -webkit-fill-available; */
        /* max-height: 100%; */
        /* max-height: 100vh; */
        /* max-height: 90vh; */
        transition: height 1000s steps(1);
    }

    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}
    
/*
iPhone 12 Pro
*/

@media only screen and (min-height: 844px) {
/* @media only screen and (min-width: 390px) and (max-width: 767px) { */
/* @media only screen and (min-width: 390px) and (orientation: portrait) { */
    .lobby {
        position: relative;
        /* height: 500px; */
        width: 100%;
        /* height: 100%; */
        /* height: 100vh; */
        height: calc(100vh - 126px);
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }
    
    .lobby iframe {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100px;
        min-width: 100%;
        /* height: 800px; */
        /* height: 100vh; */
        height: 100%;
        /* height: calc(100vh - 126px); */
        /* min-height: 100%; */
        /* min-height: 100vh; */
        /* min-height: calc(100vh - 126px); */
        /* min-height: -webkit-fill-available; */
        /* max-height: 100%; */
        /* max-height: 100vh; */
        /* max-height: 90vh; */
        transition: height 1000s steps(1);
    }

    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}

/**
Copyright 2019
**/

/* Portrait */
@media screen and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)
{
    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}

/* Landscape */
@media screen and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)
{
}

/* ----------- Android ----------- */

/* Portrait */
@media only screen and (min-device-width: 360px) and (max-device-width: 846px) and (orientation: portrait)
{
    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 360px) and (max-device-width: 846px) and (orientation: landscape)
{ 
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)
{
    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)
{ 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait)
{ 
    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)
{ 

}

/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait)
{
    .btn-float-angpow {
        width: 35%;
    }

    .wrap-jackpot figure {
        width: 100%;
        padding-top: 1rem;
    }
    .wrap-jackpot .jackpotAmount {
        font-size: 1rem;
    }

    .wrap-bigJackpot .img-default {
        width: 100%;
    }

    .wrap-bigJackpot figure {
        width: 100%
    }

    .wrap-bigJackpot .btn-close-bigPrize {
        width: 15%;
        top: 33%;
        right: 3%;
    }

    .wrap-bigJackpot .jackpotAmount {
        font-size: 2rem;
    }

    .wrap-bigJackpot .instructions {
        height: 68px;
        bottom: 17%;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: .8rem;
        line-height: 16px;
        font-weight: 400;
    }

    .wrap-bigJackpot .instructions.my {
        font-size: .7rem;
    }

    .wrap-bigJackpot .instructions.cn {
        font-size: 1rem;
        line-height: 15px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .wrap-bigJackpot .jackpotPass {
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 37px;
        width: 170px;
        height: 34px;
        bottom: 3%;
        right: 2%;
    }

    .wrap-bigJackpot .btn-service {
        width: 50%;
        bottom: 3%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)
{ 
}