title: Using css 'important' in both the media query cases
body: <p>I am creating a mobile application in which I am getting some error.</p>
  
  <p>here my core style is for desktop:</p>
  
  <pre><code>.abc{
       width:1001px;
  }
  
  @media only screen and (max-width : 320px) {
  .abc{
       width:320px!important;
  }
  }
  @media only screen and (max-width : 480px) {
  .abc{
       width:480px!important;
  }
  }
  </code></pre>
  
  <p>Here from the above styles only the style of 480px is applying for both the 320px and 480px.</p>
  
  <p>Is there any alternate suggestion to come over this problem.</p>