/* Custom, iPhone Retina */ 
@media only screen and (max-width : 319px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.v-line.horizontal-xs {
		width: 100%;
		height: 2px;
		margin: 1em 0;
	}

	.patient-testimonials {
		text-align: center;
	}
	.patient-testimonials .flex {
		justify-content: center;
	}
	.patient-testimonials .fa-star {
		font-size: 1.5em;
		margin: 0.5em 0;
	}
	
    .grey-bg-tb {
		padding: 20px 0;
		margin: 20px 0;
		background-size: 100% 100%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.la-area {
		position: relative;
		overflow:  hidden;
	}

	.la-area > div > img {
		position: absolute;
		z-index: 0;
		top: -1.4em;
		opacity: 0.6;
	}

	.la-area .la-area-text {
		max-width: 500px;
		z-index: 1;
		margin-top: 3em;
	}

	.aao, .aacp, .aapmd, .naafo {
		padding: 0.5em 0;
	}

	.lead-magnet {
		background: url(/wp-content/themes/facefocused2018/images/homepage/facefocused-expert-mobile.jpg) #52314c !important;
		background-repeat: no-repeat !important;
		background-position: top center !important;
		background-size: contain !important;
		padding-top: 52vw;
	}
	.resources .lead-magnet {
		background: url(/wp-content/themes/facefocused2018/images/resources/facefocused-expert-mobile.jpg) #4e4e4e !important;
		background-repeat: no-repeat !important;
		background-position: top center !important;
		background-size: contain !important;
		padding-top: 52vw;
	}
	.lead-magnet .container {
		height: 100%;
	}
	.lead-magnet h2 {
		color: #ffffff;
	}
	.lead-magnet .row {
		height: 100%;
		display: flex;
		padding-bottom: 2em;
		align-items: flex-end;
		justify-content: center;
	}
	.lead-magnet .row > div {
		padding: 0 45px;
		width: 100% !important;
	}

	

}

/* Large Devices */
@media only screen and (max-width : 1200px) {

	.cta .col-md-7 {
		border-radius: 90px;
		background: white;
	}

}


/* Extra Large Devices */
@media only screen and (min-width: 1600px) {

	.lead-magnet {
		background-position: left center;
	}
	.resources .lead-magnet {
		background-position: left center;
	}

}