@media only screen and (max-width: 1200px) {
	.wrapper { width: 90%;}
	nav ul li a { padding: 14px 12px;}
	.boxes .box1 .left { width: 68%;}
	.twitter_feed .flex-direction-nav { display: none;}
}

@media only screen and (max-width: 1100px) {
	.container.whatson { padding-bottom: 50px;}
	.boxes .box { width: 100%;}
	ul.blog li .image { width: 30%;}
	ul.blog .text { width: 66%; margin-left: 3%;}
}

@media only screen and (max-width: 1070px) {
	.blogHead .left { width: 100%; margin-bottom: 15px;}
	.single .sharing { float: left;}
	.single .sharing li { margin: 0 6px 0 0;}
}

@media only screen and (max-width: 1050px) {
	nav ul { width: auto;}
	nav ul li { display: none;}
	nav ul li.menu-item-27 { display: inline-block; float: left; left: 0; right: auto;}
	nav .open_menu { display: block;}
}

@media only screen and (max-width: 1020px) {
	footer p { width: 100%; text-align: center; margin: 3px 0;}
}

@media only screen and (max-width: 900px) {
	header .right { width: 170px;}
	form.contact .field, form.contact .field.full { width: 100%; margin: 0 0 40px;}
	ul.sheets li { width: 100%; margin: 0 0 20px;}
	.mobile_cal { display: block;}
	.main_cal { display: none;}
}

@media only screen and (max-width: 760px) {
	header .right input[type=text] { width: 80%;}
	header .right { width: 125px;}
	.container #sa_widget_browser .sa_widget_tools .play { width: 30px !important; padding-top: 0 !important;}
}

@media only screen and (max-width: 700px) {
	ul.blog li .image { width: 40%;}
	ul.blog .text { width: 55%;}
}

@media only screen and (max-width: 680px) {
	.hero ul li .inner { width: 85%; top: 30%;}
	.hero .flex-direction-nav { display: none;}
}

@media only screen and (max-width: 590px) {
	header img { width: 170px;}
	header h1, header h2 { margin-top: 34px;}
	.boxes .box { width: 100%;}	
}

@media only screen and (max-width: 540px) {
	h1 { font-size: 21px; line-height: 25px;}
	h3 { font-size: 14px; line-height: 18px;}
	h4 { font-size: 16px; line-height: 20px;}
	.main h4 { font-size: 14px; line-height: 17px;}
	header .right { display: none;}
	header h1, header h2 { position: relative; float: right;}
	nav ul li.menu-item-27 a { position: relative; height: auto; top: auto; padding: 14px 19px; float: left;}
	.main { width: 100%;}
	.main img { display: block; float: none; margin: 0 auto;}
	.buttons { margin: 0;}	
	.twitter_feed { display: none;}
	.container { padding: 30px 0;}
	.container.whatson { padding-bottom: 10px;}
	.blogBrowse { padding-bottom: 30px;}
	.related h2 { margin-bottom: 25px;}
	.related .cta { margin-top: 15px;}
	footer { border-top: 1px solid #dedede;}
	.news_banner { padding: 25px 0;}
}

@media only screen and (max-width: 500px) {
	.boxes .box .sermon_feed .sermon { width: 50% !important;}
	ul.blog li .image { width: 300px; display: block; margin: 0 auto 25px; max-width: 100%;}
	ul.blog .text { width: 100%; margin: 0; display: block; text-align: center;}
	ul.blog li h2 { text-align: center;}
}

@media only screen and (max-width: 430px) {
	header { height: 87px;}
	header img { width: 145px;}
	header .left { margin-top: 34px;}
	header h1, header h2 { margin-top: 22px;}
	.service_times h5 { font-size: 15px; line-height: 20px;}
}

@media only screen and (max-width: 320px) {
	.boxes .box .sermon_feed .sermon { width: 75% !important;}
	.boxes .box2 { height: 340px;}
}