While optimizing my web site look one of the members helped

Hi guys,

While optimizing my web site look one of the members helped me with few lines of CSS which are still looking amazing.

Line is about moving avatars from top for about 5 pixels to be in line with text. Works like a charm. Now same problem i got with mobile site.

For desktop site I'm using CSS line:

.avatar.avatar-48.photo {
float: left;
  border-radius:50%;
  margin-top:-10px !important;
}

This part "margin-top:-10px !important;" was exactly what i needed.

Not this line doesn't work with responsive css, even when i try with ".responsive" before this whole CSS code.

What am i missing?