$(document).ready(function(){
	        var $menu = $("#header");
			let header = $('#header');
			let hederHeight = header.height();
	        $(window).scroll(function(){
	            if ( $(this).scrollTop() > 100 && $menu.hasClass("default") ){
	                $menu.removeClass("default").addClass("fixed");
					$('.main-content').css({
						'paddingTop': hederHeight+'px'
					});
	            } else if($(this).scrollTop() <= 100 && $menu.hasClass("fixed")) {
	                $menu.removeClass("fixed").addClass("default");
					$('.main-content').css({
						'paddingTop': 0
					});
	            }
	        });//scroll
	    });