Prestashop responzivny design

Zdravim, robim eshop na Prestashope: http://eshop.bavsa.eu/ sablonu pouzivam vp_beststore, ktora nieje responzivna, preto ju chcem upravit. Zacal som so suborom global.css kde som upravil body na: @media (min-width: 200px) and (max-width: 800px) { body { background-color: white; font-size: 12px; font-family:Arial, Verdana, Helvetica, Sans-Serif; color: #666; text-align: center; background:url(../img/vp_bg_body.jpg) left top repeat; line-height:1.6; }} @media (min-width: 801px) and (max-width: 1024px) { body { background-color: black; font-size: 19px; font-family:Arial, Verdana, Helvetica, Sans-Serif; color: #666; text-align: center; line-height:1.6; }} Ked to ale skusam v Chrome, rozlisenia neraguju ako by mali, napriklad prve rozlisenie ma sirky 200-800 px, zmeni mi ho ale az pri sirke okna 880 px. Poradil by mi niekto prosim vas, kde moze byt chyba?