.secondary-navigation {
    display: block;
    float: left;
    width: 100%;
}

.secondary-navigation a {
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 22px;
    line-height: 1.2em;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    padding: 17px 25px 0 0;
    transition: all 0.25s linear;
    text-shadow: 0px 2px #CCC;
    color: #777;
}

.secondary-navigation a:hover {
    color: #79ACCD;
}

#navigation {
    margin: 0 auto;
    font-size: 13px;
    float: left;
    width: 100%;
}

/* ================= DESKTOP ================= */
@media (min-width: 866px) {

    #navigation ul {
        float: left;
    }

    #navigation ul li {
        float: left;
        position: relative;
    }

    #navigation ul li a {
        display: block;
        padding-left: 17px;
    }

    /* submenu por hover */
    #navigation ul ul {
        position: absolute;
        width: 190px;
        padding: 5px 0;
        z-index: 400;
        font-size: 0.875em;
        background: #fff;
        border: 3px solid #ddd;
        opacity: 0;
        left: -999em;
    }

    #navigation ul li:hover > ul {
        opacity: 1;
        left: -22px;
    }

    .menu-toggle,
    .submenu-toggle {
        display: none;
    }

    /* seta só no desktop */
    #navigation .menu-item-has-children > a:after {
        content: '»';
        position: absolute;
        right: 10px;
        bottom: 0;
        color: #777;
    }
}

/* ================= MOBILE ================= */
@media (max-width: 865px) {

    .menu-toggle {
        display: block;
        padding: 15px;
        background: none;
        border: 0;
        font-size: 28px;
        cursor: pointer;
    }

    #navigation ul {
        display: none;
        width: 100%;
        float: none;
    }

    /* menu principal aberto */
    #navigation ul.active {
        display: block;
    }

    #navigation ul li {
        float: none;
        position: relative;
    }

    /* SUBMENUS SEMPRE VISÍVEIS NO MOBILE */
    #navigation ul ul {
        position: static;
        display: block;
        width: 100%;
        border: 0;
        padding-left: 20px;
        background: transparent;
    }

    /* remove botão + */
    .submenu-toggle {
        display: none;
    }

    /* remove seta no mobile */
    #navigation .menu-item-has-children > a:after {
        content: none;
    }
}