$plantt-md: 790px !default;
$plantt-xlg: 1550px !default;

@mixin plantt-scheduler-media($class, $width, $flex-size) {
  &[min-width ~= "#{$width}"] {
    .plantt-#{$flex-size}-#{$class} {
      @extend .#{$class}
    }
  }
}

@mixin plantt-header {
  .col-4 {
    width: 33.33333333%;
    *width: 33.23333333%;
  }

  .col-8 {
    width: 66.66666667%;
    *width: 66.56666667%;
  }

  .order-2 {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .order-1 {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }


  @include plantt-scheduler-media("col-4", $plantt-xlg, "xlg");
  @include plantt-scheduler-media("order-1", $plantt-xlg, "xlg");
  @include plantt-scheduler-media("order-2", $plantt-xlg, "xlg");
  @include plantt-scheduler-media("col-8", $plantt-md, "md");
  @include plantt-scheduler-media("order-1", $plantt-md, "md");
  @include plantt-scheduler-media("order-2", $plantt-md, "md");
}

/*#plantt-header {
  @include plantt-header;
}*/