//Collapse non md variation (collapse only on small devices)

.collapse-non-md {
  display: block;
  @media (max-width: $screen-xs-max) {
    display: none;
  }
  &.in {
    display: block;
  }
}

tr.collapse-non-md.in {
  display: table-row;

}

tbody.collapse-non-md.in {
  display: table-row-group;
}

.collapsing-non-md {
  @media (max-width: $screen-xs-max) {
    position: relative;
    height: 0;
    overflow: hidden;
    @include transition-property(height, visibility);
    @include transition-duration(.35s);
    @include transition-timing-function(ease);
  }
}