.table-list {
    padding-top: 7rem;
}

.table-list h1 {
    font-weight: 700;
    font-size: 2.8rem;
}

/* .table-list h1:after {
    content: '';
    width: 15%;
    position: absolute;
    display: block;
    height: 10px;
    background-color: #3c2059da;
    left: 24%;
    top: 18%;
}

.table-list h1:before {
    content: '';
    width: 15%;
    position: absolute;
    display: block;
    height: 10px;
    background-color: #3c2059da;
    right: 24%;
    top: 18%;
} */
.table-list {
    position: relative;
}

.table-waiting-list {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.table-waiting-list h1 {
    font-weight: 700;
    font-size: 2.8rem;
}

/* .table-waiting-list h1:after{
    content: '';
    width: 15%;
    position: absolute;
    display: block;
    height: 10px;
    background-color: #3c2059da;
    left: 26%;
    top: 12%;
}
.table-waiting-list h1:before{
    content: '';
    width: 15%;
    position: absolute;
    display: block;
    height: 10px;
    background-color: #3c2059da;
    right: 26%;
    top:12%;
} */
.table-waiting-list {
    position: relative;
}

@media only screen and (min-width:1100px) and (max-width:1400px) {
    /* .table-list h1:after {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        left: 20%;
        top: 18%;
    }

    .table-list h1:before {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        right: 20%;
        top: 18%;
    }

    .table-waiting-list h1:after {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        left: 22%;
        top: 12%;
    }

    .table-waiting-list h1:before {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        right: 22%;
        top: 12%;
    } */
}

@media only screen and (min-width:700px) and (max-width:1099px) {
    /* .table-list h1:after {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        left: 15%;
        top: 18%;
    }

    .table-list h1:before {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        right: 15%;
        top: 18%;
    }

    .table-waiting-list h1:after {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        left: 18%;
        top: 12%;
    }

    .table-waiting-list h1:before {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        right: 18%;
        top: 12%;
    } */
}

@media only screen and (min-width:500px) and (max-width:699px) {
    .table-waiting-list h1 {
        font-weight: 700;
        font-size: 2rem;
    }

    .table-list h1 {
        font-weight: 700;
        font-size: 2rem;
    }

    /* .table-list h1:after {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        left: 13%;
        top: 18%;
    } */

    /* .table-list h1:before {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        right: 13%;
        top: 18%;
    }

    .table-waiting-list h1:after {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        left: 18%;
        top: 11%;
    } */

    /* .table-waiting-list h1:before {
        content: '';
        width: 15%;
        position: absolute;
        display: block;
        height: 10px;
        background-color: #3c2059da;
        right: 18%;
        top: 11%;
    } */
}

@media only screen and (min-width:280px) and (max-width:499px) {
    .table-waiting-list h1 {
        font-weight: 700;
        font-size: 1.8rem;
    }

    .table-list h1 {
        font-weight: 700;
        font-size: 1.8rem;
    }

    .table-list h1:after {
        display: none;
    }

    .table-list h1:before {
        display: none;
    }

    .table-waiting-list h1:after {
        display: none;
    }

    .table-waiting-list h1:before {
        display: none;
    }
    table{
        display: block; overflow-x: auto;
    }
}