Table not resizing in smaller devices

Hi there fab Enfold peeps,

I’ve created a table on this Support page for a client: http://carolinadesignercraftsmen.com/support/

It looks great everywhere except phones where the all the elements are put into a single column so they’re no longer connected by level and the “Add to Cart” button doesn’t show up at all so there’s no apparent way to join via phone.

I have set up an Enfold Child theme on this site and wondered if you have some media queries or other CSS styles I could add to ensure that this table is legible and sensible on smaller devices and phones?

Thank you for your help and all the best,

Julie