@media only screen and (max-width: 1250px) {
	.wrapper { width: 93%;}
	header ul { margin-right: 30px;}
}

@media only screen and (max-width: 1150px) {
	.sermon_feed .feed { width: 100%;}
	.sermon_feed .happened { margin-top: 60px;}
	.sermon_feed .feed ul { height: auto;}
	
}

@media only screen and (max-width: 940px) {
	header img { width: 200px;}
	.content_area .text { width: 60%;}
	.content_area .image { width: 30%; height: 300px;}
	.content_area.image_centre .text { width: 100%;}
	h2 { font-size: 30px; line-height: 37px;}
	.child_pages .box { height: 250px;}
	.child_pages .box { width: 47%;}
	.sermonFilter .browse, .sermonFilter .search { width: 100%; text-align: center;}
	.sermonFilter select, .sermonFilter form { display: inline-block; vertical-align: top; float: none; margin-bottom: 7px;}
	.sermonFilter #searchform { float: none; width: 300px; display: inline-block;}
	ul.sermons li .sermonInfo { width: 100%;}
	ul.sermons li .download { float: left; width: 100%; margin-top: 15px;}
	ul.sermons li .download a { margin: 0 5px 0 0;}
}

@media only screen and (max-width: 900px) {
	.main { width: 90%;}	
	.home .boxes { height: auto;}
	.home .boxes .box { width: 100%; height: 250px; position: relative !important;}
	.home .boxes .box2 { left: 0;}
	.home .boxes .box:hover { height: 250px;}
	.home .boxes .box .overlay { background-color: rgba(51,51,51,0.7);}
	.home .boxes .box h3 { font-size: 21px; line-height: 26px;}
}

@media only screen and (max-width: 850px) {
	header ul { display: none;}
	.hero .open_menu { display: block;}
	.hero .open_search { top: 40px;}	
}

@media only screen and (max-width: 800px) {
	.wrapper { width: 90%;}
	.bottom_bar p { display: inline-block; float: none !important; width: 100%; box-sizing: border-box;}
	.contact form input[type=text] { width: 97%; margin: 0 0 15px;}
	.team .member .image { width: 150px; height: 150px;}
	.team .member .bio { width: calc(100% - 200px);}
	.team .member .bio h2 { font-size: 25px;}
}

@media only screen and (max-width: 750px) {
	.flex-direction-nav { display: none;}
	.content_area .text { width: 100%; margin: 0;}
	.content_area .image { width: 70%; height: 200px; margin: 30px 0; border: 1px solid #dedede; padding: 5px; box-sizing: border-box;}
	.container .wp-pagenavi span.pages, .container .wp-pagenavi a.last { display: none;}
	.container .wp-pagenavi a, .container .wp-pagenavi span { padding: 7px;}
	.mainCal { display: none;}
	.mobileCal { display: block;}
}

@media only screen and (max-width: 690px) {
	.bottom_bar p span.one { display: none;}
	.bottom_bar p.copy br { display: block;}
	.sermonFilter select, .sermonFilter form { width: 100%;}
}

@media only screen and (max-width: 670px) {
	.contact_bar p.address { display: none;}
}

@media only screen and (max-width: 650px) {
	.child_pages .box { width: 100%; margin: 0 0 20px; height: 200px;}
	footer .col { width: 100%;}
	footer .col2 { width: 100%; border-left: none; border-top: 1px solid #7B7A7B; padding: 20px 0 0; margin-top: 20px;}
}

@media only screen and (max-width: 580px) {
	.sermon_feed .feed h5 { width: 55px; height: 55px; line-height: 15px;}
	.sermon_feed .feed h5 strong { font-size: 16px;}
	.sermon_feed .feed .right { width: 70%;}
	.sermon_feed .sermon_info { width: 100%;}
	.sermon_feed .sermon_play { float: left; width: 100%; margin: 10px 0 0; border-bottom: 1px solid #dedede; padding-bottom: 20px;}
	.sermon_feed .feed ul li a { margin: 0 5px 0 0;}
	.team .member .image { float: none; display: block; margin: 0 auto;}
	.team .member .bio { margin: 20px 0 0; text-align: center; width: 100%;}
}

@media only screen and (max-width: 500px) {
	h2 { font-size: 25px; line-height: 32px;}
	.hero .slider ul.slides li h2 { font-size: 33px; line-height: 40px;}
	.hero .slider ul.slides li p { font-size: 17px;}
	.featured_image .page_title { top: 55%;}
	.featured_image .page_title h1 { font-size: 33px; line-height: 34px;}
	.featured_image .page_title h6 { font-size: 14px; line-height: 18px;}
	.main { width: 95%;}
	.main h2, .related h2 { font-size: 27px; line-height: 34px;}
	.values .value h4 { font-size: 17px; line-height: 23px;}
	.values .value h4 span { width: 18px; line-height: 18px; background-size: 18px;}
	ul.sermons h3, .child_pages .box h3 { font-size: 15px; line-height: 19px;}
	.image_centre .text { padding: 30px 30px 40px;}
	.image_centre h2 { width: 100%;}
	.sticky_icons { display: none;}
	.content_area .image { width: 100%;}
	.container { padding: 30px 0 40px;}
	.breadcrumb_bar { display: none;}
	.bottom_bar p { font-size: 11px; line-height: 17px;}
}
@media only screen and (max-width: 400px) {
	.container .wp-pagenavi a, .container .wp-pagenavi span { font-size: 15px; line-height: 15px;}
}