.table-wrap {
    width: 100%;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden;
}

table.table-main {
    width: 100%;
    max-width: 100%;


}

.table-main tr {
    width: 100%;
    background-color: #fff;
}

.table-main tr:nth-child(even) {
    width: 100%;

    background-color: #eeeef0;

}

.table-main td {
    padding: 15px;
    border-right: 1px solid #eeeef0;
    border-bottom: 1px solid #eeeef0;
    white-space: nowrap;
    color: #000
}

.table-main-wrap td{
    white-space: wrap;
}

.table-main td:last-child {
    border-right: none
}

.table-head td {
    white-space: normal;
}

@media (max-width: 500px) {
    .table-wrap {
        width: 100%;
        margin: 20px auto;
        border-radius: 5px;
        overflow-x: scroll;
    }

    .table-main {
        width: 450px;


    }

        .table-main td {
            font-size: 13px;
            
        }
}