/*RESPONSIVIDADE CELULAR*/

@media screen and (max-width: 992px) {

    .nav_menu {
        transition: all .5s;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4rem;
        padding: 0 2rem;
        display: grid;
        align-items: center;
        border-radius: 15px 15px 0 0;
        transition: .4s;
        background: white;
        box-shadow: 10px 10px 20px 0px rgba(50, 50, 50, 300);
    }

    .nav-link {
        transition: transform 500ms;

    }

    .nav_link:hover {
        transform: scale(1.1);
    }

    .container {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .nav {
        height: 3rem;
    }

    i.nav_icon {
        display: block;
        color: #DF2E38;
    }

    footer {
        margin-bottom: 4rem;
    }
}

@media screen and (max-width: 700px) {
    .destaque .conteudo-destaque {
        text-align: center;
        justify-content: center;
        gap: 0px;
    }

    .destaque2 .conteudo-destaque2 {
        text-align: center;
        justify-content: center;
        gap: 0px;
    }

    .titulo-destaque h1 {
        margin-top: 20px;
        font-size: 20px;
    }

    .titulo-destaque2 h1 {
        margin-top: 20px;
        font-size: 20px;
    }

    .produto1 IMG {
        display: none;

    }

    .cabecalho {
        padding: 10px 20px;
    }

    .link-cat {
        display: none;
    }

    #cat-dropdown {
        display: block;
    }

    .produto2 img {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .nav_list {
        justify-content: center;
        transition: all .5s;
    }
}

@media screen and (max-width: 526px) {
    .nav_name {
        display: none;
    }

}

@media screen and (max-width: 320px) {
    .nav_list {
        column-gap: 2rem;
        transition: all .5s;
    }

    .nav h1 {
        font-size: 25px;
    }

    .inform {
        gap: 20px;
    }
}

@media screen and (max-width: 264px) {
    .nav_list {
        column-gap: 1.5rem;
        transition: all .5s;
    }

    .nav_icon {
        font-size: 1rem;

    }
    .anuncio-header h1{
        font-size: 12px;
    }
}