.promo {
			position:relative;
			width:820px;
			margin:15px auto;
			height:400px;
			border-radius:8px;
			background:#FFF;
			box-shadow:0px 0px 12px rgba(0,0,0,.3);	
			overflow:hidden;
		}
		.promo:hover {
			cursor:pointer;
			border:1px solid #FFF;
			margin:14px auto;
		
			
			box-shadow:0px 0px 16px rgba(0,0,0,.3);	
		}
		.responsive-slider.flexslider {
			margin-bottom: 0 !important;
		}
		
		.responsive-slider.flexslider .slides img {
			border-radius: 8px;
		}
		
		.slide-title {
			display:none;	
		}
		
		
@media only screen and (max-width: 820px) {
	.promo
	{
		max-width:100%;
		width:100%;
		border-radius:0px;
		height:auto;
	}
	.responsive-slider.flexslider .slides img {
			border-radius: 0;
		}
	
	.event-item {
		width:auto;
		height:auto;
		float:none;
		overflow:auto;
	}
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 520px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 520px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 520px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 520px),
only screen and (                min-resolution: 192dpi) and (min-width: 520px),
only screen and (                min-resolution: 2dppx)  and (min-width: 520px) { 
	.promo
	{
		max-width:100%;
		width:100%;
		border-radius:0px;
		height:auto;
		clear:both;
	}
	.responsive-slider.flexslider .slides img {
			max-width:100%;
			width:100%;
			border-radius:0px;
			height:auto;
		}
	
	.event-item {
		width:auto;
		height:auto;
		float:none;
		overflow:auto;
	}

}