.OnlineCounter {
  background-color: #fff;
  /* border: 1px solid #b7b7b7; */
  /* box-shadow: 0px 1px 7px #b7b7b7; */
}
.OnlineCounter .MultiRow {
  overflow: hidden;
}
.OnlineCounter .MultiRow .OnlineWrap {
  overflow: hidden;
}
.OnlineCounter .MultiRow .OnlineWrap .Header {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  background-color: #0f6c32;
}
.OnlineCounter .MultiRow li {
  margin-bottom: 6px;
}
.OnlineCounter .MultiRow .OnlineContainer {
  border: 1px solid #ddd;
}
.OnlineCounter .MultiRow .CurrentOnline {
  float: right;
  padding-right: 20px;
  color: #ce0004;
  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: 0 5px !important;
    width: 100vw;
  }
  .OnlineCounter .MultiRow li {
    width: 100vw !important;
  }
  .OnlineCounter .MultiRow .OnlineWrap .Header {
    width: 100vw;
  }
}