.rk-table-wrapper{
    width:100%;
    overflow-x:auto;
    margin:0 0 20px;
}

.rk-table,
.rk-table-wrapper table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
}

.rk-table th,
.rk-table-wrapper th{
    background:#5f74a5;
    color:#ffffff;
    padding:12px;
    text-align:left;
    vertical-align:top;
}

.rk-table td,
.rk-table-wrapper td{
    padding:12px;
    border-bottom:1px solid #ddd;
    text-align:left;
    vertical-align:top;
}

@media (max-width:768px){

    .rk-table thead,
    .rk-table-wrapper thead{
        display:none;
    }

    .rk-table,
    .rk-table-wrapper table,
    .rk-table tbody,
    .rk-table-wrapper tbody{
        display:block;
        width:100%;
    }

    .rk-table tr,
    .rk-table-wrapper tr{
        display:block;
        margin-bottom:15px;
        border:1px solid #e5e5e5;
        background:#fff;
    }

    .rk-table td,
    .rk-table-wrapper td{
        display:block;
        width:100%;
        padding:10px 12px 10px 48%;
        position:relative;
        border-bottom:1px solid #eee;
        box-sizing:border-box;
        min-height:42px;
    }

    .rk-table td:last-child,
    .rk-table-wrapper td:last-child{
        border-bottom:none;
    }

    .rk-table td::before,
    .rk-table-wrapper td::before{
        content:attr(data-label);
        position:absolute;
        left:12px;
        top:10px;
        width:42%;
        font-weight:700;
        white-space:normal;
    }
}