Página de Produtos e Contatos para o celular

Gostaria de saber uma boa sugestão para melhorar a adaptação das páginas de produto e contatos para o celular. Segue o código abaixo:

 @media screen and (max-width: 400px){
    .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .produtos{
        width: auto;
    }

    .produtos li{
        display: inline-table;
        margin: 25px 10px 0 10px;
    }

    h1{
        text-align:center;
    }

    nav{
        position: static;
    }

    .lista-beneficios, .imagem-beneficios, .checkbox{
        width: 100%;
    }

    form, fieldset, table {
        margin:40px 10px 10px;
    }

    .input-padrao{
        width: 70%;
    }

    .enviar{
        width:auto; 
    }

 }