title: How to apply different CSS for mobile devices not just based on media width/height
body: <p>I want to show different CSS styles for some elements just for mobile devices, phones and tablets, but media queries with different widths do not work quite good just because let's say my phone and my 17" laptop both have the same full HD resolution and modern tablets have resolution bigger than most desktop monitors have...</p>
  
  <p>So I want to apply CSS styles for android, iphone/ipad, blackberry, windows mobile devices that are phones/tablets.</p>
  
  <p>Are there any ways?</p>