Okay, I think I found it. So I googled a bit, and it seems like that each placeholder must have a separate rule, otherwise it won’t work. Strangest thing I have ever seen. So the final solution is:
[code]
@media only screen and (max-width: 980px) {
input.orig{
font-size: 12px !important;
line-height: 15px !important;
}
input.orig::-webkit-input-placeholder {
font-size: 12px !important;
line-height: 15px !important;
}
input.orig:-moz-placeholder {
font-size: 12px !important;
line-height: 15px !important;
}
input.orig::-moz-placeholder {
font-size: 12px !important;
line-height: 15px !important;
}
input.orig:-ms-input-placeholder {
font-size: 12px !important;
line-height: 15px !important;
}
}
[/code]