@media screen and (max-width: 768px) {
    #jux_megamenucss3 .dropdown-menu {
        display: none;
    }
    #jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild.megacss3 span.menu-title:after, #jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild-over.megacss3 span.menu-title:after {
        content: none;
    }
    #jux_megamenucss3 .megamenu.horizontal ul.level0 ul.level1 li.submenu-align-right a.haschild.megacss3 span.menu-title:after, #jux_megamenucss3 .megamenu.horizontal ul.level0 ul.level1 li.submenu-align-right a.haschild-over.megacss3 span.menu-title:after {
        content: "\f107";
        right: -4px;
        margin-top: -6px;
        position: relative;
        float: right;
    }
    #jux_megamenucss3 .megamenu.horizontal ul.level0 ul.level1 li a.haschild.megacss3 span.menu-title:after, #jux_megamenucss3 .megamenu.horizontal ul.level0 ul.level1 li a.haschild-over.megacss3 span.menu-title:after {
        content: "\f107";
        content: "\f107";
        right: -4px;
        margin-top: -6px;
        position: relative;
        float: right;
    }
    #js-meganav {
        display: none;
    }
    #js-meganav-off-canvas #test {
        display: block;
    }
    #jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle, #jux_megamenucss3 .megamenu #js-megaMenuToggle {
        display: block;
        padding: 12px 15px;
        cursor: pointer;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
    }
    #jux_megamenucss3 .megamenu #js-megaMenuToggle {
        display: block !important;
    }
    #jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, #jux_megamenucss3 .megamenu #js-megaMenuToggle .megaMenuToggle-icon {
        display: inline-block;
        background: rgba(230, 230, 230, 0.7);
        height: 2px;
        width: 16px;
        position: relative;
        float: right;
        margin-top: 10px;
        text-align: left;
    }
    #jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before, #jux_megamenucss3 .megamenu #js-megaMenuToggle .megaMenuToggle-icon:before {
        content: '';
        position: absolute;
        background: rgba(230, 230, 230, 0.8);
        height: 2px;
        width: 16px;
        top: -4px;
    }
    #jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after, #jux_megamenucss3 .megamenu #js-megaMenuToggle .megaMenuToggle-icon:after {
        content: '';
        position: absolute;
        background: rgba(230, 230, 230, 0.9);
        height: 2px;
        width: 16px;
        top: -8px;
    }
    #jux_megamenucss3 .megamenu {
        width: 100% !important;
        overflow: hidden;
    }
    #jux_megamenucss3 .megamenu ul.level0 {
        float: none !important;
        font-size: 12px;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.megacss3 {
        float: none !important;
        position: relative;
        background-image: none !important;
    }
    #jux_megamenucss3 .megamenu ul.megamenu li.megacss3 a.megacss3 span.menu-desc {
        display: none;
    }
    #jux_megamenucss3 .megamenu ul.level1 li.megacss3 span.megacss3, #jux_megamenucss3 .megamenu ul.level1 li.megacss3 a.megacss3 {
        padding-left: 33px !important;
    }
    #jux_megamenucss3 .megamenu ul.level2 li.megacss3 span.megacss3, #jux_megamenucss3 .megamenu ul.level2 li.megacss3 a.megacss3 {
        padding-left: 37px !important;
    }
    #jux_megamenucss3 .megamenu ul.level3 li.megacss3 span.megacss3, #jux_megamenucss3 .megamenu ul.level3 li.megacss3 a.megacss3 {
        padding-left: 60px !important;
    }
    #jux_megamenucss3 .megamenu ul.level4 li.megacss3 span.megacss3, #jux_megamenucss3 .megamenu ul.level4 li.megacss3 a.megacss3 {
        padding-left: 70px !important;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.megacss3, #jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.megacss3 {
        padding: 15px 12px;
        margin: 0!important;
    }
    #jux_megamenucss3 .megamenu .js-megamenu {
        font-size: 12px;
    }
    #jux_megamenucss3 .megamenu.megamenu.vertical.right ul.level0 li.megacss3 a.megacss3 {
        text-align: left !important;
    }
    #jux_megamenucss3 .megamenu.megamenu.vertical.right .js-megamenu ul.level0 li.megacss3 .childcontent {
        right: 0px !important;
    }
    #jux_megamenucss3 .megamenu .js-megamenu li.megacss3 .childcontent {
        height: 100% !important;
        margin: 0 !important;
        position: relative;
        width: 100% !important;
        overflow: visible !important;
    }
    #jux_megamenucss3 .megamenu ul.level0 li a.haschild.megacss3 span.menu-title, #jux_megamenucss3 .megamenu ul.level0 li a.haschild-over.megacss3 span.menu-title {
        padding-left: 0px !important;
    }
    #jux_megamenucss3 .megamenu ul.level1 li.haschild, #jux_megamenucss3 .megamenu ul.level1 li.haschild-over {}
    #jux_megamenucss3 .megamenu .childcontent-inner-wrap {
        margin: 0px !important;
        margin-bottom: 0px!important;
    }
    #jux_megamenucss3 .megamenu .childcontent-inner-wrap, #jux_megamenucss3 .megamenu .childcontent-inner, #jux_megamenucss3 .megamenu .megacol {
        width: 100% !important;
    }
    #jux_megamenucss3 .megamenu ul.megamenu {
        margin: 0px !important;
    }
    #jux_megamenucss3 .megamenu .megacol, .childcontent-inner {
        border: none !important;
        float: none !important;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.haschild span.arrow-icon, #jux_megamenucss3 .megamenu ul.level0 li.haschild-over span.arrow-icon {
        display: block;
        float: right;
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 99;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.haschild span.arrow-icon, #jux_megamenucss3 .megamenu ul.level0 li.haschild-over span.arrow-icon {
        display: block;
        cursor: pointer;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.haschild span.arrow-icon {
        background: url("../images/arrow_down.png") no-repeat scroll 100% 0px transparent !important;
        display: block !important;
        text-indent: 9999px;
        width: 40px;
        height: 31px;
        border: 0 none !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.haschild-over span.arrow-icon {
        background: url("../images/close.png") no-repeat scroll 100% 0 transparent;
        display: block !important;
        height: 31px;
        text-indent: 9999px;
        width: 40px;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
    #jux_megamenucss3 .megamenu ul.level1 li.megacss3 span.arrow-icon {
        display: none;
    }
    #jux_megamenucss3 .megamenu ul.level1 li.haschild span.arrow-icon, #jux_megamenucss3 .megamenu ul.level1 li.haschild-over span.arrow-icon {
        display: block;
        float: right;
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 99;
    }
    #jux_megamenucss3 .megamenu ul.level0 li.megacss3.submenu-align-fullwidth {
        position: relative !important;
    }
    /******************************************************************************************/
    /* CSS3 RESPONSIVE */
    /******************************************************************************************/
    /*#jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle{display: block;}#jux_megamenucss3 .megamenu.noJS li{display: none;}#jux_megamenucss3 .megamenu.noJS:hover li{display: block;}#jux_megamenucss3 .megamenu.noJS:hover #css3-megaMenuToggle{display: none;}#jux_megamenucss3 .noJS ul.megamenu li.haschild > div.childcontent{display: none;}#jux_megamenucss3 .noJS ul.megamenu li.haschild:hover > div.childcontent{display: block;}*/
    #jux_megamenucss3 .megamenu.noJS ul.megamenu li {
        /*display: none;*/
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
    /*#jux_megamenucss3 .megamenu.noJS ul.megamenu li a{position: relative;}*/
    .logomobile {
        background-color: white;
        padding: 14px 29px;
        padding-right: 18px;
        display: block!important;
    }
    i.jux-fa.jux-fa-bars {
        color: black;
        font-size: 32px;
        float: right;
        margin-top: 4px;
    }
    .logomobile img {
        padding-right: 27px;
        width: 242px;
    }
    #jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle, #css3-megaMenuToggle {
        background: rgba(0, 0, 0, 0);
        display: block;
        /* border-radius: 5px; */
        padding: 0;
        margin: 0;
        width: 100%;
        overflow: hidden;
    }
    #jux_megamenucss3 .megamenu.noJS:hover #css3-megaMenuToggle {
        /*display: none;*/
    }
    #jux_megamenucss3 .megamenu.noJS:hover ul.megamenu li {
        display: block;
    }
    #jux_megamenucss3 .megamenu.noJS ul.megamenu li.haschild>div.childcontent.adddropdown {
        display: none;
    }
    #jux_megamenucss3 .megamenu.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown {
        display: block;
    }
    /* CSS 3 arrow down*/
    #jux_megamenucss3 .megamenu.noJS ul.level0 li.megacss3.haschild:hover>a.haschild:after {
        border-top-color: #fff;
    }
}