Remove and Add class at different window width size

Remove and Add class at different window width size

Hi there,
I am new in this community, Its my first day here. 
I have a simple problem which I cannot solve,
In a div tag I want to assign two classes in different window sizes using jQuery. Two classes are fulsnavi and navigation. I want to remove "navigation" and add "fulsnavi" at window width > 980px and vise-versa.

<div id="respcontrol" class="fulsnavi navigation">
<ul>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Products</a></li>
   <li><a href='#'>About</a></li>
   <li><a href='#'>Contact</a></li>
</ul>
</div>
please help me to solve it.
Thank you.