/*****************/
/** 1150 PIXELS **/
/*****************/
@media only screen and (max-width:1150px)
{	
	/* NAVIGATION */

	nav#web-nav #nav-wrap #main-nav li nav#procedure-nav ul#select-group>li { max-width:275px;}
	h4.procedure-title {font-size:1.2em;}
	h4.procedure-title span { display: none; }
	
	/* SINGLE PROCEDURE SUB */
	nav#single-procedure-nav ul#single-select-group>li { max-width:275px;}
	
	/* PRODUCTS */
	#main-content.interior .single-product { background-color:#fff; display:block; width:auto; max-width:940px; padding:30px; margin: 15px 60px; }
	
	#main-content.interior .center-products {width:auto; margin:20px auto 39px auto; padding:0px 60px;}
	#main-content.interior ul.no-format.product-list li {background-color:#fff; float:left; width:40%; height:300px; margin:1px; padding:30px;}

	#landing-single .col-3-2 { width: 50%; }
	#landing-single .col-3 { width: 45%; }
}

/*****************/
/** 1000 PIXELS **/
/*****************/
@media only screen and (max-width:1000px)
{	
	/* BEFORE AND AFTER */
	#before-and-after .bind-width {max-width:768px;}
	#before-and-after { height:300px;}
	#before-and-after #ba-images #image-groups {width:384px;}
	#before-and-after #ba-images #image-groups>li .single-patient>li div.single-image img {width:384px; height:auto;}
	#before-and-after #ba-info { margin-left:384px; text-align:center; width:384px;}
	#before-and-after #ba-info p {display:none;}
	#before-and-after #ba-info h2 {font-size:1.8em; }
	
	/* CONTACT MAP */
	#contact-feature { height:300px;}
	#contact-feature .bind-width {max-width:768px;}
	#contact-feature #contact-text h1 {font-size:1.5em;}
	#contact-feature #contact-text { margin-left:384px; text-align:center; max-width:384px;}


	/* WHAT WE DO FEATURE */
	#whatwedo-feature ul li.outer { height:250px; }
	#whatwedo-feature .info {position:absolute; margin-top:20px; opacity:0;}
	#whatwedo-feature .info h2 { font-size:1.5em; }
	#whatwedo-feature .info p { margin-top:10px; margin-bottom:0px; padding:0px 20px;}
	
	/* STAFF FEATURE */
	#staff-feature ul li.outer {width:50%; height:300px;}
	#staff-feature ul li.general {width:100%; height:300px;}
}

/****************/
/** 950 PIXELS **/
/****************/
@media only screen and (max-width:950px)
{	
	/* NAVIGATION */
	nav#web-nav #nav-wrap {text-align:center;}
	nav#web-nav #nav-wrap #logo {text-align:center; float:none; margin:0px; padding-top:15px;}
	nav#web-nav #nav-wrap #logo #centered {display:inline-block;}
	nav#web-nav #nav-wrap #logo #left-aligned {display:none;}
	nav#web-nav #nav-wrap #main-nav {float:none; display:inline-block;}
	nav#web-nav #nav-wrap #main-nav li {margin:0px 7px; padding:7px 0px 15px 0px; }
	
	#desktop-logo, 	#mobile-logo { }
	#desktop-logo .header-contact { margin: 0 auto 10px auto; text-align: left; }
	
	/* HOME INTRO */
	#intro-feature #home-content { color:#fff; text-align:center; padding-top:100px; padding-bottom:50px;}
	
	/* AROUND THE SITE FEATURE*/
	#around-the-site #site-feature .max-width { min-height:516px;}
	#around-the-site #site-feature #around-site-content { float:left; margin-right:379px;}
	#around-the-site #site-feature #feature-blocks {position:absolute; right:0px; width:344px; margin-right:30px;}

	/* FOR PATIENTS */
	#main-content.interior #downloads-feature ul.no-format {width:auto;}
	#main-content.interior #downloads-feature ul.no-format li {float:none; width:auto;}
}

/****************/
/** 850 PIXELS **/
/****************/
@media only screen and (max-width:850px)
{	
	/* NAVIGATION */
	#mobile-expanse {position:relative;}
	#procedure-nav ul#select-group {}
	#procedure-nav ul#select-group>li {}
	#procedure-nav ul#select-group>li ul li {display:none;}
	#procedure-nav ul#select-group>li ul li.title {display:block;}
	nav#web-nav #nav-wrap #main-nav li nav#procedure-nav .menu-divider {margin-top:0px; height:20px;}
	h4.procedure-title {font-family:"Playfair Display",times,serif; text-transform:uppercase; font-size:1.1em; font-weight:normal; color:#070208; margin:0px 30px 18px 30px; text-align:left; opacity:0.5;}
	li.active h4.procedure-title {opacity:1;}
	h4.procedure-title:hover {opacity:1; cursor:pointer;}
	nav#web-nav #nav-wrap #main-nav li nav#procedure-nav ul#select-group>li.active ul {position:absolute; background-color:#c4bfc4; left:0px; top:40px; width:100%; padding:0px 0px 20px 0px;}
	nav#web-nav #nav-wrap #main-nav li nav#procedure-nav ul#select-group>li.active ul li {display:block; text-align:center; border-top:1px solid #9e9c9e; padding:10px 0px; margin:0 10% 0 10%; width:80%; }
	
	/* SINGLE PROCEDURE SUB NAV */
	#single-mobile-expanse {position:relative;}
	#single-procedure-nav ul#single-select-group>li ul li {display:none;}
	nav#single-procedure-nav .menu-divider {margin-top:0px; height:20px;}
	nav#single-procedure-nav ul#single-select-group>li.active ul {position:absolute; background-color:#c4bfc4; left:0px; top:40px; width:100%; padding:0px 0px 20px 0px; z-index:10;}
	nav#single-procedure-nav ul#single-select-group>li.active ul li {display:block; text-align:center; border-top:1px solid #9e9c9e; padding:10px 0px; margin:0 10% 0 10%; width:80%; }
	
	#sub-space-holder {display:block;}
	
	/* PRODUCTS */
	#main-content.interior .center-products {width:auto; }
	#main-content.interior ul.no-format.product-list li {float:none; width:auto; height:auto;}
	
	#landing-single .col-3-2 { width: 100%; margin-right: 0; }
	#landing-single .col-3 { margin-top: 30px; width: 100%; }
}

/****************/
/** 800 PIXELS **/
/****************/
@media only screen and (max-width:800px)
{	
	/* NAVIGATION */
	h4.procedure-title span {display:none;}
	
	/* TESTIMONY */
	#testimony h1 {font-size:1.5em;}
	
	/* TESTIMONIES */
	#main-content.interior #testimonies li p {font-size: 1.5em; }

	
	/* BEFORE AND AFTER */
	#before-and-after #top-BA-title { padding:20px 0px; display:block; font-size:1.8em; font-family:"ModernReg",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; letter-spacing:4px;}
	#before-and-after .bind-width {max-width:768px;}
	#before-and-after { height:auto;}
	#before-and-after #ba-images {background-color:grey; height:300px; float:none; width:384px; margin:0px auto;}
	#before-and-after #ba-images #image-groups {width:384px;}
	#before-and-after #ba-images #image-groups>li .single-patient>li div.single-image img {width:384px; height:auto;}
	#before-and-after #ba-info {text-align:center; width:384px; position:static; width:100%; margin:0px;}
	
	#before-and-after #ba-info p {display:none;}
	#before-and-after #ba-info h2 { font-size:1.8em; display:none; }
	#before-and-after #ba-info #people-choices {padding:20px;}
	
	/* MEET THE DOCTOR */
	#meet-the-doc.interior-video #doc-content hr {}
	#meet-the-doc.interior-video #doc-content h2 {}
	#meet-the-doc.interior-video #doc-content p {display:none;}
	
	/* CONTACT MAP */
	#contact-feature {height:auto; text-align:center; padding-bottom:30px; }
	#contact-feature #contact-text { position:static; margin:0px auto; text-align:center;}
	#contact-feature iframe {margin:0px auto; display:inline-block; padding-bottom:20px;}
	#contact-feature #contact-text h1 {display:none;}
	#contact-feature #top-contact-title { padding:30px; display:block; font-family:"ModernReg",Arial, Helvetica, sans-serif; font-size:1.5em; text-transform:uppercase; text-align:center; letter-spacing:4px; line-height:1em; max-width:384px; margin:0px auto;}
	
	/* WHAT WE DO FEATURE */
	#whatwedo-feature ul li.outer { height:200px; }
}

/****************/
/** 750 PIXELS **/
/****************/
@media only screen and (max-width:750px)
{
	/* CONTACT FEATURE */
	.contact-list h3 {font-family:"Playfair Display",Times,serif; color:#000; font-size:1.5em; margin-bottom:10px;}
	.bind-contact { padding:20px 40px 0px 30px; }
	.bind-contact #contact-info {position:static; width:100%; float:right;}
	.bind-contact .form { margin-right:0px; margin-bottom:20px; max-width:none;}
	.bind-contact .form .style-select { background:url('../img/select-arrow.png') no-repeat right center #fff; }
	.bind-contact .form input[type="submit"] {background:url('../img/button-slice.png') repeat-x; }
	ul.no-format.contact-list { font-size:0.8em; margin-bottom:30px; }
	ul.no-format#contact-info>li { float:left; width:50%; min-width:250px; }
	
	/* STAFF FEATURE */
	#staff-feature .info p { padding:0px 30px;}
	#staff-feature .info h2 {padding:0px 30px; font-size:1.5em;}

}

/****************/
/** 700 PIXELS **/
/****************/
@media only screen and (max-width:700px)
{
	/* AROUND THE SITE FEATURE */
	#around-the-site #site-feature {overflow:visible; padding:30px 0px;} 
	#around-the-site #site-feature #around-site-content { float:none; margin:0px auto; text-align:center;}
	#around-the-site #site-feature #around-site-content h1 { font-size:2em; line-height:0.9em;}
	#around-the-site #site-feature #around-site-content h2 { font-size:1.5em; line-height:0.9em;}
	#around-the-site #site-feature #feature-blocks { position:static; width:516px; margin:0px auto;}
	#around-the-site #site-feature #around-site-content { float:left; margin-bottom:20px;}
	
	/* STAFF FEATURE */
	#staff-feature ul li.outer {height:250px;}
	#staff-feature ul li.general { height:250px;}
}

/****************/
/** 625 PIXELS **/
/****************/
@media only screen and (max-width:625px)
{	
	/* NAVIGATION */
	#web-nav {display:none;}
	#main-content {padding-top:70px}
	#main-content.interior {padding-top:110px}
	#mobile-nav { display:block; background-color:#070208; color:#fff; text-transform:uppercase; position:fixed; z-index:100; margin-top:0px; width:100%;}
	#mobile-nav #hidden-menu {height:0px; overflow:hidden;}
	#mobile-nav #mobile-logo { cursor:pointer; text-align:center; font-family:'Playfair Display',times,serif; text-transform:uppercase; font-size:0.90em; padding-top:15px; padding-bottom:10px;}
	#mobile-nav #mobile-logo li { /*margin:1px 10px; */}
	#mobile-nav #mobile-logo .docs-name { color:#998C9A; }
	#mobile-nav #mobile-logo li img.open,#mobile-nav #mobile-logo li img.close { opacity:0.7; filter: alpha(opacity=70);}
	#mobile-nav #mobile-logo li img.close {display:none;} 
	
	#mobile-nav #mobile-menu {font-family:'ModernReg',Arial, Helvetica, sans-serif; font-size:0.8em; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; width:70%; margin:0 15%; padding:10px 0px;}
	#mobile-nav #mobile-menu li { padding:5px; }	
	#mobile-nav #mobile-menu li a {color:#fff; }
	#mobile-nav #mobile-menu li#select-dropdown {position:relative;}
	#mobile-nav #mobile-menu li#select-dropdown div#hide-select {position:absolute; top:0px; width:100%;}
	#mobile-nav #mobile-menu li select {opacity:0; cursor:pointer; width:100%; text-align:center; font-family:"GothamBook",Arial, Helvetica, sans-serif; text-transform:none; padding:3px 0px; border:none; background-color:transparent; background-color: rgba(0,0,0,0); -webkit-appearance: none;}
	#mobile-nav #mobile-menu li select:hover {opacity:0;}
	#mobile-nav #mobile-menu li select option {background-color:#fff;}
	#mobile-nav #mobile-address {font-family:'Playfair Display',times,serif; font-size:0.8em; text-transform:none; text-align:center; width:70%; margin:0 15%; padding:15px 0px;}
	#mobile-nav #mobile-address li {padding:2px;}	
	#mobile-nav #mobile-address li hr {width:60px; margin:3px auto; border-top:0px;}
	#mobile-nav #mobile-address li a {color:#fff; }
	#mobile-nav #mobile-address li.rule-seperation { margin:0px; padding:0px;}
	
	#sub-space-holder {display:none;}
	
	/* GENERAL INTERIOR */
	#main-content.interior .quote p { width:auto; margin:10px 60px 30px 60px; }
	
	/* HOME INTRO PAGE */
	#intro-feature {background:url('../img/BGforegroundMOBILE1.jpg') top center no-repeat; background-position:50% -130px;}
	#intro-feature #home-content { color:#fff; text-align:center; padding-top:100px; padding-bottom:0px;} 
	#intro-feature #home-content h1 {font-family:"Playfair Display",times,serif; text-transform:uppercase; font-size:2.6em; line-height:1em; padding:0px 20px;}
	#intro-feature #home-content h2 {font-family:"Playfair Display",times,serif; font-style:italic; font-size:1.3em;}
	#intro-feature #home-content p {display:none;}
	
	#intro-feature #mobile-intro {display:block; opacity:0.7; width:100%; background:url('../img/site-feature-bg.png') repeat; color:#000; font-family:'Italic',Times,Serif; font-style:italic; padding:30px 0px; margin:40px 0px 50px 0px; line-height:1em;}
	#intro-feature #mobile-intro a {color:#000; text-decoration:underline;}
	#intro-feature #mobile-intro .contact-info {margin-top:10px;}
	
	/* AROUND THE SITE FEATURE */
	#around-the-site #site-feature #feature-blocks {width:344px; }
	
	/* MEET THE DOC FEATURE */
	#meet-the-doc {height:300px;}
	#meet-the-doc #doc-content h1 {font-size:2em;}
	#meet-the-doc #doc-content p {display:none;}
	#meet-the-doc #doc-content h3 {margin-top:15px; }
	#meet-the-doc #video-pane {position:absolute; width:100%; height:auto; text-align:center; opacity:0px; padding:65px 0px;}
	#meet-the-doc #video-pane iframe {height:169px; width:300px; }
	
	/* TESTIMONY */
	#testimony { padding:35px 0px 40px 0px; }
	#testimony h1 { font-size: 1em; color:#2f2f2f; line-height:1.1em; font-family:Times,sans-serif; padding:10px 30px 5px 30px;}
	#testimony h1 span.hidden-quote {display:inline;}
	#testimony img.left {display:none;}
	#testimony img.right {display:none;}
	#testimony hr {display:block; width:40%; border-bottom:0px;}
	#testimony a {font-family:"ModernMed",Arial,Helvetica, sans-serif; text-transform:uppercase; font-size:0.9em; color:#797979;}
	
	/* TESTIMONIES */
	#testimonies li img.right {display:none;}
	#testimonies li img.left {display:none;}
	#main-content.interior #testimonies li p {display:inline; font-size: 1em; color:#2f2f2f; line-height:1.1em; font-family:Times,sans-serif; padding:10px 0px 5px 0px;}
	#main-content.interior #testimonies li span {display:inline;}
	#main-content.interior #testimonies li .theauthor {display:block; margin:10px 0px 0px 0px;}
	
	/* WHAT WE DO FEATURE */
	#whatwedo-feature ul li.outer { height:250px; width:100%;}
	
	/* STAFF FEATURE */
	#staff-feature ul li.outer {height:300px; width:100%;}
	#staff-feature .info p { padding:0px 60px;}
	#staff-feature ul li.general { height:300px;}
	#staff-feature .general .general-copy h2 {font-size:1.2em; }
	#staff-feature .general .general-copy p {padding:0px 30px;}

	
	/* BEFORE AND AFTER */
	#before-and-after .bind-width #mature-content h2 {font-family:"ModernReg",Arial, Helvetica, sans-serif; font-size:1.5em; text-transform:uppercase; text-align:center; letter-spacing:4px; padding:0px 30px;}
	#before-and-after .bind-width #mature-content ul li {float:none; }
	
	/* CONTACT */
	ul.no-format.contact-list { font-size:0.8em; margin-bottom:30px; }
	ul.no-format#contact-info {padding:0px;}
	ul.no-format#contact-info>li { float:none; width:100%; min-width:0px; text-align:center;}

	/* FOOTER */
	footer .bind-width {text-align:center; padding:20px 30px 10px 30px;}
	footer h1 {font-size:1.5em; margin-bottom:15px;}
	footer ul li {font-family:'ModernReg',Arial,Helvetica,sans-serif; float:none; margin-left:5px; width:100%; text-align:center;}
	footer ul li .hidden-item {display:none;}
	footer ul li hr {display:block; width:30px; border:1px solid #000; border-bottom:0px; margin:10px auto;}
	footer p.copyright {margin-top:40px;}
	
	/*PRODUCTS*/
	#main-content.interior .center-products {width:auto; padding:0px 30px;}
	#main-content.interior ul.no-format.product-list li {background-color:#fff; float:none; width:auto; margin:1px; padding:30px;}
	#products-feature .bind-width { margin:0px auto; padding:0px; }
	#products-feature .bind-width img { width:100%; height:auto; display:block; }

	/* PROCEDURE SINGLE SUB*/
	#single-procedure-nav {display:none;}
}

/****************/
/** 450 PIXELS **/
/****************/
@media only screen and (max-width:450px)
{	
	.container { padding: 0 30px; }

	/* INTERIOR GENERAL */
	#main-content.interior p {max-width:1000px; padding:0px 30px; margin: 15px auto;}
	#main-content.interior h1.page-title { font-family:'Playfair Display',times,serif; font-size:1.5em; max-width:1000px; padding:0px 30px 20px 30px; margin:0px auto;}
	#main-content.interior h1.page-title.extra-section { padding:25px 30px 20px 30px; }

	#main-content.interior .quote p {width:auto; margin:10px 30px 30px 30px; }
	#main-content.interior>h3 {max-width:1000px; padding:0px 30px; margin: 15px auto; }
	#main-content.interior ul { padding: 0 0 0 50px; }
	
	/* BEFORE AND AFTER */
	#before-and-after #top-BA-title { padding:20px 0px; display:block; font-size:1.5em; font-family:"ModernReg",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; letter-spacing:4px;}
	#before-and-after .bind-width {max-width:768px;}
	#before-and-after { height:auto;}
	#before-and-after #ba-images {background-color:grey; height:234px; float:none; width:300px; margin:0px auto;}
	#before-and-after #ba-images #image-groups {width:300px;}
	#before-and-after #ba-images #image-groups>li .single-patient>li div.single-image img {width:300px; height:auto;}
	#before-and-after #ba-info { text-align:center; width:300px; position:static; width:100%; margin:0px;}
	#before-and-after #ba-info p {display:none;}
	#before-and-after #ba-info h2 { font-size:1.3em; display:none; }
	#before-and-after #ba-info #people-choices {padding:20px;}
	#before-and-after .bind-width #mature-content h2 {font-family:"ModernReg",Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase; text-align:center; letter-spacing:4px; padding:0px 10px;}
	#before-and-after .bind-width #mature-content ul li {float:none; }
	
	/* PRODUCTS */
	#main-content.interior .single-product { background-color:#fff; display:block; width:auto; max-width:940px; padding:30px; margin: 15px 10px; }
	#main-content.interior .single-product span {display:block; text-align:center; font-family:"ModernReg",Arial, Helvetica, sans-serif; text-transform:uppercase; color:#998C9A; margin-top:10px;}

	/* CONTACT FEATURE */
	#contact-feature #top-contact-title { padding:30px 10px; font-size:1.2em; }
	#contact-feature #contact-text ul {padding:0px 20px;}
	#contact-feature #contact-text ul.contact-details>li {float:none; margin-left: 5px;}
	
	/* HOME INTRO */
	#intro-feature #home-content {padding-top:70px;}
	#intro-feature #home-content h1 {font-size:2em;}
	
	/* AROUND THE SITE FEATURE */
	#around-the-site #site-feature #around-site-content p {padding:0px 20px;}
	#around-the-site #site-feature .max-width { padding-left:10px; padding-right:10px;}
	#around-the-site #site-feature #feature-blocks {width:300px;}
	#around-the-site #site-feature #feature-blocks li { width:149px; height:149px;}
	#around-the-site #site-feature #feature-blocks li img,#around-the-site #site-feature #feature-blocks li div {position:absolute; left:0px; top:0px; width:auto; height:100%;}
	#around-the-site #site-feature #feature-blocks li div h1 {font-size:2.5em; margin:15px 20px 5px 20px;}
	#around-the-site #site-feature #feature-blocks li div p {font-size:1.3em; line-height:1em; margin:0px 20px 0px 20px;}

	/* MEET THE DOCTOR */
	#meet-the-doc.interior-video #doc-content h1 {font-size:1.5em;}
	#meet-the-doc.interior-video #doc-content h2 {font-size:1.2em;}

	/* WHAT WE DO FEATURE */
	#whatwedo-feature ul li.outer { height:200px; width:100%;}
	#main-content.interior #whatwedo-feature .info p {margin-bottom:0px;}
	
	/* STAFF FEATURE */
	#staff-feature ul li.outer {height:250px; width:100%;}
	#staff-feature .info p { padding:0px 30px; margin-bottom:0px;}
	#staff-feature ul li.general { height:250px;}
	
	/* FOR PATIENTS */
	#downloads-feature .bind-width {padding:0px 30px; }
	
}

/******************/
/** IPAD/TABLETS **/
/******************/
@media screen and (max-device-width:1024px)
{	
	#meet-the-doc #doc-cover {left:0%;}
}

/******************/
/** PORTRAIT TAB **/
/******************/
@media all and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait)
{
	
	/* BEFORE AND AFTER */
	#before-and-after #top-BA-title { padding:20px 0px; display:none; font-size:1.8em; font-family:"ModernReg",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; letter-spacing:4px;}
	#before-and-after .bind-width {max-width:768px;}
	#before-and-after { height:auto;}
	#before-and-after #ba-images {background-color:grey; height:300px; float:left; width:384px;}
	#before-and-after #ba-images #image-groups {width:384px;}
	#before-and-after #ba-images #image-groups>li .single-patient>li div.single-image img {width:384px; height:auto;}
	#before-and-after #ba-info {text-align:center; width:384px; position:absolute; margin:0px;}
	
	#before-and-after #ba-info p {display:none;}
	#before-and-after #ba-info h2 { font-size:1.8em; display:block; }
	#before-and-after #ba-info #people-choices {padding:20px;}
	
	/* BEFORE AND AFTER */
	#before-and-after .bind-width {max-width:768px; display:block;}
	#before-and-after { height:300px;}
	#before-and-after #ba-images #image-groups {width:384px;}
	#before-and-after #ba-images #image-groups>li .single-patient>li div.single-image img {width:384px; height:auto;}
	#before-and-after #ba-info { margin-left:384px; text-align:center; width:384px;}
	
	#before-and-after #ba-info p {display:none;}
	#before-and-after #ba-info h2 {font-size:1.8em; }
}

/******************/
/** IPHONE/SMALL **/
/******************/
@media only screen and (max-device-width: 480px)
{
	#meet-the-doc #doc-cover {left:0%;}
	#mobile-nav #mobile-logo li {font-size:0.9em;}
	#mobile-nav #mobile-logo #web-logo {display:none;}
	#mobile-nav #mobile-logo #phone-logo {display:inline-block;}
	#main-content.interior .center-products {padding:0px 10px;}
}