How to prevent Cart from changing style at viewport approx 1060px

[PA.com]

Hello,

I am trying to make my website responsive, and have got some way with the product pages.

However, I would like to prevent the cart from changing styles when the viewport hits somewhere around the 1000-1100px mark. It goes from being presented in a neat table to being presented as a list of products and components with each having a full width table cell, requiring an unnecessarily long scroll to the button. As the responsive site becomes one-column only at 800px I don't need the cart layout to change at all.

There are four style-sheets to contend with
1) Core Styles
2) Responsive CSS
3) Responsive CSS Part 2
4) Classic Responsive

I have tried commenting out certain bits of the Classic Responsive, and can for instance change the colour of the full width cells but can't eliminate them. I'm not sure where to start on the other sheets! Also, changing the Inner Layout from View Cart Bulk Area RWD to View Cart Bulk Area doesn't make any difference as far as I can see.

You can find a test product here. Any help much appreciated, many thanks

Paul

[PA.com]

Actually, I've just found out how to do this by commenting out an entire section in Responsive CSS Part 2 where the media query max width becomes 1061px.

However, this does seem to throw the cart formatting into disarray when the viewport gets very small. I was hoping that I could get the effect where it simply scales to fit the screen, as it does on my live site, but I guess that's the opposite to how responsive design wants to work!

Never mind, I shall adjust that media query to something like 800 instead, and work on making the responsive cart look better by trying to reduce the line and table cell heights so there's not so much scrolling to be done.

Thanks,
Paul