@media only screen and (max-width: 768px) {
  .OnlineCounter {
    width: 100vw;
    padding: 10px !important;
    border: none;
  }

  .OnlineCounter .OnlineWrap {
    border: 1px solid #e9ecef;
  }
}.OnlineCounter {
        color: #444444;
        /* font: 12px/19px arial; */
        margin-bottom: 8px;
        border: 1px solid gray;
}
.OnlineCounter ul {
        background: #fff none repeat scroll 0 0;
        display: inline-block;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        width: 100%;
}
.OnlineCounter ul li{
        padding: 3px 0;
        font-size: 14px;
}
.OnlineCounter ul span:first-child {
        display: inline-block;
        padding: 0 10px 0 10px;
        font-size: 15px;
}
.OnlineCounter .Header {
        background: rgb(245 245 245) url(images/b1.png) no-repeat scroll left center;
        height: 45px;
        text-align: center;
}
.OnlineCounter .Header span {
        color: #212529;
        display: inline-block;
        font: bold 20px/40px "Segoe UI",Tahoma,Verdana;
        /* padding: 0 0 0 20px; */
        text-transform: uppercase;
        white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .OnlineCounter {
    width: 100vw;
    padding: 10px !important;
    border: none;
  }

  .OnlineCounter .OnlineWrap {
    border: 1px solid #e9ecef;
  }
}