Boa tarde, eu tenho um slider, alternando imagens e vídeos, que estão commin-width: 100%; min-height: 100%; para desktop E para mobile até 480px: min-height:400px; Mas ele só pega para as imagens, nos vídeos ele continua aparecendo 100%
O que posso fazer para resolver isso? Para desktop quero que continue sendo min-height:100%, mas para mobile preciso que fique com a altura menor.
O site é esse: http://www.pinbank.com.br/pinkubehomologacao/ mas as media querie que inseri ainda não está no ar.
As classes são essas:
.bg_video{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; background-size: cover; top:5%; }
@media (max-width: 480px) { .bg_image1, .bg_image2, .bg_image3, .bg_image4, .bg_video{ max-height:500px; } }