title: Browser not recognizing max-device-width
body: <p>I am implementing responsive web design for my site. For that I am using @media queries for 
      displaying different views on different devices. For testing purpose I am using web developer
      toolbar for firefox and responsive site view add-on for google chrome.</p>
  
  <p>However if I am using :</p>
  
  <pre><code>@media only screen and (max-device-width: 480px)
  {
      //CSS
  }
  </code></pre>
  
  <p>Then its working on actual device but not in browser</p>
  
  <p>and</p>
  
  <p>If I am using</p>
  
  <pre><code>@media only screen and (max-width: 480px)
  {
      //CSS
  }
  </code></pre>
  
  <p>Then its only working on browser and not in device.</p>
  
  <p>Where I am going wrong? Need Help</p>