@media screen and (min-width: 479px) and (max-width: 599px) {
.play-input {
width: 230px!important;
font-size: 14px!important;
}
.dealer-name {
font-size: 14px!important;
}
.score-input, .score {
font-size: 14px!important;
width: 35px!important;
}
.dealer-header {
width: 120px!important;
height: 120px!important;
}
input[type="text"] {
height: unset!important;
}
.player-text {
width: 35px!important;
font-size: 10px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.play-input {
width: 104px!important;
font-size: 11px!important;
}
.dealer-name {
font-size: 11px!important;
}
.score-input, .score {
font-size: 11px!important;
width: 20px!important;
}
.dealer-header {
width: 100px!important;
height: 100px!important;
}
input[type="text"] {
height: unset!important;
}
.player-text {
width: 35px!important;
font-size: 10px!important;
}
}
body {
background: url(back.jpg);
background-attachment: fixed;
background-size: cover;
font-family: Tahoma, Geneva, sans-serif;
margin: 0px;
padding: 0px;
}
.bjack {
margin: 0 20px;
position: relative;
}
.logo {
width: 50%;
}
.card-display  {
background-color: #020284;
border: 5px solid #000;
border-radius: 10px;
max-width: 600px;
text-align: right;
padding: 0 20px 20px 20px;
position: relative;
}
.card-table {
background-color: #000;
padding: 20px;
border-radius: 5px;
}
.player-text {
width: 55px;
color: #a9a2a2;
}
.play-input {
width: 310px;
text-align: center;
}
.score-input {
text-align: right;
width: 30px;
}
.table-div {
border: .5px dashed #929292;
margin: 5px 0;
}
.dealer-name {
text-align: center;
color: #dfecdf;
font-size: 18px;
text-transform: uppercase;
}
.dealer-header {
width: 150px;
height: 150px;
}
.dealer-img {
width: 100%;
}
.dealer,
.player,
.score {
font-size: 22px;
}
.dealer {
color: red;
}
.player {
color: #7a7aff;
}
.score {
width: 50px;
float: left;
color: #0df10d;
}
.game-btn {
background-color: #020284;
color: #fff;
}
.playbtn {
padding: 10px 15px!important;
}
.glyphicon-question-sign {
float: right;
right: -15px;
top: 3px;
color: #dfecdf;
}
.note,
.note2,
.note3 {
right: 0px;
max-width: 535px;
}
.play-input, .score-input, .score {
background: 0;
border: 0;
margin-bottom: 0!important;
text-transform: uppercase;
}
.score-board {
max-width: 536px;
border: 5px solid #000;
}
.score-board tr:nth-child(even) {
background-color: #020284;
}
.score-board tr:nth-child(odd) {
background-color: #000;
}
.score-board h4,
.score-board td,
.score-board th {
color: #b7b7b7;
}