разные отступы от разрешения

$grid-gutter-width: 30px;

@include media-breakpoint-down(xl){
    $grid-gutter-width: 30px;
}

@include media-breakpoint-down(md){
    $grid-gutter-width: 20px;
}
@include media-breakpoint-down(sm){
    $grid-gutter-width: 10px;
}