Código jQuery para la funcionalidad del mega menú:

<script>
jQuery(document).ready(function($){
  // Hover Escritorio
  $(".mega-servicios, #menu-seccion-servicios").mouseenter(function(){
    $("#menu-seccion-servicios").addClass("mostrar-menu-mega");
  });
  $("#menu-seccion-servicios, .mega-servicios").mouseleave(function(){
    $("#menu-seccion-servicios").removeClass("mostrar-menu-mega");
  });

});
</script>
<script>
(function($) {
$(document).ready(function() {
setTimeout(function(){

	// Click Móvil
  $('.menu-principal-mega .mobile_nav .mega-servicios').click(function(){
    $('#menu-seccion-servicios').addClass('mostrar-menu-mega');
  });


  // Cerrar mega menu móvil
  $('.cerrar-mega-menu').click(function(){
    $('.ocultar-menu-mega').removeClass('mostrar-menu-mega');
  });
},500);
});
})(jQuery);
</script>