extra space after header menu

i have issue with extra padding (padding-top: 186px;) after header. i have tried to solve this issue. but failed.

enter image description here
likenk: https://www.theweddingfocus.com/
Code is::

// ===============
// Window resize 
// ===============

$(window).resize(function() {

    // Make "body" padding-top equal to "#header" height
    $('body').css( 'padding-top', $('#header').css('height'));

    // Full height page - minus "header" and "footer" height
    //$('.full-page').innerHeight($(window).height() - $('#header').innerHeight() - $('#footer').innerHeight()); 

    // Full height carousel - minus "header" and "footer" height
    //$('.full-carousel').innerHeight($(window).height() - $('#header').innerHeight() - $('#footer').innerHeight());