title: Material2 Auto hide sidenav on smaller screens
body: <p>It looks like Material2 doesn't have anything similar to Material1 <code>opened="$mdMedia('gt-md')"</code> that would hide and show sidenav depending upon the screenwidth.</p>
  
  <p><a href="https://github.com/angular/material2/issues/45" rel="noreferrer">https://github.com/angular/material2/issues/45</a></p>
  
  <p>In the mean time, What would be the best approach to take while implementing such feature in my project.</p>
  
  <p><a href="https://plnkr.co/edit/sFicsHLsGlPA3o24tm1d?p=preview" rel="noreferrer">Plunker</a></p>