title: @media queries issues
body: <p>I'm modifying someone else's css and I try to make the page responsive with implementing @media query. 
  I implemented:</p>
  
  <pre><code>@media screen and (max-width: 1300px),
  screen and (max-width: 1024px) {}
  
  @media only screen and (max-width: 860px) {}
  </code></pre>
  
  <p>which works fine, but when I implement 
  @media screen and (max-width: 600px){} it seems it's not working.</p>
  
  <p>OR - on chrome and opera seems to work quite ok, but not on FF: on FF the page is cutted at the right end, no scroller and I really don't know why. It doesn't change even if I use positon:relative, I checke - I don't have any of 'overflow:hidden'.</p>
  
  <p>And the other thing - for media query it is suggested to use min-width - but if I use min-width, then only the lowest (for example min-width:600) is applied.</p>
  
  <p>I think I missed something here ... any suggestions? I would really appreciated them .. as I'm very keen on responsive web design.</p>