.OnlineCounter {
        background: none repeat scroll 0 0 #f5f5f5;
        border: 1px solid #efefef;
        border-radius: 5px 5px 0 0;
        height: 100%;
        margin-bottom: 10px;
}
div.OnlineCounter ul {
        list-style: none outside none;
        margin: 0;
        padding: 10px;
}
.OnlineCounter .Header {
        background: url("images/bar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 37px;
        margin-left: -10px;
}
.OnlineCounter .Header span {
        color: #fff;
        font: bold 10pt/28px arial;
        padding-left: 20px;
        text-transform: uppercase;
}
@media only screen and (max-width: 768px){
        div.OnlineCounter {
                width: calc(100% - 10px);
                margin: auto;
                margin-bottom: 10px;
        }
}