title: @media query not working in mobile. Works fine in Chrome
body: <p>I am trying to get this working but somehow its not working in mobile. when i use chrome tool to overrides the screen size, it works fine. i am not sure what i am doing wrong. please help</p>
  
  <pre><code>@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
              .container .backgroundImage { display: none; }
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/4nqXd.png" alt="enter image description here"></p>
  
  <p>There is a background image when viewed in browser. s i would like to remove that image when viewed in mobile BUT its not working somehow.. please help</p>
  
  <p>=============</p>
  
  <h1>TESTING ON IPhone 3G, 4, 5, Android Galaxy Nexus</h1>