Remove table border on mobile device

Hi,

I want to remove the table border on mobile devices. I removed all styling of the table with the following command and that works good on desktop devices but not on a mobile device.
The code i use is:

/* Remove styling of table element */
td { background-repeat: repeat-x; background-size: contain; border: none;  }
.main_color table, .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: transparent; border: none; }
td { background-repeat: repeat-x; background-size: contain; border: none; }
.main_color table, .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: transparent; border: none;  }
 td { border-style: none; }
tr:first-child td { border-top-style: none; }
 tr td:first-child { border-left-style: none; }
.alternate_color tr:nth-child(odd) { background: #111111; }

Can you help me out?
THX Freek