カルーセル（スライダー）の幅をコントロールしたい。

Question

jQuery のスライダープラグイン OwlCarousel2 を使用してカスタマイズをしたいのですが、モードは、responsive と stagePadding を使い、ブラウザ幅によって、カルーセル表示されている画像幅を固定させたいなと思っています。

function (){
	var w = $(window).width(); // 最初にブラウザ幅によりbodyにクラス名を付けます。
	var sx = 767;
	var md = 991;
	var lg = 1199;
	if (w > sx){
		$("body").addClass("mv-sm");
	}
	if (w > md){
		$("body").addClass("mv-md");
		$("body").removeClass("mv-sm");
	}
	if (w > lg){
		$("body").addClass("mv-lg");
		$("body").removeClass("mv-md");
	}
	$(".carousel").owlCarousel({
		center: true, // メイン画像を中央に
		responsive: { // １つの画像をカルーセル表示させて左右にパディングを設ける
			items: 1,
			stagePadding: 100
		},
		onInitialized: function(){
			$(".mv-md .owl-carousel .owl-stage-outer").css({
				"height": "392px"
			});
			$(".mv-md .owl-carousel .owl-stage").css({
				"width": "7500px"
			});
			$(".mv-md .owl-carousel .owl-item").css({
				"width": "940px"
			});
		}
	});
}

例えば上記のような形で、ブラウザ幅により、width を固定しています。
メイン画像の width はブラウザ幅により固定されるのですが、位置が中心に配置されません。
center: trueオプションでは効かないようです。
位置をセンターに配置させる何か方法があればご教授お願いいたします。

上記はレスポンシブのサイトにてカルーセルを使用しているのですが、あるブラウザ幅からブラウザ幅で width が固定になります。Bootstrap の container のような感じです。

2015.3.23追記
サンプルページをアップいたしました。
http://t-s.verse.jp/carouselExample/htdocs/index.html
ソースはこちらです。
https://github.com/AurizedStudio/carousel-example

このサンプルページではまだ何もトライしておりませんが、
サンプルページにてブラウザ幅を変えるとカルーセル（スライダー）はレスポンシブに対応はしていますが、コンテンツの横幅に揃うようにはならないです。
これを揃えるようにしたいと思っております。