$media-mobile: 'screen and (min-width: 375px)';
$media-tablet: 'screen and (min-width: 690px)';
$media-desktop: 'screen and (min-width: 1024px)';
$media-new-tablet-desktop: 'screen and (min-width: 800px)';

// do not use these variables
$media-new-mobile-only: 'screen and (max-width: 799px)';
$media-mobile-only: 'screen and (max-width: 689px)';