Исправить баги в bxslider слайдере

ЕСЛИ НЕ УСТРАИВАЕТ ЦЕНА, ДОБАВЛЯЙТЕСЬ ОБГОВОРИМ!
Вот смотрите http://lamor.kz/rumi/

Прокрутите вниз до слайдера.
Что нужно сделать?
1) Есть контейнер 960px скажем так. Так же есть слайдер. Так вот один элемент этого слайдера должен влезать в контейнер. Но при этом слева и справа от контейнера должны быть белые отступы. Это нужно для того чтобы контроллеры "назад" и "вперед" занимали это белое пространство на 50% , а другая его половина 50% должна залазить на контент слайдера который выбран(центрирован) . Теперь насчет боковых слайдов. Обычно когда есть слайдеры на сайте , элементы этого слайдера "след" и "пред" скрыты. А тут же они наоборот должны быть видны. То есть это как карусель будет. Слайд за слайдом.
2) Добавить черные полупрозрачные плажки законтент слайдера. То есть наложить их на "пред" и "след" слайды,
это делается для того чтобы выделить прокручиваемый элемент слайда , а те что побокам будут затемнены.
3) Сейчас у меня слайдер на всю ширину страницы и из-за того появился горизонтальный скроллинг.
Я убрал его прописав overflow-x: hidden. Согласен, помогло. Но! на телефонах не работает overflow-x.
Слайдер вылазает за ширину body и появляется белое пространство. ( это надо устранить ).
4) Сделать так чтобы popup окно открывалось на телефонах корректно  ( для попап окна использую magnific popup)  Ниже выложил скрин как выглядит попап на телефонах

Сайт подстраивается под ширину телефона этим скриптом

if(mobile != null) {
$('html').css('width', window.innerWidth + 'px');
} else {
/* Убираем или подключаем что-то */
}

SKYPE   dj_sunrise17