Header Scroll Effect functionality

$(window).bind(‘scroll’, function() {
if ($(window).scrollTop() > 20) {
$(‘.headerSec’).addClass(‘fixed’);
}
else if($(window).width() <= 800){
$('.headerSec').removeClass('fixed');
}
else if($(window).width() <= 768){
$('.headerSec').removeClass('fixed');
}
else if($(window).width() <= 600){
$('.headerSec').removeClass('fixed');
}
else if($(window).width() <= 510){
$('.headerSec').removeClass('fixed');
}
else if($(window).width() <= 480){
$('.headerSec').removeClass('fixed');
}
else if($(window).width() <= 320){
$('.headerSec').removeClass('fixed');
}
else {
$('.headerSec').removeClass('fixed');
}
});