.table-wrap {
    width: 100%;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eeeef0;
    box-shadow: 4px 4px 8px 0px rgb(240, 248, 252);
}

.table-main {
    width: 100%
}

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

.table-main tr:nth-child(even) {
    width: 100%;
    background-color: #E8EDF0
}

.table-main td {
    padding: 15px;
    border-right: 1px solid #eeeef0;
    white-space: wrap
}
.main__content .table-main p {
    padding: 0px;
}

.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
    }
}