/*CATEGORY MENU PLUS RESPONSIVE MENU*/
/*BV Commerce: www.bvcommerce.com*/

.resp-menu {}
.resp-menu .categorymenuplus > ul .switch {
    background-color: #636363;
    background-image: url('/images/plus.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    padding:.5em .5em .5em 1.8em;
    cursor:pointer;
    color:#fff;
}
.resp-menu .categorymenuplus > ul .switch.opened {
    background-image: url('/images/minus.png');
}
.resp-menu .categorymenuplus > ul .switch + * {display:none;}
.resp-menu .categorymenuplus > ul a.switch {padding-left:32px!important;}

    @media only screen and (max-width: 991px) {
        a.momenu {display:inline-block;margin-top:2px;margin-bottom:-2px; margin-left:4px;margin-right:4px;cursor:pointer;}
        a.momenu .fa-bars {color:#fff;font-size:21px;}
        a.momenu .fa-bars:hover {color:yellow;}

        /*COMMON*/
        .resp-menu .categorymenuplus > ul li {list-style:none; margin:0; padding:0;position:relative;}
        .resp-menu .categorymenuplus > ul ul {margin:0; padding:0;}
        .resp-menu .categorymenuplus > ul li a {
            text-decoration:none;display:block;color:#fff;
            border-top:1px solid #9b9b9b;
            border-bottom:1px solid #575757;
        }


        /*LEVEL 1*/
        .resp-menu .categorymenuplus > ul {
            display:none;
            list-style:none;margin:0;padding:0;
            width:100%;
            float:none;
            background:#797979;
        }
        .resp-menu .categorymenuplus > ul > li {}
        .resp-menu .categorymenuplus > ul > li a {font-weight:bold;padding: 5px 15px;}
        .resp-menu .categorymenuplus > ul li a:hover {color:yellow;}

        /*LEVEL 2*/
        .resp-menu .categorymenuplus > ul > li > ul {display:none;padding-top:10px;padding-bottom:10px;}
        .resp-menu .categorymenuplus > ul > li > ul > li {}
        .resp-menu .categorymenuplus > ul > li > ul > li a {padding: 5px 30px;border:none; font-weight:normal;}
        .resp-menu .categorymenuplus > ul > li > ul > li a:hover {}

        /*LEVEL 3*/
        .resp-menu .categorymenuplus > ul > li > ul > li > ul {display:none;background:gray;}
        .resp-menu .categorymenuplus > ul > li > ul > li > ul > li {}
        .resp-menu .categorymenuplus > ul > li > ul > li > ul > li a {padding: 5px 45px;font-size:13px;}
        .resp-menu .categorymenuplus > ul > li > ul > li > ul > li a:hover {}
    }

    /*HIGH RES*/
    @media only screen and (min-width: 992px) {
        a.momenu {display:none;}

        /*COMMON*/
        .resp-menu .categorymenuplus > ul ul {margin:0; padding:0;}
        .resp-menu .categorymenuplus > ul li {list-style:none; margin:0; padding:0;position:relative;}
        .resp-menu .categorymenuplus > ul li a {text-decoration:none;display:block;}
        
        /*LEVEL 1*/
        .resp-menu .categorymenuplus > ul {margin:0;list-style:none;padding:0;height:50px;}
        .resp-menu .categorymenuplus > ul > li {float:left}
        .resp-menu .categorymenuplus > ul > li a {padding: 0 15px; line-height:50px; color:yellow;background:#323232;margin-right:1px;}

        .resp-menu .categorymenuplus > ul > li:hover a,
        .resp-menu .categorymenuplus > ul > li.activeChild:hover > a {background:#727272;color:yellow;}

        .resp-menu .categorymenuplus > ul > li.activeChild > a {background:#fff;color:#727272;}

        /*LEVEL 2*/
        .resp-menu .categorymenuplus > ul > li > ul {display:none;background:#727272;position:absolute;top:50px;left:0;z-index:120;min-width:165px;padding-bottom:10px;}
        .resp-menu .categorymenuplus > ul > li > ul > li {}
        .resp-menu .categorymenuplus > ul > li > ul > li a {padding: 0 15px; line-height:32px; font-size:14px; color:#fff;margin-right:0;border-radius:none;}
        .resp-menu .categorymenuplus > ul > li > ul > li:hover a {background:#525252;}

        /*LEVEL 3*/
        .resp-menu .categorymenuplus > ul > li > ul > li > ul {display:none;background:gray;position:absolute;top:0;left:100%;z-index:140;}
        .resp-menu .categorymenuplus > ul > li > ul > li > ul > li {}
        .resp-menu .categorymenuplus > ul > li > ul > li > ul > li a {}

        /*HOVER FLYOUTS*/
        .resp-menu .categorymenuplus > ul li:hover > ul {display:block;}


    }