#slideshow {
		    margin: 0px auto;
		    position: relative;

		    width: 100%;
		  
height:580px;
z-index:50;
		    padding: 10px;
		   
		}

		#slideshow > div {
float:left;
  z-index:50;
		    position: absolute;
		    top: 10px;
		    left: 0px;
		    right: 0px;
		    bottom: 10px;
		}

@media all and (max-width: 1280px) {
#slideshow {

		z-index:50;  
height:400px;


		   
		}

@media all and (max-width: 1024px) {
#slideshow {

	z-index:50;	  
height:350px;


		   
		}
}
@media all and (max-width: 800px) {
#slideshow {

		z-index:50;  
height:250px;


		   
		}
}
@media all and (max-width: 640px) {
#slideshow {

		 z-index:50; 
height:250px;


		   
		}
}