title: How to use particular CSS styles based on screen size / device
body: <p>Bootstrap 3 has nice CSS classes in responsive utilities that allow me to hide or show some blocks depending upon the screen resolution  <a href="http://getbootstrap.com/css/#responsive-utilities-classes" rel="noreferrer">http://getbootstrap.com/css/#responsive-utilities-classes</a></p>
  
  <p>I have some style rules in a CSS file that I want to be applied or not based on screen resolution.</p>
  
  <p>How can I do it?</p>
  
  <p>I'm going to minimize all my CSS files into the one on production deployment, but this could be avoided if there are no other solutions than having separate CSS files for different screen resolutions.</p>