title: media queries overridden by general declarations
body: <p>My <strong>common css</strong> rule is like:</p>
  
  <pre><code>#dayslist &gt; div {
     height: 51px;
  }
  </code></pre>
  
  <p>and <strong>media Query css</strong> rule:</p>
  
  <pre><code>@media (max-width: 979px){
      #dayslist &gt; div {
          height: 44px;
      }
  }
  </code></pre>
  
  <p>But when I shrink my browser to width less than 979px the media query rule does'nt apply and common css rule takes precedence over the rule defined in media query.</p>
  
  <p><img src="https://i.stack.imgur.com/sG31r.png" alt="enter image description here"></p>