@media screen and (min-width: 599px) and (max-width: 799px) {
.card-display li {
width: 105px!important;
}
.cardfaceempty, .cardfacered, .cardfaceblack {
width: 90px!important;
height: 120px!important;
font-size: 27px!important;
}
.card-display li a img {
width: 20px!important;
}
.playpoker #HandDis {
font-size: 18px!important;
}
}
@media screen and (min-width: 320px) and (max-width: 599px) {
.card-display li {
width: 80px!important;
}
.cardfaceempty, .cardfacered, .cardfaceblack {
width: 65px!important;
height: 86px!important;
font-size: 20px!important;
line-height: 32px!important;
}
.card-display li a img {
width: 20px!important;
margin-left: -2px!important;
padding-top: 8px!important;
}
.playpoker #HandDis {
font-size: 16px!important;
}
.playpoker .holder, .playpoker .held {
font-size: 10px!important;
padding: 3px 12px;
}
.playpoker .bet-line, .playpoker .bet-line input[type=text] {
font-size: 15px!important;
}
.playpoker .paytable {
width: 445px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 320px) {
.card-display li {
width: 50px!important;
}
.cardfaceempty, .cardfacered, .cardfaceblack {
width: 43px!important;
height: 59px!important;
font-size: 12px!important;
line-height: 23px!important;
}
.card-display li a img {
width: 9px!important;
margin-left: -2px!important;
padding-top: 6px!important;
}
.playpoker #HandDis {
font-size: 12px!important;
}
.playpoker .holder, .playpoker .held {
font-size: 8px!important;
padding: 2px 6px!important;
}
.playpoker .bet-line, .playpoker .bet-line input[type=text] {
font-size: 12px!important;
}
.playpoker .paytable {
width: 290px!important;
font-size: 8px!important;
}
}

body {
background: url(../../back/misc/dark.jpg);
background-size: cover;
background-attachment: fixed;
font-family: Tahoma, Geneva, sans-serif;;
margin: 0px;
padding: 0px;
}
.playpoker {
position: relative;
margin: 0 15px;
}
.playpoker .logo {
display: block;
margin: 20px auto;
width: 55%;
opacity: 0.8;
}
.playpoker .instruct .text {
max-width: 400px;
}
.playpoker .poker-wrap {
font-family: sans-serif;
text-align: center;
}
.playpoker .poker-top {
text-align: center;
margin-bottom: 10px;
}
.playpoker .poker-top a {
display: inline-block;
text-transform: uppercase;
color: #fff;
border-radius: 5px;
border: 6px double #939393;
cursor: pointer;
width: 95px;;
padding: 4px 0px;
font-size: 10pt;
}
.cardfaceempty, .cardfacered, .cardfaceblack {
display: inline-block;
width: 110px;
height: 145px;
vertical-align: top;
padding-left: 8px;
border-radius: 5px;
border: #888 1px solid;
}
.cardfacered:hover, .cardfaceblack:hover  {
color: #000;
}
.cardfacered, .cardfaceblack  {
text-decoration:none;
text-align: left;
font-size: 38px;
color: #000;
font-weight: 900;
line-height: 53px;
font-family: garamond,serif;
}
.cardfaceempty,
.cardfacered,
.cardfaceblack {
background-size: cover!important;
}
.cardfaceempty {
background: url(cardback.png);
}
.cardfacered {
background: url(redback.png);
color: red;
}
.cardfacered:hover {
color: red;
}
.cardfaceblack {
background: url(blackback.png);
}
.card-display {
position: relative;
padding: 0 15px;
max-width: 755px;
margin: auto;
}
.card-display li {
display: inline-block;
width: 120px;
font-size: 14px;
font-weight: 900;
}
.card-display li a  img {
width: 23px;
vertical-align: top;
margin-left: -5px;
padding-top: 14px;
}
.playpoker .holder:hover {
color: #00AA2D;
}
.playpoker .held:hover {
color: #000;
}
.playpoker .holder, .playpoker .held {
padding: 3px 25px;
margin: 5px 0 5px 0;
display: inline-block;
}
.playpoker .holder {
color: #00AA2D;
background: #000;
}
.playpoker .held	 {
color: #000;
background: #b9c1c0;
}
.playpoker #HandDis {
font-size: 20px;
font-weight: 900;
color: #53ef6e;
text-transform: uppercase;
margin-top: 2px;
height: 22px;
}
.game-btn {
text-transform: uppercase;
color: #D0CFCF;
font-size: 12px;
border: 6px double #939393;
background: #000000;
margin: 0 5px;
}
.game-btn:hover {
box-shadow: 0px 0px 40px 0px #939393;
}
.playpoker .volume {
width: 90px;
}
.playpoker .bet-line {
display: table;
background: #000;
color: #D0CFCF;
font-size: 16px;
text-transform: uppercase;
margin: 5px auto 10px auto;
padding-left: 10px;
border-radius: 5px;
}
.playpoker .bet-line input[type=text] {
background: none;
font-size: 18px;
color: #53ef6e;
width: 70px;
height: 27px;
border-radius: 0px 5px 5px 0px;
}
.playpoker .bet-line input[type="text"]:focus  {
background: #6d6c6c;
color: #fff;
}
.playpoker #cash {
width: 70px;
display: inline-block;
text-align: left;
color: #53ef6e;
}
.endgame-wrap {
color: #c1bdbd;
font-size: 20px;
max-width: 800px;
margin: 30px auto 300px auto;
text-align: center;
}
.endgame-wrap input[type=text] {
background: #000;
color: #adadad;
padding: 9px 0 9px 5px;
vertical-align: middle;
height: 37px
border: 0;
}
.game-over-page {
margin: 30px auto 290px auto;
text-align: center;
color: #1f1e1e;
font-size: 48px;
text-shadow: 2px 2px 8px #9B9B9B;
}
.playpoker input[type="text"]  {
border: 0;
margin: 0;
}
.playpoker .score-board {
max-width: 476px;
color: #B9B9B9;
font-size: 14px;
margin: 25px auto 50px auto;
}
.playpoker .score-board h4 {
color: #B9B9B9;
font-weight: 400;
}
.playpoker .score-board tr:nth-child(even),
.paytable tr:nth-child(even)  {
background-color: #2b2b2b;
}
.score-board tr:nth-child(odd),
.playpoker .paytable tr:nth-child(odd) {
background-color: #000;
}
.playpoker .paytable td {
color: #B9B9B9;
padding: 2px 10px;
}
.playpoker .paytable {
border-spacing: 1px;
border-collapse: unset;
width: 480px;
margin: 20px auto 0 auto;
}