/* Add here all your CSS customizations */

/* === Fix Revolution Slider Text Scaling on Mobile === */
@media (max-width: 768px) {
  .tp-caption.top-label {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .tp-caption.bottom-label {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .tp-caption.btn {
    font-size: 14px !important;
    padding: 10px 18px !important;
  }

  #revolutionSlider .tp-caption img {
    max-width: 80% !important;
    height: auto !important;
  }

  /* Optional: shift all slider text left for small screens */
  #revolutionSlider .tp-caption {
    left: 5% !important;
  }
}