Как добавить свой breakpoint в Bootstrap 4?
Подключаешь sass версию бутстрапа
Копируешь себе переменные из _variables.scss и переопределяешь до подключения самого бутстрапа
https://github.com/twbs/bootstrap/blob/master/scss...$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);
хм?@media (min-width: 320px) and (max-width: 413px) {
    /* стили */
}
@media (min-width: 414px) and (max-width: 575px) {
    /* другие стили*/
}