/* ========================================
   Global Responsive Utilities
   Mobile-first: base = mobile
   ======================================== */

.desktop-only {
  display: none;
}

.mobile-only {
  display: block;
}

/* ========================================
   Tablet (769px+)
   ======================================== */

@media (min-width: 769px) {
  .mobile-only {
    display: none;
  }
}

/* ========================================
   Desktop (1025px+)
   ======================================== */

@media (min-width: 1025px) {
  .desktop-only {
    display: block;
  }
}