max-margin-left gibt's nicht

[Linuchs]

Moin,

habe gerade meine Seite auf dem Smartphone getestet und festgestellt, dass das Vereinslogo mit 100px zuviel Platz einnimmt, also

  width: 100px;
  max-width: 20%;

Nun soll der Container rechts davon aufrücken

  margin-left: 140px;
  max-margin-left: 25%;

max-margin-left gibt's aber nicht. Nun habe ich es so versucht:

@media screen and (max-width:659px) {
  #terminliste div.position div:nth-of-type(3) {
    margin-left: 25%;
  }
}
@media screen and (min-width:660px) {
  #terminliste div.position div:nth-of-type(3) {
    margin-left: 140px;
  }
}

aber FF auf dem Laptop rückt nun auch um 25% statt um 140px ein. Warum?

Linuchs