title: Common CSS Media Queries Break Points
body: <p>I am working on a Responsive Web Site with CSS Media Queries.</p>
  
  <p>Is the following a good organization for devices?
  Phone, Ipad (Landscape &amp; Portrait), Desktop and Laptop, Large Screen</p>
  
  <p>What are the common media queries break-point values? </p>
  
  <p>I am planning to use the following breakpoints:</p>
  
  <ul>
  <li>320: Smartphone Portrait</li>
  <li>481: Smartphone Landscape</li>
  <li>641 or 768 ???: IPad Portrait ???</li>
  <li>961: IPad Landscape / Small Laptop ???</li>
  <li>1025: Desktop and Laptop</li>
  <li>1281: Wide Screen</li>
  </ul>
  
  <p>What do you think? I have a few doubts as ??? points.</p>