title: media query for min-height
body: <p>I want to write media query based on screen resolution. My screen resolution height is 768. I wrote media query for this as:</p>
  
  <pre><code>@media(min-height:768px) and (max-height:850px) {
     .video-contain{
       margin-top:110px;  
      }
  }
  </code></pre>
  
  <p>My above media query is not working.margin-top is not set before. I wrote media query based for screen resolution but not browser height.</p>