amended respond-min and respond-max from @jaffathecake

repsond_mixins.scss

	@mixin respond-min($width, $fix-mqs: $fix-mqs) {
	    // If we're outputting for a fixed media query set...
	    @if $fix-mqs {
	        // ...and if we should apply these rules...
	        @if $fix-mqs >= $width {
	            // ...output the content the user gave us.
	            @content;
	        }
	    }
	    @else {
	        // Otherwise, output it using a regular media query
	        @media screen and (min-width: $width) {
	            @content;
	        }
	    }
	}

	@mixin respond-max($width, $fix-mqs: $fix-mqs) {
	    // If we're outputting for a fixed media query set...
	    @if $fix-mqs {
	        // ...and if we should apply these rules...
	        @if $fix-mqs <= $width {
	            // ...output the content the user gave us.
	            @content;
	        }
	    }
	    @else {
	        // Otherwise, output it using a regular media query
	        @media screen and (max-width: $width) {
	            @content;
	        }
	    }
	}

	// being able to pass in false for the hopefully rare cases you need to not have it output to IE stylesheet.
	// for example when using something like bootstrap's .hide-desktop, etc
	@include respond-max($breakPointC, $fix-mqs: false) {
		.foo {
			display: block;
		}
	}