@media (max-width: 992px) {
    .menu-small-topo{
        width: 100%;
        z-index: 2;
        
    }

    .menu-small-topo-area-geral{
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-small-topo-area-logo{
        width: 75%;
        height: 100%;
        display:flex;
        justify-content:flex-start;
    }

    .menu-small-topo-area-botao {
        font-size: 18px;
        border: 1px solid white;
        padding: 3px 14px;
        border-radius: 5px;
    }

    .menu-small-topo-area-logo-imagem{
        width: 55%;
        height: 100%;
        background-size: contain;
        background-position:left center;
        background-repeat:no-repeat;
    }


    .menu-small-itens{
        color: #641dde;
        background-color:#ffffff;
        display:flex;
        align-items:center;
        width:100%;
        height:40px;
        border-bottom: solid 1px #ccc;
        font-weight:bolder;
    }

    .menu-small-itens:hover{
        color: white;
    }

    .menu-small-itens:first-of-type{
        border-top: solid 1px #ccc;
    }

    .menu-small-itens:hover{
        background-color: #641dde;
    }

    .menu-small-itens-secundarios{
        background-color: #F4F4F4;
        font-weight:initial;

    }

    .menu-small-rede-social-area-fundo{
        width: 100%;
        background-color: #641dde;
    }

    .menu-small-rede-social-area{
        padding-top: 20px;
        padding-bottom: 20px;
        display:flex;
        justify-content:flex-end;
    }

    .menu-small-rede-social{
        color: #641dde;
        width:40px;
        height:40px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        font-size: 20px;
    }

    .menu-small-rede-social:hover{
        background-color: #f2c200;
        color: #641dde;
    }


    .map__image {
        width: 90%;
    }


    .estado-area {
        margin-left: 10px;
        width: 100%;
        flex-direction: column;
    }

    .cases-item{
        flex-direction: column;
        padding: 10px;
    }

    .cases-item-coluna-a{
        width: initial;
        order: initial;
        padding-left: initial;
    }

    .cases-item-coluna-b{
        width: initial;
        margin-top: 20px;
    }

    .mapa-clientes{
        flex-direction: column;
    }

    .mapa-clientes-lista{
        margin-top: 20px;
    }

    .responsive-clientes-lista{
        height: 200px;
        width: 80%;
        margin-left: 10%;
    }

    .clientes-lista-chamada {
        text-align: center;
        padding-bottom: 10px;
    }
}