.match-score-board{
padding: 1rem 3rem;
}
.match-score-board .sec-2-col .red-band {
background: #c00c11;
display: flex;
align-items: center;
padding: 1rem 2rem;
width: 80%;
transform: skew(33deg);
position: relative;
left: -1.5rem;
}
.match-score-board .lst-main-cls {
padding-bottom: 2rem;
}
.match-score-board .lst-main-cls .sec-2-col {
display: flex;
background: #f5f5f5;
overflow: hidden;
}
.match-score-board .sec-2-col .red-band .band-inner {
transform: skew(-33deg);
padding-left: .5rem;
}
.match-score-board .sec-2-col .red-band span {
padding-right: 1.5rem;
text-transform: uppercase;
font-size: 1.25rem;
color: #fff;
position: relative;
}
.match-score-board .sec-2-col .grey-band {
display: flex;
align-items: center;
padding: 1rem 0;
justify-content: center;
width: 20%;
}
.match-score-board .sec-2-col .grey-band p {
margin-bottom: 0;
text-transform: uppercase;
color: #cb0f0f;
font-family: 'Geogtqsb';
font-size: 1.25rem;
}
.match-score-board .grey-bg {color: #fff;display: flex;align-items: center;justify-content: center;padding: 1rem 0;background: #2c2424;min-height: 12rem;}
.match-score-board .grey-bg span {color: #fff;font-size: 1rem;font-family: 'Geogtqsb';padding: 0 0.8rem;}
.match-score-board .grey-bg span.team1,
.match-score-board .grey-bg span.team2 {word-break: break-word;width: 10.4rem;font-size: 1.15rem;}
.match-score-board .sec-2-col .red-band span:after {
content: '|';
position: absolute;
padding-left: 0.6rem;
top: -0.15rem;
}
.match-score-board .sec-2-col .red-band span:nth-child(3):after,
.match-score-board span.stm-name:after{
content: none!important;
}
.match-score-board .stm-name {
color: #d0b15f !important;
text-transform: uppercase;
margin-bottom: 0;
font-family: 'Geogtqsb';
font-size: 1.15rem !important;
}
.match-score-board .grey-bg span img{width: 7rem;height: 7rem;object-fit: contain;}
.match-score-board #clockdiv .lve-blk-dhms p{height: 3.5rem;width: 6.5rem;}
.overcol-wrap {
min-height: 3rem;
text-align: center;
}
.match-score-board #clockdiv .lve-blk-dhms .smalltext {
    color: #ccba70;
    font-size: 1rem;
    font-family: 'Geogtqmd';
    font-weight: 600;
    margin-top: 0.2rem;
}
.cls-run {
 font-size: 0.75rem;
}
.vertical-scoretab .nav-pills a {
 color:#fff;
 display: block;
}
.vertical-scoretab .nav-item.active a {
     color: #ccba70 !important;
     font-family: 'Geogtqsb';
}
.vertical-scoretab .nav-pills>li.active>a, 
.vertical-scoretab .nav-pills>li.active>a:focus, 
.vertical-scoretab .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: transparent;
}
.vertical-scoretab .nav > li > a,
.vertical-scoretab .nav > li > a:focus,
.vertical-scoretab .nav > li > a:hover {
    padding: 0;
    background: transparent !important;
    font-size: 1rem;
}
.vertical-scoretab .nav li {
 font-size: 0.8rem;
 display: block;
 float: left;
 width: 100%;
 margin: 0;
 margin-bottom: 0.11rem;
}
.vertical-scoretab .nav li:last-child {
 margin-bottom: 0;
}
.vertical-scoretab .nav-pills {
    margin-left: 1.85rem;
}
ul.list-inline.ball-score-warp li {
    color: #fff;
    border-radius: 100%;
    border: 0.1rem solid #4d4848;
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.3rem;
}
.ball-score-warp .ball-score-vr {
     color: #ccba70;
     position: relative;
     top: 0.4rem;
     margin-right: 0.2rem;
     font-family: 'Geogtqsb';
}
.ballbyball-wrap ul {
    display: inline-block;
    margin-left: 0.3rem;
    margin-bottom: 0; 
}
.ballbyball-wrap ul li.run-four {background: #d0c077;border-color: #d0c077; color: #4f4e4a;}
.ballbyball-wrap ul li.run-six {background: #e5c311;border-color: #e5c311; color: #4f4e4a;}
.ballbyball-wrap ul li.run-wc {background: #d60d1a;border-color: #d60d1a; color: #fff;}
.ballbyball-wrap ul li {
 background: #4d4848;
 border-color: #4d4848;
}
.ballbyball-wrap ul li.run-two {
color: #fff;
}
.ballbyball-wrap ul li.run-zero {color: #808080;font-size: 1rem;}
body .match-score-board .nav-stab-score.vertical-scoretab .ballbyball-wrap {
position: relative;
top: 0.4rem;
}
.ryt-ig img {
 width: 100%;
}


@media(max-width: 767px) {
.match-score-board {
    padding: 1rem;
    margin-top: 6rem; 
}
.match-score-board .grey-bg {
    display: block;
    min-height: 100%;
    width: 100%%; 
}


}