Прошу помощи по коду рекламы.

Добрый день всем. Сломал голову не могу решить вопрос с кодом.

Имеем такой код адаптированные строчки.

<center><style>

.reklama { width: 250px; height: 150px; }

@media(min-width: 400px) { .reklama { width: 500px; height: 100px; } }

@media(min-width: 700px) { .reklama { width: 1000px; height: 100px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- reklama -->

<ins class="adsbygoogle reklama"

style="display:inline-block"

data-ad-client="ca-pub-xxxxxxxx"

data-ad-slot="xxxxxxxx"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></center>

Размещен в конце хедера. На сайте под меню.

При просмотре в мобильной версии выводится 3 небольшие строчки под меню дабы чтоб иметь не более 1/3 экрана.

А вот на компе при просмотре беда. Никак не пойму в чем дело. Если смотреть при старте сайта или листать сайт в меню по рубрикам то все хорошо показывает как в настройках 3 блока строчек в ширину и 2 в высоту.

Но стоит перейти на статью и почему то начинает выводить рекламу под меня таким образом 2 блока строчек в ширину и 3 в высоту. Шаблон что при просмотре рубрик что при просмотре страницы по ширине одинаков.

Код стоит в хедере.

Знающие помогите.