/*
*
* Responsive unit
* --------------------------------------------------
*/


@include unit-responsive($medias, 15px, 20px); //

// Unit Spacing
//
 
.unit {
  @include media-breakpoint-up(xxl) {
    @include unit-spacing($medias, 20px, 30px);
  }
}

.unit-spacing-sm {
  @include unit-spacing($medias, 10px, 20px);
}

.unit-spacing-md-midle {
  @include media-breakpoint-up(xxl) {
    @include unit-spacing($medias, 20px, 50px);
  }
}

.unit-spacing-md {
  @include unit-spacing($medias, 20px, 30px);

  @include media-breakpoint-up(xl) {
    @include unit-spacing($medias, 20px, 65px);
  }
}

.unit-spacing-xxl {
  @include unit-spacing($medias, 10px, 15px);
  @include media-breakpoint-up(md) {
    @include unit-spacing($medias, 20px, 115px);
  }
}