Как сделать это?
У .owl-carousel изменить ширину, например, на 90%, разместить по центру (margin: 0 auto) и подправить left/right у owl-prev/owl-next.
Еще, чтобы дизайн не изменился (кнопки останутся на прежнем месте, а карусель уменьшится), можно увеличить размер hfblock, обернуть все его содержимое в дополнительный div, которому уже устанавливать ширину.
Кнопок не видно, потому что у них отрицательные значения    left: -48px; и right: -48px;