Quick reference for the Bootstrap 4 media breakpoints.
@media (min-width: 576px) {
// sm: smartphones in landscape
}
@media (min-width: 768px) {
// md: tablets
}
@media (min-width: 992px) {
// lg: tablets in landscape
}
@media (min-width: 1200px) {
// xl: computer
}