@custom-media --xs-only (max-width: 479px);

@custom-media --ms-only (min-width: 480px) and (max-width: 767px);
@custom-media --ms-and-down (max-width: 767px);
@custom-media --ms-and-up (min-width: 480px);

@custom-media --sm-only (min-width: 768px) and (max-width: 1023px);
@custom-media --sm-and-down (max-width: 1023px);
@custom-media --sm-and-up (min-width: 768px);

@custom-media --md-only (min-width: 1024px) and (max-width: 1359px);
@custom-media --md-and-down (max-width: 1359px);
@custom-media --md-and-up (min-width: 1024px);

@custom-media --lg-only (min-width: 1360px) and (max-width: 1599px);
@custom-media --lg-and-down (max-width: 1599px);
@custom-media --lg-and-up (min-width: 1360px);

@custom-media --xl-only (min-width: 1600px);