@media (max-width:1050px){
    .footer-infos, .footer-dados{
        display: block;
        text-align: center;
    }
}


@media (max-width:900px){
    .menu-bar{
        flex-wrap: wrap;
        padding: 5px 10px;
        justify-content: space-between;
    }

    .menu-div-lista{
        order: 2;
        width: 100%;
        /* justify-content: center; */
        margin-top: 10px;
    }

    .menu-div-pesquisa{
        width: 60%;
    }

    .menu-div-logo{
        order: 1;
    }
}

@media (max-width:600px){
    .nav-redes-socias{
        display: none;
    }

    #img-producao{
        width: 100%;
    }

    .footer-endereco{
        font-size: x-small;
    }

    .footer-infos{
        display: grid;
        font-size: x-small;
    }

    .div-footer-atendimento{
        order: 2;
        padding: 10px;
    }
    .div-footer-inst{
        order: 3;
        padding: 10px;
    }
    .div-footer-news{
        order: 1;
        padding: 10px;
        border-radius: 5px;
        background-color: #BB285C;
    }

    .sec-footer-direitos{
        padding: 10px;
        font-size: x-small;
    }

    .sec-footer-direitos h4, 
    .footer-infos h4,
    .footer-endereco h4{
        font-size: medium;
    }
}


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



@media (max-width:550px){
    .menu-div-lista {
        justify-content: space-between;
        align-items: center;
    }

    .menu-div-pesquisa{
        width: 90%;
        display: flex;
        gap:15px;
    }

    .menu-toggle {
        display: block;
    }

    .menu-nav {
        display: none;
        width: 100%;
    }

    .menu-nav.open {
        display: block;
    }
    
    .menu-ul {
        flex-direction: column;
        gap: 15px;
        background-color: #f8f8f8;
        border-radius: 5px;
        padding: 10px;
    }
}

@media (max-width:450px){
    .ul-inicio-servicos{
        display: inline-block;
    }

    .ul-inicio-servicos li {
        border: 1px solid white !important;
    }

    .nav-contatos a{
        text-align: center;
        display: grid;
        font-size: 12px;
    }

    .nav-contatos{
        padding: 0;
    }
    
}

@media (max-width:400px){


    .ul-footer-redes i{
        font-size: 20px;
    }

    #img-logo-footer{
        width: 90%;
    }
}