Problems On Mobile Display After Resizing Webpage

Hi !



I'm looking for some help or advice on how to fix a problem I'm having with my website.

The problem happens when i resize the website through “edit layout: Main”



i have the settings at



Grid columns :16

layout width : Fluid

Minimal width 960

Maximal width: 1360



The problem is, when viewed on a mobile device, the screen layout doesn't resize and reverts back to the default layout. This makes the logo too big and the center column too wide for the sides and they overlap.



You can see the effect here on a mobile device

http://www.motiondynamics.com.au/newcart/



Any help would be appreciated!