/*------------------------------------
  Position Spaces
------------------------------------*/

.top-0 {
  top: 0;
}

.top-50 {
  top: 50%;
}

.right-auto {
    right: auto !important;
}

.left-100 {
    left: 100% !important;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.left-auto {
    left: auto !important;
}

.left-50 {
  left: 50%;
}

.right-n60 {
    right: -60px;
}

.bottom-n60 {
    bottom: -60px;
}

.bottom-n14 {
  bottom: -14px;
}

.left-20 {
  left: 20px;
}

.left-30 {
  left: 30px;
}


// Small Devices
@include media-breakpoint-up(sm) {
  .position-sm-absolute {
    position: absolute;
  }
}

// Medium Devices
@include media-breakpoint-up(md) {
  .top-md-0 {
    top: 0;
  }

  .right-md-0 {
    right: 0;
  }

  .bottom-md-0 {
    bottom: 0;
  }

  .left-md-0 {
    left: 0;
  }

  .position-md-absolute {
    position: absolute;
  }

  .bottom-md-30 {
    bottom: 30px;
  }

  .bottom-md-60 {
    bottom: 60px;
  }

  .right-md-30 {
    right: 30px;
  }
}

.right-md-55 {
    right: 55px;
}

.bottom-md-40 {
    bottom: 40px;
}

.bottom-md-65 {
  bottom: 65px;
}

// Large Devices
@include media-breakpoint-up(lg) {
  .top-lg-0 {
    top: 0;
  }

  .right-lg-0 {
    right: 0;
  }

  .bottom-lg-0 {
    bottom: 0;
  }

  .left-lg-0 {
    left: 0;
  }

  .position-lg-absolute {
    position: absolute;
  }
}

//Extra Large Devices
@include media-breakpoint-up(xl) {
  .top-xl-0 {
    top: 0;
  }

  .right-xl-0 {
    right: 0;
  }

  .bottom-xl-0 {
    bottom: 0;
  }

  .left-xl-0 {
    left: 0;
  }

  .bottom-xl-30 {
    bottom: 30px;
  }

  .position-xl-absolute {
    position: absolute;
  }
}
