@mixin wbz-display-box($important: no) {
  @if $important == important {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -moz-box !important;
    display: box !important;
  } @else {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: box;
  }
}

@mixin wbz-box-orient($orient: horizontal, $important: no) {
  @if $important == important {
    -webkit-box-orient: $orient !important;
    -moz-box-orient: $orient !important;
    box-orient: $orient !important;
    @if $orient == horizontal {
      -ms-flex-direction: row !important;
      flex-direction: row !important;
    } @else {
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
  } @else {
    -webkit-box-orient: $orient;
    -moz-box-orient: $orient;
    box-orient: $orient;
    @if $orient == horizontal {
      -ms-flex-direction: row;
      flex-direction: row;
    } @else {
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
}

@mixin wbz-box-pack($pack: start, $important: no) {
  @if $important == important {
    -webkit-box-pack: $pack !important;
    -moz-box-pack: $pack !important;
    -ms-flex-pack: $pack !important;
    box-pack: $pack !important;
    @if $pack == start {
      justify-content: flex-start !important;
    } @else if $pack == end {
      justify-content: flex-end !important;
    } @else if $pack == justify {
      justify-content: space-between !important;
    } @else {
      justify-content: $pack !important;
    }
  } @else {
    -webkit-box-pack: $pack;
    -moz-box-pack: $pack;
    -ms-flex-pack: $pack;
    box-pack: $pack;
    @if $pack == start {
      justify-content: flex-start;
    } @else if $pack == end {
      justify-content: flex-end;
    } @else if $pack == justify {
      justify-content: space-between;
    } @else {
      justify-content: $pack;
    }
  }
}

@mixin wbz-box-align($align: stretch, $important: no) {
  @if $important == important {
    -webkit-box-align: $align !important;
    -moz-box-align: $align !important;
    -ms-flex-align: $align !important;
    box-align: $align !important;

    @if $align == start {
      align-items: flex-start !important;
    } @else if $align == end {
      align-items: flex-end !important;
    } @else {
      align-items: $align !important;
    }
  } @else {
    -webkit-box-align: $align;
    -moz-box-align: $align;
    -ms-flex-align: $align;
    box-align: $align;

    @if $align == start {
      align-items: flex-start;
    } @else if $align == end {
      align-items: flex-end;
    } @else {
      align-items: $align;
    }
  }
}