title: Device detecting Conditional css
body: <p>I am trying to add some conditional css for device detecting, because of some conflicts in desktop and android tablet landscape res</p>
  
  <pre><code>- if android_device?
          :css
  
            @media only screen and (max-width : 1280px) and (-webkit-device-pixel-ratio:2)  {
  
              /*CSS*/
            }
  </code></pre>
  
  <p>can any one help me out where I have to use this check?</p>
  
  <p>I got this reference from this url:
  <a href="http://engineering.hoteltonight.com/using-css-media-queries-for-multi-platform/" rel="nofollow">URL</a></p>