@custom-media --xs (max-width: 575px);
@custom-media --sm (min-width: 576px);
@custom-media --md (min-width: 768px);
@custom-media --lg (min-width: 992px);
@custom-media --xl (min-width: 1200px);
@custom-media --2xl (min-width: 1408px);
@custom-media --3xl (min-width: 1920px);

@custom-media --h-xs (min-height: 667px);
@custom-media --h-sm (min-height: 702px);
@custom-media --h-md (min-height: 810px);
@custom-media --h-lg (min-height: 900px);
@custom-media --h-xl (min-height: 1000px);
@custom-media --h-xxl (min-height: 1100px);
@custom-media --h-xxxl (min-height: 1200px);