title: how to write css for a specific breakpoint in angular material
body: <p>I am trying to write CSS for a div, that should apply only when a particular breakpoint is hit, eg. sm, md or lg.</p>
  
  <p>I'm using angular-material (<a href="https://material.angularjs.org">https://material.angularjs.org</a>).</p>
  
  <p>I know that this can be done using media queries <code>@media (max-width: 480px) { ... }</code> but i'm looking for a angular-material way of doing this.</p>