.table-section{
    margin: 40px;
    display: flex;
    justify-content: center;
}

table {
    display: flex;
    justify-content: center;
    
}

  


@media  screen and (max-width: 1100px) {
    .table-section {
        display: block;
    }
    table {
        width: 100%; 
        margin-bottom: 20px; 

    }

    
    
}


@media  screen and (max-width: 700px) {
    td {
        display: block;
    }

    .table-section{
        margin: 0px;
    }
}