/* ---------- Theme CSS ---------- */
#Map-Container, #Specialties, #Doctor-profile, #News-vid, #Protcol-rws, #Patient-resources, #Usefull-links, #Practice-locations 
{
	width: 100%;
	margin: 0px;
	padding: 0px; 
	position: relative;
    background-color: #fbfcfc !important;
}

#Accessibility, #Header, #Banner, #Content-Main, #Footer, #Main-Menu, #Mobile-Menu, #Service, #Credibility, .gridWrapper
{
	max-width: 1200px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
/* ADA */
.adaOn span {
	background: #003263;
	color: #fff;
	border-radius: 50%;
}
/* Scroller CSS */
#Scroller a {
	background: #fff;
	border: 2px solid #000;
	color: #000;
	border-radius: 50%;
}
/* Header CSS */
#Header 
{ min-height: 150px; padding: 30px 10px 15px;}

#Header-Container
{background: #003e79;}

.appoint { float: right; color: #fff;}

.appoint a {display: inline-block; padding: 5px 10px 5px 30px; margin: 5px; font-size: 21px; font-weight: 300; font-family: 'Roboto condensed', sans-serif; }

.appoint .book-appoint { background: url(../images/book-an-appt.png) no-repeat left center; }
.appoint .call-appoint { background: url(../images/phone-icon.png) no-repeat left center;}

/* Menu CSS */
.menu 
{ text-align: center;}

.menu li 
{font: 500 16px/20px 'Roboto', sans-serif; height: 50px; color: #fff;}

.menu > li::after { content: ''; position: absolute; width: 1px; height: 30px; background: #335f88; right: 0; top: 10px;} 

.menu > li:last-child::after { display: none;}

.menu li a 
{padding: 15px 45px; margin: 0 5px; font-size: 16px; font-weight: 400;}

.menu li li { background: #fccc21;}

.menu-home a
{font-size: 0px !important;}

.menu-home a::before {
	font-size: 20px;
}
.menu-home a {
	width: 100%;
	height: 100%; 
}
.menu-home a::before {
	vertical-align: top;
	margin: auto;
}
.menu-home span {
	vertical-align: middle;
}
.toggleMenu {
	font: bold 16px/30px 'Roboto', sans-serif;
}
.toggleMenu a {
	border-radius: 5px;
	border: 2px solid #ccc;
}
.Wrapper 
{ font: normal 16px/20px 'Roboto', sans-serif;}

#Menu-Container { background: #003e79; border-top: 1px solid #335f88;}

#Menu-Container a { color: #fff; text-transform: uppercase;}

ul.subMenu { width: 280px;}

#Menu-Container ul > li:hover { background: #fccc21; }

#Menu-Container ul li:hover a { color: #000;}

#Menu-Container ul.subMenu > li:hover { background: #003e79;}

#Menu-Container ul.subMenu > li:hover a { color: #fff;}

#Menu-Container ul.subMenu li ul, #Menu-Container ul.subMenu li ul li  { width: 200px; background: #00d0da;}

#Menu-Container ul.subMenu li ul li a { color: #000 !important;}


/* Home Banner CSS */
#Banner-Container #Banner {
	height: 500px; clear: both;
}

#Banner-Container .banner1 {
	background: url(../images/banner1.jpg) no-repeat center top;
}
#Banner-Container .banner1 .theme-L {
	background: url(../images/banner1-l.jpg) no-repeat right top;
}
#Banner-Container .banner1 .theme-R {
	background: url(../images/banner1-r.jpg) no-repeat left top;
}
#Banner-Container .banner2 {
	background: url(../images/banner2.jpg) no-repeat center top;
}
#Banner-Container .banner2 .theme-L {
	background: url(../images/banner2-l.jpg) no-repeat right top;
}
#Banner-Container .banner2 .theme-R {
	background: url(../images/banner2-r.jpg) no-repeat left top;
}

#Banner-Container .banner3 {
	background: url(../images/banner3.jpg) no-repeat center top;
}
#Banner-Container .banner3 .theme-L {
	background: url(../images/banner3-l.jpg) no-repeat right top;
}
#Banner-Container .banner3 .theme-R {
	background: url(../images/banner3-r.jpg) no-repeat left top;
}

/* Banner Content CSS */
.banner-content {
	position: absolute;
	font: normal 40px/44px 'Roboto', sans-serif;
    width: 50%;
	left: 75%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}

.banner-more {
	font: normal 16px/20px 'Roboto', sans-serif;
	display: inline-block;
}

#Slider1 li:nth-child(2) .banner-content { color: #fff;}

/* Navigation CSS */
.navigation {
	font: 700 16px/20px 'Roboto', sans-serif;
	padding: 5px 0px 20px 10px;
    /*color: #494cbe;*/
}

.navigation a { color: #16578d;}
.navigation a:hover { color: #016bc4;}

/* Text CSS */

#Container .banner h1 { font-size: 36px; padding-left: 10px; color: #003e79; text-transform: uppercase;}

#Content-Main {/* margin-top: 40px;*/}

.textMain {
	padding: 10px 10px 50px 10px;
	font: normal 16px/24px 'Roboto', sans-serif;
	color: #2d2f2f;
}
.textMain a {
	color: #009fa7;
}
.textMain a:hover {
	color: #1178db;
}
.textMain h1 {
	font: 600 30px/34px 'Roboto', sans-serif;
	color: #414141;
}
.textMain h1 span {
	font: normal 20px/24px 'Roboto', sans-serif;
	color: #4d4d4d;
}
.textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2 {
	font: 500 24px/30px 'Roboto', sans-serif;
	color: #014cbe;
}
.textMain h2 span {
	font: normal 18px/22px 'Roboto', sans-serif;
	color: #000000;
}
.textMain h2 a, .hTag2 a, .textMain h3.hTag2 a, .textMain h4.hTag2 a {
	color: #014cbe;
}
.textMain h3, .hTag3, .textMain h2.hTag3, .textMain h4.hTag3 {
	font: 500 20px/30px 'Roboto', sans-serif;
	color: #009fa7;
}
.textMain h3 a, .hTag3 a, .textMain h2.hTag3 a, .textMain h4.hTag3 a {
	color: #353535;
}
.textMain h4, .hTag4, .textMain h2.hTag4, .textMain h3.hTag4 {
	font: normal 18px/22px 'Roboto', sans-serif;
	color: #014cbe;
}
.textMain h4 a, .hTag4 a, .textMain h2.hTag4 a, .textMain h3.hTag4 a {
	color: #014cbe;
}

.textMain h1.titl-prfl { font-size: 45px; font-weight: 700; text-transform: uppercase; line-height: 1.3; color: #000;}

.textMain h1.titl-prfl span { display: block; font-size: 20px; /*text-transform: capitalize;*/}

.prfl-vid 
{ margin: 20px 5px;  padding: 0; }

.prfl-vid iframe { width: 95%;height: 860px; border: 5px solid #08c0d4;}

.prfl-vid.extraa iframe { height: 645px;}

/* Sidebar CSS */

#Sidebar { width: 300px;}

#Sidebar .side-prfl 
{ text-align: center; background: #003e79; padding: 15px 15px 30px; color: #fff; margin: 10px 0 20px; }

#Sidebar .side-prfl h3 
{ /*font-size: 26px;*/ text-transform: uppercase; padding: 30px 0 10px; font: 700 26px/30px 'Roboto Condensed', sans-serif;}

#Sidebar .side-prfl h3 span 
{ /*font-size: 16px; font-weight: 400;*/ display: block; line-height: 1.3; padding: 10px 0; font: 400 16px/20px 'Roboto', sans-serif;}

#Sidebar a.readmore , #Specialties .content a.readmore
{ display: inline-block; padding: 10px 25px; background: #009fa7; font-size: 16px;}

#Sidebar .edu { display: block;}

#Sidebar .edu span 
{ display: block; position: relative; bottom: 30px; text-align: center; color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase;}

#Sidebar .side-pat-rsrcs .rsrcs
{ display: block; padding: 15px; font-size: 26px; font-weight: 500; background: #003e79; color: #fff; text-align: center; text-transform: uppercase;}

.side-pat-rsrcs ul li a { padding: 25px 15px 25px 70px; display: block; color: #fff;}

.side-pat-rsrcs ul li {font-size: 16px; font-weight: 300; border-bottom: 1px solid #33b2b9; transition: 0.3s;}

.side-pat-rsrcs ul li { background: url(../images/sidebar-pat-rsrcs.png) no-repeat 5px 10px #009fa7;}

.side-pat-rsrcs ul li:hover { background-color: #003e79; border-bottom: 1px solid #336594;}

.side-pat-rsrcs ul li:nth-child(2) { background-position:5px -52px;}
.side-pat-rsrcs ul li:nth-child(3) { background-position:5px -108px;}
.side-pat-rsrcs ul li:nth-child(4) { background-position:5px -170px;}


/* Footer CSS */

footer { background: #003e79; color: #fff; text-align: center;}
footer #Footer { padding: 60px 0;}

footer .foo-links 
{ font-size: 16px; width: 90%; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #1c5a93; border-top: 1px solid #1c5a93; font-weight: 300;}

footer .foo-links a { display: inline-block; padding: 5px 18px; margin: 0 5px; line-height: 1.3;}
footer h4 { font-size: 16px; font-weight: 300; text-transform: uppercase; padding: 20px 0; line-height: 1.3;}
footer .foo-xtra { display: block; height: 20px; background: #009fa5; }

.social-logo { width: 300px; text-align: center; margin: 40px auto 20px;}

.social-logo ul { font-size: 0px;}

.social-logo li 
{ display: inline-block; vertical-align: top; width: 35px; height: 35px; font-size: 20px; margin: 5px;}

.social-logo li a 
{ width: 100%;height: 100%;display: block; /*border: 1px solid #fff*/; border-radius: 25px;}

.social-logo li .font-icon::before
{position: relative; top: 5px;}

/*.social-logo li.facebook a { background: #16578d;}
.social-logo li.twitter a { background: #0093b8;}
.social-logo li.youtube a { background: #f22933;}*/

.social-logo li:nth-child(1) a{
	background: url('/images/smo-icons.png') no-repeat -3px 0;
}
.social-logo li:nth-child(2) a{
	background: url('/images/smo-icons.png') no-repeat -51px 0;
}
.social-logo li:nth-child(3) a{
	background: url('/images/smo-icons.png') no-repeat -97px 0;
}

.ypo-logo { width: 120px; text-align: center; display: block; margin: 5px auto;}

body.home footer
{ background: #fbfcfc; color: #000;}

body.home footer .social-logo { color: #fff;}

body.home footer .foo-links { border-color: #d6d6d6;}

body.home footer .ypo-logo { filter: invert(1);}

body.home .social-logo li a { border-color: #000;}


/* Contact Page */

.contactTable { border-spacing: 5px; border: 2px solid #ccc;}

.contactTable:hover {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}
.contact-address {
	width: 300px;
	padding: 20px 10px;
	position: relative;
}
.contact-address p.textMainBold {
	padding: 5px 0px;
}
.contact-address p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.contact-address p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}
.contact-map {
	position: relative;
}
.contact-map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	border: 0px;
}
/* Profile Schema */
.textMain .schemaTable {
	padding: 5px;
	text-align: center;
}
.textMain .schemaTitle {
	padding: 5px 10px;
	font: normal 18px/24px 'Roboto Condensed', sans-serif;
}
.textMain .schemaTable ul {
	margin: 0px;
	padding: 0px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}
.textMain .schemaTable li {
	margin: 0px;
	padding: 10px;
	position: relative;
	background: none;
	border-right: 1px dotted #ccc;
	min-width: 250px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.textMain .schemaTable li:last-child {
	border-right: 0px;
}
.textMain .schemaTable p.textMainBold {
	padding: 5px 0px;
}
.textMain .schemaTable p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.textMain .schemaTable p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}
/* Submit Testimonials */
.textMain .write-review {
	font: normal 16px/20px 'Roboto Condensed', sans-serif;
	float: right;
	position: relative;
	border: 2px solid #ccc;
}
.textMain .write-review a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
}
.textMain .write-review a::before {
	margin-right: 15px;
}
/* Usefull Links Page */
.textMain .useFul {
	margin: 15px 0px;
	padding: 0px;
}
.textMain .useFul ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	text-align: center;
}
.textMain .useFul li {
	margin: 1%;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	min-width: 290px;
	font: 400 16px/20px /*'Source Sans Pro', sans-serif*/;
	background: none;
	border: 2px solid #ccc;
}
.textMain .useFul li span {
	display: block;
	padding: 15px 0px;
	background: #ccc;
	margin: 0px 0px 15px 0px;
}
.textMain .useFul li img {
	margin: 10px 0px;
}
.textMain .useFul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
/* Relative List */
.textMain .relList li {
	border: 2px solid #ccc;
}
.textMain .relList li a {
	padding: 5px 15px;
}

.banner {  padding: 30px 5px 7px 5px; /*text-align: center; background: #009fa7; color: #fff;*/}

/*speciality section*/

.sub-head 
{ position: relative; min-height: 420px; background: url(../images/carlyle-m-d.jpg) no-repeat 20px 20px #0f527e; margin: 10px auto; background-size: 23%; color: #fff;}

.sub-head-two { padding: 10px; width: 70%; position: absolute; right: 10px; bottom: 15px;}

.sub-head-two p { padding: 20px 0; font-size: 16px;}
.sub-head h2 
{ text-align: center; padding: 30px 0 10px; color: #fff; font-size: 26px; margin-left: 25%; text-transform: uppercase;}

.sub-tab { position: relative; top: 25px;}

.sub-tab a 
{ display: inline-block; margin: 5px; padding: 10px 10px 10px 50px; text-transform: uppercase; transition: 0.3s;}
.sub-tab a:first-child { background: url(../images/book-an-appt-special.png) no-repeat 23px 15px #60bb95; color: #000; }
.sub-tab a:last-child { background: url(../images/loc-call.png) no-repeat 13px; color: #fff; border: 1px solid; }

.sub-tab a:hover { box-shadow: 5px 5px 5px #000;}

.sb-page-intro { font-weight: 800 !important; border: 3px double #102a37; padding: 10px !important; }

.textMain .sub-head p:not(.sub-tab) a { color: #33ebf4;}
.textMain .sub-head p:not(.sub-tab) a:hover { color: #b3fcff;}

/*Profile section*/

.prfl { float: right; margin: 5px;}

.textMain .prf-vid-txt { color: #000;}

/*services*/

.textMain .services ul { text-align: center;}

.textMain .services ul > li 
{ display: inline-block; vertical-align: top; width: 550px;min-height: 230px; background: #e9e9e9; padding: 0; position: relative; margin: 10px;}

.textMain .services ul li .img-serve, .textMain .services ul li .sub-serve
{ display: inline-block; vertical-align: top;}

.textMain .img-serve {position: relative;}

.textMain .services ul > li span 
{position: absolute; left: 0;right: 0; bottom: 45px; color: #fff; font-size: 23px; text-transform: uppercase;}

.textMain .services .sub-serve ul li 
{ width: auto; display: inline-block; min-height: 30px; text-align: left; margin: 3px; background: url(../images/arrow-b.png) no-repeat 5px 12px;}

.textMain .services .sub-serve ul li a
{ color: #000; padding: 2px 5px 2px 20px; display: inline-block; width: 300px; }

.sub-serve {width: 55%;}

.sub-serve a.readmore 
{ display: block; color: #084681; padding: 10px 15px; text-transform: uppercase; width: 140px; font-weight: 500;}

.textMain .services ul > li .serve2 span 
{ bottom: 30px; }

.sub-serve p { text-align: left; }

/*Home section*/

#Doctor-profile, #News-vid, #Protcol-rws, #Patient-resourcesv, #Practice-locations
{font-family:; position: relative;}

/* Home Specialties sec*/

#Specialties .specialties-inner {position: relative; height: 580px;top: -70px;background: #fff; z-index: 9;}

#Specialties .spec-hd { width: 300px !important; margin-left: 0 !important; padding: 20px 0 0px 40px; }

#Specialties .specialties-inner p 
{ padding: 10px 20px; line-height: 1.4;}

#Specialties .content 
{ width: 30%; min-width: 300px; position: relative; top: 80px; padding: 20px; box-shadow: 5px 0px 10px #000; min-height: 300px; left: 20px; background-color: #fff;}

#Specialties .content .ttl { font-size: 30px; font-weight: 700; margin: 20px 0; text-transform: uppercase;}

#Specialties .special-Tabs 
{ right: 0; bottom: 0; position: absolute; width: 59%;}

#Specialties .special-Tabs li 
{ display: inline-block; vertical-align: top; border: 2px solid #fccc21; margin: 0 -2px;}

#Specialties .special-Tabs li a { display: block; height: 230px; width: 232px; position: relative; z-index: 9;}

/*#Specialties .special-Tabs li:nth-child(1) { width: 234px; height: 234px; border: none;}*/

#Specialties .special-Tabs li.Special1 { background: url(../images/hm-serve-hip.jpg)no-repeat 0 0; margin-left: 234px; }
#Specialties .special-Tabs li.Special2 { background: url(../images/hm-serve-knee.jpg)no-repeat 0 0; }
#Specialties .special-Tabs li.Special3 
{ background: url(../images/hm-serve-shoulder.jpg)no-repeat 0 0;height: 237px; border-radius: 0 0 0 50%; height: 300px; }
#Specialties .special-Tabs li.Special4{ background: url(../images/hm-serve-joint.jpg)no-repeat 0 0;height: 300px; }
#Specialties .special-Tabs li.Special5
{ background: url(../images/hm-serve-gen-ortho.jpg)no-repeat 0 0; height: 300px; }

#Specialties .special-Tabs li.Special1:hover { background: url(../images/hm-serve-hip-hvr.jpg)no-repeat 0 0; }
#Specialties .special-Tabs li.Special2:hover { background: url(../images/hm-serve-knee-hvr.jpg)no-repeat 0 0; }
#Specialties .special-Tabs li.Special3:hover 
{ background: url(../images/hm-serve-shoulder-hvr.jpg)no-repeat 0 0;/*height: 300px; border-radius: 0 0 0 50% */}
#Specialties .special-Tabs li.Special4:hover
{ background: url(../images/hm-serve-joint-hvr.jpg)no-repeat 0 0;/*height: 300px;*/ }
#Specialties .special-Tabs li.Special5:hover
{ background: url(../images/hm-serve-gen-ortho-hvr.jpg)no-repeat 0 0; /*height: 300px;*/ }

#Specialties .special-Tabs ul li a span
{ left: 0; position: absolute; right: 0; bottom: 0px; margin: auto; text-align: center; font-size: 22px; color: #fff; text-transform: uppercase;}

#Specialties .special-Tabs ul li.Special1 a span { bottom: 50px;}
#Specialties .special-Tabs ul li.Special2 a span { bottom: 50px;}
#Specialties .special-Tabs ul li.Special3 a span { bottom: 25px;}
#Specialties .special-Tabs ul li.Special5 a span { bottom: 0px;}

#Specialties .content .head li a 
{ padding: 5px 5px 5px 15px; display: inline-block; margin: 5px; background: url(../images/list--arrow.png)no-repeat 0 7px;}

#Specialties .sml-pr { width: 50%;}

#Specialties #Special p { padding: 10px 5px; min-height: 150px; line-height: 1.3;}


/*Doctor profile sec*/

#Doctor-profile 
{ background: url(../images/dr-prfl-bg.jpg) 0 0; min-height: 569px; }

#Doctor-profile .doctor-profile-inner {padding: 80px;}

#Doctor-profile .dr-img, #Doctor-profile .head-txt 
{display: inline-block; vertical-align: top;}

#Doctor-profile .dr-img {position: relative; z-index: 9;}

#Doctor-profile .head-txt { width: 60%;}

#Doctor-profile .head-txt .expr { color: #fff; padding: 5px 0 35px 35px;}

#Doctor-profile .head-txt .expr span { display: block;}

#Doctor-profile .head-txt .expr > span { font-size: 35px; font-weight: 300; font-style: italic; margin: 0px 0 5px;} 

#Doctor-profile .head-txt .expr h1 { text-transform: uppercase; font-size: 62px;}
#Doctor-profile .head-txt .expr h1 span { font-size: 20px; color: #fccc21; font-weight: 400;}

#Doctor-profile .dr-cont { background: #fff;}

#Doctor-profile .dr-cont {background: #fff;position: absolute;width: 100%;left: 0; padding: 15px 35px 15px 44%;}

#Doctor-profile .dr-cont p { font-weight: 400; line-height: 1.7;  margin: 25px 0;}

#Doctor-profile .dr-cont a 
{ display: inline-block; padding: 12px 10px 12px 40px; margin: 5px; vertical-align: top; border: 1px solid #9facb3; min-width: 185px;}

 #Doctor-profile .lnks a.prf { background: url(../images/prfl-appt.png)no-repeat 10px 8px #009fa7; color: #fff;}
 #Doctor-profile .lnks a.pub { background: url(../images/prfl-public.png)no-repeat 10px 10px; color: #000;}
 #Doctor-profile .lnks a.hnr { background: url(../images/prfl-honor.png)no-repeat 10px 8px; color: #000;}

 #Doctor-profile .lnks a.prf:hover { background-color: #003e79; color: #fff;}
 #Doctor-profile .lnks a.pub:hover 
{ background: url(../images/prfl-public-hvr.png)no-repeat 10px 10px #003e79; color: #fff;}
 #Doctor-profile .lnks a.hnr:hover 
{ background: url(../images/prfl-honor-hvr.png)no-repeat 10px 8px #003e79; color: #fff;}


#Doctor-profile .lnk2 { margin: 20px 0;}
#Doctor-profile .lnk2 a.ab { border: none; padding: 0; }
#Doctor-profile .lnk2 a.apt
{ margin: 15px 5px 5px; background:  url(../images/prfl-book-appt.png)no-repeat 10px 10px #003e79; color: #fff; }

#Doctor-profile .lnk2 a.apt:hover { background-color: #009fa7;}

/*News sec*/

#News-vid .in-news h2, #Patient-resources .patient-rsrcs h3, #Practice-locations h3, #Specialties .spec-hd
{ text-transform: uppercase;font-size: 40px; font-weight: 700; position: relative; margin: 20px auto 35px; min-width: 300px; width: 40%; text-align: center;}

#News-vid .in-news h2::before, #Patient-resources .patient-rsrcs h3::before, #Practice-locations h3::before,  #Specialties .spec-hd::before
{position: absolute;content: '';width: 45%;height: 2px;background: #fccc21;bottom: -5px;left: 0; right: 0; margin: auto;}

#News-vid h2 { margin-left: 0 !important; text-align: left !important;}

#News-vid h2::before { left: 15% !important; margin: 0 !important}

#News-vid .in-news p span { font-weight: 500; font-size: 24px; display: block; margin-bottom: 5px;}

#News-vid .in-news p { font-weight: 400; margin: 30px 0 20px; }

#News-vid .in-news { padding:50px 10px 80px; width: 40%; line-height: 1.3;}

#News-vid .in-news a 
{ display: inline-block; min-width: 118px; padding: 10px 15px; background: #019fa8; color: #fff; text-align: center;}

#News-vid .dr-vid {position: absolute;right: -35%;top: 0;}

#News-vid .dr-vid p
{position: absolute; color: #fff; top: 0; font-size: 33px; left: 40px; top: 40px; text-transform: uppercase;}

#News-vid .dr-vid p span { font-size: 16px; display: block; text-transform: none; position: relative;}

#News-vid .dr-vid p span::after 
{ content: ''; position: absolute; background: url(../images/vid-play.png)no-repeat 0 0; width: 60px; height: 60px; top: 50px; left: 80px;}

/*Protcol sec*/

#Protcol-rws .pt-prot, #Protcol-rws .pat-rws { display: inline-block; vertical-align: top; padding: 63px 30px;}

#Protcol-rws { background: url(../images/pt-protocol.jpg) no-repeat -415px 0; }

#Protcol-rws .pt-prot { width: 46%; color: #fff; padding-left: 0;}

#Protcol-rws h2 { text-transform: uppercase; font-size: 35px;}

#Protcol-rws .pt-prot p 
{ margin: 25px 0; font-weight: 300; line-height: 1.3; }

#Protcol-rws .pt-prot ul li 
{ margin: 10px 5px; text-decoration: underline; position: relative;}

#Protcol-rws .pt-prot ul li a { padding: 10px 5px 10px 20px; display: inline-block; }

#Protcol-rws .pt-prot ul li::before
{ content: '';position: absolute; width: 20px; height: 24px; background: url("../images/arrow-hm.png")no-repeat center left; bottom: 8px; left: 0; /*border-bottom: 1px solid #fccc21;*/}

#Protcol-rws .pat-rws { width: 53%; text-align: center; padding: 63px 15px 10px 15px;}

/*Home Reviews sec*/

#Reviews h2 { font-size: 40px; padding: 10px 0 100px;position: relative;}

#Reviews h2::before 
{ content: ''; position: absolute;  background: url(../images/testimonila-stars.jpg)no-repeat center center; width: 200px; height: 100px; border-top:2px solid #fccc21; bottom: -5px; left: 0; right: 0; margin: auto;}

#Reviews .rws-lnk a 
{ display: inline-block; vertical-align: top; padding: 10px 15px; margin:10px 5px; color: #fff; background: #009fa7;}

#Reviews div { position: relative; margin: 40px 5px; min-height: 100px;}

#Reviews div span { position: absolute; left: 0; font-size: 40px; top: -50px;}

#Reviews div span:last-child { bottom: 0px;top: unset; right: 0; left: unset;}

#Reviews div .font-icon::before { color: #dbdcdc;}

.slid3-rws { margin: 10px 0; font-weight: bold;}


.Testimonial_auto span, .Testimonial_nav span, .Testimonial_auto.autoPlay.slidePause 
{ display: none;}

.Testimonial_auto, .Testimonial_nav 
{ margin: 5px 5px 5px 5px;}

#patient-stories li {line-height: 1.4; min-height: 134px;}

#patient-stories .mr-ipsum-new , #Reviews .Intra-Tabs
{ display: none;}

#patient-stories .testimonials-author { margin:10px; }


/*Patient resources sec*/

#Patient-resources { background: url(../images/pat-rsrcs-bg-s.jpg); padding: 30px 0 0;}

#Patient-resources .patient-rsrcs h3 { color: #fff; text-align: center;}

#Patient-resources .patient-rsrcs h3::before { margin: auto; left: 0; right: 0;}

#Patient-resources .pat-rsrc-vid, #Patient-resources .pat-rsrcs
{display: inline-block; vertical-align: top; position: relative;}

#Patient-resources .pat-rsrc-vid span 
{ position: absolute; left: 0; bottom: 0; padding: 10px; background: #000; color: #fff; font-weight: 500; font-size: 22px;width: 100%; }

#Patient-resources .pat-rsrc-vid a:not(.pat-rsrc-vid-min) 
{ font-size: 16px; position: absolute; left: 0; bottom: -35px; padding: 10px; display: inline-block; background: #009fa7; color: #fff; z-index: 9;}

#Patient-resources .pat-rsrcs { width: 420px; z-index: 9;}

#Patient-resources .pat-rsrcs ul li 
{ display: inline-block; width: 200px; height: 195px; background: #fccc21; text-align: center; margin: -2px; font-size: 18px;}

#Patient-resources .pat-rsrcs ul li:nth-child(2), #Patient-resources .pat-rsrcs ul li:nth-child(3)
{ background: #ffc700;}

#Patient-resources .pat-rsrcs ul li:nth-child(3) {border-radius: 0 0 0 50px;}

#Patient-resources .pat-rsrcs ul li:nth-child(4) {border-radius: 0 0 50px 0;}

#Patient-resources .pat-rsrcs ul li:hover { background: #009fa7;}

#Patient-resources .pat-rsrcs ul li a { position: relative;}

#Patient-resources .pat-rsrcs ul li a::before 
{ position: absolute; content: ''; background: url(../images/pat-rsrcs.png) no-repeat 0 0; width: 100px ; height: 100px; left: 0; right: 0; top: 20px; margin: auto;}

#Patient-resources .pat-rsrcs ul li:nth-child(2) a::before { background-position: 0 -95px; }
#Patient-resources .pat-rsrcs ul li:nth-child(3) a::before { background-position: 0 -200px; }
#Patient-resources .pat-rsrcs ul li:nth-child(4) a::before { background-position: 0 -305px; }

#Patient-resources .pat-rsrcs ul li a
{ padding: 130px 0 40px; display: block; }

/*Usefull links*/

#Usefull-links { background-color: #fff !important; padding: 60px 0 30px; margin-top: -55px; }

#Usefull-links ul li img { height: 70px !important;}

/*Practice Location*/

#Practice-locations .lcoation1 
{ background: url(../images/location-bg-new.jpg) no-repeat center top; height: 384px; }

#Practice-locations .lcoation1 .theme-L 
{ background: url(../images/location-bg-l-new.jpg) no-repeat right top;}

#Practice-locations .lcoation1 .theme-R 
{ background: url(../images/location-bg-r-new.jpg) no-repeat left top;}

.loc-content 
{ position: absolute; left: 0; top: 0; padding: 15px ; font-weight: 700; background: #515151; height: 383px; border-radius: 0px 0 0 100px; line-height: 1.3;}

#Practice-locations { color: #fff; }

#Practice-locations h3 { font-size: 28px; font-weight: 500;text-transform: uppercase;}

#Practice-locations a { display: block; margin: 10px 0px; }

#Practice-locations .loc-content :not(h3) { font-weight: 400;}

#Practice-locations .loc-content div { padding: 20px 20px 20px 35px;}

#Practice-locations .loc-content div span a 
{ padding-left: 30px; background: url(../images/loc-call.png)no-repeat 0 0;}

#Practice-locations .loc-content a.loc-apt
{ padding: 10px 10px 10px 40px; background: url(../images/loc-appt.png)no-repeat 10px center #009fa7; text-transform: uppercase;}

#Specialties .content a.readmore { color: #fff;}

/*contact*/

#connect-sblock 
{ margin: 15px 0; border: 1px solid #999; width: 100%; clear: both; text-align: center;}


#connect-sblock ul li 
{ color: #000; margin: 0 0 0 10px; padding: 10px 40px; background: none !important; display: inline-block;vertical-align: top; margin: 5px;}

.font-icon::before { margin: 0 5px; } 

.fbb .font-icon::before
{ margin: 0px; background: #003e79; padding: 4px; color: #fff; border-radius: 5px;}

#Accessibility .font-icon::before { margin: 0;}

.fbb { text-align: center;}

/*Landing Page*/
    
.fixedsidebar 
{ width: 290px !important; display: inline-block !important; vertical-align: top !important;}

.tabs li, #qlinks li 
{ float: left; width: 48%; margin: 5px 1% 5px; list-style: none !important; background: none !important; min-width: 315px; padding: 5px 5px 5px 0 !important;}

.tabs li a, #qlinks li a
{ display: block; font-size: 17px !important; color: #000; padding: 12px 10px 12px 20px; text-decoration: none; border: 1px solid #003e79; box-shadow: 3px 3px 1px #009fa7; transition: 0.3s;}

.tabs li:hover a, #qlinks li:hover a { box-shadow: 3px 3px 5px #15c1a9;}

.tabs3 {text-align: center;}

.textMain ol.extra-list li { background: none !important;}

.nav-small { text-transform: lowercase !important;}

.textMain ul.lPage-list li { background: none !important; padding: 0;}

.textMain ul.lPage-list li h2 { font-size: 25px !important;}

.lPage-list li
{ margin-bottom: 25px; border-bottom: 1px solid #ccc; width: 100%; float: left; padding-bottom: 10px !important;}

.lp-txt 
{ display: table; clear: both; margin: 10px 0; width: 100%;}

.lp-txt img 
{ display: table-cell; width: 150px; padding: 2px; border: solid 1px #ccc; object-fit: cover; height: 150px; min-width: 150px;}

.lp-txt p 
{ display: table-cell; margin: 0 5px; width: 80%; vertical-align: top; padding: 10px 5px;}

.lp-rd { display: block; }

.lp-rd a 
{ float: right; background: #003E79; padding: 6px 10px 6px 25px; color: #fff !important; margin-right: 10px; text-transform: capitalize; font-weight: 300; text-decoration: none; border-radius: 5px; transition: 0.5s;}

.lp-rd a:hover 
{ background: #009fa7; color: #fff; box-shadow: 2px 2px 3px #000;}

.lp-rd a.lmovie { background: #003E79;}

.lp-rd a.lmovie:hover { background: #009fa7;}

.lp-rd .font-icon::before { position: relative; left: -10px; }


#Usefull-links .nbs-flexisel-nav-left::before {
	content: ''; background: url(../images/logo-left-arow.png)no-repeat 0 center; width: 25px; height: 85px; background-color: #fff;
}
#Usefull-links .nbs-flexisel-nav-right::before {
	content: ''; background: url(../images/logo-right-arow.png)no-repeat 0 center; width: 25px; height: 85px; background-color: #fff;
}


/*joint replacement*/

.joint li a 
{ color: #000000; display: block !important; min-height: 100px !important; padding: 28px 0 0 215px !important; text-decoration: none; }

.joint li 
{ list-style: none !important; float: left; min-height: 140px !important; width: 45% !important; margin: 0px !important; background: none !important; padding: 0px !important; text-align: left;}

ul.joint li.sur1 a { background: url(../images/joint-rep-tot-knee-rep.png) no-repeat 0 0;}
ul.joint li.sur2 a { background: url(../images/joint-rep-uni-knee-rep.png) no-repeat 0 0;}
ul.joint li.sur3 a { background: url(../images/joint-rep-hip-repl.png) no-repeat 0 0;}
ul.joint li.sur4 a { background: url(../images/anteriore-joint-rep.jpg) no-repeat 0 0;}
ul.joint li.sur5 a { background: url(../images/joint-rep-rev-hip-rep.png) no-repeat 0 0;}
ul.joint li.sur6 a { background: url(../images/joint-rep-min-invasive.png) no-repeat 0 0;}
ul.joint li.sur9 a { background: url(../images/shoulder-joint-replacement.png) no-repeat 0 0;}

.textMain h2.contact { font-size: 33px; line-height: 1.1; font-weight: bold; text-transform: uppercase;}

.textMain h2.contact span { font-size: 22px; text-transform: capitalize;}

.insurance-list li 
{ display: inline-block; vertical-align: top; min-width: 300px; width: 49%;}

.textMain .media-sec h3 
{ font-size: 40px; font-weight: bold; color: #000; line-height: 1.1;}

/* form-candidate */

.knee-score 
{ background: #eeeeee78;border-radius: 10px;border: 2px solid #0000007a; box-shadow: 0 0 5px #000;}

.knee-score h4 { color: #014cbe; }

.knee-score ul li 
{ list-style: none; padding: 10px; background: none !important; margin: 5px;}


.knee-score .error 
{ color: red; display: none; padding: 0 0 0 20px;}


#scrolltop input[type="submit"], input[type="reset"] 
{ background: #003e79; padding: 7px; width: 100px; border: none; color: #fff; border-radius: 5px; font-size: 16px; letter-spacing: 0.7px; font-weight: 500; cursor:pointer;}


#Content .pain-result { border: 2px solid #000; display: none;}

#Content .pain-result h3 
{ font: normal 20px/30px; color: #fff; margin: 0px; font-weight: normal;}


#Content .pain-result li 
{ padding: 10px;}

#Content .pain-head 
{ background: #ccccccd9; font: normal 28px/50px;color: #000;margin: 0px;padding: 0px 20px;letter-spacing: 0.7px;font-weight: bold;}

#Content .pain-analyzer ul, #Content .pain-analyzer li, #Content .pain-result ul, #Content .pain-result li 
{ margin: 0px; padding: 0px; list-style: none;}

#Content .pain-result li { padding: 10px; }

#Content .pain-score { background: #fff;}

#Content .score-result.green 
{ background: #6aa84fad; border: 3px solid #377e18; display: block;}

.knee-score ul li:last-child { width: 230px; margin: 0 auto;}

#Content .score-result 
{ font: normal 16px/25px; color: #fff; text-align: center; width: 90%; margin: 10px auto; border-radius: 10px; display: none;}

#Content .pain-analyzer ul, #Content .pain-analyzer li, #Content .pain-result ul, #Content .pain-result li 
{ list-style: none;}

#Content .score-result 
{ font: normal 16px/25px; color: #fff; text-align: center;}

#Content .pain-analyzer li:last-child, #Content .pain-result li:last-child
{ min-height: 60px; text-align: center; padding: 18px 0;}

#Content .pain-back 
{ background: #ccccccd9;}

#Content .pain-analyzer #submit, #Content .pain-result #back 
{ background: #000; border: none; color: #fff; border-radius: 5px; padding: 4px 15px;}

 #Content .score-result.orange 
{ background: #f6b26b; border: 3px solid #d88a38; display: block; }

#Content .score-result.red 
{ background: #FE9C81; border: 3px solid #b80202; display: block;}

#Content .pain-analyzer li:last-child, #Content .pain-result li:last-child 
{ min-height: 60px;text-align: center; padding: 18px 0;}

.textMain .nws ul li 
{ background: none; padding: 5px 0; border-bottom: 1px dashed; min-height: 200px; position: relative;}

.textMain .nws ul li a 
{ position: absolute; right: 0; display: inline-block; text-align: center; padding: 5px 15px; background: #009fa7; color: #fff;}

#Menu-Container ul.subMenu > li a, #Menu-Container .actMenu a 
{ color: #000;}

/* form-candidate-end */

/*pop-up*/

#sun-pop { width: 35% !important;}

#sun-pop .loc-pop { text-align: center; line-height: 1.3; padding: 15px; margin: 10px 0; }

#sun-pop .loc-pop h5 { font-size: 24px; font-weight: 600;}

#sun-pop .loc-pop a { color: #16578d;}

#sun-pop .loc-pop p 
{width: 50%; box-shadow: 0px 1px 8px #ccc; margin: 30px auto 30px; border-radius: 5px; min-width: 270px; font-size: 22px; padding: 20px 10px; }

#sun-pop .loc-pop p span { display: block;}

/*pop-up end*/

.img-blk{
	float:right;
	margin:-10px 0px 0px 5px;
}
.img-mar{
margin:5px;
border:1px solid grey;
}
@media screen and (min-width : 1201px)    
{ 
    #Protcol-rws { background: none;}
    #Protcol-rws .pt-prot { background: url(../images/pt-protocol.jpg) no-repeat -100px -22px; position: relative; border-radius: 0 12% 0 0;}
    
    #Protcol-rws .pt-prot::before 
    { content: ''; position: absolute; left: -200px; background: url(../images/pt-protocol.jpg) no-repeat 100px -22px; width: 200px; display: block; height: 518px; top: 0; }
}

/*@media screen and (max-width : 1904px)    
{ #Protcol-rws { background-position: -160px 0;}}

@media screen and (max-width : 1480px)    
{ #Protcol-rws { background-position: -350px 0;}}

@media screen and (max-width : 1460px)    
{ #Protcol-rws { background-position: -430px 0;}
#Protcol-rws .pat-rws { padding: 63px 15px 10px 50px;}
}*/

.hr { clear: both;}


@media screen and (max-width : 1200px) 
{
    #Protcol-rws { background-position: -316% 0px;}
    #Protcol-rws .pt-prot { padding-left: 15px;}
}

@media screen and (max-width : 1199px) 
{
    .menu li a { padding: 15px 35px;}
    .sub-head { background-size:26%;}
    .textMain .services ul > li { width: 480px; margin: 15px 5px;}
    .sub-serve { width: 49%; padding: 10px;}
    #Doctor-profile .doctor-profile-inner { padding: 15px;}
    #Doctor-profile .head-txt { width: 55%;}
    #Patient-resources .pat-rsrc-vid { width: 58%;}
    #News-vid .dr-vid { right: -45%;}
    #Specialties .special-Tabs { width: 66%;}
    #Specialties .special-Tabs li a { width: 218px;}
    #Specialties .special-Tabs li.Special1 { margin-left: 220px;}
    #Protcol-rws { background-position: -525px 0px;}
    #Protcol-rws .pat-rws { background-color: #fcfcfc; padding-bottom: 50px;}
    #Protcol-rws h2 { font-size: 30px;}
    footer .foo-links a { padding: 5px 10px;}
    .sub-head h2 { margin-left: 29%; font-size: 26px;}
    #Specialties .content { top: 40px;}
    
    footer .foo-links { width: 95%;}
    
    .textMain .sub-serve > ul { padding: 5px 5px 10px 0px; }
    
    #Specialties .special-Tabs ul li a span { font-size: 20px;}
    
    #Patient-resources .pat-rsrcs { width: 418px;}
    
    #Specialties .special-Tabs li { background-position: -10px 0px !important;}
    
    .banner-content { width: 54%; left: 74%;}
    
    #sun-pop { width: 40% !important; }
}

@media screen and (max-width : 1024px) 
{
    #Protcol-rws {background-position: -575px 0px;}
}

@media screen and (max-width : 800px) 
{
    
    #sun-pop { width: 50% !important; }
    
    .menu li a { padding: 15px 14px;}
    footer .foo-links { width: 100%;}
    footer .foo-links a { padding: 0px; margin: 0 1px;}
    .theme-R, .theme-L { display: none;}
    #Practice-locations .lcoation1 { background-position: -65px 0;}
    
    .textMain h1.titl-prfl { font-size: 32px;}
    
    #Doctor-profile .dr-img { width: 30%;}
    #Doctor-profile .head-txt .expr > span { font-size: 26px;}
    #Doctor-profile .head-txt .expr h1 { font-size: 48px;}
    #Doctor-profile .head-txt .expr h1 span { font-size: 16px;}
    #Doctor-profile .dr-cont {padding: 15px 10px 15px 35%;}
    
    .lnks, .lnk2 { position: relative; width: 640px; left: -200px; top: 20px;}
    .loc-content { padding: 5px;}
    #Patient-resources .pat-rsrc-vid { display: block;width: 80%;text-align: center; margin: 38px auto; }
    #Patient-resources .pat-rsrcs { display: block; margin: 10px auto;}
    #Patient-resources .patient-rsrcs h3 { width: 65%;}
    #Protcol-rws .pat-rws { width: auto; padding: 10px;}
    #Reviews h2 { font-size: 34px;}
    #Protcol-rws { background-position: 0 0;}
    #Protcol-rws .pt-prot { width: auto; }
    #News-vid .dr-vid { position: relative; right: 0;}
    #News-vid .in-news { width: auto; padding: 20px 10px; }
    #Slider2 { display: none;}
    #Specialties .special-Tabs { position: relative; width: auto; text-align: center;}
    #Specialties .specialties-inner { height: auto !important;}
    
    .videoBorder { padding: 60% 0px 0px 0px;}
    #Content { width: 60%;}
    
    .videoBorder.prfl-vid { padding: 43% 0px 0px 0px;}
    .textMain .media-sec h3 { font-size: 28px;}
    
    .prfl-vid iframe { height: 555px;}
    .prfl-vid.extraa iframe { height: 342px;}
    
    .joint li { float: none; clear: both; width: auto !important;}
    
    .sub-head h2 { margin: 5px 5px 75% 0; padding: 20px 0;font-size: 17px;}
    .sub-head { background-size: 50%; background-position: center 90px;}
    .sub-head-two {position: relative; right: 0; width: auto;}
    .sub-tab { text-align: center;}

    .tabs li { float: none; clear: both; margin: 5px auto 10px;}
    
    #Slider3 li { min-height: 132px;}
    
    #Specialties .sml-pr { width: auto;}
    
    .textMain .nws ul li { min-height: 250px;}
    
    .banner-content { font-size: 30px;/* left: 53%; */}
    
    .textMain .services ul > li { width: 600px;}
    .sub-serve { width: 59%;}
    
    .img-r img { width: 250px;}
    
}

@media screen and (max-width : 700px) 
{
    .menu li a { padding: 15px 8px;}
    footer .foo-links a { font-size: 14px; padding: 0px; margin: 0 0px;}
    .banner-content { /*left: 49%;*/}
    #Doctor-profile .head-txt .expr h1 { font-size: 46px;}
    #Specialties .special-Tabs li a { width: 218px;}
    
    #sun-pop { width: 70% !important; }
}

@media screen and (max-width : 670px)
{
    #Doctor-profile .head-txt .expr h1 { font-size: 45px;}
    #Doctor-profile .head-txt .expr h1 span { font-size: 15px;}
    #Specialties .special-Tabs li a { width: 210px;}
}

@media screen and (max-width : 640px) {
/* Menu CSS */ 
    
#Main-Menu { display: none;}
#Mobile-Menu { display: block;}
#Content, #Sidebar { display: block;}
#Sidebar { margin: 0px auto; clear: both;}
    
.contactTable .table-cell { display: block;width: 100%;}
.contact-address { border-radius: 10px 10px 0px 0px;}
.contact-map { height: 250px; border-radius: 0px 0px 10px 10px;}
    
.textMain .useFul li { width: 95%;}
.textMain .schemaTable .table-cell { display: block; margin: 0px auto;}
    
.dfwOn li.table-cell  {text-align: center; padding: 5px 0px;}
#Sidebar, .fixedsidebar { clear: both;}
.fixedsidebar {display: block !important}
.accessible_on .dfw-skip  { display: none;}
    
.img-r{ width: 250px; margin: 5px auto;}
    
.ypo-showcase {position: relative;}   

.table-cell.logo { display: block; text-align: center; margin: 10px auto;}
    
.appoint { float: none; clear: both; display: block; text-align: center;}    
.appoint div { display: inline-block; vertical-align: top;}
    
footer #Footer { padding: 30px 0;}
footer .foo-links {width: auto;}

.social-logo { margin: 20px auto;}    
footer h4 { padding: 10px 0;}
    
.textMain h1.titl-prfl { text-align: center;}    
.prfl { float: none; clear: both; text-align: center;}
.textMain .services ul > li .serve2 { display: none;}
.textMain .services ul > li .img-serve:not(.serve2) { display: inline-block !important;}
    

#Doctor-profile .dr-img, #Doctor-profile .head-txt { width: 100%; text-align: center;}
#Doctor-profile .dr-cont { position: relative; padding: 5px; text-align: left;}
.lnks, .lnk2 { width: auto; left: 0; }
#Patient-resources .patient-rsrcs h3 { width: auto;}
#Banner-Container li { background-size: cover !important;}
    
    #Specialties .special-Tabs li.Special1 {margin-left: 210px;}
    
    #Specialties .special-Tabs li.Special3 { border-radius: 0; height: 250px;}
    #Specialties .special-Tabs li.Special4, #Specialties .special-Tabs li.Special5 { height: 250px;}
    #Specialties .special-Tabs ul li.Special5 a span { bottom: 5px;}
    
    .banner-content { font-size: 28px; line-height: 1.1; width: 72%; /*left: 65%;*/}
   
    #Content { width: auto;}
    
    .textMain { padding: 10px;}
    .prfl-vid.extraa iframe { 470px;}
    .joint li { display: inline-block; vertical-align: top;}
    .joint li a { padding: 85px 0 0 0px !important; background-size: contain !important; margin: 3px; width: 170px;}
        
    .sub-head h2 { margin: 5px 5px 78% 0;}
    .sub-head-two p { padding: 5px 0 10px;}
    
    #Menu-Container .mobileMenu .actMenu { background: #fccc21; color: #000; }
    ul.subMenu { width: auto;}
    .banner-head { text-shadow: 0px 1px 1px #000; background: #ffffff36; padding: 10px; margin-top: -30px;}
    .textMain .nws ul li { min-height: 200px;}
    #Specialties .special-Tabs li a { width: 210px;}   
    #Specialties .special-Tabs li { background-position: center -5px !important; }
    
    #Doctor-profile .head-txt .expr { padding: 10px 5px;}
}

@media screen and (max-width : 639px) {
    #Specialties .special-Tabs li { background-size: cover !important;}
    footer .foo-links a { margin: 5px;}
    #Scroller { display: none !important;}
    .textMain .services ul > li { display: block; width: auto;}
    .sub-serve { width: auto;}
    .textMain .services ul > li span { bottom: 40px;}
    .sub-serve a.readmore { display: inline-block;}
    
    .sub-head h2 {  margin: 5px 5px 90% 0;}
    .sub-head { background-size: 60%;}
    .img-r {float: none; clear: both;}
    #Practice-locations .lcoation1 { background: #fff;}
    .loc-content
    { padding: 5px; right: 0; margin: auto; width: 305px; border-radius: 0; box-shadow: 0 0px 10px #515151;}
    #Patient-resources .pat-rsrcs ul li
    { width: 155px; height: 170px;}
    #Patient-resources .pat-rsrcs { width: 310px;}
    #Patient-resources .pat-rsrc-vid { width: auto;}
    #Patient-resources .patient-rsrcs h3 { font-size: 34px;}
    #Specialties .special-Tabs li { border-radius: 0 !important; height: 240px !important;}
    #Specialties .special-Tabs li a { width: 235px;}
    #Specialties .special-Tabs li.Special1 { margin-left: 0;}
    #Specialties .special-Tabs li { background-position: center 0 !important;}
    
    #Specialties .sml-pr { width: auto;}
    #Banner-Container #Banner { height: 300px;}
    .insurance-list li { width: auto;}
    
    .prfl-vid iframe { height: 355px;}
    .joint li a { width: 140px;}
    
    #Protcol-rws .pt-prot { padding: 25px 30px;}
    
    #patient-stories li { min-height: 165px;}
    .textMain .nws ul li a { position: relative;}
    
    #News-vid .dr-vid p span::after  { background-size: 60%;}
    
    #Container .banner h1 { font-size: 28px;}
    
    .banner-content { font-size: 20px; }
    
    #Specialties .special-Tabs ul li.Special5 a span { bottom: 25px;}
    
    #sun-pop .loc-pop h5 { font-size: 20px;}
    #sun-pop .loc-pop p { font-size: 18px;}
    
}
@media screen and (max-width : 480px) {
.img-blk{
	float:none;
	margin:0px;
}
}
@media screen and (max-width : 400px) {
    
    .textMain h1.titl-prfl {font-size: 26px;}
    .textMain h1.titl-prfl span { font-size: 15px;}
    .sub-head { background-size: 65%;}
    #Doctor-profile .head-txt .expr { padding: 5px;}
    #Doctor-profile .head-txt .expr > span , .banner-content { font-size: 18px;}
    #Doctor-profile .head-txt .expr h1 { font-size: 38px;}
    #Protcol-rws { background:none; }
    #Protcol-rws .pt-prot { background: #003e78;}
    .dr-vid a { font-size: 22px;}
    .videoBorder {padding: 65% 0px 0px 0px;}
    
    .textMain li p { display: block; clear: both; width: auto;}
    .textMain li .lp-txt img { display: block; clear: both; margin: 10px auto; }
    .lp-rd a { float: none; clear: both; display: inline-block; margin: 5px auto;}
    .textMain ul.lPage-list li h2 { font-size: 22px !important; text-align: center;}
    .tabs li { min-width: 310px;}
    .videoBorder.prfl-vid { padding: 66% 0px 0px 0px; width: 300px; height: auto;}
    .textMain .media-sec h3 { font-size: 20px;}
    
    .prfl-vid { margin: 20px 5px; width: 295px; padding: 0; }
    .prfl-vid iframe { width: 300px;height: 253px !important;}
    
    #Reviews div { min-height: 150px;}
    
    #News-vid .dr-vid p { left: 10px; top: 5px; text-shadow: 0px 0px 5px #000;}
    
    #patient-stories li { min-height: 220px;}
    
    #Protcol-rws .pt-prot ul li a { padding: 10px 15px 10px 20px;}
    #Protcol-rws .pt-prot ul li::before { bottom: 20px;}
    
     #Container .banner h1, .textMain .prf-vid-txt { font-size: 22px;}
    .navigation { font-size: 14px;}
    
    footer h4, footer .foo-links a { font-size: 15px;}
    
    .tabs li, #qlinks li { min-width: 305px;}
    
    .banner-content { width: 80%; left: 68%;}
    
    #Patient-resources .patient-rsrcs h3 { font-size: 30px;}
    
    .textMain h2.contact { font-size: 26px;}
    .textMain h2.contact span { font-size: 18px;}
    
    #sun-pop { width: 90% !important;}
    
    #sun-pop .loc-pop h5 { font-size: 16px;}
    #sun-pop .loc-pop p { font-size: 18px;}
    
    #sun-pop .loc-pop p { min-width: 220px;}
    .sub-head h2{font-size: 16px;}

}


@media screen and (max-width : 350px) 
{
    .banner-content { width: 90%; left: 65%;}
}

.textMain .useFul li a, .textMain .useFul li a span { font-size: 16px;}

/*accessibility 03-09-2020 */
.accessible_on #Container *
{ transform: none !important; transition: none !important; box-shadow: none !important; text-shadow: none !important; background: none !important; border-radius: 0 !important; animation: none !important; }

/*all colors -- not a*/
.dfw-whitemode #Container :not(a)
{color: #000 !important;}
.dfw-blackmode #Container :not(a)
{color: #fff !important;}

/*disable before and after*/
.dfw-whitemode #Container ::after, .dfw-blackmode #Container ::after, .dfw-whitemode #Container ::before, .dfw-blackmode #Container ::before 
{ display: none !important;}

/* anchor colors -- a */
.dfw-whitemode #Container a, .dfw-whitemode #Container a *
{color: #00e !important; text-decoration: none !important;}
.dfw-blackmode #Container a, .dfw-blackmode #Container a *
{color: #fc0 !important; text-decoration: none !important;}

/*menu backgrounds*/
.dfw-whitemode #Container #Main-Menu ul li ul *, .dfw-whitemode #Container #Main-Menu ul li ul, .dfw-whitemode #Container .parentMenu
{ background: #eee !important;}
.dfw-blackmode #Container #Main-Menu ul li ul *, .dfw-blackmode #Container #Main-Menu ul li ul, .dfw-blackmode #Container .parentMenu
{ background: #333 !important;}
.accessible_on .parentMenu li a
{ margin: 2px;}
.accessible_on:not(.dfw-greymode) .subMenu li { margin: 2px 0; }
.dfw-greymode .subMenu li { padding: 2px; margin: 0px; }
.accessible_on #Menu-Container 
{ z-index: 999;}

.accessible_on .menu li.menu-home a { font-size: 16px !important;}

.accessible_on #Reviews .dfw-skip { position: absolute !important;}


/*dfw skip codes*/
.accessible_on .dfw-skip a { font-size: 12px !important; text-transform: none;}
.accessible_on .dfw-skip { z-index: 999; display: block; border: 1px solid !important;}
.accessible_on .dfw-skip { background: #fff !important;} 
.dfw-blackmode .dfw-skip { background: #000 !important;}

/*sidebar*/
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ padding: 5px; border: 1px solid; margin: 0 !important; width: 310px; text-align: center;}
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ clear: both;}
.accessible_on #Sidebar .dfw-skip { margin-right: -100px;}

/*ADA for accordation*/
.accessible_on .accordContent, .accessible_on .accordTitle
{ display: block !important; border: 1px solid !important; }

/*content width auto*/
.accessible_on #Content { width: auto; }

/*gdp format for ADA*/
.accessible_on:not(.dfw-greymode) #gdpCookie
{ background: #8a8787 !important; left: 0; right: 0; margin: 0 auto; text-align: center; }

/*menu icon replace with text, Menus border none and top headder code*/
.menu li.menu-home a span { display: none !important;}
.accessible_on li.menu-home a span { display: block !important; font-size: 16px; }
.accessible_on:not(.dfw-greymode) .menu *
{ border: none !important;}

/*conatact us common and social links */
.accessible_on .contactTable { display: block; border: 0; box-shadow: none !important; }
.accessible_on .contact-address { border: 1px solid; margin: 10px auto; display: block;}
.accessible_on .social-logo { width: auto;}

/*conatact us common end */
.accessible_on.home #Header-Container, .accessible_on #credibility-sec, .accessible_on #Specialties, .accessible_on #Doctor-profile, .accessible_on #News-vid, .accessible_on #Protocols, .accessible_on #Reviews, .accessible_on #Patient-resources, .accessible_on #Usefull-links, .accessible_on #Practice-locations
{ position: relative !important;}

.accessible_on .abc
{ width: auto !important; float: none !important; height: auto; padding: 5px !important; clear: both !important; text-align: center;}

.accessible_on .abc 
{ float: none; display: inline-block; vertical-align: top; margin: 5px;}

.accessible_on #Specialties .specialties-inner
{ height: auto !important;}

.accessible_on #Specialties .sml-pr, .accessible_on #Protcol-rws .pt-prot, .accessible_on #Protcol-rws .pat-rws
{ width: auto !important; padding: 5px;}

.accessible_on .abc
{min-height: 10px !important; margin: 10px 0;}

.accessible_on #Specialties .specialties-inner { top: 0;}

.accessible_on #Specialties .special-Tabs { width: auto; position: relative;}

.accessible_on #News-vid .dr-vid p, .accessible_on #News-vid .dfw-skip, .accessible_on #Patient-resources .pat-rsrc-vid span, .accessible_on #Container .textMain .services ul > li span
{ background: #fff !important;}

.dfw-blackmode #News-vid .dr-vid p, .dfw-blackmode #News-vid .dfw-skip, .dfw-blackmode #Patient-resources .pat-rsrc-vid span, .dfw-blackmode #Container .textMain .services ul > li span
{ background: #000 !important;}

.accessible_on #Specialties .special-Tabs ul li a span { position: relative;}

.accessible_on #Reviews div { margin: 5px; min-height: 10px;}

.accessible_on #Patient-resources .pat-rsrc-vid span { z-index: 99;}

.accessible_on .loc-content { position: relative; width: 315px; height: auto; margin: 10px auto; border: 1px solid;}

.accessible_on #Practice-locations .loc-content a { padding: 5px !important; margin: 5px;}

.accessible_on #Practice-locations .dfw-skip a { margin: 0;}

.accessible_on footer #Footer { padding: 10px 0;}

.accessible_on .services ul li { border: 1px solid;}
.accessible_on .services .sub-serve ul li { width: 250px; }

.accessible_on #Sidebar .edu span { bottom: 0;}

.accessible_on #Container .sub-head 
{ background: url(../images/carlyle-m-d.jpg) no-repeat 20px 20px !important; background-size: 25% !important; border: 1px solid;}

.accessible_on .textMain .services ul > li span { bottom: -100px !important; }

.accessible_on #Doctor-profile .dr-cont { padding: 15px 35px 15px 10px;}

/*display none items (updated commonly used clsses too)*/
.accessible_on .Banner-Tabs, .accessible_on .contactTable .contact-map, .accessible_on #Sidebar * br, .accessible_on #Special > ul, .accessible_on #Patient-resources .pat-rsrc-vid a:not(.pat-rsrc-vid-min), .accessible_on #Patient-resources .pat-rsrcs ul li a::before
{ display: none;}

/*commonly used ADA style for ul, li & a*/
.accessible_on #Sidebar ul, .accessible_on #Usefull-links ul, .accessible_on .tabs, .accessible_on #qlinks ul, .accessible_on #Special .special-Tabs ul, .accessible_on .pat-rsrcs ul, .accessible_on .joint
{ text-align: center; float: none !important;}

.accessible_on #Sidebar ul li, .accessible_on #Usefull-links ul li, .accessible_on .tabs li, .accessible_on #qlinks ul li, .accessible_on #Special .special-Tabs ul li, .accessible_on .pat-rsrcs ul li, .accessible_on .joint li
{ display: inline-block !important; width: auto !important; border: 1px solid !important; height: auto; margin: 5px !important; min-height: 10px !important; float: none !important; vertical-align: top; min-width: 150px; padding: 0; background: none; height: auto !important;}

.accessible_on #Sidebar ul li a, .accessible_on #Usefull-links ul li a, .accessible_on .tabs li a, .accessible_on #qlinks ul li a, .accessible_on #Special .special-Tabs ul li a, .accessible_on .pat-rsrcs ul li a, .accessible_on .joint li a
{ display: inline-block; padding: 10px !important; min-width: 250px; border: 0 !important; min-height: 10px !important; float: none !important; vertical-align: top; width: 260px; height: auto; background: none;}

/*commonly used ADA style for ul, li & a end*/

/*required font icons*/
#Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, #Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, .accessible_on:not(.dfw-greymode) .parentList > .dropMenu::after, .accessible_on:not(.dfw-greymode) .parentList .subparentList > .dropMenu::after, .accessible_on #Container * .font-icon::before 
{ display: inline-block !important; }

/*not required font icons*/
.accessible_on #Container .menu-home a .font-icon::before, .accessible_on #Container .menu-home a::before, .accessible_on #Container .social-logo ul li a::before
{ display: none !important;}

/*grayscale for images*/
.accessible_on .logo img 
{ filter: grayscale(100%) contrast(25%) !important;}
.accessible_on #Credibility li img { filter: invert(25%);}
.accessible_on .ypo-logo
{ filter: invert(1%) !important;}
.accessible_on.dfw-greymode .ypo-logo
{ filter: invert(1) !important;}

/*common code for New Accessibility sidebar (plss remove this code for old site)*/
.dfwOn.dfwHide { left: -336px;}
.dfwOn.dfwActive.dfwHide .dfwClose { left: 85%;}
.dfw-whitemode #Accessibility li { color: #00e;}
.dfw-blackmode #Accessibility li { color: #fc0;}

/*common other code*/
.accessible_on footer .social-logo a span { display: block !important; padding: 5px;}
.accessible_on footer .social-logo ul li {width: auto;}
.accessible_on #Content-Main { padding-top: 60px; margin-top: -60px;}

/*common code for grey mode*/
.dfw-greymode #Container * { color: #000 !important;}
.dfw-greymode footer .social-logo ul li a { background: none; color: #fff;}
.dfw-greymode .dfw-skip a { color: #000;}
.dfw-greymode #Main-Menu .menu > li:hover
{ background: none !important; color: #000 !important; border-color: #fff;}
.dfw-greymode #Main-Menu ul.subMenu * 
{ background: #ccc !important; color: #000 !important;}
.dfw-greymode .navigation a, .dfw-greymode .navigation { color: #000;}

/*other code goes here*/

.accessible_on .lp-rd a, .accessible_on .in-news a, .accessible_on .rws-lnk a, .accessible_on .side-prfl a, .accessible_on .sub-tab a, .accessible_on #scrolltop input[type="submit"]
{ border: 1px solid !important; margin: 5px;}

.accessible_on .abc
{ text-align: center;} 

/*border colors*/
.accessible_on.dfw-whitemode #Container *, .accessible_on.dfw-greymode #Container * { border-color: #000 !important; }
.accessible_on.dfw-blackmode #Container * { border-color: #fff !important;}

.accessible_on #Doctor-profile .dr-cont {position: relative;width: 100%;right: 0;}

.accessible_on #Reviews h2::before{display: block !important;filter: invert(1) grayscale(100%);}
.accessible_on #gdpCookie {
	background: #fff !important;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.5);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.5);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.5) !important;
	border-radius: 50px !important;
}