title: to get the right media queries to cover phones, tables and regular screens for this widths
body: <p>I'm working on a project and we are gone do a responsive design and use media queries. Now I read <a href="http://easy-readers.net/books/adaptive-web-design/" rel="nofollow">Adaptive Web Design</a> by Aaron Gustavson, <a href="http://www.packtpub.com/responsive-web-design-with-html-5-and-css3/book" rel="nofollow">Responsive Web Design with HTML5 and CSS3 by Ben Frain</a> and other online sites. It's one thing tho I'm still kinda not sure how I'm gone do and thats the media queries for my  selected widths.</p>
  
  <p>We decided to do it twitter bootstrap style (not using it tho) where it snaps into place rather then having it fluid. </p>
  
  <p>3 types<br />
  mobile - size?<br /> 
  tablet - 980px (both landscape and portrait<br />
  screen - 1160px</p>
  
  <p>My question is what media queries should i go with to cover that? I truly appreciate help, this is one of the hardest parts for me.</p>