Первый запрос @media CSS не работает

Question

В настоящее время я работаю над созданием темы WordPress, но когда я помещаю первый запрос @media в файл style.css, то только первый из них не работает. Все остальные @media со второго отлично работают! проблема заключается только в первом.

Здесь я поставил свою текущую работу, есть проблема с кодированием веб-стандартов или что-то в этом моем следующем коде?

@media screen and (max-width: 1200px) { 
    #content .content-area { 
     border-top: 1px solid #ddd; 
     width: 50%; 
    } 

} 

@media screen and (max-width: 991px) { 
    .hfeed{} 

    #content { 
     width: 100%; 
     overflow: auto; 
    } 

    .content-area { 
     padding: 8% 3%; 
     width: 63% 
    } 

    #header-sidebar p.site-description { 
     font-size: 120%; 
    } 
} 

Это всего лишь небольшая часть моей работы.

Когда я сделать копию, он отлично работает, хотя одно и то же содержание @media:

@media screen and (max-width: 1200px) { 
    #content .content-area { 
     border-top: 1px solid #ddd; 
     width: 50%; 
    } 

} 

@media screen and (max-width: 1200px) { 
    #content .content-area { 
     border-top: 1px solid #ddd; 
     width: 50%; 
    } 

} 

Почему ?!

Answer 1

Для тех, кто видящего этот вопрос, был ответ в комментариях:

«Скорее всего, ошибка синтаксиса перед кодом вас в курсе.»