Sass responsive Media with if, else & Dynamic Media Query with Mixin

sass-responsive.scss

/*==============================
 Sass Advanced Media Query 
===============================*/

@mixin mq($value){

	@if $value == 'medium' {
			@media only screen and (min-width: 992px) and (max-width: 1200px) { 
	    		@content;
			}/* Large devices (desktops, 992px and up) */

	} @elseif
		$value == 'tab' {
			@media only screen and (min-width: 768px) and (max-width: 991px) { 
			    @content;
			} /* Medium devices (tablets, 768px and up) */
		
	} @elseif
		$value == 'mobile' {
			@media only screen and (max-width: 767px) { 
			    @content;
			} /* Moblie devices (mobile, 0px to 768px) */
		
	} @elseif
		$value == 'widemobile' {
			@media only screen and (min-width: 480px) and (max-width: 767px) { 
				@content;
			} /* Wide Mobile Layout: 480px. */
	}

} /* End Mixin */