[Помогите] с адаптацией сайта на opencart

Привет всем)
у меня появилась проблема, сам не в силах решить ее

у меня есть сайт
на компьютере мобильная версия выглядит так




на телефоне так



на телефоне срабатывает стиль мобильной версии, кроме шапки
как думаете, в чем заключается проблема

Код:

@media screen and max-width 980px {
.box-product {
text-align:center;
}

.box-product > div {
margin-bottom:20px;
}

#container {
width:95%;
}

#content {
width:100%;
float:none;
margin:20px 0;
}

#column-right {
width:100%;
float:none;
margin:0;
}

.slideshow,#search {
display:none;
}
}

@media screen and max-width 650px {
#content {
width:100%;
float:none;
margin:20px 0;
}

#column-right {
width:100%;
float:none;
margin:0;
}
}

 

@media screen and max-width 980px -------- у Вас случайно фаербаг не матерится от такой настройки?))
@media screen and (max-width:980px) ------воть как пралЬно записать

 

@media screen and (max-width:980px) я записал в сайте нормально
на телефоне не хочет нормально работать
шапка не адаптуется

 

покажи пациента. как проверял? я обычно делаю что то типа @media screen and (max-width:980px) {body{display:none}} и проверяю) Если скрылся сайт - проблема в коде, если нет - проблема в написании......а еще бывает делаю ctrl+a ctrl+x ctrl+s (если это отдельный файл для медиа - стилей)

 

вот сайт

--- Добавлено, 30 окт 2015 ---

ставлю body{display:none} в @media screen and (max-width:980px) сайт продает
@media screen and (max-width: 650px) { не пропадает

на телефоне

 

а хтмле в шапке как прописан вивью?

 

Код:

<link href="catalog/view/theme/default/stylesheet/media-queries.css" rel="stylesheet" type="text/css">

 

не понял .В шапочке есть
<meta name="viewport" content="width=device-width, initial-scale=1"> ?