Adaptar uma página para celular - adaptação da página do produto

Para alterar a página do produto para o celular tive que alterar o display da classe "produtos li" de inline-block para inline-table. Gostaria de saber se há uma opção melhor, uma vez que gostaria de manter a diposição horizontal dos botões.

 @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; 
    }

 }