/*
We are using a separate file for this as it needs to follow the skin.css due to cascading of rules.
If we don't we need to !important all the media query rules which will then break custom.css rules.
Custom.css follows this file so you can still override its behavior.


Media Queries
---------------------------------------------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* X-Large screen desktops - 1600px and greater */
@media only screen and (min-width: 100em) {

}

/* mobile/tablet portrait content - 1024px and below */
@media only screen and (max-width: 64em) {

	.ortho-inner #content_wrapper,
	.columnar_row_wrapper {
		background-attachment: local !important;
	}

	#header_wrapper .columnar_row .full-width .widget,
	#content_wrapper .columnar_row .full-width .widget,
	#footer_wrapper .columnar_row .full-width .widget{
		padding-left: 0;
		padding-right: 0;
	}

	#header_wrapper .columnar_row .full-width .widget_ortho_content_area .custom-content-area-inner,
	#content_wrapper .columnar_row .full-width .widget_ortho_content_area .custom-content-area-inner,
	#footer_wrapper .columnar_row .full-width .widget_ortho_content_area .custom-content-area-inner {
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.homepage_row_column {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.header_row_column,
	.footer_row_column {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.header_row_column.full-width,
	.homepage_row_column.full-width,
	.footer_row_column.full-width {
		padding-left: 0;
		padding-right: 0;
	}

	.ortho-inner #content_wrapper #primary {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.ortho-footer-map-panel .ortho-footer-map-overlay {
		height: 50%;
		display: none;
	}

	.ortho-footer-map-panel .office_location .office_info .mapicon {
		transform: scale(0.75);
	}

	.blog-layout2 article .entry-summary {
	    height: 9.375rem;    /* 150 px */
		overflow: hidden;
	}

	.blog-layout2 article .entry-more-link {
	    bottom: 0;
	    top: 0;
	    height: 25px;
	    margin-top: -25px;
	    position: relative;
	}

	.person-portfolio .person-entry {
	    padding: 0;
	}
}

/* LANDSCAPE TABLETS Typography: 901px - 1040px (139px range)*/
@media only screen and (min-width: 56.31em) and (max-width: 65em) {

	h1 {
	    font-size: 1.8em !important;
	}

	h2 {
	    font-size: 1.3750em !important;
	}

	h3,
	h4 {
	    font-size: 1.2em !important;
	}

	p {
	    font-size: .9em !important;
	}

	ul {
	     font-size: .9em !important;
	}

	.location_name {
		font-size:1em !important;
	}

	.address_block {
		font-size:1em !important;
	}

	a.phone {
		font-size:1.2em !important;
	}

	#copyright_notice_block {
	    font-size:.8em !important;
	}

	.ortho-footer-map-panel .ortho-footer-map-logo img,
	.ortho-footer-map-panel .ortho-footer-map-logo source {
		height: 50%;
	    width: 50%;
	    display: block;
	    margin: 0 auto;
	}

	.blog-layout2 article {
	    max-height: 15.625rem;  /* 250px */
	}
}

/* PORTRAIT TABLETS Typography: 750px - 900px  (250px range) */
@media only screen and (min-width: 46.875em) and (max-width: 56.25em) {

	h1 {
	    font-size: 1.5em !important;
	}

	h2 {
	    font-size: 1.2em !important;
	}

	h3,
	h4 {
	    font-size: 1.1em !important;
	}

	p {
	    font-size: .9em !important;
	}

	ul {
	     font-size: .9em !important;
	}

	.ortho-patient-links {
        font-size: 0.9em;
	}

	.ortho-patient-links .patient-link a span.link-name {
	    font-size: 1em !important;
	}

	.location_name {
		font-size: 1em !important;
	}

	.address_block {
		font-size: .8em !important;
	}

	a.phone {
		font-size: .8em !important;
	}

	#copyright_notice_block {
	    font-size: .8em !important;
	}

	.ortho-footer-map-panel .ortho-footer-map-logo img,
	.ortho-footer-map-panel .ortho-footer-map-logo source {
		height: 50%;
	    width: 50%;
	    display: block;
	    margin: 0 auto;
	}

	.blog-layout2 article {
	    max-height: 15.625rem;  /* 250px */
	}
}


/* tablet/desktop content - 750px and above */
@media only screen and (min-width: 46.875em) {


}


/* tablet portrait 750px - 1024px */
@media only screen and (min-width: 46.875em) and (max-width: 64em) {

}

/* Fix for CF7 Input fields on Safari 
	-- due to shrink-to-fit=no is not defined
	-- only affects safari below 768 */
@media only screen and (max-width: 768px) {
    div.wpcf7 form.wpcf7-form input {
        -webkit-text-size-adjust: 100%;
    }
}

/* mobile content - 749px and below */
@media only screen and (max-width: 46.8125em) {

	a[href^="tel:"] {
		text-decoration: underline !important;
	}

	.rwd-line,
	.single_line_nap.rwd-line {
		display: block !important;
	}

	#main,
	#sidebar {
		width: 100% !important;
		padding: 0;
	}

	#main article {
		padding: 0 0 15px;
	}

	.home #main {
		padding: 0;
	}

	#header_wrapper .columnar_row .widget,
	#content_wrapper .columnar_row .widget,
	#footer_wrapper .columnar_row .widget{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.columnar_row .widget.auto-width.alignright,
	.columnar_row .widget.auto-width.alignleft,
	.columnar_row .widget.percent-width.alignright,
	.columnar_row .widget.percent-width.alignleft,
	#sidebar .widget.auto-width.alignright,
	#sidebar .widget.auto-width.alignleft {
	    float: none;
	    margin: 0 auto;
	}

	.homepage_row_column {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.footer_row_column {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.footer_row_column.full-width {
		padding-left: 0;
		padding-right: 0;
	}

	.one-sixth,
	.one-fifth,
	.one-fourth,
	.one-third,
	.one-half,
	.two-sixths,
	.two-fifths,
	.two-fourths,
	.two-thirds,
	.three-sixths,
	.three-fifths,
	.three-fourths,
	.four-sixths,
	.four-fifths,
	.five-sixths {
		margin: 0;
		width: 100%;
		float: none;
	}

	.push-one-sixth,
	.push-one-fifth,
	.push-one-fourth,
	.push-one-third,
	.push-two-sixths,
	.push-two-fifths,
	.push-one-half,
	.push-three-sixths,
	.push-two-fourths,
	.push-three-fifths,
	.push-four-sixths,
	.push-two-thirds,
	.push-three-fourths,
	.push-four-fifths,
	.push-five-sixths {
		left: 0;
	}

	.entry-content .ortho-column {
	    padding-left: 0;
	}

	.header-logo {
	    width: 90%;
	    margin: 1em auto;
	    text-align: center;
	}

	.header-logo img,
	.header-logo source {
		width: 100% !important;
	}

	#mobile-header {
		padding-top: 1em;
	}

	.content_boxes.horizontal.boxes_1 .content_box,
	.content_boxes.horizontal.boxes_2 .content_box,
	.content_boxes.horizontal.boxes_3 .content_box,
	.content_boxes.horizontal.boxes_4 .content_box,
	.content_boxes.horizontal.boxes_5 .content_box,
	.content_boxes.horizontal.boxes_6 .content_box {
		width: 100%;
		margin: 1em auto;
		float: left;
	}

	.content_boxes.horizontal.boxes_1 .content_box.grid_layout,
	.content_boxes.horizontal.boxes_2 .content_box.grid_layout,
	.content_boxes.horizontal.boxes_3 .content_box.grid_layout,
	.content_boxes.horizontal.boxes_4 .content_box.grid_layout,
	.content_boxes.horizontal.boxes_5 .content_box.grid_layout,
	.content_boxes.horizontal.boxes_6 .content_box.grid_layout {
		width: 50%;
	}

	.content_boxes.grid.one-half .content_box,
	.content_boxes.grid.one-third .content_box {
		width: 100%;
	}

	.content_boxes.horizontal .content_box.grid_layout:nth-child(3) {
		clear: left;
	}

	.content_boxes .content_box.grid_layout.oddlast {
		margin: 0 auto;
		float: none;
	}

	.content_boxes .content_box.grid_layout.oddlast .content_box_inner {
		float: left;
		width: 100%;
	}

	.content_boxes.horizontal .content_box {
	    height: auto;
	}

	.widget_ortho_horizontal_buttons .content_boxes {
		margin-top: 0 !important;
	}

	.content_boxes.horizontal .content_box.grid_layout {
		display: block;
		float: left;
	}

	.content_boxes.vertical {
		float: none;
	}

	.content_boxes.vertical .content_box {
		width: 100% !important;
	}


	.widget-title h2 {
		text-align: center !important;
	}

	/*
	 ***   Ortho Templates
	 */

	/* Blog */
	#main.blog-layout2 {
	    padding: 1em 0.5em;
	}

	.blog-layout2 article {
		height: auto;
	}

	.blog-layout2 article .post-entry-image {
		height: 40vh;
	}

	/* Location */
	.location-entry .office_info_contact_form .wpcf7 {
		width: 100%;
	}

	/* Before - After */
	.before-after-entry .before-after-block,
	.before-after-entry.column-3 .before-after-block {
		width: 100%;
		float: none;
		padding: 1em 0.5em;
	}

	/* Testimonials */
	.testimonial-profile-image {
		display: block;
		max-width: none !important;
		float: none;
		margin-bottom: 1em;
	}

	.slick-slide .testimonial-profile-image img,
	.slick-slide .testimonial-profile-image source {
		width: auto;
	}

	/* Video */
	.video_container {
		display: none;
	}

	/* Event */
	.event-entry .event-info .event-image {
		display: block;
		max-width: none;
		margin: 0 0 1em;
		float: none;
	}

	.event-entry .event-info .event-info-nap,
	.event-entry .event-info-embedded-map {
		width: 100%;
		display: block;
		margin: 0 0 1em;
		padding: 0;
	}

	/* Sitemap */
	.sitemap ul {
		list-style-type: none;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
		font-size: 1.2rem;
	}

    /*
    ***   Ortho Widgets
    */

	/* Code */
	.orthocode_widget {
		padding-left: 0.75em;
	    padding-right: 0.75em;
	}

	/* Location */
	.content-left .ortho-office-location {
		margin-left: auto;
	}

	.content-right .ortho-office-location {
		margin-right: auto;
	}

	/* Custom Content */
	.content-left .custom-content-area-inner {
		margin-left: auto;
	}

	.content-right .custom-content-area-inner {
		margin-right: auto;
	}

	.widget_ortho_content_area .custom-content-area-inner {
	     padding-left: 0;
	     padding-right: 0;
	}

	/* Video */
	.content-left .orthovideo_inner,
	.content-right .orthovideo_inner {
	    float: none;
	    text-align: center;
	    margin: 0 auto;
	}

	.content-center .video-gallery {
		margin-left: auto;
		margin-right: auto;
	}

	.content-left .video-gallery,
	.content-right .video-gallery {
		float: none;
		text-align: center;
	}

	/* Testimonials */
	.testimonials-container {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.widget_ortho_testimonials .testimonial-slider-image {
	    padding-right: 0;
    }

	/* Footer Maps */
	.ortho-footer-map-panel .footer-map-half-left,
	.ortho-footer-map-panel .footer-map-half-right {
	    width: 100%;
		left: 0;
		position: static;
	}

	.ortho-footer-map-panel .office_location .office_info_wrapper {
		position: static;
	}

	.ortho-footer-map-panel .office_location .office_info {
	    display: block;
	    width: 100%;
	    position: static;
		opacity: 1 !important;
	}

	.ortho-footer-map-panel .ortho-footer-map-logo {
		display: none;
	}

	.ortho-office-location.footer-map-half .office_map {
	    border: 0 !important;
	}

	.ortho-footer-map-panel .office_location {
		overflow: hidden;
	}

	.ortho-footer-map-panel .ortho-office-location .office_map {
		width: 200%;
		margin-left: -50%;
	}

	.ortho-footer-map-panel .ortho-office-location .office_map img,
	.ortho-footer-map-panel .ortho-office-location .office_map source {

	}

	/* Slider Overlay */
	.widget_ortho_overlay .slider-container .overlay-buttons {
		margin-top: 0 !important;
	}

	/* Single Image */
	.widget_ortho_single_image .ortho-single-image {
		max-width: 90%;
        margin: 0 auto;
	}

	/* Contact Form 7 */
	.wpcf7-form #custom-form p {
		width: 100%;
		float: none;
	}

	/* Google Places Review */
	div.gpr-bare-bones.gpr-widget-inner {
	    width: 87.5%  !important;
	    margin: 0 auto  !important;
		float:none;
	}

}

/* Mobile devices - 359px and below */
@media only screen and (max-width: 22.4375em) {

}