/* Для комп'ютерів (ширина екрану від 1200px) */
@media (min-width: 1200px) {
  .your-class {
    font-size: 24px;
    padding: 20px;
  }
  .another-class {
    margin: 30px;
  }
}

/* Для ноутбуків (ширина екрану від 992px до 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .your-class {
    font-size: 20px;
    padding: 15px;
  }
  .another-class {
    margin: 25px;
  }
}

/* Для планшетів (ширина екрану від 768px до 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .your-class {
    font-size: 18px;
    padding: 10px;
  }
  .another-class {
    margin: 20px;
  }
}

/* Для телефонів (ширина екрану до 767px) */
@media (max-width: 767px) {
  .your-class {
    font-size: 16px;
    padding: 5px;
  }
  .another-class {
    margin: 15px;
  }
}