Estoy desarrollando una aplicación la cual permite ser adaptativa en los distintos tipos de pantallas pero me estoy encontrando con un "problema", y es que al momento de querer modificar mi clase css con un media query esta clase no lo hace, y la única forma de poder modificar es agregar al final !important, pero he leído que esto es considerado una mala practica, pero hasta ahora no he podido modificar la clase sin agregar el !important. Esta es mi clase css:
.body-login {
background-image: url('Content/img/0001.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment:fixed;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
Y este es el media query con el cual intento modificar la clase css:
@media only screen and (max-width: 830px) {
.body-login {
background: none !important;
}
}