title: Media query for screen larger than 600px
body: <p>I wrote a class with CSS properties and I want it in the way that the screen at my breaking point which I've decided then media query work how I can use the for example:</p>
  <p>When the screen is larger than 600px then it works and
  if the screen is less than the breaking point then this media query works.</p>
  
  <pre class="lang-css prettyprint-override"><code>.test {
    width: 30% !important;
    display: inline-block;
    margin: 10px;
  }
  
  @media only screen and (max-width: 600px) {
    .test {
      width: 100% !important;
      display: inline-block;
      margin: 20px;
    }
  }
  </code></pre>
  <p>That is not working. Please anyone help me with this.</p>