HTML, CSS - Изображение не масштабируется

[Ox1de]

Ну в Css прописал max-width: 100%; не помогло.Так и остается что шапка сжимается а картинка остается и появляется полоса прокрутки.
<div class="row">
<div class="col-md-12 Promo">
<jdoc:include type="modules" name="Promo" style="xhtml" />
</div>
</div>
</div>

Вот код. Промо ,это модуль тип html,в него я и ставлю картинку,этот модуль как и хидер сайта находится в container-fluid,но хидер нормально сжимается,а этот модуль не хочет,я даже в него просто текст прописывал он не становится резиновым.Так что дело в модуле,как его сделать резиновым?

вот css к этому модулю
.Promo{
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 100%;