/*=== Media Queries ===*/

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

/* TABLE LANDSCAPE */
@media only screen and (max-width: 1024px) {
	
}

/* TABLE POSTRAIT */
@media only screen and (min-width: 768px) {
	#main-navigation .menu { display: block !important; }	
}

@media only screen and (max-width: 768px){
	.banner-items,
	.wrapper { width: 95%; margin: auto; }
	
	#content .entry { width: 378px; }
	#content .entry .title { width: auto !important; }
	
	.page-template-template-parent-php .banner-header .thumbnail { width: 50%; }
	.page-template-template-parent-php .banner-header .header { width: 47%; }
	.page-template-template-parent-php #content .entry { padding-top: 0px; }
}

@media only screen and (max-width: 700px) {
	.banner-items,
	.wrapper { width: 100%; }
}


@media only screen and (max-width: 685px) {

	.hide { display: block; }
	
	/*=== BANNER ===*/
	.banner { margin-top: 20px; }
	.banner .banner-items {}
	.banner .banner-items .item {
		float: none;
		width: 100%; 
	}
	
	.banner .banner-items .item a {
		display: block;
		width: auto;
		height: auto;
		padding: 10px;
		text-align: center;
		background: #f47421;
	}
	
	.banner .banner-items .item + .item a { background: #d03390; }
	.banner .banner-items .item + .item + .item a { background: #a6c415; }
	.banner .banner-items .item + .item + .item + .item a { background: #0b4358; }
	.banner .banner-items .item + .item + .item + .item + .item a { background: #1a8b71; }
	.banner .banner-items .item + .item + .item + .item + .item + .item a { background: #662d91; }
	
	.banner .banner-items .item + .item + .item + .item + .item + .item + .item a { background: #5cc5dc; }
	
	.banner .banner-header {
		margin: 0;
		width: 100%;
		min-height: auto;
	}
	
	.banner-header .page-title { padding: 20px 0; text-align: center; width: 100%; }
	
	.page-template-template-parent-php .banner-header .main-page {}
	.page-template-template-parent-php .banner-header .header,
	.page-template-template-parent-php .banner-header .thumbnail { position: static; width: 95%; margin: auto; text-align: center; }
	.page-template-template-parent-php .banner-header .header { width: auto; }
	.page-template-template-parent-php .banner-header .header .page-title { width: 90%; margin: auto; }
	.page-template-template-parent-php .banner-header .header .sub-heading { 
		width: 90%;
		margin: -20px auto 10px;
	}
	
	.page-template-template-parent-php .banner-header .thumbnail {
		width: 90%;
		margin: auto;
	}
	
	.page-template-template-parent-php .banner-header .thumbnail img { margin-bottom: 20px; }
	
	/*=== CONTENTS ===*/
	#content .entry,
	#content #sidebar { width: 90%; margin: auto !important; float: none; padding: 0; background: none; }
	#content .entry .title { width: 100% !important; }
	/*=== NAVIGATION ===*/
	#main-navigation .menu { float: none; display: none; }
	#main-navigation .contact { display: none; }
	.mobile-nav {
		cursor: pointer;
		color: #fff;
		font-size: 16px;
		font-family: "GillSansMT", sans-serif;
		text-transform: uppercase;
		text-align: center;
		padding: 15px;
		border-bottom: 1px solid #373737;
	}
	
	.mobile-contact { display: block; color: #666; padding: 12px 0 15px; }
	.mobile-contact a { color: #666; text-decoration: none; }
	.mobile-contact p { margin: 0; font-size: 14px; }
			
	#main-navigation ul { float: none; margin: 0; padding: 0; width: 100%; }
	#main-navigation ul li { 
		float: none; 
		padding: 0 !important;
		margin: 0 !important;
		width: 100%;
		text-align: center;
	}
	#main-navigation ul li a {
		display: block !important;
		background: none !important;
		text-indent: 0 !important;
		width: auto !important;
		height: auto !important;
		padding: 10px !important;
		margin: 0 !important;
	}
	
	#main-navigation ul ul { 
		display: block; 
		float: none;
		position: static;
		width: 100%;
	}
	
	/*=== FOOTER ===*/
	#footer .copyright { padding: 0 0 20px 0; }
	#footer .copyright,
	#footer-menu { float: none !important; width: 100%; text-align: center; }
	#footer-menu ul { padding: 0; margin: 0 auto; width: 90%; }
	#footer-menu ul li { float: none; margin: 0 0 2px 0; }
	#footer-menu ul li a { display: block; padding: 5px; background: rgba(255,255,255,0.4); }
}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 567px) {
	.search .banner-header { display: none; }
}

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

}