Hiding table columns on mobile makes table not responsive

Hey!
My tables are ok, but when I try to hide some columns on mobile, the table doesn’t fill 100% of the page width and some text appears to be aligned left instead of center.

This is the code I’m using:

@media screen and (max-width: 768px) {
        #tablepress-36 .column-6, #tablepress-36 .column-7, #tablepress-36 .column-8, #tablepress-36 .column-10,
        #tablepress-35 .column-6, #tablepress-35 .column-7, #tablepress-35 .column-8, #tablepress-36 .column-10, #tablepress-1 .column-7, #tablepress-3 .column-7, #tablepress-1 .column-8, #tablepress-3 .column-8, #tablepress-5 .column-3, #tablepress-4 .column-3 {
            display: none;
        }     
    
    }

Thank you!

The page I need help with: [log in to see the link]