/* Defaults
---------------------------------------------------*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#mobile_nav,
.mobile {
	display:none;
}

@media (max-width: 1340px) {
	#wrapper {
		padding:0 80px;
	}

	#home header {
		width:100%;
		padding:200px 600px 100px 0;
		margin:0;
	}

	#featured {
		width:100%;
		margin:0 0 70px 0;
	}

	#featured br {
		display:none;
	}

	#featured .column1 {
		width:355px;
		float:none;
		display:inline-block;
		margin:0 22px 60px 22px;
	}

	#featured .column2 {
		width:355px;
		float:none;
		display:inline-block;
		margin:0 22px 60px 22px;
	}

	#featured .column3 {
		width:355px;
		float:none;
		display:inline-block;
		margin:0 22px 60px 22px;
	}

	#callout {
		width:100%;
		margin:0;
	}

	#callout .column1 {
		float:none;
		padding:40px 0 0 0;
		margin:0 auto;
	}

	#callout hr {
		width:1px;
		height:100px;
		background:#000;
		position:absolute;
		top:auto;
		right:auto;
		bottom:-150px;
		left:50%;
		display:none;
	}

	#callout .column2 {
		width:100%;
		float:none;
	}

	#callout .column2 img {
		margin:0 auto;
	}

	#meetdrpittman header {
		width:100%;
		padding:200px 600px 100px 0;
		margin:0;
	}

	#patientforms .button {
		margin-bottom:0;
	}

	#directions .container {
		width:100%;
		margin:0;
	}

	#directions .column1 {
		width:100%;
		float:none;
		padding:40px 0 0 0;
		text-align:center;
		margin:0;
	}

	#directions hr {
		width:1px;
		height:100px;
		background:#000;
		position:absolute;
		top:auto;
		right:auto;
		bottom:-150px;
		left:50%;
		display:none;
	}

	#directions .column2 {
		width:100%;
		float:none;
	}

	#directions .column2 iframe {
		width:100%;
		right:0;
	}

	footer {
		width:100%;
		padding:60px 80px 90px 80px;
		margin:0;
	}

	footer .column1 {
		width:31%;
	}

	footer .column2 {
		width:24%;
	}

	footer .column3 {
		width:43%;
	}

	footer .column4 {
		width:2%;
	}
}

@media (max-width: 1200px) {
	#home header {
		padding:200px 470px 100px 0;
	}

	#home header .flexslider {
		width:900px;
		right:-270px;
	}

	#meetdrpittman header {
		padding:200px 470px 60px 0;
	}

	#meetdrpittman header img {
		width:650px;
		right:-240px;
	}
}

@media (max-width: 1050px) {
	.container {
		width:100%;
		margin:0;
	}

	#aboutus header,
	#ourservices header,
	#appointmentrequest header,
	#patientforms header,
	#contactus header {
		width:100%;
		padding:200px 0 40px 0;
		margin:0;
	}

	#aboutus h1 br,
	#ourservices h1 br,
	#appointmentrequest h1 br {
		display:none;
	}

	#aboutus .intro,
	#ourservices .intro {
		width:100%;
		float:none;
		margin:0 0 40px 0;
	}

	#aboutus .content,
	#ourservices .content {
		width:100%;
		float:none;
	}

	#aboutus #photos
	#ourservices #photos {
		margin:0 0 100px 0;
	}

	#aboutus_content,
	#ourservices_content {
		padding-top:0;
	}

	#aboutus #photos .photo,
	#ourservices #photos .photo {
		width:100%;
		margin:0;
	}

	#aboutus #video {
		width:100%;
		margin:0 0 60px 0;
	}

	#aboutus #video .videoWrapper {
		margin:0;
	}

	#ourservices #photos .photo {
		right:0;
	}

	#aboutus #photos .photo2,
	#ourservices #photos .photo2 {
		display:none;
	}

	#aboutus #photos,
	#ourservices #photos {
		margin:0 0 80px 0;
	}

	#directions .container {
		padding-bottom:40px;
	}
}


@media (max-width: 1000px) {
	#testimonials .flexslider {
		width:100%;
		margin:0;
	}

	#scheduleanappointment p {
		width:100%;
		margin:0 0 40px 0;
	}
}

@media (max-width: 950px) {
	#home header {
		padding:200px 0 80px 0;
	}

	#home header .flexslider {
		display:none;
	}

	#featured {
		margin-bottom:30px;
	}

	#featured h2 {
		font:400 52px/62px "Abril Fatface Regular", helvetica, sans-serif;
	}

	#testimonials p,
	#scheduleanappointment p {
		font:400 24px/34px "LeituraNews Roman 2", georgia, serif;
	}

	#aboutus h1,
	#ourservices h1,
	#appointmentrequest h1,
	#patientforms h1,
	#appointmentrequest h1,
	#contactus h1 {
		font:400 55px/60px "Roboto Condensed Light", helvetica, sans-serif;
	}

	#callout .column1 {
		width:100%;
	}

	#callout .column2 img {
		width:100%;
	}

	#meetdrpittman header {
		padding:200px 0 40px 0;
	}

	#meetdrpittman header img {
		display:none;
	}

	.jf-form .column1 {
		width:100%;
		float:none;
		padding-right:0px;
	}

	.jf-form .column2 {
		width:100%;
		float:none;
		padding-left:0px;
	}

	footer {
		width:100%;
		text-align:center;
		padding:60px 80px 120px 80px;
		margin:0;
	}

	footer .column1 {
		width:100%;
		float:none;
	}

	footer .column2 {
		width:100%;
		float:none;
	}

	footer .column3 {
		width:100%;
		float:none;
	}

	footer .column4 {
		width:100%;
		float:none;
	}

	footer .column4 h3 {
		display:none;
	}

	footer #facebook {
		margin:0 auto 20px auto;
	}

	footer p {
		margin:0 0 20px 0;
	}
}

@media (max-width: 650px) {
	p {
		font:400 16px/26px "LeituraNews Roman 2", georgia, serif;
		margin:0 0 30px 0;
	}

	#border {
		border-top:15px solid #fff;
		border-bottom:15px solid #fff;
	}

	#borderleft {
		border-left:15px solid #fff;
	}

	#borderright {
		border-right:15px solid #fff;
	}

	#overlay {
		border:15px solid #fff;
	}

	#wrapper {
		padding:0 55px;
	}

	#scheduleappointment {
		right:15px;
	}

	#logo {
		top:50px;
		left:50px;
	}

	#home header {
	  padding-top:180px;
	  padding-bottom:70px;
	}

	#home h1 {
		font:400 40px/44px "Roboto Condensed Light", helvetica, sans-serif;
		margin:0 0 30px 0;
	}

	#nav_button {
		right:15px;
	}

	#backtotop .vline {
		height:75px;
		bottom:-15px;
	}

	#aboutus h1,
	#ourservices h1,
	#appointmentrequest h1,
	#patientforms h1,
	#appointmentrequest h1,
	#contactus h1 {
		font:400 45px/50px "Roboto Condensed Light", helvetica, sans-serif;
	}

	#aboutus .container,
	#ourservices .container {
		padding-bottom:20px;
	}

	#scheduleanappointment {
		padding-top:70px;
		padding-bottom:100px;
	}

	#appointmentrequest .container {
		padding-bottom:60px;
	}

	#patientforms p {
		margin:0 0 40px 0;
	}

	#patientforms #callout {
		margin-bottom:40px;
	}
}

@media (max-width: 500px) {
	.button {
		font:400 15px/18px "Roboto Condensed", helvetica, sans-serif;
		padding:15px 25px;
	}

	#logo {
		width:170px;
		height:88px;
		background:url("../images/logo_black.svg") no-repeat 0 0 / 170px 88px;
		left:30px;
	}

	#border {
		border-top:10px solid #fff;
		border-bottom:10px solid #fff;
	}

	#borderleft {
		border-left:10px solid #fff;
	}

	#borderright {
		border-right:10px solid #fff;
	}

	#scheduleappointment {
		font:400 15px/18px "Roboto Condensed", helvetica, sans-serif;
		padding:15px 25px;
		right:10px;
	}

	#overlay {
		border:10px solid #fff;
	}

	#wrapper {
		padding:0 35px;
	}

	#nav_button {
		right:10px;
	}

	#nav_button .text {
		display:none;
	}

	#featured h2 {
		font:400 38px/48px "Abril Fatface Regular", helvetica, sans-serif;
	}

	#featured .column1,
	#featured .column2,
	#featured .column3 {
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	#backtotop .vline {
		height:65px;
		bottom:-10px;
	}

	#callout h2 {
		font:400 34px/44px "Abril Fatface Regular", helvetica, sans-serif;
	}
}

@media (max-width: 400px) {
	#aboutus h1,
	#ourservices h1,
	#patientforms h1,
	#appointmentrequest h1,
	#contactus h1 {
		font:400 35px/40px "Roboto Condensed Light", helvetica, sans-serif;
	}

	nav ul li a {
		font:400 26px/30px "Roboto Condensed Light", helvetica, sans-serif;
	}
}