.OnlineCounter {
        border-radius: 5px 5px 0 0;
        color: #444444;
        font: 12px/18px arial;
        margin-bottom: 10px;
        text-align:center;
}
.OnlineCounter ul {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e0e0e0;
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.OnlineCounter ul span:first-child {
        display: inline-block;
        padding: 0 0 0 5px;
}
.OnlineCounter .Header {
        color: #c60000;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
        font-family: Tahoma, Geneva, sans-serif;
        font-weight: bold;
        background: none;
        font-size: 14px;
        height: 40px;
        border-top: 2px solid #c60000;
        border-radius: 0;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-radius: 0px;
}
.OnlineCounter .Header span {
        color: #c60000;
        font: bold 14px/40px tahoma;
        text-shadow: none;
        text-transform: uppercase;
        white-space: nowrap;
}
.OnlineCounter ul li{
        padding: 3px 0
}
@media only screen and (max-width: 768px){
        .OnlineCounter {
                width:100vw;
        }
}