Как центрировать позицию: абсолютный элемент в адаптивном макете

https://jsfiddle.net/vk9oc6gt/3/

transform:translateX(-50%); - это то, что вы ищете.

Обратите внимание, когда вы применяете transform:translateX(-50%);, он сдвигает элемент на процент от размеров элемента , в данном случае на ширину, потому что это смещение оси X, на 50%, потому что мы указали его, и влево потому что это отрицательное значение.

Я добавил его как в средний блок div с точками, так и в среднюю белую линию:

.center-line {
  position: absolute;
  background-color: white;
  top: 0;
  left: 50%;
  transform:translateX(-50%);
  width: 2px;
  height: 100%;
}

.owl-dots {
  display: inline-block;
  position: absolute;
  top: 80px;
  left:50%;
  transform:translateX(-50%);
}

Если вам также нужны вертикально центрированные точки, вы можете воспользоваться этим https://jsfiddle.net/vk9oc6gt/4/ используя:

top:50%;
left:50%;
transform:translate(-50%, -50%);