@media only screen and (max-width: 1024px) {
html, body {
background: linear-gradient(270deg, #19f208 0%, #084625 2%, #084625 98%, #19f208 100%);
color: #fff;
}

.header {
height: 50px;
background: linear-gradient(180deg, #084625, #006e2e, #009931, #19f208);
width: 100%;
position: fixed;
z-index: 101;
}

.quick-footer-navbar a {
color: #fff;
background: linear-gradient(360deg, #084625, #006e2e, #009931, #00c52b, #19f208);
border-color: #000;
}

.quick-footer-navbar a.active {
color: #fff;
background: linear-gradient(180deg, #084625, #19f208);
}

.game-box {
background: linear-gradient(270deg, #19f208 0%, #084625 2.5%, #084625 98%, #19f208 100%);
}

.game-box-slots {
background: transparent;
margin: 2px;
color: #000;
font-size: 12px;
}

.game-title-slots {
color: #fff;
}

.game-item {
margin-bottom: 0px;
float: left;
}

.game-item-full {
background: linear-gradient(270deg, #19f208, #084625, #084625, #19f208);
margin-bottom: 1px;
}

.msg-wrapper {
background: linear-gradient(110deg, #19f208, #084625, #084625, #19f208);
}

.msg .marquee-wrapper {
background: transparent;
color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #fff;
background-color: #03351a;
border: 1px solid #004655;
border-bottom: 1px solid #004655;
border-radius: 2px 2px 0 0;
}

.tabs .nav-tabs, .nav-tabs {
background: #03351a;
border: 1px solid #004655;
border-bottom: 1px solid #004655;
border-radius: 2px 2px 0 0;
}

.form-control {
height: 40px;
padding: 6px 10px;
font-size: 12px;
color: #fff;
background-color: #000;
border: 1px solid transparent;
border-radius: 2px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.forms .table {
background-color: transparent;
margin-bottom: 10px;
color: #fff;
}

.list-amount div.child-amount {
padding: 10px 11px;
color: #fff;
background: #006447;
margin: auto;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-radius: 2px;
}

.btn-ibank{
background: none;
background-color: #000;
color: #ffffff;
max-width: min-content;
min-width: 190px;
font-size: 12px;
text-align: left;
}

.user-info .user-balance a {
color: #000;
text-decoration: underline;
cursor: pointer;
}

.btn-primary {
color: #fff !important;
background: linear-gradient(90deg, #19f208 2%, #084625 13%, #084625 87%, #19f208 98%);
border: none;
border-radius: 5px;
transition: all 0.3s ease;
}

.btn-success {
color: #fff;
background: linear-gradient(90deg, #19f208 2%, #084625 13%, #084625 87%, #19f208 98%);
border: none;
border-radius: 5px;
transition: all 0.3s ease;
}

.login-btn {
margin: 8px 3px;
}

.btn {
padding: 5px 10px;
}

.btn-sidebar .btn {
max-width: 140px;
background: linear-gradient(90deg, #19f208 2%, #084625 13%, #084625 87%, #19f208 98%);
}

.input-group-addon {
color: #fff;
}

.modal-content {
background-color: #333;
border: 2px solid #fff;
border-radius: 10px;
}

.modal-header .h4, .modal-header h4 {
color: #fff;
}

.modal-body a {
color: #fff;
}

.has-feedback-left .form-control-feedback {
color: #fff;
}

.modal-footer {
background: #222222;
border-top: none;
text-align: center;
border-radius: 0px 0px 10px 10px;
}

.ico-history {
display: none !important;
}

.tab-header .nav-pills {
background: linear-gradient(270deg, #19f208 0%, #084625 2.5%, #084625 98%, #19f208 100%);
}

a {
text-decoration: none;
color: #fff;
}

.game-box-glow-in-purple {
display: none;
}

.game-box-slots .responsive-image{
border-radius: 0;
height: auto;
width: 95%;
margin-left: 3px;
}
}


@media only screen and (max-width: 480px) {	
html, body {
background: linear-gradient(270deg, #19f208 0%, #084625 2%, #084625 98%, #19f208 100%);
color: #fff;
}

.header {
height: 50px;
background: linear-gradient(180deg, #084625, #006e2e, #009931, #19f208);
width: 100%;
position: fixed;
z-index: 101;
}

.quick-footer-navbar a {
color: #fff;
background: linear-gradient(360deg, #084625, #006e2e, #009931, #00c52b, #19f208);
border-color: #000;
}

.quick-footer-navbar a.active {
color: #fff;
background: linear-gradient(180deg, #084625, #19f208);
}

.game-box {
background: linear-gradient(270deg, #19f208 0%, #084625 2.5%, #084625 98%, #19f208 100%);
}

.game-box-slots {
background: transparent;
margin: 2px;
color: #000;
font-size: 12px;
}

.game-title-slots {
color: #fff;
}

.game-item {
margin-bottom: 0px;
float: left;
}

.game-item-full {
background: linear-gradient(270deg, #19f208, #084625, #084625, #19f208);
margin-bottom: 1px;
}

.msg-wrapper {
background: linear-gradient(110deg, #19f208, #084625, #084625, #19f208);
}

.msg .marquee-wrapper {
background: transparent;
color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #fff;
background-color: #03351a;
border: 1px solid #004655;
border-bottom: 1px solid #004655;
border-radius: 2px 2px 0 0;
}

.tabs .nav-tabs, .nav-tabs {
background: #03351a;
border: 1px solid #004655;
border-bottom: 1px solid #004655;
border-radius: 2px 2px 0 0;
}

.form-control {
height: 40px;
padding: 6px 10px;
font-size: 12px;
color: #fff;
background-color: #000;
border: 1px solid transparent;
border-radius: 2px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.forms .table {
background-color: transparent;
margin-bottom: 10px;
color: #fff;
}

.list-amount div.child-amount {
padding: 10px 11px;
color: #fff;
background: #006447;
margin: auto;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-radius: 2px;
}

.btn-ibank{
background: none;
background-color: #000;
color: #ffffff;
max-width: min-content;
min-width: 190px;
font-size: 12px;
text-align: left;
}

.user-info .user-balance a {
color: #000;
text-decoration: underline;
cursor: pointer;
}

.btn-primary {
color: #fff !important;
background: linear-gradient(90deg, #19f208 2%, #084625 13%, #084625 87%, #19f208 98%);
border: none;
border-radius: 5px;
transition: all 0.3s ease;
}

.btn-success {
color: #fff;
background: linear-gradient(90deg, #19f208 2%, #084625 13%, #084625 87%, #19f208 98%);
border: none;
border-radius: 5px;
transition: all 0.3s ease;
}

.login-btn {
margin: 8px 3px;
}

.btn {
padding: 5px 10px;
}

.btn-sidebar .btn {
max-width: 140px;
background: linear-gradient(90deg, #19f208 2%, #084625 13%, #084625 87%, #19f208 98%);
}

.input-group-addon {
color: #fff;
}

.modal-content {
background-color: #333;
border: 2px solid #fff;
border-radius: 10px;
}

.modal-header .h4, .modal-header h4 {
color: #fff;
}

.modal-body a {
color: #fff;
}

.has-feedback-left .form-control-feedback {
color: #fff;
}

.modal-footer {
background: #222222;
border-top: none;
text-align: center;
border-radius: 0px 0px 10px 10px;
}

.ico-history {
display: none !important;
}

.tab-header .nav-pills {
background: linear-gradient(270deg, #19f208 0%, #084625 2.5%, #084625 98%, #19f208 100%);
}

a {
text-decoration: none;
color: #fff;
}

.game-box-glow-in-purple {
display: none;
}

.game-box-slots .responsive-image{
border-radius: 0;
height: auto;
width: 95%;
margin-left: 3px;
}

.login-btn:last-child {
margin: 7.8px 7.8px;
}
}