title: CSS Media Query Screen orientation issue
body: <p>I am using this media query for target viewport max-width of 800px devices mininmum with of 400px</p>
  
  <pre><code>@media screen and (max-width: 800px) and (min-device-width: 400px)
  {
  body {background:#fff;}
  }
  </code></pre>
  
  <p>And i need to change the color in the landscape orientation for this i use this code</p>
  
  <pre><code>@media screen and (orientation:landscape)
  {
  body {background:red;}
  }
  </code></pre>
  
  <p>its working good in the device but the background red applies for pc browsers also how to apply background red in devices landscape orientation only?</p>
  
  <p>Thank you.</p>