Responsive column margin

SCSS

.col-item {
    margin-bottom: $grid-gutter-width;
}
.col-item-sm {
    margin-bottom: $grid-gutter-width;
    @include media-breakpoint-up(sm) {
        margin-bottom: 0;
    }
}
.col-item-md {
    margin-bottom: $grid-gutter-width;
    @include media-breakpoint-up(md) {
        margin-bottom: 0;
    }
}
.col-item-lg {
    margin-bottom: $grid-gutter-width;
    @include media-breakpoint-up(lg) {
        margin-bottom: 0;
    }
}
.col-item-xl {
    margin-bottom: $grid-gutter-width;
    @include media-breakpoint-up(xl) {
        margin-bottom: 0;
    }
}
[class^='col-item'], [class*=" col-item"] {
    &:last-child {
        margin-bottom: 0;
    }
}