.btn-blue,.btn-blue:hover,.btn-green,body {
    color: #fff
}

:root {
    --main-color: #02c9c7
}

body {
    text-align: center;
    background: url(../img/background.jpg) no-repeat fixed #0f0f0f;
    background-size: cover
}

img {
    max-width: 100%
}

body>.container {
    background: #000000bf
}

.brand {
    margin-top: 0
}

.brand img {
    max-height: 100px
}

.btn-blue {
    background: ;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#730466', GradientType=0 )
}

.btn-green {
    background: #4fa74f;
    background: -moz-linear-gradient(top,#4fa74f 0,#4fa74f 0,#4fa74f 0,#328232 100%);
    background: -webkit-linear-gradient(top,#4fa74f 0,#4fa74f 0,#4fa74f 0,#328232 100%);
    background: linear-gradient(to bottom,#4fa74f 0,#4fa74f 0,#4fa74f 0,#328232 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa74f', endColorstr='#328232', GradientType=0 )
}

.my-btn .btn {
    width: 150px;
    background-color: var(--main-color);
    padding-top: 8px;
    padding-bottom: 8px
}

.my-btn .btn h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.jackpot-wrapper {
    background: center no-repeat;
    height: 143px;
    padding-top: 51px;
    background-size: 425px
}

.jackpot {
    font-size: 40px
}

.jackpot span {
    color: #ca2028;
    font-weight: 700
}

.game-img {
    max-height: 200px
}

.game-list .game {
    display: inline-block;
    width: calc(100% / 5 - 3px)
}

.game {
    position: relative;
    border: 2px solid var(--main-color);
    border-radius: 5px;
    margin-top: 10px
}

.game:hover {
    background-color: #1e71bc
}

.game .game-title {
    width: 100%;
    position: absolute;
    bottom: 0;
    color: transparent
}

.bank-bca,.bank-bni,.bank-bri,.bank-cimbniaga,.bank-mandiri,.bank-permata,.bank-voucher88 {
    display: inline-block;
    background: url(../img/bank-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.bank-permata {
    background-position: -3px 0;
    width: 150px;
    height: 38px
}

.bank-cimbniaga {
    background-position: -3px -41px;
    width: 127px;
    height: 19px
}

.bank-voucher88 {
    background-position: -3px -63px;
    width: 122px;
    height: 20px
}

.bank-bri {
    background-position: -3px -86px;
    width: 121px;
    height: 20px
}

.bank-mandiri {
    background-position: -3px -109px;
    width: 94px;
    height: 27px
}

.bank-bca {
    background-position: -3px -139px;
    width: 85px;
    height: 24px
}

.bank-bni {
    background-position: -3px -166px;
    width: 68px;
    height: 19px
}

.bank {
    margin-left: 5px;
    margin-right: 5px
}

.bank:hover {
    text-decoration: none
}

.bank.mandiri img {
    margin-top: -10px
}

.bank.permata img {
    margin-top: -16px
}

.jadwal-bank-table {
    margin-top: 15px;
    display: inline;
    margin-left: 15px
}

.jadwal-bank-table thead tr th {
    text-align: center
}

.jadwal-bank-table thead tr th .bank-title {
    margin-top: 10px;
    margin-bottom: 10px
}

.jadwal-bank-table tr td {
    text-align: left
}

@media (max-width: 991px) {
    .game-list .game {
        width:calc(100% / 4 - 5px)
    }

    .bank:last-child img {
        margin-top: 5px
    }
}

@media (max-width: 767px) {
    .game-list .game {
        width:calc(100% / 3 - 5px)
    }
}

@media (max-width: 744px) {
    .bank.permata img {
        margin-top:5px
    }

    .bank:last-child img {
        margin-top: 23px
    }
}

@media (max-width: 580px) {
    .bank img {
        height:20px
    }

    .bank.permata img {
        height: 33px
    }

    .bank.mandiri img {
        height: 26px
    }
}

@media (max-width: 576px) {
    .jackpot {
        font-size:40px
    }

    .game-list .game {
        width: calc(100% / 2 - 5px)
    }
}

@media (max-width: 573px) {
    .bank.mandiri img {
        margin-top:8px
    }
}

@media (max-width: 468px) {
    .bank:nth-child(4) img {
        margin-top:18px
    }

    .bank:last-child img {
        margin-top: 16px
    }
}

@media (max-width: 425px) {
    .jackpot {
        font-size:36px
    }
}

@media (max-width: 350px) {
    .my-btn .btn {
        width:125px
    }
}

@media (max-width: 331px) {
    .bank:nth-child(3) img {
        margin-top:25px
    }
}

@media (max-width: 320px) {
    .my-btn .btn {
        width:110px
    }

    .jackpot {
        font-size: 34px
    }
}