Centrar un elemento div

[luzzifer]

Hola a todos, tengo un problema, intento centrar un elemento div pero no puedo ya que interfieren otras variables.

HTML:

Código HTML:

<div class="sib-slider sib-slidecontainerPLANES_vw" data-width="980" data-height="260">
 

CSS:

Código HTML:

.sib-slidenavigatorPLANES_vw {
  display: inline-block;
  position: absolute;
  direction: ltr !important;
  top: 236px;
  left: 43.67%;
  z-index: 101;
  line-height: 0 !important;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
    white-space: nowrap;
    }
 

La idea es ajustarlo para que se vea bien en la version movil y en la de escritorio, pero no estoy dando con la tecla.
El demo del sitio es: http://sd-1242419-h00002.ferozo.net/

Lo que quiero editar es el la botonera del slidershow, centrarla horizontalmente.

Agradezco su ayuda de antemano, se que estoy haciendo algo mal así que si me lo indican con gusto lo intentare reparar, aclaro estoy aprendiendo.

[AngelKrak]

ya esta solucionado no? lo veo bien centrado yo

[ArturoGallegos]

No se sentra porque hay otros elementos que tienen margen y/o estan movidos

por ejemplo de entrada
.sib-content .sib-postcontent-0 .layout-item-0

tiene un margen de 10px en el lado izquierdo

[jorgecanto]

Prueba a eliminar esto de style.responsive.css:

.responsive.responsive-phone .sib-collage {
margin: 1% !important;
}

Y añadir esto :

.sib-content .sib-postcontent-0 .layout-item-0 {
margin-left: 0px !important;
}

[luzzifer]

@jorgecanto @ArturoGallegos Gracias por la ayuda.

Pero sigo sin solucionarlo.

Jorgecanto, probé ese cambio que planteaste pero lo resolví de la versión escritorio pero no de la versión móvil, aun sabes que puedo intentar a parte de eso?.

Cuando presiono F12 con el inspector web de firefox me voy a la versión 320x480 que seria la version movil lo veo mas prolijo mas centrado pero sigue aun ladiado.
En la version de escritorio del navegador se acomodo bastante.

[ArturoGallegos]

veo que decidiste quitar la posicion absoluta, algo muy acertado de tu parte.

solo te resta centrar los divs correspondientes a esa area, esto se hace aplicando margin derecho e izquierdo en auto por ejemplo -> margin: 0 auto;