@media screen and (min-width: 480px) and (max-width: 599px) {
.slot-handle {
display: none!important;
}
} 
@media screen and (min-width: 0px) and (max-width: 479px) {
.slot-handle {
display: none!important;
}
.nine-slot-back h1 {
font-size: 20px!important;
}
.input-info input[type=text] {
font-size: 22px!important;
}
.more-coin {
font-size: 7px!important;
}
.volume,
.muted {
width: 13px!important;
height: 13px!important;
margin: 2px 0 4px 0!important;
}
.glyphicon-credit-card {
font-size: 16px!important;
}
.line-button,
.funk-button,
.funk-button2 {
width: 32px!important;
height: 33px!important;
font-size: 7px!important;
line-height: unset!important;
}
}

body {
background-image: url("../../back/misc/7.jpg");
background-attachment: fixed;
background-size: cover;
}
.nine-slot-back .open-inst {
color: #a19a9a;
float: right;
top: 0px;
right: 5px;
}
.nine-wrap {
margin: 0 10px;
}
.nine-wrap .logo {
display: table;
margin: auto;
}
.nine-slot-back .slot-handle {
position: absolute;
right: -43px;
bottom: 51px;
}
.nine-slot-back, .score-board {
max-width: 455px;
border: 10px double #777278;
background: #000000;
}
.nine-slot-back {
position: relative;
margin: 10px auto 50px auto;
padding: 5px 0 0 0;
filter: contrast(150%);
}
.nine-slot-back h1 {
text-align: center;
font-size: 34px;
font-weight: bold;
color: #0091ff;
margin: 0px;
background: 0;
text-transform: uppercase;
padding: 0;
font-family: ariel, sans-serif;
}
.nine-slot-back .winner {
display: none;
color: #5ef404 !important;
}
.nine-slot-back .loser {
color: #fff !important;
}
.nine-slot-back .input-info table {
font-size: 14px;
width: 215px;
text-transform: uppercase;
}
.nine-slot-back .input-info input[type=text] {
width: 115px;
background: none;
border: 0!important;
font-size: 22px;
color: #5ef404 !important;
font-weight: 900;
font-family: ariel, sans-serif;
height: 35px;
}
.nine-slot-back .bet-line-buttons {
margin-top: 15px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
}
.nine-slot-back .line-button, .nine-slot-back .bet-button, .nine-slot-back .funk-button, .nine-slot-back .funk-button2 {
margin: 0 2px 5px 2px;
}
.nine-slot-back .line-button, .nine-slot-back .bet-button, .nine-slot-back .funk-button, .nine-slot-back .funk-button2 {
color: #fff;
background: #000;
font-weight: 900;
font-size: 12px;
text-transform: uppercase;;
line-height: 17px;
border-radius: 5px!important;
}
.nine-slot-back .line-button:hover,
.nine-slot-back .bet-button:hover,
.nine-slot-back .funk-button:hover,
.nine-slot-back .glyphicon:hover {
color: #5ef404;
}
.nine-slot-back .bet-button {
width: 50px;
padding: 3px 0;
}
.nine-slot-back .line-button, .nine-slot-back .funk-button, .nine-slot-back .funk-button2 {
width: 60px;
padding: 6px 0;
height: 50px;
}
.nine-slot-back .green {
color: #5ef404 ;
}
.nine-slot-back .bet-row {
text-align: center;
margin-bottom: 5px;
}
.nine-slot-wrap {
padding: 0 0 0 10px;
margin: auto;
color: #c3c3c3;
}
.nine-slot-wrap .slot-back {
width: 170px;
margin: 0 0 5px 5px;
padding: 10px 0;
position: relative;
}
.nine-slot-wrap .img-display {
position: relative;
width: 160px;
margin: auto;
text-align: center;
}
.nine-slot-wrap .slot-img {
width: 50px;
}
.nine-slot-wrap h1 {
margin-top:0;
}
.line-marker-v, .line-marker-h, .line-marker-c, .bet-marker-c, .bet-marker-v, .bet-marker-h {
position: absolute;
display: none;
}
.line-marker-v {
background: #8EEB4B;
height: 4px;
width: 140px;
}
.line-marker-h {
background: #4BEBDD;
height: 208px;
width: 4px;
}
.line-marker-c {
background: #EB944B;
height: 231px;
width: 4px;
}
.nine-slot-back .line1, .nine-slot-back .line2, .nine-slot-back .line3 {
left: 11px;
}
.nine-slot-back .line1 {
top: 33px;
}
.nine-slot-back .line2 {
top: 103px;
}
.nine-slot-back .line3 {
top: 178px;
}
.nine-slot-back .line4, .nine-slot-back .line5, .nine-slot-back .line6 {
top: 5px;
}
.nine-slot-back .line4 {
left: 28px;
}
.nine-slot-back .line5 {
left: 79px;
}
.nine-slot-back .line6 {
left: 129px;
}
.nine-slot-back .line7, .nine-slot-back .line8 {
top: -10px;
}
.nine-slot-back .line7 {
left: 81px;
-ms-transform: rotate(-34deg); /* IE 9 */
-webkit-transform: rotate(-34deg); /* Chrome, Safari, Opera */
transform: rotate(-34deg); /* Standard syntax */
}
.nine-slot-back .line8 {
left: 78px;
-ms-transform: rotate(34deg); /* IE 9 */
-webkit-transform: rotate(34deg); /* Chrome, Safari, Opera */
transform: rotate(34deg); /* Standard syntax */
}
.bet-marker-v {
background: #8EEB4B;
height: 4px;
width: 10px;
}
.bet-marker-h {
background: #4BEBDD;
height: 10px;
width: 4px;
}
.bet-marker-c {
background: #EB944B;
height: 4px;
width: 10px;
}
.nine-slot-back .mark1, .nine-slot-back .mark2, .nine-slot-back .mark3 {
right: 0px;
}
.nine-slot-back .mark1, .nine-slot-back .mark1-l {
top: 43px;
}
.nine-slot-back .mark2, .nine-slot-back .mark2-l {
top: 117px;
}
.nine-slot-back .mark3, .nine-slot-back .mark3-l {
top: 188px;
}
.nine-slot-back .mark1-l, .nine-slot-back .mark2-l, .nine-slot-back .mark3-l {
left: 0px;
}
.nine-slot-back .mark4, .nine-slot-back .mark5, .nine-slot-back .mark6 {
top: 4px;
}
.nine-slot-back .mark4, .nine-slot-back .mark4-b {
left: 33px;
}
.nine-slot-back .mark5, .nine-slot-back .mark5-b {
left: 84px;
}
.nine-slot-back .mark6, .nine-slot-back .mark6-b {
right: 32px;
}
.nine-slot-back .mark4-b, .nine-slot-back .mark5-b, .nine-slot-back .mark6-b {
bottom: 4px;
}
.nine-slot-back .mark7 {
left: 4px;
top: 12px;
-ms-transform: rotate(50deg); /* IE 9 */
-webkit-transform: rotate(50deg); /* Chrome, Safari, Opera */
transform: rotate(50deg); /* Standard syntax */
}
.nine-slot-back .mark8 {
right: 4px;
top: 13px;
-ms-transform: rotate(-50deg); /* IE 9 */
-webkit-transform: rotate(-50deg); /* Chrome, Safari, Opera */
transform: rotate(-50deg); /* Standard syntax */
}
.nine-slot-back .mark7-b {
right: 4px;
bottom: 12px;
-ms-transform: rotate(50deg); /* IE 9 */
-webkit-transform: rotate(50deg); /* Chrome, Safari, Opera */
transform: rotate(50deg); /* Standard syntax */
}
.nine-slot-back .mark8-b {
left: 4px;
bottom: 13px;
-ms-transform: rotate(-50deg); /* IE 9 */
-webkit-transform: rotate(-50deg); /* Chrome, Safari, Opera */
transform: rotate(-50deg); /* Standard syntax */
}
.nine-slot-back .more-coin {
margin-right: 2px;
}
.nine-slot-back .glyphicon-credit-card {
display: block;
font-size: 21px;
margin: 10px 0 10px 0;
}
.nine-slot-back .vol-controls, .nine-slot-back .more-coin {
background: #969191;
color: #000;
margin-top: -5px;
padding: 5px;
border: 1px solid #767676;
font-size: 14px;
border-radius: 5px!important;
}
.nine-slot-back .volume, .nine-slot-back .muted {
width: 22px;
height: 20px;
}
.nine-slot-back .volume {
background: url(volume.png);
background-size: cover;
margin: 10px 0 10px 0;
}
.nine-slot-back .muted {
background: url(muted.png);
}
.nine-slot-back .volume:hover {
background: url(volume-hov.png);
}
.nine-slot-back .muted:hover {
background: url(muted-hov.png);
}
.nine-slot-back li {
display: inline-block;
vertical-align: middle;
}
.nine-slot-back table {
color: #c5c5c5f7;
}
.nine-slot-back button {
border: 2px solid #e2d8d8;
}
.noshow, #quest, .inst {
display: none;
}
.nine-slot-back ul, .slots-back2 ul, .slots-back ul {
padding: 0;
}
.nine-slot-back li, .slots-back2 li, .slots-back li {
list-style-type: none;
}
.pointer {
cursor: pointer;
}
input[type="text"] {
border: 0;
margin: 0;
padding: 0;
}
.score-board .header {
padding: 0;
}
.score-board h4 {
color: #bdbdbd;
background-color: #000;
background-size: cover;
filter: contrast(150%);
}
.score-board tr:nth-child(even) {
background-color: #000;
color: #fff;
}
.score-board tr:nth-child(odd) {
background-color: #313030;
color: #fff;
}