*{padding: 0;margin: 0;}
.demo{width:100%; margin:0px auto}
#carousel{
	z-index: 6;
	margin: 0 auto 60px;
}
	#carousel .slides li img{
		opacity: .5;
	}
	#carousel .slides li.flex-active-slide img{
		opacity: 1;
	}
	#slider{
		margin-bottom: 2px;
	}
.page-banner {
    width: 100%;
    position: relative;
    text-align: center;
}
.page-banner h1 {
    font-size: 3rem;
    width: 100%;
    color: #fff;
    position: absolute;
    z-index: 5;
    top: 36%;
    left: 0;
    right: 0;
    bottom: 0;
}

	.page-banner h1 a{
		font-size: 20px;color: #fff;display: block;margin-top: 25px;
	}
		@media only screen and (max-width: 768px) {
		.flexslider .slides img{
			width: auto;
			height: 200px;
		}
		#carousel{
			display: none;
		}
		.page-banner h1{
			font-size: 1rem;
			top: 40%;
		}
		.page-banner h1 a{
			font-size: .8rem;
			margin-top: 10px;
		}
		.flexslider .slides > li{
			overflow:hidden;
		}
	}
	@media only screen and (max-width: 518px){
		.flexslider .slides img{
			
		}
}