// Media query mixins

.screen-xs(@rules) {
  @media (max-width: @screen-xs-max) { @rules(); }
}

.screen-sm(@rules) {
  @media (min-width: @screen-sm-min) { @rules(); }
}

.screen-sm-max(@rules) {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { @rules(); }
}

.screen-md(@rules) {
  @media (min-width: @screen-md-min) { @rules(); }
}

.screen-md-max(@rules) {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { @rules(); }
}

.screen-lg(@rules) {
  @media (min-width: @screen-lg-min) { @rules(); }
}