@media only screen and (max-width: 1300px) {
	header ul { display: none;}
	.menu_toggle { display: block;}
}

@media only screen and (max-width: 1050px) {
	header ul { display: none;}
	.menu_toggle { display: block;}
	.content_boxes .left, .content_boxes .right { width: 100%;}
	.content_boxes { height: auto;}
	.content_boxes .left { height: auto; padding: 80px 0;}
	.content_boxes .left .inner { position: relative; top: auto; -webkit-transform: none; transform: none; padding: 0; width: 85%; margin: auto;}
	.content_boxes .right { height: 500px;}
}

@media only screen and (max-width: 900px) {
	.features { padding: 50px 0;}
	.features .feature { width: 100%; padding: 30px 0;}
	.news_feed .post { width: 100%; margin: 0 0 20px;}
	.child_pages .box { width: calc(50% - 21px); height: 350px;}
	footer .bottom { text-align: center;}
	footer .bottom p { float: none; display: block; margin: 5px 0;}
	footer .col { width: 50%;}
	footer .col3 { width: 100%; margin-top: 50px;}
}

@media only screen and (max-width: 800px) {
	.top_bar .email { display: none;}
	.top_bar .tel { border: none; padding-right: 0;}
	.hero .featured_text { width: 100%; bottom: 60px;}
	.wrapper { width: 85%;}
	.main { width: 90%;}
	.twitter_feed .flex-direction-nav { display: none;}
	.twitter_feed p { padding: 50px 0 0; background-position: center top;}
	.school_list .row .text { width: 100%;}
	.school_list .row .button { position: relative; top: auto; -webkit-transform: none; transform: none; float: left; right: auto; margin-top: 20px;}
	form.contact .field { width: 100%; margin: 12px 0;}
	.band div.wpforms-container-full .wpforms-form .wpforms-field,
	.band div.wpforms-container-full .wpforms-form .wpforms-field input[type=text], .band div.wpforms-container-full .wpforms-form .wpforms-field input[type=number], .band div.wpforms-container-full .wpforms-form .wpforms-field input[type=email], .band div.wpforms-container-full .wpforms-form .wpforms-field select,
	.band div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { width: 100%;}
	footer .col { width: 100%;}
	footer .col2 { margin-top: 50px; padding: 0;}
	footer ul li { width: 33%;}
}

@media only screen and (max-width: 600px) {
	.main .images div { width: 100%; margin: 15px 0; height: 200px !important;}
	.child_pages .box { width: 100%; height: 250px; margin: 0 0 20px;}
}

@media only screen and (max-width: 500px) {
	.top_bar .tel { display: none;}
	header { text-align: center;}
	h2, .find_a_school h3, .main h2 { font-size: 28px;}
	header h1, header h2 { width: 180px;}
	.hero .featured_text h5 { font-size: 19px;}
	.school_list h3 { font-size: 18px;}
	.cta { font-size: 12px;}
	.hero .featured_text h1 { font-size: 35px;}
	.main { width: 100%;}
	.field { width: 100%; margin: 10px 0;}
	footer ul li { width: 50%;}
}