@media(max-width:320px){
    .container{
        width: 96%;
    }

    header h1{
        text-align: center;
    }

    header h1 img{
        max-width: 50%;
    }

    .sacola{
        display: none;
    }

    .menu-opc{
        position: static;
        text-align: center;
    }

    .menu-opc ul li{
        display: inline-block;
        margin: 5px;
    }

    .busca, 
    .menu-departamento,
    .banner-destaque img{
        margin-right: 0;
        width: 100%;
    }

    .painel{
        width: auto;        
    }

    .painel li{
        width: 30%;
    }

    .painel img{
        width: 100%;
    }
}