CSS help - Images on Home page Desltop vs mobile

I would like to have this page - http://tinyurl.com/lguqz6p
Display the three images currently placed on it side by side, Ideally without the large gaps. when viewed on a Desktop device.

However when viewed on a mobile device i need the images to appear one on top of the other scaled to fit the size of the screen.

In order to view them side by side on the same line i used a table and placed the image into each column. but this is affecting the mobile as well. is there a way around this?

Settings page - http://www.awesomescreenshot.com/image/131635/609cf19997e7b6bfd541dff7d45a5fc2

View from desktop site - http://i61.tinypic.com/2eofhpu.jpg
View - mobile device - http://i62.tinypic.com/2rc296t.png

Support acess is open