Media queries in CSS not working in between devices
<p>I used the Responsive Web Designer add-on in Chrome to check out put targeting
320 x 480, 480 x 320, 600 x 800, 800 x 600, 768 x 1024, and 1024 x 768.</p>

<p>I used: </p>

<pre><code>@media screen and (max-width: 480px){ my code }
@media screen and (max-width: 320px){ my code }
</code></pre>

<p>...structure to make those site responsive.</p>

<p>When I check those layout it nicely working the browser. When I get a real device like Samsung Galaxy Core Prime in portrait mode, it shows me nicely. But, in landscape mode it is not giving me the alignment properly.</p>

<p>Also, when I check for my site from another device which has 360 width view port size screen the media queries which I have written for 480 are not effecting that.</p>

<p>I'd like the code which I wrote for 480 to apply to a device in between 320 and a 480 device. </p>

<p>What did I do wrong here? </p>