.sliderWrapper {margin: 0 auto; overflow: hidden; position: relative;width:100%; height:500px ;
background-image: url('slide2.jpg'); background-position:center center;}
.sliderWrapper .slider { overflow: hidden; height: 100%; position: relative; width: 100%; 
}
.sliderWrapper .slider .slide{display: none; height: 100%; position: absolute; width: 100%; text-align:center }
.sliderWrapper .slider .slide img {  height:100%; text-align:center;  }
.sliderWrapper .slider .slide #ggg {  z-index:5; color:red; text-align:center; }
.sliderWrapper .slider .slide #ggg img{width: 50px; }

.sliderWrapper .slider-directions .slider-directions-prev,
.sliderWrapper .slider-directions .slider-directions-next
{ cursor: pointer; background: #eee; color: #333; height: 48px; position: absolute; top: 35%; width: 24px; z-index: 10;
  box-shadow: 0;  transition-property: left,right,box-shadow; transition-duration: 0.5s; transition-timing-function: ease;
}

.sliderWrapper .slider-directions .slider-directions-prev:after,
.sliderWrapper .slider-directions .slider-directions-next:after
{ content: 'O'; display: block; line-height: 48px;}

.sliderWrapper .slider-directions .slider-directions-prev { left: -24px; }
.sliderWrapper:hover .slider-directions .slider-directions-prev { left: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,0.8); }
.sliderWrapper .slider-directions .slider-directions-prev:after {padding-left:5px; content: '«'; }

.sliderWrapper .slider-directions .slider-directions-next { right: -24px; }
.sliderWrapper:hover .slider-directions .slider-directions-next { right: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,0.8); }
.sliderWrapper .slider-directions .slider-directions-next:after {padding-left:5px; content: '»'; }

.sliderWrapper .slider-navigation
{ bottom: -24px; color: #333; left: 2px; position: absolute; z-index: 10; transition-property: bottom; transition-duration: 0.5s;
  transition-timing-function: ease;}

.sliderWrapper:hover .slider-navigation { bottom: 2px; }

.sliderWrapper .slider-navigation .slider-navigation-item { cursor: pointer; background: #eee; border-radius: 100%;
  box-shadow: 0; display: inline-block; float: left; height: 12px; margin-left: 2px; margin-right: 2px;
  text-indent: -9999px; width: 12px;
  transition-property: box-shadow; transition-duration: 0.5s; transition-timing-function: ease;}

.sliderWrapper:hover .slider-navigation .slider-navigation-item { box-shadow: 0 0 8px 0 rgba(0,0,0,0.8);}
.sliderWrapper .slider-navigation .slider-navigation-item.active { background: #333; color: #eee;}

@media only screen and (max-width: 991px) 
{	
	.sliderWrapper { height:300px;}
}
@media only screen and (max-width: 767px) 
{	
	.sliderWrapper { height:225px;}
}

@media only screen and (max-width: 600px) 
{	
	.sliderWrapper { height:150px;}
}
/*@media only screen and (min-width: 601px and max-width: 767px) 
{	
	.sliderWrapper { height:225px;}
}
@media only screen and (min-width: 768px and max-width: 991px) 
{	
	.sliderWrapper { height:300px;}
}
@media only screen and (min-width: 992px and max-width: 1200px) 
{	
	.sliderWrapper { height:425px;}
}*/