title: CSS3 media queries to target specific device
body: <p>I have my wordpress theme with basic CCS, Now I want to make this design responsive for  most used device layout's noted below.And I want to target all apple devices in landscape as well as in portrait mode:-</p>
  
  <pre><code>blackberry(320x240),
  iphone3 (320x480),
  iphone4 (640x960),
  iphone5 (640x1136),
  ipad    (1024x768),
  large desktop screen above 1280.
  </code></pre>
  
  <p>How can I write my CSS stylesheet using CSS3 media queries to target responsive devices?</p>