title: Responsive web design Media Queries css
body: <p>Here i'm going to design responsive website but i have small doubts about the Mobile &amp; Desktop resolutions using media queries.</p>
  
  <p>My client his PC resolution is  1920*1080<br>
  My development machine resolution is 1366*768</p>
  
  <p>Here i use my media query</p>
  
  <pre><code>   /* Media queries */
  @media screen and (max-width: 1920px) {
  body{
  width:1000px;
  margin:0 auto;
  }
   //some coding here
  }
  </code></pre>
  
  <p>But the thing is using this media query it's not working with my Client's resolution.</p>
  
  <p>The Second thing is i need to show it in mmobile.<br>How to get resolution of Mobiles?<br>
  How to set the max-width of media query for mobile device(Not tablet).</p>