/* Global */
div {
	box-sizing: border-box;
}
div.slides {
box-sizing:content-box;
}
body {
	background: none;
}
#topmenu, #footer {
	background: #1D1D1D;
}
#middle #right {
	float:left;	
}
#middle #main {
	margin-right:0 !important;	
	float:left;
}

ul.logos li {
padding-top:20px;
float:left;
min-height:180px;
border-bottom:2px #ccc solid;	
font-size:14px;
}
ul.logos li img {
margin-bottom:10px;
}
h2+table {
/*fixing office hours table*/
margin-top:10px;	
}
.leftquote {
width:500px;
max-width:100%;	
}
.desktop {
display:none;	
}
img.photo.borderless {
border:none;
}
/* End Global */
@media screen and (min-width:460px) {
	/* Tablet & Desktop Only */
	.slider.mobile {
		display:none;	
	}
	.slider.tablet {
		display:block;	
	}
	.mobile-contact {
		display: none;
	}
	.mobile-menu {
		display: none;
	}
	#middle #main {
		padding-right:20px;	
	}	
	.desktop {
	display:block;	
	}
}
@media screen and (min-width:800px) and (max-width:1024px) {
	div.slider ul, div.slider ul li {
	list-style: none;
	height: 125px;
	overflow: hidden;
	text-align: center;
	}
	div.slider ul li img {
	margin-left:-290px !important;	
	}
}
@media screen and (min-width:460px) and (max-width:800px) {
	/* tablet */
	#middle #main{
		float:none;
		width:100% !important;
	}
	div.slider ul, div.slider ul li {
	list-style: none;
	height: 100px;
	overflow: hidden;
	text-align: center;
	}
	
	#slides {
	height:50px !important;
	}
	/*.slider.tablet ul li {
	height:200px !important;
	display:block;
	}
	.slider.tablet ul li div {
	background-position:-300px 0 !important;
		display:block;
	height:100%;
	}*/
}
@media screen and (min-width:460px) and (max-width:1000px) {
	/* Tablet*/
	/* Header Modifications */
	#header {
		margin-bottom: 20px;
	}
	#header .logo {
		width: 100%;
		text-align: center;
		clear: both;
		display: block;
		float: none !important;
	}
	.logo img {
		margin-bottom: 10px;
	}
	#header .contact_info {
		float: none !important;
		clear: both !important;
		display: block;
		margin: 0 auto;
		width: 400px !important;
	}
	.contact_info a:first-child {
		float: left !important;
		display: inline-block !important;
		margin-top: 10px !important;
	}
	.contact_info a:last-child {
		float: right !important;
	}
	#header {
		clear: both;
		display: block;
		min-height: 140px;
	}
	.contact_info .tab_clearfix {
		clear: both;
	}
	#topmenu {
		clear: both;
	}
	/* End Tablet Header Mods */

	/* Tablet: Home Page Boxes */

	div.homepage_boxes div.homepage_box {
		width:100%;
		float:none;
		clear:both;
		margin:0 20px 20px 20px;
		padding:0;
		height:auto;
	}
	div.homepage_boxes div.homepage_box div.detail {
		min-height:auto;
		height:auto;	
		padding-bottom:10px;
	}

	.homepage_box img {
		margin-top:-20px !important;	
	}
	div.bottom_links ul {
		width:500px;
		margin:auto;	
	}
	/* Bottom Links */ 

	div.bottom_links ul li {
		margin-bottom:10px;	
	}
	div.bottom_links ul li.first {
		margin-left:10px;
	}
	div.bottom_links ul li:nth-child(3) {
		clear:left;

	}
	/* Tablet Content */
	#middle #main {
		float:left;
		width:70%;
	}
	#middle #main .content{
		width:100%;
		padding:0 10px;
	}

	/* End Tablet Content */

	/* Tablet Footer Links */
	div#footer {
		height:auto;
		padding:20px;
	}

	div#footer div.footer_social {
		float: none;
		clear:both;
		padding-top: 20px;
		right:0;
		width:100%;
	}
	div#footer div.footer_social .design_credits {
		margin-left:0 !important;
		padding-left:0;
	}
	div#footer div.footer_social .design_credits a {
		font-weight: bold;

	}
	/* End Tablet Footer Links */
}

@media screen and (max-width:1000px) {
	/* Tablet & Phone */
	/* Menu CSS */
	.sf-menu {
		position: static !important;
	}
	a.mobile-menu {
		display: block;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 10px;
	}
	a.mobile-menu:hover {
		text-decoration: none;
		background: #252525;
	}
	div#topmenu {
		height: auto;
	}
	.sf-menu {
		display: none;
	}
	.sf-menu li {
		width: 100% !important;
		padding: 0 !important;
	}
	.sf-menu li a {
		display: block;
		padding: 10px 15px !important;
		width: 100%;
		border-bottom: 1px #2C2C2C solid;
	}
	.sf-menu li a span {
		display: inline !important;
	}
	.sf-menu>li:first-child>a>span {
		/* remove the duplicate */
		display: none !important;
	}
	.sf-menu {
		background: #000;
	}
	/* Drop Down Menus */ 
	.sf-menu li ul {
		margin-left: 0 !important;
		display: none;
		position: static;
		float: none;
		width: 100%;
	}
	.sf-menu li ul li a {
		background: #3C3C3C;
		display: block;
		width: 100%;
		border-bottom: 1px #2C2C2C solid !important;
	}
	/* Slider */
	.slider {
		width: 90%;
		height: auto !important;
	}
	.slider img {
		width: 100%;
		height: auto;
	}
	.slider li {
		height: auto !important;
	}
	.wrapper {
		width: 100% !important;
	}
	.slider {
		width: 100%;
		margin: auto;
	}
	
	
#contactforms {
max-width:90%;
box-sizing:border-box;
}

#contactforms fieldset, #contactforms legend{
	max-width:100% !important;
	box-sizing:border-box;

}
.content #contactforms .half input{
	max-width:100%;
	width:180px;
}
.content #contactforms input, 
.content #contactforms form .long, 
.content #contactforms form input.full,
.content #contactforms form textarea.full {
max-width:100% !important;	
width:180px;
}

	
}

@media screen and (max-width:460px) {
	/* Portrait Phone */	
	
	

	.leftquote {
	width:100%;
	clear:both;
	display:block;
	}
	
	.quote {
		clear:both;
		width:100%;
		float:none;	
	}
	.content blockquote {
		padding-left:0;
	}
	.slider.mobile {
		display:block;	
	}
	.slider.tablet {
		display:none;	
	}
	div.slider ul, div.slider ul li {
		height:auto;
		min-height:150px;
	}
/*ul#slides {
	height: 50px;
	}*/
	
	.logo img {
		width: 100% !important;
	}
	img.fullpic {
		width:100%;
		height:auto;
		max-width:400px;
	}
	.footer_links {
		margin-bottom: 15px;
	}
	div.bottom_links ul li {
		margin: auto;
		margin-bottom: 10px;
	}
	div.homepage_boxes {
		padding: 22px 10px;
	}
	div.homepage_boxes div.homepage_box {
		margin: auto;
		margin-bottom: 15px;
		padding: 0;
		border-bottom: 5px #ccc solid;
		padding-bottom: 15px;
	}
	div.homepage_boxes div.homepage_box:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	div.contact_info {
		display: none;
	}
	.mobile-contact {
		display: block;
		clear: both;
		padding: 10px;
		text-align: center;
		font-size: 18px;
	}
	.mobile-contact a {
		font-weight: bold;
		color: #2F7A53;
	}
	/* Phone Content */
	#middle #right {
		width:100%;
		clear:both;
		float:none;	
	}
	#middle #right .sidemenu {
		width:226px;
		margin:auto;
		margin-bottom:10px;
	}
	#middle #main {
		margin:10px auto !important;	
		padding:0;
	}
	#middle #main .content {
		width:100%;	
		padding:0 20px;
	}
	/* hide the directions iframe*/

	#middle #main .content .photo, #middle #main .content .slides, #middle #main .content iframe {
		clear:both;
		float:none;
		margin:10px auto;
		display:block;
		max-width:90%;
		height:auto;
	}
	#middle #main .content .slides {
		margin:20px auto !important;
	}
	ul.logos {
	margin-top:0;
	padding-top:0;	
	}
	ul.logos li:first-child {
	padding-top:0;	
	}
	ul.logos li  {
	padding-bottom:20px;
	border-bottom:2px #ccc solid;
	padding-top:20px;
	width:100%;	
	}
	ul.logos li img {
	margin-bottom:10px;	
	}
	/* End Content */
	/* Bottom Links */
	div.bottom_links ul li, div.bottom_links ul li.first {
		float: none;
		margin: auto;
		padding-top: 1px;
		margin-bottom: 5px;
	}
	div.bottom_links ul li a {
		display: block;
	}
	/* End Links */
	/* Footer */
	div#footer {
		height: auto;
	}
	div#footer div.footer_links, div#footer div.footer_address, div#footer div.footer_social {
		width: 100%;
		clear: both;
		padding: 0 15px;
		right: 0 !important;
		box-sizing: border-box;
	}
	div.footer_links {
		width: 100%;
	}
	div#footer div.footer_social {
		float: none;
		margin: 0;
		padding-top: 20px;
	}
	div#footer div.footer_social .design_credits a {
		font-weight: bold;
	}
	/* / Footer */
	
	/* Side Bar*/
	#right {
	text-align:center;	
	}
	#right a.patiented {
	display:block;
	margin-bottom:10px;	
	}
	#right .sidemenu {
	text-align:left;	
	}	
	/*End Side Bar*/
	ul.logos li {
		padding-top:20px;
		min-height:auto;
	}
	/* Individual Pages */
	
	.picRight {
	clear:both;
	display:block;
	float:none;	}
	
	img.picRight {
	width:90%;
	height:auto;
	margin:0;
	}
	div.picRight {
	
	}
	table.picRight {
	margin:10px auto; 
	width:100%;	
	}
	div.caption {
	font-size:16px;	
	}
	ul.procedure {
	width:100%;	
	max-width:320px;
	}
	ul.procedure.ridge {
	max-width:210px;
	}

	ul.procedure li:nth-child(odd) {
	clear:both;	
	}
}
@media screen and (max-width:600px) {
#appointmentform .half{
	width:100%;
	box-sizing:border-box;
	float:left;
}
#appointmentform .half:nth-child(2) {
	padding-left:0 !important;
	margin-left:0;
}


table.implant-proc tr td {
display:block;
width:100%;
clear:both;	
box-sizing:border-box;

}
table.implant-proc {
max-width:290px;
width:100%;	
box-sizing:border-box;
}
table.implant-proc img {
max-width:100%;	
}
}
@media screen and (max-width:320px) { 
	div.slider ul, div.slider ul li {
		height:150px;
		overflow:hidden;		
	}
	.cp-video {
	text-align:left;
	width:100%;	
	}
	.cp-video iframe{
		margin-left:-60px !important;
		margin-right:-60px !important;
	}

}