/*--- Webkit ---*/
@mixin prefix($property, $parameters) {

  @each $prefix in -webkit-,
  -moz-,
  -ms-,
  -o-,
  "" {
    #{$prefix}#{$property}: $parameters;
  }
}


/*--- Media Query ---*/
@mixin responsive($media) {
  @if $media ==lg {
    @media only screen and (max-width: $lg) {
      @content;
    }
  }

  @else if $media ==md {
    @media only screen and (max-width: $md) {
      @content;
    }
  }

  @else if $media ==sm {
    @media only screen and (max-width: $sm) {
      @content;
    }
  }

  @else if $media ==xs {
    @media only screen and (max-width: $xs) {
      @content;
    }
  }
}