slider boyunu küçültme

Merhabalar ,

www.kiriktas.com.tr web sitemin slider boyutunu küçültemiyorum. Daha doğrusu yükseklik olarak küçültebiliyorum ama enlemesine yapamadım. Yardımcı olacak arkadaşlara şimdiden teşekkürler.

Merhabalar,

http://www.kiriktas.com.tr/themes/site_themes/assets/css/style.css
içerisindeki

#main-slider, #property-slider-section #property-main-slider, #main-slider-fullscreen {
width: 100%;
height: 100%;
margin: 0;
border-bottom: 3px solid #CE0B0B; }


kodunu aşağıdaki gibi değiştirirseniz küçültebilirsiniz.


#main-slider, #property-slider-section #property-main-slider, #main-slider-fullscreen {
width: 80%;
height: 100%;
margin: 0px auto;
border-bottom: 3px solid #CE0B0B; }


teşekkür ederim

Şöyle birşey daha var slider kısmı görüntüsünü mobil tarafında dikey ve yatay olarak denedim ama ekrana tam olarak sığmıyor. Bununla ilgili hangi kodu değiştirmem gerekiyor.

ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*

bu kodlarda mı bir değişiklik yapılacak acaba ?