@media only screen and (max-width: 768px){
        .OnlineCounter {
                padding: 5px !important;
                width: 100vw;
        }
}
.OnlineCounter{
        background-color: #fff;
        /* border: 1px solid #b7b7b7; */
        /* box-shadow: 0px 1px 7px #b7b7b7; */
}
.OnlineCounter .MultiRow {
        overflow: hidden;
        border: 1px solid #ddd;
        margin-top: 10px;
}
.OnlineCounter .MultiRow .OnlineWrap {
        overflow: hidden;
}
.OnlineCounter .MultiRow .OnlineWrap .Header {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 7px 0;
        text-transform: uppercase;
        background-color: #0068c1;
        position:relative;
}
.OnlineCounter .MultiRow .OnlineWrap .Header:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #fff;
}
.OnlineCounter .MultiRow li {
        margin-bottom:6px;
}
.OnlineCounter .MultiRow .OnlineContainer {
        /* border: 1px solid #ddd; */
}
.OnlineCounter .CurrentOnline {
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .OneDayOnline{
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .OneWeekOnline{
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .TotalOnline{
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label1 {
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label2{
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label3{
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label4{
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
/*-------------------------------------------*/
.OnlineCounter .OneRow {
        position: relative;
        width: 100%;
}
.OnlineCounter .OneRow .OnlineWrap {
        margin: 0 auto;
        position: relative;
        width: 960px;
}
.OnlineCounter .OneRow .OnlineContainer {
        bottom: 5px;
        display: inline-block;
        list-style: none outside none;
        position: absolute;
        right: 0;
        text-align: left;
}
.OnlineCounter .OneRow .OnlineContainer > li {
        border-right: 1px solid #C0C0C0;
        display: inline-block;
        padding: 0 10px;
}
.OnlineCounter .OneRow .OnlineContainer > li > span {
        color: #FFFFFF;
}
@media only screen and (max-width: 768px){
        .OnlineCounter {
                padding: 5px !important;
                width: 100vw;
        }
}