Responsive Breakpoints

/* mobile */
@media (max-width: 767px) {
  /* styles */
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  /* styles */
}

/* desktop */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* styles */
}

/* large-desktop */
@media (min-width: 1280px) {
  /* styles */
}