title: Media queries: not working
body: <p>I'm using webpack and less preprocessor. Also I include <code>media.less</code> file at the bottom of <code>main.less</code>. The problem is all styles inside <code>@media</code> tags are ignored. </p>
  
  <p><strong>CSS code:</strong></p>
  
  <pre><code>@media all and (min-device-width : 414px) and (max-device-width : 736px) {
    body {
      background-color: black; //ignored, but if put it outside @media tag - it works
    }
  }
  </code></pre>
  
  <p><strong>HTML:</strong> </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          ......
          &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          ......
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>webpackConfig.js:</strong></p>
  
  <pre><code>module: {
    loaders: [
      { test: /\.less$/, loaders: ['style', 'css', 'autoprefixer', 'less'] },
      ..................
    ]
  },
  .....
  </code></pre>