Responsive utility (tweaked)

mixins.scss

// Media query mixins
@mixin r($point) {
	@if $point== "mobile" {
		@media (max-width: 767px) {
			@content;
		}
	}
	@if $point==768 or $point== "tablet" {
		@media (min-width: 768px) {
			@content;
		}
	}
	@if $point==992 or $point== "desktop" {
		@media (min-width: 992px) {
			@content;
		}
	}
	@if $point==1200 or $point== "large" {
		@media (min-width: 1200px) {
			@content;
		}
	}
	@if $point==1600 or $point== "xlarge" {
		@media (min-width: 1600px) {
			@content;
		}
	}
}