/* Desktops and laptops ----------- */
@media only screen and (min-width : 992px) {
    .logo-lg {
        width: 80px;
        cursor: pointer;
    }

    .flag-lg {
        width: 70px;
    }

    .marquee p {
        color: #fff;
        position: absolute;
        white-space: nowrap;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 30px;
        font-size: 0.85rem;
        text-align: left;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation: scroll-left 40s linear infinite;
        -webkit-animation: scroll-left 40s linear infinite;
        animation: scroll-left 40s linear infinite;
    }
    .game-tabs .tab-nav li.ui-state-active img {
        width: 100px;
        display: block;
        margin: 0 auto;
    }

    .game-tabs .tab-nav li img {
        width: 100px;
        display: block;
        margin: 0 auto;
    }

    .vendor-row img{
        width: 100px;
        cursor: pointer;
    }

    .angpao-promo p {
        font-size: 1rem;
        margin-top: 5px;
        padding: 0 30%;
    }

    .balance-box p {
        font-size: 1rem;
    }

    .balance-box h5 {
        font-size: 2rem;
        margin-bottom: 0px;
    }

    .btn-gold {
        min-width: 100px;
    }

    .angpao-promo {
        cursor: pointer;
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
}
 
/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}
 
/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
}