nao funciona o media screen

nao funciona a media screen na div video[`@media screen and (max-width: 480px){ .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video{ width: auto; } h1{ text-align: center; } nav{ position: static; } }

Benefícios

        <div class="conteudo-beneficios">
            <ul class="lista-beneficios">
                <li class="itens">Atendimento aos Clientes</li>
                <li class="itens">Espaço diferenciado</li>
                <li class="itens">Localização</li>
                <li class="itens">Profissionais Qualificados</li>
                <li class="itens">Pontualidade</li>
                <li class="itens">Limpeza</li>
            </ul><img src="beneficios.jpg" class="imagembeneficios">
        </div>

            <div class="video">
                <iframe width="100%" height="315" 
                src="https://www.youtube.com/embed/wcVVXUV0YUY" 
                title="YouTube video player" frameborder="0" 
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                allowfullscreen ></iframe>
            </div>
    </section>`]