.miniTable{
    background-color:#FFF;
    border-radius:10px;
    padding:10px;
}

.miniTable .mTblRow{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.miniTable .mTblRow .mTblCol{
    padding:5px 20px;
    width: 50%;
}

.miniTable .mTblRow .mTblCol:first-of-type{
    padding:5px 10px;
}

.mTblBorder .mTblRow .mTblCol{
    border:1px solid #EEE;
    margin:2px;
    border-radius:5px;
}

.onHoverColor:hover .mTblRow .mTblCol{
    cursor:pointer;
    background-color:#EEE;
}

@media screen and (max-width:768px){
    .miniTable .mTblRow{
        flex-wrap: wrap;
    }
    .miniTable .mTblRow .mTblCol{
        width:100%;
        padding:5px 10px;
        margin:0px;
    }

    .mTblBorder .mTblRow{
        border:1px solid #EEE;
        margin-bottom:10px;
        border-radius:5px;
    }

    .mTblBorder .mTblRow .mTblCol{
        border:0px solid #EEE;
    }

    .miniTable .mTblRow .mTblCol:first-of-type{
        padding:5px 10px;
    }
}