hulkish

@screen-xs: 480px;
@screen-sm: 600px;
@screen-md: 768px;
@screen-lg: 960px;

@screen-xs-min: @screen-xs;
@screen-sm-min: @screen-sm;
@screen-md-min: @screen-md;
@screen-lg-min: @screen-lg;

hulkish

@screenMobile:  320px;
@screenTablet:  768px;
@screenDesktop: 992px;
@screenLarge:   1200px;
@screenExtraLarge:   1600px;

.mobile(@rules, @invert: false) {
  .mixin (@invert) when (@invert = false) {
    @query: ~"(min-width: @{screenMobile})";
    @media @query {

hulkish

/* From: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;