/**
 * Responsive utilities
 */
@mixin media-max-width($width) {
	@media (max-width: $width) {
		@content;
	}
}

@mixin media-min-width($width) {
	@media (min-width: $width) {
		@content;
	}
}

@mixin breakpoint-hd {
	@include media-min-width(1439px) {
		@content;
	}
}

@mixin breakpoint-desktop {
	@include media-max-width(1279px) {
		@content;
	}
}

@mixin breakpoint-laptop {
	@include media-max-width(1199px) {
		@content;
	}
}

@mixin breakpoint-tablet {
	@include media-max-width(991px) {
		@content;
	}
}

@mixin breakpoint-phone {
	@include media-max-width(767px) {
		@content;
	}
}

// Mobile first breakpoint mixins
@mixin breakpoint-sm {
	@include media-min-width(768px) {
		@content;
	}
}

@mixin breakpoint-md {
	@include media-min-width(992px) {
		@content;
	}
}

@mixin breakpoint-lg {
	@include media-min-width(1200px) {
		@content;
	}
}

@mixin breakpoint-xl {
	@include media-min-width(1440px) {
		@content;
	}
}