#wrapper {position:relative;margin:0 auto;}

#slider {
    /*width:1000px;height:320px;/* Make it smaller than your images for zooming effect */
    /*border:10px solid black;*/
	background:url(../images/marque/braventis_gym.jpg) no-repeat;
    overflow:hidden;
	/*position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #222222;
    border-radius:6px;
}

#slider img {
	position:absolute;
	display:none;
	top:0px;
	z-index:3;
	/*-ms-interpolation-mode: bicubic;
	/*image-rendering: optimizeQuality;*/
	border:none;
}

@media only screen and (max-width: 480px) {
    #slider img {width:320px;height:106px;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    #slider img{width:480px;height:154px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #slider img{width:768px;height:246px;}
}


/* Caption styles */
div.zs-caption-bg, div.zs-caption-bg2 {
	display:none;
	position:absolute;
	left:0px;/*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:20px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:350px;*/
	width:600px;
	height:auto;
	padding:16px;
	z-index:6;
	overflow:hidden;
	font-size:0;
}
div.zs-caption-bg {
	display:none;
	background:#000;/*Caption background color. Can be defined as semi-transparent through the javascript slideshowOptions setting.*/
	border-radius: 5px;
	border:1px solid #CCCCCC;
}
div.zs-caption {
	display:none;
	font:16px/19px Verdana, Arial;
	color:White;
	z-index:7;
	text-align:center;/* When captionEffect was set to rotate through javascript, and setting "text-align:left" will create a fly-in effect, and setting "text-align:center" will get the rotate effect. */
	overflow:hidden;
}
div.zs-caption a {
	display:none;
	color:#09F;
}



/* --------- Others ------- */
#slider img
{
	transform: translate3d(0,0,0);
   /* -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);*/
}