/* Общие стили для всех экранов */
.responsive-block {
  padding: 20px;
  font-size: 16px;
}

/* Стили для планшетов (ширина экрана от 768px до 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .responsive-block {
    padding: 15px;
    font-size: 14px;
  }
}

/* Стили для мобильных телефонов (ширина экрана до 767px) */
@media (max-width: 767px) {
  .responsive-block {
    padding: 10px;
    font-size: 12px;
  }
}

/* Стили для больших экранов (ширина экрана от 1025px) */
@media (min-width: 1025px) {
  .responsive-block {
    padding: 25px;
    font-size: 18px;
  }
}