Versão Mobile do Site

Olá a todos, Estou fazendo o curso, porem quando eu uso uma @media para entregar uma versão no celular diferente que no desktop, não funciona. segue o código

@media screen and (min-width: 400px) {

    .container {
        width: 93%;
        margin: 0 auto;
    }

    .num, .peso, .altura {
        display: none;
    }

    .formulario {
        width: 100%;
    }

    .grupo {
        width: 100%;
    }

    .campo {
        padding: 20px;
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .botao {
        background-color: #3b5998;
        padding: 10px;
        display: block;
        margin: 10px auto;
        width: 80%;
        border: 0;
        color: #FFF;
        font-size: 16px;
        cursor: pointer;
        border-bottom: 2px solid #ff6000;
    }
}

O que o celular renderiza

O que eu esperava