.-.-.-.-.-

<?php
/**
 * @version		$Id$
 * @author		JoomlaUX
 * @package		Site
 * @subpackage	mod_jux_megamenucss3
 * @copyright	Copyright (C)2015 by JoomlaUX Solutions. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 1
 */
// no direct access
defined('_JEXEC') or die('Restricted access');
// Add some style, we must add it here because it depends on the 'layout' chosen by user.

$custom ='';
if ($params->get('css3_noJS', 0) && $params->get('responsive_toggle_button', 1)) {
    $style .= '@media screen and (max-width: 768px) {#js-mainnavcss3.megamenu.noJS ul.megamenu li { display: none; }}';
    JFactory::getDocument()->addStyleDeclaration($style);
}

?>
<?php
if ($params->get('off_dropdown') == 'off') {
    $dropdownmenu->genMenuOff(0, -1);
}
?>
<div id="jux_megamenucss3" class="<?php echo $params->get('menutheme'); ?>">
    <div id="js-mainnavcss3" class="clearfix <?php echo $menuStyle; ?>">
        <?php
        if ($params->get('responsive_toggle_button', 1)) :
            $toggle_type = 'css3';
            ?>
            <div id="<?php echo $toggle_type; ?>-megaMenuToggle" class="megaMenuToggle ">
                <i class="jux-fa jux-fa-bars"></i>
            </div>
        <?php endif; ?>

<?php
        $dropdownmenu->genMenu(0, -1);
        ?>
    </div>
</div>

<?php
if (!$params->get('css3_noJS', 0)) {
    $stickyAlignment = $params->get('sticky_alignment', 'left');
    if ($stickyAlignment == 'sameasmenu') {
        $stickyAlignment = $menuAlignment;
    }

if ($menuOrientation == 'horizontal') {
        $direction = $params->get('horizontal_submenu_direction', 'down');
    } else {
        $direction = $params->get('vertical_submenu_direction', 'lefttoright');
    }

// PHP 5.3
    // Disable slide & fade effect for IE8 or above
    $navigation_animation=$params->get('navigation_animation');
    $animation_duration=$params->get('animation_duration');
    ?>

<?php 
    if (($params->get('oomodul')) == 0) { 
        $custom .=' 
        @media screen  and (max-width: 768px){
            .js-megamenu-off-canvas .moduletable{
                display:none;
            }
            #js-mainnavcss3 .moduletable{
                display: none;
            }
        }';
    }    
    if($navigation_animation != 'none'){ 
        $custom .= ' 
            #js-mainnavcss3 ul.megamenu li.haschild.megacss3:hover > div.childcontent.adddropdown,#js-meganav-off-canvas  .childcontent.open > .dropdown-menu,#jux_megamenucss3  .childcontent.open > .dropdown-menu   {     
                opacity: 1;
                visibility: visible;
                display:block!important;
                -moz-animation:'. $navigation_animation .' '. $animation_duration .'ms ease-in ;
                -webkit-animation:'. $navigation_animation .' '. $animation_duration .'ms ease-in ;
                animation:'. $navigation_animation.' '. $animation_duration .'ms ease-in ;
            }
            ';
    }
    $custom .= $params->get('custom_css');
JFactory::getDocument()->addStyleDeclaration($custom);
    ?>

}
                    }
                }
                // end menu on mobile

$("body").toggleClass("offcanvas-menu");
                $("html").toggleClass("offcanvas");
                $(".js-megamenu").toggleClass("dropdown1");
                $(".js-megamenu").toggleClass("dropdown");
                $('.childcontent').removeClass('adddropdown');
                $('.jux-custom-css').addClass('accordion-btn-wrap');
                if (!$('#css3-megaMenuToggle').hasClass('offcanvas-menu')) {
                    $('.js-megamenu-off-canvas').css('height', window.innerHeight + 'px');
                    $(window).resize(function () {
                        $('.js-megamenu-off-canvas').css('height', window.innerHeight + 'px');
                    })
                }

});
            $(".jux-closed").click(function () {
                $("body").removeClass("offcanvas-menu");
                $("html").removeClass("offcanvas");
            });

$(window).resize(function () {
               
                if (document.body.offsetWidth > 768) {
                    $('body').removeClass('offcanvas-menu');
                    $('html').removeClass('offcanvas');
                    $('.js-megamenu').removeClass('dropdown1');
                    $('.jux-custom-css').removeClass('accordion-btn-wrap');
                    $('.childcontent').addClass('adddropdown');
                }
                else {
                    /*$('.childcontent').removeClass('adddropdown');*/
                }
            });
        });
    </script>
    <?php
}

/home/hsabaeej/public_html/modules/mod_jux_megamenucss3/tmpl/default.php