CSS

@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: #666666;
        color: #8F8F8F;
        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;
    }
}

.rastreio {background: #8F8F8F; margin-top: auto; padding: 0px 5px 2px 5px; border-radius: 5px;font-size: 11px; margin-left: 0px; color: #ffffff; font-weight: 500; }

.rastreio:hover {background: #8F8F8F; color: #ffffff !important;} .rastreio-btn {height: auto; width: auto !important;}
.atributos ul li a {
    border-radius: 15px;
}

div.atributo-cor ul li a.atributo-item span {
    border-radius: 15px;
}

.atributo-comum a {
    padding: 2px;
}

@media only screen and (max-width: 767px){
	.atributo-comum-custom-a {
		padding: 2px;
		width: 35px;
		height: 35px;
	}

	.atributo-comum-custom-span {
		padding: 0px;
		width: 35px;
		height: 35px;
	}
}

(function() {
	var x = $("div.atributo-comum ul li a.atributo-item span").filter(function() { return ($(this).text().toLowerCase().indexOf('preto') > -1)});
	x.attr("style", "background-color: black; border-radius: 15px;");
	x.addClass("atributo-comum-custom-span");
	x.text("");
	x.parent().addClass("atributo-comum-custom-a");
})();
$('<div>Não encontrou o que procurava? .alert-product {
    margin-top: 20px;
    font-size: 20px;
    border: 1px solid;
    padding: 10px;




