@media only screen and (min-width: 897px) {
    .responsive-menu {
        display: none;
    }
}

@media only screen and (max-width: 896px) {
    div#title div.left.menu ul[id^=MenuPrincipal__] {
        display: none !important;
    }

    #title {
        display: flex !important;
        height: 70px !important;
    }

    .logo {
        display: none !important;
    }

    .right {
        width: 35% !important;
        display: flex;
        justify-content: center;
    }

    .right .menu-fale-conosco {
        width: 20%;
        display: flex;
        flex-direction: column;
    }

    .right .menu-fale-conosco ul {
        padding: 4px 0 0 4px;
    }

    .right .menu-fale-conosco img{
        width: 25px !important;
        height: 25px !important;
    }

    .right #logininfo {
        width: 60%;
    }

    .right #logout {
        width: 20%;
    }

    .left menu {
        display: none !important;
    }

    .responsive-menu {
        width: 65% !important;
    }
}