Адаптация div под мобильную версию - Joomla 3.x: Общие вопросы

<div class="mod_me">
<div class="mod_me1">{module 1}</div>
<div class="mod_me2">{module 2}</div>
<div class="mod_me3">{module 3}</div>
</div>

div.mod_me {
    margin: 0 auto;
    width: auto;
    max-width: 100%; /* контейнер не превышает 90% ширины экрана */
    }
div.mod_me1,div.mod_me2,div.mod_me3 {
    float: left;
    max-width: 33%;
    height: auto;
    padding: 3%; /* небольшие оступы для изображений */
    }
@media screen and (max-width: 480px) { /* разрешение смартфона */
    div.mod_me {
        width: 320px;
        min-width: 320px;
    }
    div.mod_me1,div.mod_me2,div.mod_me3 {
        max-width: 98%;
        height: auto;
        padding: 1%; /* небольшие оступы для изображений */
    }