.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-static {
  position: static !important;
}
.p-sticky {
  position: sticky !important;
}

// media queries
@media (max-width: @screen-xs-max) {
  .p-relative-xs {
    position: relative !important;
  }
  .p-absolute-xs {
    position: absolute !important;
  }
  .p-static-xs {
    position: static !important;
  }
  .p-sticky-xs {
    position: sticky !important;
  }
}

@media (min-width: @screen-sm-min) {
  .p-relative-sm {
    position: relative !important;
  }
  .p-absolute-sm {
    position: absolute !important;
  }
  .p-static-sm {
    position: static !important;
  }
  .p-sticky-sm {
    position: sticky !important;
  }
}

@media (min-width: @screen-md-min) {
  .p-relative-md {
    position: relative !important;
  }
  .p-absolute-md {
    position: absolute !important;
  }
  .p-static-md {
    position: static !important;
  }
  .p-sticky-md {
    position: sticky !important;
  }
}

@media (min-width: @screen-lg-min) {
  .p-relative-lg {
    position: relative !important;
  }
  .p-absolute-lg {
    position: absolute !important;
  }
  .p-static-lg {
    position: static !important;
  }
  .p-sticky-lg {
    position: sticky !important;
  }
}