@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}

@media only screen and (max-width: 479px){
    #rodape .institucional .titulo, 
    .span4.links-rodape.links-rodape-categorias, 
    .span4.sobre-loja-rodape,
    .span4.pague-com-rodape,
    .span4.links-rodape.links-rodape-paginas,
    .institucional.fundo-secundario .span12.visible-phone {
        text-align: center;
    }}



.gateways-rodape #pix {
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: center;
}
.gateways-rodape #pix img{
  margin: 10px;
  height: 40px;
}


@media(max-width: 767px){
    .conteudo-topo .busca-mobile .atalho-menu::before {
        content: 'Menu';
        font-weight:bold;
        font-family: 'Raleway' ,sans-serif;
    }
    .busca {
        margin: 0 80px 0 0;
    }
    .busca input {
        box-sizing:border-box;
    }
    body::before {
        content: 'DICA -> NAVEGUE PELO MENU';
        background: #000;
        color: #fff;
        display: block;
        text-align: center;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        margin-top: 55px;
    }
    #cabecalho {
        padding-top: 0;
    }
    #cabecalho .menu.superior .nivel-um>li {
        padding: 0;
        width: 100%;
    }
    .menu.superior .categoria-paginas .nivel-dois li a {
        white-space: inherit;
    }
}



@media only screen and (max-width: 767px){
.input-append .btn, .input-prepend .btn { line-height: 20px;}
.cep label { line-height: 30px;}
}



@media (max-width: 767.98px) {
#cabecalho .atalhos-mobile {
display: block !important;
}
#cabecalho .atalhos-mobile ul {
display: flex;
justify-content: flex-end;
}
#cabecalho .atalhos-mobile ul li {
float: none;
margin: 0;
}
#cabecalho .atalhos-mobile ul li:first-child {
display: flex;
margin-right: auto;
}
#cabecalho .atalhos-mobile ul li.fundo-principal {
order: 3;
}
#cabecalho .atalhos-mobile ul li.menu-button {
display: flex;
align-items: center;
}
#cabecalho .atalhos-mobile ul li.menu-button a {
top: 0;
}
#cabecalho .atalhos-mobile ul li.menu-button a svg * {
color: var(–corIconeMenu);
}

.busca {
margin: 0;
}

.menu.superior {
position: relative;
}
.menu.superior .closeMenuButton {
position: absolute;
top: 16px;
right: 0;
background-color: var(–botaoFecharMenu);
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50% 0 0 50%;
}
.menu.superior .closeMenuButton:before {
content: “X”;
color: var(–botaoFecharMenuCorX);
}
.menu.superior > ul {
margin: 0 !important;
padding: 16px 32px 16px 0;
border: 0;
display: flex !important;
flex-direction: column;
position: fixed;
top: 50px;
left: 0;
z-index: 9999;
background: var(–backgroundMenuLateral);
height: 100vh;
overflow-y: scroll;
max-height: 100vh;
box-sizing: border-box;
max-width: 100vw;
transition: 0.3s ease-in-out all;
transform: translateX(-110%);
-ms-overflow-style: none;
/* IE and Edge /
scrollbar-width: none;
/ Firefox */
}
.menu.superior > ul ::-webkit-scrollbar {
display: none;
}
.menu.superior > ul.active {
transform: translateX(0);
}
.menu.superior > ul a {
color: var(–corLinks);
}
.menu.superior > ul a strong {
color: var(–corLinkPrincipal);
}
.menu.superior .nivel-tres {
display: block !important;
position: initial;
background: transparent;
left: initial;
max-width: 70vw;
box-sizing: border-box;
}
.menu.superior .nivel-tres a {
white-space: normal;
line-height: normal;
margin-bottom: 0.5rem;
color: var(–corLinksNivelTres);
}
.menu.superior .nivel-tres a:before {
content: “-”;
margin-right: 0.25rem;
margin-left: -0.75rem;
}
}

#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }


ul.nivel-um.active {

    background: white;

}