title: Apply CSS classes if got hidden-xs
body: <p>I have div element:</p>
  
  <pre><code>&lt;div class="..."&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>So when window will be sized to min width and style <code>hidden-xs</code> apply,  I need to add few more classes to my div. 
  After window sizing it should be:</p>
  
  <pre><code>&lt;div class="... margin-top padding-top"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>How to add these condition in to css?
  p.s. Maybe it is possible to do directly in html by Angularjs?</p>