Как сделать контейнер адаптивным?

Помогите ламеру.

Дано:

Есть блоки RTB. Их надо сделать адаптивными по ширине. Это возможно, если задать размеры контейнера:

https://yandex.ru/support/partner/products-rtb/partner-code.xml#adaptive-css

Я делаю все, как в инструкции. Прописывал в css, пробовал прописывать и в responsive.css У меня блоки не видят заданных размеров, которые я задал в css вот так:

/*yandex-adaptive*/



@media screen and (max-width: 540px) {

    .yandex-adaptive {

        width:265px;

        height:100px;

    }

}



@media screen and (max-width: 1024px) {

    .yandex-adaptive {

        width:380px;

        height:100px;

    }

}



@media screen and (max-width: 1350px) {

    .yandex-adaptive {

        width:540px;

        height:100px;

    }

И ВОТ САМ КОД рекламы в блоке:

<div id="yandex_direct_R-12345" class="yandex-adaptive"></div>

<!-- R-12345 Яндекс.RTB-блок  -->

<div id="yandex_ad_R-12345"></div>

<script type="text/javascript">

    (function(w, d, n, s, t) {

        w[n] = w[n] || [];

        w[n].push(function() {

            Ya.Context.AdvManager.render({

                blockId: "R-12345",

                renderTo: "yandex_ad_R-12345",

                async: true

            });

        });

        t = d.getElementsByTagName("script")[0];

        s = d.createElement("script");

        s.type = "text/javascript";

        s.src = "//an.yandex.ru/system/context.js";

        s.async = true;

        t.parentNode.insertBefore(s, t);

    })(this, this.document, "yandexContextAsyncCallbacks");

</script>

Размеры блоков не меняются в зависимости от разрешения экрана, а надо чтобы менялись.

В Чём моя ошибка??