Нужна помощь в настройке css

Добрый день!

Есть несколько проблем с сайтом в отношении верстки, точнее - с ее видом на мобильных устройствах.

1) Страница http://hudson.buzapp.ru/whats-on/ - при изменении ширины окна браузера не красиво отражаются мероприятия.

Сейчас относящийся к ним код такой:

*@media (max-width: 600px) {

.event {width: 100%; float: none; margin-bottom: 10px;}

*}

*.event {

display: block;

float: left;

padding: 2.5px;

width: 32.8%;

margin-bottom: 40px;

*}

*.event li {

border: 1px;

border-color: white;

*}

*.event img {

height: 130px;

width: 100%;

*}

*.event h2 {

text-align: center;

*}

*.event p {

color: white;

*}

Мероприятия выводятся следующим кодом:

• #_EVENTIMAGETHUMB

  #_LINKEDNAME

  #_STARTDATE

...

* - в надежде на то, что браузер не порежет css и html

2) Также есть страница http://hudson.buzapp.ru/organise-a-party/ где выводятся 6 опций с картинками - по 3 опции в 2 строки. На данной странице блок с опциями ведет себя в мобильной версии отлично. Но вот на странице http://hudson.buzapp.ru/plan-things/ он вставлен в Закладки и отражается совсем не корректно.

Необходимо помочь советами поправить верстку.

Указывайте стоимость Ваших услуг и продолжительность, чтобы иметь возможность выбрать Вас в качестве исполнителя.