title: What will be the maximum width of tablet to use in media query?
body: <p>I did some research on media queries and I am quite confused to get the tablet width. </p>
  
  <p>Some examples I have found:</p>
  
  <pre><code># Mobile
  only screen and (min-width: 480px)
  
  # Tablet
  only screen and (min-width: 768px) 
  
  # Desktop
  only screen and (min-width: 992px)
  
  # Huge
  only screen and (min-width: 1280px) 
  </code></pre>
  
  <p>But, nowadays tablets sizes are vary. Some tablets looks very large, so how can I find the maximum width of tablet?</p>
  
  <p>So far I used like below..</p>
  
  <pre><code># Tablet
      only screen and (min-width: 768px) and (max-width: 979px)
  </code></pre>
  
  <p>I need to know the maximum tablet width to fix my responsive design.
  And can I use minimum width of 786px for tablet?
  I am asking for all branded tablet devices (Samsung, ipad, Google Nexus series)</p>