/*MENU RESPONSIVO*/
@media all and (max-width: 950px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #topoDir{
        position: absolute;
        z-index: 8000;
        width: 100%;
        float: right;
    }
    #rodapeEsq img {
        display: none;
    }

    #rodapeCentro {
        display: none;
    }
    #rodape {
        height: auto;
        bottom: 0px;
        clear: both;
        width: 100%;
        display: table;
        padding-bottom: 20px;
    }
    #menu{
        width: auto;
    }
    #menu ul
    {
        width: auto;
        text-align:right;
    }
    #menu .submenuArrow
    {
        display: none;
    }

    #menu > ul
    {
        height: auto;
        display: block;
    }

    #menu > ul > li
    {
        float: none;
    }

    #menu li,
    #menu > ul > li
    {
        display: none;
    }

    #menu ul ul,
    #menu ul > li:hover > ul,
    #menu ul ul > li:hover > ul
    {
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        padding-left: 0;
        padding-right: 0;
        right: auto;
        text-align:right;
    }

    #menu ul .has-sub::after
    {
        display: none;
    }

    #menu ul li a
    {
        padding: 12px 20px;
    }

    #menu ul ul li a
    {
        width: auto;
        padding: 8px 35px;
    }
    /* ====================================================== */
    /* MENU PRINCIPAL */
    #menu ul li{
        border-bottom: #c89714;
    }
    #menu > ul > li:hover > a {
        color: #FFF;
        background-color: #c89714;
    }
    #menu #menu-button > a {
        padding: 10px 20px;
    }
    #dropdown{
        border-bottom: 1px solid #c89714;
    }

    #menu.align-right ul ul li a
    {
        text-align: left;
    }
    .menu-principal
    {
        display: block;
        font-family: 'MyriadPro-Regular';
        text-decoration: none;
        height:35px;
        font-size: 18px;
        color: #c89714;
        background-color:#fff;
        border-bottom: 1px solid #c89714;
    }
    #menu ul ul{
        display: grid;
    }
    #menu ul ul li {
        position: relative;
        margin: 10px;
        width: 100%;
        cursor: pointer;
    }
    .submenu .fa {
        float: none;
        margin-left: 10px;
    }
    .menu-principal:hover
    {
        border-bottom: none;
    }

    #menu ul ul li:last-child > a,
    #menu ul ul li.last > a
    {
    }

    #menu > ul > #menu-button
    {
        display: block;
        cursor: pointer;
        margin-top: 0px;
        margin-bottom:19px;
    }

    #menu #menu-button > a
    {
        padding: 10px 20px;
    }

    #menu ul.open li,
    #menu > ul.open > li
    {
        display: block;
    }


    #menu > ul.open > li#menu-button
    {
        background:none;
    }

    #menu > ul.open > li#menu-button > a
    {
        background:none;
    }

    #menu ul ul::after
    {
        display: none;
    }

    #menu ul.open #menu-button::after,
    #menu ul.open #menu-button::before
    {
        border-color: #fff;
    }
}

@media screen and (max-width: 667px) {
    #menu > ul > #menu-button
    {
        margin-top:5px;
    }
    #topoEsq img{
        margin-top: 0px;
    }
}

@media screen and (max-width: 414px) {
    #topoDir{
        position: absolute;
    }
}

@media screen and (max-width: 320px) {
    #menu > ul > #menu-button
    {
        margin-bottom:14px;
    }
}

@media screen and (max-width: 240px) {
    #menu > ul > #menu-button
    {
        margin-top:5px;
    }
}