#carousel {
		width: 100%;
		text-align: center;
	    vertical-align: middle;
	}
	.slider {
	  position: relative;
	  overflow: hidden;
	  text-align: center;
	  width: 90%;
	  vertical-align: middle;
	}
	.slider li {
	  display: none;
	  position: absolute; 
	  top: 0; 
	  left: 0; 
	  text-align: center;
	  width: 100%;
	  vertical-align: middle;
	}
	.carouselImg{
	  width: 100%;
	}


@media screen and (min-width: 1366px){
	.slider { height: 370px;}
}

@media screen and (min-width: 1200px)  and (max-width: 1365px){
	.slider { height: 330px;}
}
@media screen and (min-width: 1024px)  and (max-width: 1199px){
	.slider { height: 285px;}
}

@media screen and (min-width: 824px)  and (max-width: 1023px){
	.slider { height: 225px;}
}

@media screen and (min-width: 768px)  and (max-width: 823px){
	.slider { height: 220px;}
}
@media screen and (min-width: 640px)  and (max-width: 767px){
	.slider { height: 180px;}
}
@media screen and (min-width: 550px)  and (max-width: 639px){
	.slider { height: 205px;}
	.carouselImg {  margin-top: 5%;}
}
@media screen and (min-width: 480px)  and (max-width: 549px){
	.slider { height: 205px;}
	.carouselImg {  margin-top: 5%;}
}
@media screen and (min-width: 360px)  and (max-width: 479px){
	.slider { height: 155px; }
	.carouselImg {  margin-top: 5%;}
}
@media screen and (max-width: 359px){
	.slider { height: 140px; margin-left: -7px; }
	.carouselImg {  margin-top: 5%;}
}