@media screen and (min-width: 0px) and (max-width: 599px) {
.marble {
width: 12px!important;
height: 12px!important;
}
.table-frame .DIS {
width: 140px!important;
font-size: 12px!important;
}
.open-inst {
font-size:16px!important;
top: -5px!important;
}
#banner {
font-size: 10px!important;
}
}
body {
background: url(../../back/misc/9.jpg);
background-attachment: fixed;
font-family: Tahoma, Geneva, sans-serif;
margin: 0px;
padding: 0px;
}
.agg-wrap {
position: relative;
margin: 0 20px;
}
.agg-wrap .logo {
width: 55%;
}
.agg-wrap .open-inst {
margin-bottom: 10px;
color: #0f949d;
}
.agg-wrap .text {
max-width: 540px;
}
.agg-wrap .game-board {
background: url(../../back/wood/wood23.jpg);
display: table;
border: 4px solid #32b7c0;
border-radius: 5px;
margin: auto;
padding: 5px;
}
.agg-wrap .table-frame {
width: 100%;
max-width: 453px;
}
#banner {
width: 100%;
color: #fff;
font-size: 16px;
font-weight: 900;
text-align: center;
padding: 5px 0;
}
.agg-wrap .game-btn {
background-color: #32b7c0;
color: #000;
}
.agg-wrap .marble {
width: 22px;
height: 22px;
}
.agg-wrap .DIS {
border: 0;
outline: 0;
background: 0;
color: #fff;
text-align: center;
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
width: 170px;
}
.red-row, .green-row, .yellow-row, .blue-row {
padding: 2px;
}
.green-row {
background: #40ff40;
}
.red-row {
background: #ff4040;
padding: 3px;
}
.yellow-row {
background: #e3e539;
padding: 3px;
}
.blue-row {
background: #2025f5;
padding: 3px;
}
.round-topb {
border-radius: 8px 0 0px 8px;
}
.round-topr {
border-radius: 0 0 8px 8px;
}
.round-topg {
border-radius: 8px 8px 0px 0px;
}
.round-topy {
border-radius: 0 8px 8px 0px;
}
.agg-wrap .ared,
.agg-wrap .ayellow,
.ablue,
.agg-wrap .agreen {
font-size: 18px;
}
.agg-wrap .ared {
color: #ff4040;
}
.agg-wrap .ayellow {
color: #fdf02f;
padding-top: 3px;
}
.agg-wrap .agreen {
color: #62fb34;
}
.agg-wrap .ablue {
color: #5285e5;
padding-bottom: 5px;
}