/* Для мобильных устройств (до 480px) */
@media only screen and (max-width: 480px) {
    .your-element-class {
        font-size: 14px; /* Уменьшение размера шрифта для мобильных */
        padding: 10px; /* Изменение отступов для мобильной версии */
        display: block; /* Настройка отображения элементов */
        /* Другие стили для мобильных */
    }
}

/* Для планшетов (480px - 960px) */
@media only screen and (min-width: 481px) and (max-width: 960px) {
    .your-element-class {
        font-size: 16px; /* Настройка размера шрифта для планшетов */
        padding: 15px; /* Отступы для планшетной версии */
        /* Другие стили для планшетов */
    }
}

/* Для десктопов (больше 960px) */
@media only screen and (min-width: 961px) {
    .your-element-class {
        font-size: 18px; /* Размер шрифта для больших экранов */
        padding: 20px;
        /* Другие стили для десктопов */
    }
}