//===============================================
// Toggle-able media queries and old IE helper
// See: http://jakearchibald.github.io/sass-ie/
//===============================================
$fix-mqs: false !default;
$old-ie: false !default;
$max-width-extreme:9999px;

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

    @if $min-width > 0 {
      $query:$query + " and (min-width:#{$min-width})";
    }
    @if $max-width < $max-width-extreme {
      $query:$query + " and (max-width:#{$max-width})";
    }
    @if $orientation {
      $query:$query + " and (orientation:#{$orientation})";
    }

    @media #{$query} {
      @content;
    }
  }
}

@mixin old-ie {
  // Only use this content if we're dealing with old IE
  @if $old-ie {
    @content;
  }
}