@mixin responsive-columns(
	$column-class: false,
	$margin-class: false,
	$min-width: false,
	$max-width: false
) {
	@include breakpoint(
		$min-width: $min-width,
		$max-width: $max-width
	) {
		.row {
			@for $i from 1 through $column-count {
				.#{$column-class}#{$i} {
					width: 100% / $column-count * $i;
				}
			}

			//Reset the margin to prevent the responsive column from shifting with the previous push classes
			> [class*='#{$column-class}'] {
				margin-left: 0;
			}

			@for $i from 1 through $column-count - 1 {
				$class: #{$margin-class}#{$i};
				> [class~='#{$class}'] {
					margin-left: 100% / $column-count * $i;
				}
			}
		}
	}
}
@mixin responsive-columns(
	$column-class: false,
	$margin-class: false,
	$min-width: false,
	$max-width: false
) {
	@include breakpoint(
		$min-width: $min-width,
		$max-width: $max-width
	) {
		.row {
			@for $i from 1 through $column-count {
				.#{$column-class}#{$i} {
					width: 100% / $column-count * $i;
				}
			}

			.#{$column-class}#{$column-count} {
				&:last-child {
					margin-bottom: 0;
				}
			}

			//Reset the margin to prevent the responsive column from shifting with the previous push classes
			> [class*='#{$column-class}'] {
				margin-left: 0;
			}

			@for $i from 1 through $column-count - 1 {
				$class: #{$margin-class}#{$i};
				> [class~='#{$class}'] {
					margin-left: 100% / $column-count * $i;
				}
			}
		}
	}
}
Remove margin on last responsive full width column
Remove margin on last responsive full width column
