.stats {
    width: 100%;
    margin: 0px 0px 15px;
}                     

.tablet .stats {
    margin-top: 10px;
}

.mobile .stats {
    display: none;
}

.stats .table {
    width: 100%;
}

.stats .table>div>div,
.stats>div>div {
    vertical-align: top;
    padding-right: 10px;
    white-space: nowrap;
}

.tablet .stats>div>div,
.mobile .stats>div>div {
    display: inline-block;
    /*vertical-align: top;*/
    margin-bottom: 0px;
    white-space: normal;
}

.tablet .stats .table>div>div,
.mobile .stats .table>div>div {
    padding-left: 0px;
    padding-top: 5px;
}

.mobile .stats .table,
.mobile .stats .table>div {
    display: block;
    width: 100%;
}
.mobile .stats .table>div>div {
    display: inline-block;
    padding-bottom: 10px;
    /*width: 100%;*/
}

.stats .table>div>div:last-child,
.stats>div>div:last-child {
    padding-right: 0px;
}

.stats>div>div:last-child {
    width: 100%;
    padding-left: 10px;
}

.stats>div>div.stats-date,
.stats>div>div.stats-title {
    vertical-align: middle;
}

.stats>div>div.stats-title {
    color: #9a9b9c;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;      
    white-space: normal;
    width: 20%;
}

.tablet .stats>div>div.stats-title,
.mobile .stats>div>div.stats-title {
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: auto;
}

.stats .table>div>div span {
    display: inline-block;
    vertical-align: middle;
    color: #d0d0d1;
    font-size: 11px;
}

.stats.table>div>div strong {
    display: inline-block;
    vertical-align: middle;
    color: #e1e1e1;
    font-size: 14px;
}

.tablet.portrait .stats .table>div>div span {
    display: block;
}

.stats>div>div>em {
    display: inline-block;
    padding: 6px 12px;
    font-style: normal;
    background: #242428;
    color: #7e7e7e;
    font-size: 11px;
}