/* -----------------------------------------
   Theme Specific Media Queries
----------------------------------------- */

@media only screen and (max-width: 1024px ) {
	#bg {
		background-repeat: no-repeat;
		background-position: 50% 50%;
		height: 100%;
		width: 100%;
		z-index: -1;
		top: 0;
		position: fixed;
	}
}

@media only screen and ( max-width: 1024px ) {
	.slides-navigation a { margin: 0; }
}

/* Small desktop to mobile ----- */
@media only screen and (min-width: 960px) and (max-width: 480px) {

}

/* Only mobile ----- */
@media only screen and (max-width: 480px) {
	#title h1 { font-size: 34px; }
}

@media only screen and ( max-width: 945px ) and ( min-width: 768px ) {
	a.btn.read-more { font-size: 10px; }
}

/* Main MQuery, iPad portrait and lower -- */
@media only screen and (max-width: 768px) {
	#logo { text-align: center; margin-bottom: 30px; }
	#navigation > li { display: block; float: none; margin: 0; padding: 0; }
	#navigation > li > a { margin: 0;}
	#navigation li.appointment { margin: 0; padding: 0; border: none; }
	.appointment:after { display: none; }
	#navigation ul { width: 100%; }
	#nav { position: static; text-align: center; }
	#footer { text-align: center; }
	.copy { margin-bottom: 20px; }
	.subnav { text-align: center; position: static;}
	.subnav li { float: none; display: inline-block; }
	.entry-thumb { margin-bottom: 30px; }
	#sidebar { margin-top: 50px; }
	.featurette {	position: relative;	margin-top: 380px; }
	.featurette .item {	margin-bottom: 30px; }
	.slides-navigation { display: none; }
	.slide-content { margin-top: 250px; text-align: center !important; }
	.slide-content h1 { font-size:36px; }
	#slides { height: 500px !important; border-bottom: 1px solid rgba(255,255,255,0.3); }

}