/*** Responsive css ***/
@media screen and (max-width:1023px) {
	#slider .container { width:100%; left:0; margin-left:0; }


}

@media screen and (max-width:850px) {
#content { padding:30px 0; }
}
@media screen and (max-width:767px) {
body { font-size: 14px; line-height: 20px; }
h1 { font-size: 30px; padding-bottom:30px; }
h1 span { font-size: 20px; }
h6 { font-size: 15px; line-height: 20px; }
#slider { position:relative; min-height:100%; background:none; }
#slider .container .content { padding-top:10px; }
#slider .container h1 { font-size:14px; padding-bottom:10px; }
#slider .container h2 { font-size:30px; }
#slider .container { padding:0; }
.content-wrapper { position:absolute; width:100%; height:100%; }
.content-wrapper:before { position:fixed; content:""; width:100%; height:100%; background:url(../images/banner-01.jpg) 50% 50% no-repeat fixed; background-size:cover; }
#slider::before, #slider::after { display:none; }
}
@media screen and (max-width:567px) {
h1 { font-size: 26px; }
.container { width: 94%; }
#slider .container h1 { font-size:14px; letter-spacing:2px; padding-bottom:0; }
#slider .container h2 { font-size:22px; margin-bottom:10px; }
#slider .container h2:before { width:150px; margin-left:-75px; }
#slider .container h2:after { width:75px; margin-left:-37px; }
#slider .container p { font-size:14px; line-height:24px; }

}
@media screen and (max-width:480px) {

}
@media screen and (max-width:360px) {
	
}