title: change css class for mobile
body: <p>I have the following code on a wordpress site</p>
  
  <pre><code>&lt;article class="post-featured post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video post-6792 post type-post status-publish format-video has-post-thumbnail hentry category-tech post_format-post-format-video post-visible" style="background-image: url(http://http://theoldcontinent.mgtestsite.com/wp-content/uploads/2017/07/Schermafbeelding-2017-07-10-om-18.54.13-530x300.jpg);" data-video="http://www.youtube.com/watch?v=GnfNta6SosA"&gt;
  ::before
   &lt;span class="overlay-label"&gt;&lt;i class="icon icon-ribbon"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;div class="overlay-container"&gt;&lt;/div&gt;
    &lt;a href="http://theoldcontinent.mgtestsite.com/watch-the-1961-chevrolet-corvette-the-definition-of-cool/" class="overlay-link"&gt;&lt;/a&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>I need to remove these classes for mobile <code>overlay overlay-ratio overlay-ratio-vertical parallax-video</code>. I would like to use jQuery or CSS. I would like the code to simply read like the below, so the layout is different for mobile:</p>
  
  <pre><code>&lt;article class="post-grid post-6800 post type-post status-publish format-standard has-post-thumbnail hentry category-last-night-in-sweden post-visible"&gt;
  </code></pre>
  
  <p>Which selector do I need to use?  I tried this, but nothing happens:</p>
  
  <pre><code>$('article').removeClass("post-grid.overlay.overlay-ratio.overlay-ratio-vertical.parallax-video");
  </code></pre>
  
  <p>How would I remove style and data-video. And all of this only for mobile? Max-width:600px</p>