How to remove class with media queries

Question

When @media screen and (max-width: 500px) is in active removing class .fade . How can i do this? my script is here below.

@media screen and (max-width: 500px) {
    .post_profile_image{
        width:35px;
        height:35px
    }
    .fade{
    /* Remove this class */
    }
}

<div id="myModal" class="modal fade" role="dialog">

Answer 1

How to remove class with media queries

You don't. Instead, you define new rules that apply to the class which do the styling you want done. Media queries can't add or remove classes to elements, they merely change what rules apply to elements.

Answer 2

$(window).resize(function(){
 If($(window).width()<500){
  $('.fade').removeClass('fade');
 }
});