 <p>The order of your current media queries is causing the problem.</p> <p>When forking around the <code>min-width</code> values, you should always put them in to ascending order when it comes to the pixel values. Swap places with <code>min-width: 993px</code> and <code>min-width: 1200px</code> and it should run smooth.</p> <p>Other option is to also set the <code>max-width</code> value to the media query (see Roman's answer), so it knows not to interfere with the next query. CSS is always being read from the <strong>top to bottom</strong>, so the last rule overrides the previous if you're not specific enough.</p>