CSS na urządzeniach mobilnych, rozsypuje się

Mam taki ciekawy przypadek z wyświetlaniem stron na urządzeniach mobilnych. Na firefoxie (pierwsze 3 zrzuty) wyświetla się prawidłowo.
Na chromie i standardowej przeglądarce Androida strona się rozsypuje (3 ostatnie zrzuty ekranu).

Od czego to zależy?
To co jest najlepsze, tylko u mnie pod firefoxem strona wyświetla się poprawnie.
Wiem jaki plik css odpowiada za wyświetlenie wersji mobilnej. Edytuję go mając włączony tryb responsywny w Firefoxie. Zmiany widzę tylko ma podglądzie. Na komórce jest bez zmian. Szkoda że na urządzeniach mobilnych nie idzie edytować strony jak na komputerze.

Pozdawiam
P.S:
http://ras-serwis.nazwa.pl/symfonia-sklep-new/

okropny design - off topic na dzień dobry.

wygląda na niewyczyszczony float, dodaj na sztywno <br style="clear: both;" /> w kod i zobacz czy pomogło. potem próbuj badać dlaczego jakiś styl się nie stosuje (pierwsze podejrzenia padają na clearowanie floata w ::after)

androidowa przeglądarka (oprócz najnowszych wersji) niewiele potrafi, ale chrome powinno.

w razie wątpliwości sprawdzaj na caniuse.com

no i masz jakiś megachaos w stylach:

ja to bym to zaorał i robił od nowa metodami małymi krokami