/**
 * @version		$Id$
 * @author		JoomlaUX!
 * @package		Joomla.Site
 * @subpackage	mod_jux_megamenu CSS3
 * @copyright	Copyright (C) 2015 by JoomlaUX. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 1
 */

@media screen and (max-width: 991px) {

    #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;
    }

    #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;
    }



    #jux_megamenucss3 .megamenu.noJS ul.megamenu li {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    #jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle {
        background: rgba(0, 0, 0, 0);
        display: block;
        border-radius: 5px;
        padding: 2px;
        margin: 3px 9px 3px 9px;
        height: 35px;

    }

    #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;
    }
}