.OnlineCounter{
        /* background-color: #fff; */
        /* border: 1px solid #b7b7b7; */
        /* box-shadow: 0px 1px 7px #b7b7b7; */
        position: relative;
}
.OnlineCounter .MultiRow {
        overflow: hidden;
        /* width: 90%; */
        position: absolute;
        right: 0;
}
.OnlineCounter .MultiRow .OnlineWrap {
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 15px;
}
.OnlineCounter .MultiRow .OnlineWrap .Header {
        text-transform: capitalize;
        padding: 10px;
        border: 1px solid rgb(0, 0, 205);
        border-right: none;
}
.OnlineCounter .MultiRow .OnlineWrap .Header span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 30px;
        color: rgb(0, 0, 205);
}
.OnlineCounter .MultiRow li {
        margin-top: 3px;
}
.OnlineCounter .MultiRow .OnlineContainer {
        border: 1px solid rgb(0, 0, 205);
        padding: 10px;
        border-left: 0;
}
.OnlineCounter .CurrentOnline {
        float:right;
        padding-right:20px;
        color:#0057a6;
        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{
        border-radius: 6px;
        list-style: none;
        float: left;
        line-height: 22px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        margin-left: 2px;
        padding: 0 5px;
        font-weight: 500;
        color: rgb(0, 0, 205);
}
.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;
        display: none;
}
/*-------------------------------------------*/
.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;
        top: 5px;
}
.OnlineCounter .OneRow .OnlineContainer > li {
        display: inline-block;
        padding: 0 10px;
}
.OnlineCounter .OneRow .OnlineContainer > li > span {
        color: #FFFFFF;
}
@media only screen and (max-width: 768px){
        .OnlineCounter {
                padding: 0 10px !important;
                width: 100vw;
                background: #009bff;
        }
        .OnlineCounter .MultiRow{
                position:relative;
                width: 100%;
        }
        .OnlineCounter .MultiRow .OnlineWrap{
                justify-content:center;
        }
}