Темные силы блокируют @media query — как быть?

Question

[Сергей Громов]

Написал пару строк медиа - и к большому удивлению, не работает

@media only screen and(min-width: 480px){
	.scroll2 .bottom{
		overflow: auto;
	}
	.scroll2 .bottom .center{
		width: 242px;
		margin: -100px 0 0 -121px;
	}
}

По всем законам черной магии .bottom должен был приобрести параметр Overflow а дочерний блок .center должен сократится с 720px до 242px что в свою очередь должно было придать вполне симпатичный вид, но с какими бы бубнами я не плясал, @ media не работают

Cкажите что могло вызвать весьма странное поведение media query. из JS у меня подключен JQuery и onepage-scroll

portfolio.reskwer.ru/project/strict

Answer 1

[Дима Паутов]

после and пробел поставь!

Comments

[twixoff]

Воистину пробел!

[Сергей Громов]

ахахахаах, пробел зарешал :) Спасибо большое

Answer 2

[YuraArt]

вместо min max

Comments

[Сергей Громов]

min-max, смысл не в этом, а в том что вообще media не работает

Answer 3

[desuvin]

Вы проверяете на ширине 409 пикселей, а у вас стоит min-width: 480px. То есть правило сработает лишь с размером не меньше 480 пикселей

Comments

[Сергей Громов]

Все равно не работает

Answer 4

[Vadim Bogomazov]

Попробуй !important'ы поставить в медиа, может быть какие-то другие правила перекрывают

Comments

[Сергей Громов]

Не помогло (