body {    font-family: 'Poppins', sans-serif;}

/* ---------- Theme CSS ---------- */
@-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-10%, 0, 0);
 transform: translate3d(-10%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-10%, 0, 0);
 transform: translate3d(-10%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -10%, 0);
 transform: translate3d(0, -10%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -10%, 0);
 transform: translate3d(0, -10%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.animate__fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
#Map-Container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#Accessibility,
.gridWrapper,
#Banner,
#Content-Main,
#Main-Menu,
#Mobile-Menu {
	max-width:1170px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}


/* ADA */

.adaOn span {
	background: #cecece;
	color: #000;
	border-radius: 50%;
}
.tel7.font-icon::before{ margin:0 10px;}
/* Scroller CSS */

#Scroller a {
	background: #fff;
	border: 2px solid #000;
	color: #000;
	border-radius: 50%;
}

.clear {
	clear: both;
}

/* Header CSS */
header {
	z-index: 999;
	padding: 0px 0px 0px 0;
	background: url(../images/header-bg.jpg)repeat-x 0px 0px;
	min-height: 121px;
	box-shadow: 0px 0px 7px 2px #b4b3b2;
}
.header-top{ color:#fff; font-size:15px;}
.h-appoint{ float:right;padding: 0px 0; }
.h-appoint ul li {
	vertical-align: middle;
	line-height: 42px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
}
.h-appoint a{ color:#fff; }
.h-call-appoint a {background: url(../images/sprite.png) no-repeat 0px 2px;padding:7px 15px 7px 35px; }
.h-subscribe a{background:#0e406f url(../images/sprite.png) no-repeat 12px -100px;padding: 7px 20px 7px 55px;}
.h-member-login a {
	background: url(../images/sprite.png) no-repeat 10px -217px;
	padding: 7px 15px 7px 45px;
}
.logo{padding:0px 0 0px 0; position:absolute; top;0px; left:0px;}
.logo a {
	display: block;
}
.header-right{ float:right; width:80%;}

header.stickyHeader.stickyAnimate {
    top: 0px;min-height: 100px;
    transition: all 0.3s ease-out 0s;
}
header.stickyHeader {
	top: 0px !important;
}
.stickyAnimate .logo {
    width: 100px;
    transition: all 0.4s ease-out 0s;
}
.stickyAnimate .menu li a{ margin:5px 0;}
.stickyAnimate .menu li li a{ margin: 0;}
.stickyAnimate .menu ul {
	top: 55px;
}
.stickyAnimate .menu ul ul{ top:0px;}

nav {
	clear: both; width:100%; transition: 0.5s ease;
}
.home nav{border-bottom:0px;}
.menu {
	text-align: center;
}

.menu li {
	font-size: 15px;
	font-weight:400;
	position: relative; 
}
.menu li a {
	padding: 15px 7px;
	margin: 15px 0;
	color: #333333;
}
.menu li a:hover{ color:#000;background:#ffc022;}
.menu li li::before{ display:none;}
.menu li.menu-home::before{display:none;}
.menu li li {
	background: #004c91;
	text-transform: none;
	border-bottom: 1px solid #cdcdcd; border-right:0px;
	font-weight: 400; letter-spacing:0px;
	font-size: 15px;
}
.small-font {
	text-transform: lowercase;
	margin: 0px !important;
}
.menu li li a {
	padding:10px 15px 10px 20px;
	color: #fff;
	background: #1b3853;
	margin: 0px;
}
.menu li li a:hover {
	color: #000;
	background: #ffc022;
}

.menu ul {
	width: 215px;
	top: 65px;
}
.menu-home {
font-size: 0px !important;text-align: left; width:50px;
}
.menu-home a {
	width: 100%;
	color: #1b3853;
	height: 100%;
	padding: 16px 10px 5px 10px !important;
}

.menu-home:hover .font-icon::before{color:#000;}
.menu-home .font-icon::before {

	content: attr(data-icon);color:#000;

	font-family: "fontello";

	font-size: 20px;

}

.menu-home span {

	vertical-align: middle;

}
.menu-contact a{ background:#ffc022; text-transform:uppercase; font-weight:600;}
.menu-contact{border-right:0px !important;}
.toggleMenu {
	font: bold 16px/30px Verdana, Arial, Helvetica, sans-serif;
}

.toggleMenu a {
	border-radius: 5px;
	border: 2px solid #ccc;
}

.Wrapper {
	font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
}

.menu li li:hover:after,
.menu li li li:hover:after {
	display: none;
}
.floating-menu {
	position: fixed;
	top: 50%;
	width: 40px;
	right: 5px;
	z-index: 999;
}
.social-logo li {
	vertical-align: top;
	width: 40px;display: block;
	height: 40px;
	font-size: 21px; text-align:center;
	margin:0 5px;
}
.social-logo li a {
	width: 100%;
	transition: all 0.5s ease;
	color: #fff;
	height: 100%;
	display: block;
	padding: 11px 0 0 0;
}
.facebook{background:#3a5795;}
.twitter{background:#54aced;}
.youtube{background:#cd1f1f;}
.linkedin{background:#0077b5;}


/**
 * Defines how the animation will look like
 */



/* Home Banner CSS */
#Banner-Container {
	margin: 123px 0 0 0;
}
#Banner-Container #Banner {
	height: 587px;
}

#Banner-Container .banner1 {
	background: url(../images/banner1-bg.jpg) no-repeat center top;
}

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

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

#Banner-Container .banner2 {
	background: url(../images/banner2-bg.jpg) no-repeat center top;
}

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

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

#Banner-Container .banner3 {
	background: url(../images/banner3-bg.jpg) no-repeat center top;
}

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

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

#Banner-Container .banner4 .theme-L {
	background: url(../images/banner4-l-bg.jpg) no-repeat right top;
}

#Banner-Container .banner4 .theme-R {
	background: url(../images/banner4-r-bg.jpg) no-repeat left top;
}


.Banner_auto {
	display: none;
}


/* Banner Content CSS */

.banner-content {
	position: absolute;
	right: 10px; 
	top:205px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px; display:table;
}
.banner1 .banner-content{	top:188px;}
.banner1 .banner-head{display:table-cell;}
.banner1 .banner-img {
	display: table-cell;
	vertical-align: middle;
	height: 192px; padding:25px 0;
	width: 105px; position:relative;
}
.banner1 .banner-img img{background:transparent; margin:10px 0;}
.banner1 .banner-img::after {
	border-left: 1px solid #a9afb8;
	border-top: 1px solid #a9afb8;
	border-bottom: 1px solid #a9afb8;
	content: '';
	position: absolute;
	left:47px;
	top: -28px;
	width: 163px;
	height: 242px;
	z-index: -1;
}
.banner2 .banner-content{	top:170px;}
.banner3 .banner-content{	top:110px; right:30px;}
.banner3 .banner-img{ text-align:center; margin:0 0 35px 0;}
.banner3 .banner-img img{ margin:0 5px;}
.banner3 .banner-img::after {
	border-left: 1px solid #a9afb8;
	border-top: 1px solid #a9afb8;
	border-right: 1px solid #a9afb8;
	content: '';
	position: absolute;
	left: -25px;
	top: 55px;
	width: 110%;
	height: 150px;
	z-index: -1;
}
.banner4 .banner-content{	top:265px;}

.banner-head {
	color: #080808; 
	font-weight:600; font-size:40px; line-height:45px; 
}
.banner-head span{ display:block;}
.Banner-Tabs li {
	display: inline-block;
	background: none; border-radius:0px;
	border: 2px solid #000000;
	background: #fff;
}
.Banner-Tabs  li.Banner_here{ background:#1d3b51;}



/* Banner Content CSS */

#About-Container { padding:50px 0; font-size:15px; line-height:30px;  text-align:center; color:#212426;}
#About-Container h1{font-size: 39px;font-weight:400;color: #1d1d1d; margin: 0 0 30px 0; line-height: 43px; position:relative; text-align:center; position:relative;}
#About-Container h1 span{ font-weight:600; display:block;}
.welcome-text{ width:85%; margin:0 auto;}
.about-readmore a{ display:inline-block; padding:0 15px; font-size:16px; line-height:42px; background:#e5e5e5; color:#000; margin:30px 0 35px 0;}
.about-list-tabs{border:1px solid #f1f1f1;}
.about-list-tabs ul li {
	display: inline-block; 
	width: 386px; font-size:17px; font-weight:500; 
	vertical-align: top; line-height:25px; text-align:left;
}
.about-list-tabs ul li a{ display:block; padding:40px 0px 40px 110px; }
.about-tab1, .about-tab3{background:#e6e5eb;}
.about-tab1 a{background: url(../images/advanced-arthroscopic-img.png) no-repeat  25px center;}
.about-tab2 a{background: url(../images/international-center-img.png) no-repeat 70px center; padding-left:130px !important;}
.about-tab3 a{background: url(../images/pioneers-of-minimally-img.png) no-repeat 25px center;}
.about-list-tabs ul li:hover{background:#ffc022;}

/**services**/
#Services-Container{ transition: all 1s ease-in;position:relative; background: url(../images/services-bg.jpg) repeat center top; text-align:center; padding:50px 0 70px 0; }
#Services-Container h2{font-size: 40px;font-weight:400;color: #fff; margin: 0 0 40px 0; line-height: 42px; position:relative; text-align:center; position:relative;}
#Services-Container h2 span{ font-weight:600;}
.tooltip {
  position: relative;
}
.tooltip .tooltiptext {
	width: 100%;
	background-color: #ffbf20;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0%;
	margin-left: 0px;
	height: 100%;
	transform: translateY(-140px);
	transition: 0.5s all ease-in-out;
	opacity: 0;
}
.tooltip:hover .tooltiptext {
	transition: all 0.5s ease-in;
	opacity: 1;
	transform: translateY(0);
}
.tooltip .tooltiptext ul li {
	border-bottom: 1px solid #ffd772;
	width: 245px !important;
	margin: 0 auto !important;
}
.tooltip .tooltiptext ul li:last-child{border-bottom:0px;}
.tooltip .tooltiptext ul li a{color:#000000; padding:14px 0;}
.tooltip .tooltiptext ul li::before{ display:none;}
#Services-Container ul li{display:inline-block; text-align:center;vertical-align:top; margin:0 4px 0px 4px; width:280px;   position:relative;z-index: 0;}
#Services-Container ul li::before{position:absolute; bottom:-4px; background:#edc476; width:240px; height:4px; left:20px; content:'';z-index: -1;}
#Services-Container ul li a {display: block;	}
#Services-Container ul li a span{ display:block;font-size:20px; font-weight:600;text-transform:uppercase;color: #000;}
.shoulder{background: url(../images/shoulder-img.jpg) no-repeat center 0px;padding: 254px 0 13px 0;}
.elbow{background: url(../images/elbow-img.jpg) no-repeat center 0px;padding: 254px 0 13px 0;}
.prp{background: url(../images/prp-img.jpg) no-repeat center 0px;padding: 214px 0 13px 0;}
.drop-in-clinic{background:#c90000; color:#fff; padding:50px 20px; line-height:22px; font-size:16px; height:287px; position:relative;}
.drop-in-clinic a span{ margin:0 0 30px 0;color: #fff !important;}
.dropinclinic-readmore a, .services-readmore a{background:#ffffff; color:#000; padding:0 20px; line-height:40px; position:absolute; bottom:-4px; left:80px;}

#Meetdoc-Container{text-align: center;position:relative;  padding:60px 0;font-size: 16px; font-weight: 400; line-height: 23px; color:#000;}
#Meetdoc-Container h2{font-size:40px; font-weight:400; color:#000; margin:0 0 25px 0; text-align:center; line-height:40px;}
#Meetdoc-Container h2 span{ font-weight:600;}
.doc-text-text { margin:0 0 40px 0;}
.secretaries-sec{width:360px; display:table-cell;vertical-align:top; text-align:left; padding:0 20px 0 0;}
.secretaries-sec h3{ margin:25px 0 30px 0; font-size:28px; font-weight:600; text-transform:uppercase; color:#1b3853; }
.secretaries-sec ul li{border:1px solid #e6e6e6; margin:0 0 10px 0; padding:12px;}
.sec-img{display:table-cell; padding:0 25px 0 0 ;}
.sec-text{display:table-cell; vertical-align:middle;}
.secretaries-sec ul li h5{ font-size:18px; font-weight:600; text-transform:uppercase; margin:0 0 10px 0;}
.sec-phone {
	font-size: 16px;
	font-weight: 600;
	background: url(../images/sprite.png) no-repeat 0px -311px;
	margin: 1px 0;
	padding: 0 0 0 30px;
}

.doc-sec{ display:table-cell;border:1px solid #e6e6e6; padding:40px 20px; margin:40px 0 0 0;}
.doc-sec ul li{}
.doc-img{ display: table-cell;width:280px;}
.doc-img img{ margin:0 30px 0 0;}
.doc-text {
	text-align: left; font-size:14px; line-height:25px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 30px;
}
.doc-name {
	font-size: 25px;
	font-weight: 600;
	color: #1b3853;
	margin: 0px 0 20px 0;
	line-height: 25px;
	text-transform: uppercase;
}
.doc-name span{ font-weight:400;font-size:18px;}
.doc-spec {
	font-size: 18px;
	font-weight:600;
	display: block; margin:0 0 30px 0;
	color: #212426;
}
.doc-readmore a {
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	margin-top: 25px;
	line-height: 40px;
	padding: 0 20px 0 40px; 
}
.doc-view-profile{background:#d6d6d6 url(../images/sprite.png) no-repeat 2px -488px; margin-right:10px;}
.doc-book-app{background:#1b3853 url(../images/sprite.png) no-repeat 3px -600px; color:#fff; text-transform:uppercase; font-weight:500;}
.doc-book-app:hover{  color:#fff;}
.Doctors_auto{ display:none;}
.Doctors_nav {
	bottom: 33%;
	border: 1px solid #939393;
	width: 25px;
	height: 50px;
	border-radius: 10px;
	padding: 12px 0;
	background: #fff; color:#939393;
}
.Doctors_nav.slidePrev{left: -3%;}
.Doctors_nav.slideNext{ right:-3%;}



#PatientTestimonials-Container{text-align:center;background: url(../images/services-bg.jpg) repeat center top; }
.testimonials-left-sec{ position: relative;width:385px; display:inline-block; background:#f4f4f4; padding:45px 10px 20px 10px; font-size:14px; font-style:italic; line-height:24px;float:left; margin:0 30px 0 0; }
#PatientTestimonials-Container h3 {
	font-style: normal;
	font-size: 37px;
	font-weight: 400;
	color: #000000;
	margin: 20px 0 30px 0;
	line-height: 40px;
	position: relative;
}
#PatientTestimonials-Container h3 span{ font-weight:600; display:block;}
.patienttesti-readmore a{ margin:30px 0; font-size:15px; font-weight:500; display:inline-block; width:155px; padding:10px 0; text-align:center; font-style:normal; line-height:20px;}
.testi-all{ background:#fff;}
.submit-testi{ background:#1b3752; color:#fff;}
.testi-all:hover{background:#1b3752;  color:#fff;}
.submit-testi:hover{ background:#fff; color:#1b3752;}
#PatientTestimonials-Container .fa-quote-left {
	font-size: 40px;
	display: inline;
	color: #fff;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 22px;
	top: 211px;
}
#PatientTestimonials-Container .fa-quote-right {
	font-size: 40px;
	display: inline;
	color: #fff;
	margin: 0px 0px 0px 0px;
	position: absolute;
	right: 25px;
bottom: 118px;
}
.testimonials-right-sec {
	display: table-cell;
	padding:60px 0;
}
#PatientTestimonials-Container h2{ font-size: 37px;  font-weight:400;color: #fff; margin:0px 0 40px 0; line-height:40px; position:relative;}
#PatientTestimonials-Container h2 span{ font-weight:600;}
.testimonials-list ul li {
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #3d556c;
	display: inline-block;
	padding: 0px; color:#fff;
	line-height: 40px;
	margin: 5px;
}
.testimonials-list ul li a{ display:block;}
.testimonials-list ul li:hover{background:#ffbf20; color:#000;}
.testimonials-list ul li:nth-child(1), .testimonials-list ul li:nth-child(4){width:235px;}
.testimonials-list ul li:nth-child(2), .testimonials-list ul li:nth-child(5){width:190px;}
.testimonials-list ul li:nth-child(3), .testimonials-list ul li:nth-child(6){width:275px;}
.testimonials-videos {
	margin: 50px 0 0 0;
	color: #fff;
	position: relative;
	min-height: 325px;
}
.testimonials-videos ul li {
	font-size: 16px;
	font-weight: 400;
	margin: 0 5px;
	text-align: center;
	min-height: 300px;
}
#Slider4 {
	width: 100%;text-align: center;
	float: left;
}
.testimonials-videos ul li a {
	width: 365px;
	vertical-align: top;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	float: none;
}
.testimonials-videos ul li span{ display:block; margin:20px 0 0 0;}
.Testimonials-videos-Tabs li.Testimonials-videos_here {
background:#ffbf20; color:#000;
}
.Testimonials-videos_nav {
	border: 1px solid #fff;
	width: 28px;
	height: 28px;
	border-radius: 15px;
	padding: 4px 0;
	background: none;
	color: #fff; bottom:0px;
	display: inline-block;
}
.Testimonials-videos_auto{ display:none;}
.Testimonials-videos_nav.slidePrev {
	left: 0px;
}
.Testimonials-videos_nav.slideNext{left:40px;}
.testimonials-videos-readmore a {
	color: #000;
	background: #ffc022;
	font-weight: 500;
	padding: 10px 20px;
	margin: 0px 10px 0 0;
	display: inline-block;
}

#slvj-window{width:100%;min-height:100%;z-index:9999999;background:rgba(0,0,0,.8);position:fixed;top:0;left:0}#slvj-window,#slvj-window *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#slvj-background-close{width:100%;min-height:100%;z-index:31;position:fixed;top:0;left:0}
#slvj-back-lightbox{width:700px;height:auto;margin:auto;z-index:32}
.slvj-lightbox{position:relative;width:100%;height:100%;padding:20px;margin:0;background-color:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 2px 2px 2px rgba(0,0,0,.3);z-index:53}
#slvj-close-icon {
  background-color: #666;
  background-image: url("../images/close-icon.png");
  background-position: 3px center;
  background-repeat: no-repeat;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  z-index: 551;
}
#slvj-close-icon:hover{cursor:pointer}
#slvj-back-lightbox iframe{width: 100%; height: 450px;}


#LatestNews-Container {
	background: url(../images/review-bg.jpg) no-repeat center top;
	text-align: center;
	font-size: 15px; 
	line-height: 25px;
	font-weight: 400;
	position: relative;padding: 60px 0 40px 0;
}
#LatestNews-Container .gridWrapper{position:relative; border:1px solid #e7e7e7;padding: 50px 0 65px 0;}
#LatestNews-Container h2{font-size:45px; font-weight:400; color:#000; margin:0 0 40px 0; text-align:center; line-height:45px;}
#LatestNews-Container h2 span{ font-weight:600;}
#LatestNews-Container h4{ font-size:20px; font-weight:500; font-style:normal; margin:0px 0 40px 0;}
#Slider2 li {
	width: 100%;
	float: left;
	min-height: 135px;
}
.news-content {
	text-align: center;
	position: relative;width:90%;
	margin: 0px auto;
}
.News-Tabs{
	position: absolute;
	z-index: 9;
	margin: 0px;
	padding: 0px;
	bottom: 17px;
	right: 47%;
}
.News_auto{ display:none;}
.News-Tabs li{ border-radius:0px;}
.News_nav{
	bottom: 50%;
	border: 1px solid #939393;
	width: 25px;
	height: 50px;
	border-radius: 10px;
	padding: 12px 0;
	background: #fff; color:#939393;
}
.News_nav.slidePrev{left:-1%;}
.News_nav.slideNext{ left:99%;}
.News-Tabs  li.News_here{ background:#1d3b51;}



#Arthroscopic-Techniques-Container {
	position: relative;
	background: url(../images/arthroscopic-bg.jpg) no-repeat center 0;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	line-height: 25px;
	margin: 0 0 43px 0;
}
#Arthroscopic-Techniques-Container .gridWrapper {min-height:634px;    padding: 65px 0 60px 0;}
#Arthroscopic-Techniques-Container .theme-R {background: url(../images/arthroscopic-r-bg.jpg) no-repeat left top;}
#Arthroscopic-Techniques-Container .theme-L {background: url(../images/arthroscopic-l-bg.jpg) no-repeat right top;}
#Arthroscopic-Techniques-Container h2 {
    font-size: 42px;
    font-weight: 400;
    color: #333333;
    margin: 110px 0 40px 0;
    line-height: 45px;
    position: relative;
    text-align: left;
}
#Arthroscopic-Techniques-Container h2 span{ font-weight:600; display:block;}
#Arthroscopic-Techniques-Container img{ float:left;}
.arthroscopic-techniques-content {
	width: 533px;
	text-align: left;
	float: right;
	margin: 0 0px 0 0;
}
.arthroscopic-readmore a {
	color: #fff; background:#1b3853; font-weight:500;
	padding: 10px 20px;
	margin: 40px 10px 0 0;
	display: inline-block;
}




#Patient-Journey-Container {
    position: relative;
background: url(../images/patient-journey-bg.jpg) no-repeat center 0;
    font-size: 15px;color:#fff;
    font-weight: 400;
    text-align: center;
    line-height: 25px;
}
#Patient-Journey-Container .gridWrapper {
	min-height: 480px;
	padding: 55px 0 0px 0;
}
#Patient-Journey-Container .theme-R {background: url(../images/patient-journey-r-bg.jpg) no-repeat left top;}
#Patient-Journey-Container .theme-L {background: url(../images/patient-journey-l-bg.jpg) no-repeat right top;}
#Patient-Journey-Container h2{ line-height:45px;font-size:45px; font-weight:400; color:#fff; margin:0 0 65px 0; text-align:center;}
#Patient-Journey-Container h2 span{ font-weight:600;}


#Patient-Journey-Container ul li {
    width: 180px;
    margin: 0 5px;font-weight:400; vertical-align:top;
    display: inline-block;position: relative;
    font-size: 17px;
}
#Patient-Journey-Container ul li a {
    display: block;transition: all 1s ease-in;
    
}
.initial-meeting a, .preparing-for-surgery a, .post-operative-care a {padding:0px 0 180px 0;}
.treatment-options-plan a, .procedure a, .rehabilitation-program a{padding:230px 0 0px 0;}
.initial-meeting::before, .preparing-for-surgery::before, .post-operative-care::before {
	position: absolute;
	top: 40px;
	left: 16px;
	width: 147px;
	height: 53px;
	content: '';
	background: url(../images/journey-arrow-top.png) no-repeat center 0px;
}
.treatment-options-plan::before, .procedure::before, .rehabilitation-program::before {
	position: absolute;
	top: 165px;
	left: 16px;
	width: 147px;
	height: 53px;
	content: '';
	background: url(../images/journey-arrow-bottom.png) no-repeat center 0px;
}
.initial-meeting a {
    background: url(../images/initial-meeting-img.png) no-repeat center 60px;
}
.treatment-options-plan a {
    background: url(../images/treatment-options-plan-img.png) no-repeat center 60px;
}
.preparing-for-surgery a {
    background: url(../images/preparing-for-surgery-img.png) no-repeat center 60px;
}
.procedure a {
    background: url(../images/procedure-img.png) no-repeat center 60px;
}
.post-operative-care a {
    background: url(../images/post-operative-care-img.png) no-repeat center 60px;
}
.rehabilitation-program a {
    background: url(../images/rehabilitation-program-img.png) no-repeat center 60px;
}
.initial-meeting a:hover {
    background: url(../images/initial-meeting-img-hover.png) no-repeat center 60px;
}
.treatment-options-plan a:hover {
    background: url(../images/treatment-options-plan-img-hover.png) no-repeat center 60px;
}
.preparing-for-surgery a:hover {
    background: url(../images/preparing-for-surgery-img-hover.png) no-repeat center 60px;
}
.procedure a:hover {
    background: url(../images/procedure-img-hover.png) no-repeat center 60px;
}
.post-operative-care a:hover {
    background: url(../images/post-operative-care-img-hover.png) no-repeat center 60px;
}
.rehabilitation-program a:hover {
    background: url(../images/rehabilitation-program-img-hover.png) no-repeat center 60px;
}

#ContactForm-Container {
	padding: 50px 0 0 0;
	z-index: 99;
	position: relative;
}
#ContactForm-Container h2{font-size:45px; font-weight:400; color:#000000; margin:0 0 30px 0; text-align:center;}
#ContactForm-Container h2 span{ font-weight:600;}
.contact-form{ background:#fff; padding:0 1%;}

#Map-Container {
	position: relative;
	background: url(../images/map-bg.jpg) no-repeat center top;
	margin: -115px 0 0 0;
}
#Map-Container .gridWrapper {min-height:719px;    padding: 160px 0 65px 0;}
#Map-Container .theme-R {background: url(../images/map-r-bg.jpg) no-repeat left top;}
#Map-Container .theme-L {background: url(../images/map-l-bg.jpg) no-repeat right top;}
.map-images{width:500px; display:inline-block; }
.map-images ul li {
	display: inline-block;
	margin:0px 5px 12px 5px;vertical-align:top;
}

.address-container {
	margin:0px 0 0 0;
	display: block; text-align:left;
	float: right; font-size:16px; font-weight:400; line-height:22px;
	width:665px;
}
.address-container ul li {
	background: #f6f7f8;
	display: inline-block;
	width: 325px;
	vertical-align: top;
	padding: 20px 10px;
	text-align: center;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px; position:relative;
	min-height: 488px;
}
.address-container ul li:first-child{ margin:0 8px 0 0;}
.address-container ul li h4{ font-weight:600; font-size:18px; margin:20px 0 10px 0; text-transform:uppercase;}
.map-dir a {
	color: #f98323;
	margin: 10px 0;
	text-decoration: underline;
	display: block;
}
.map-phone {
	font-size: 18px;
	font-weight: 600;
	background: url(../images/sprite.png) no-repeat 0px -311px;
	display: inline-block; margin:1px 0;
	padding: 0 0 0 35px;
}
.f-book-app a {
	display: inline-block;
	font-weight: 600;
	color: #000;
	line-height: 40px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 45px;
	margin: 19px 0 0 0;
	padding: 0 20px 0 40px;
	background: #fd9e0d url(../images/sprite.png) no-repeat 0px -394px;
}

/* Footer CSS */
#Credibility-Container {
	text-align: center;
}
#Credibility-Container ul li {
	display: inline-block;
	position: relative;
	margin:25px 0px 25px 0px;
}
#Credibility-Container ul li:last-child:after{display:none;}

#Footer-Container {
	color: #fff; font-size:15px; font-weight:300; background:#1d3b51;
	padding:60px 0 60px 0;
	text-align: center; 
}
.f-links {
	padding: 10px 0;
	border-top: 1px solid #4a6274;
	border-bottom: 1px solid #4a6274;
}
.f-links a {
	padding: 0px 42px;
	display: inline-block;
	line-height: 25px;
}
#Footer-Container h6 {
	font-size: 17px;
	color: #fff; margin:30px 0 20px 0;
	font-weight: 400;
	padding: 5px 0;
}
.ypo-logo {
	padding: 10px 0px 0 0px;
}



/* Navigation CSS */

#Content-Container {
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0 50px 0;
	clear: both;
}
.navigation {
	font-size: 15px;
	font-weight: 600;
	margin: 123px 0 0 0;
	text-align: center;
	color: #1b3853;
	width: 100%;
	float: left;
	padding: 25px 0px 35px 0;
	background: #ededed;
}
.navigation span {
	margin: 0 5px;
}

.navigation a {
	color: #e6a504; font-weight:400;
	text-decoration: none;
}
.navigation a:hover{color:#0f86dd;}
.navigation h1, .textMain h1 {
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	color: #000;
	margin: 10px 0 15px 0;
	line-height: 35px;
}
.navigation-container {
	width: 80%;
	vertical-align: middle;
	height: 100%;
	float: right;
}

.about-page .img-c span{ display:block;}
.drop-in-clinic-page .img-c p {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px;
}
.drop-in-clinic-page .img-c p span{ display:block;}
 .img-c img {
	margin: 5px;
	border: 2px solid #999;
}
/* Sidebar CSS */
#Content {
	position: relative;
}
#Sidebar {
	width: 290px;
	padding: 40px 0 0 0;
}
.doctor-s {
	text-align: center; 
	position: relative; border-bottom:1px solid #e1e1e1;
	display: block; padding:0px 0 70px 0;
	margin: 0 0 15px 0;
	color: #fff; clear:both;

}
.Doctor-s_nav.slidePrev, .Doctor-s_nav.slideNext{ color:#bbbbbb;bottom: 23px; font-size:22px;}
.Doctor-s_nav.slidePrev{left:145px;}
.Doctor-s_nav.slideNext{left: 175px;}
.Doctor-s_auto{display:none;}
.doctor-s-head{ font-size:29px; font-weight:600; color:#000; margin:0 0 30px 0;}
.doctor-s-head span{ font-weight:300;}
.doctor-s ul li{ float:left; width:100%;}
.doc-text-s{ padding:180px 0 30px 0;  background:#0096db;}
.doc-name-s {
	font-size:21px;
	font-weight:700;
	color: #fff; margin:0 0 3px 0; 
	line-height: 30px;
}
.doc-name-s span{ font-weight:300;}
.doc-spec-s {
	font-size: 13px;
	font-weight:300;
	display: block;
	color: #fff;
}
.doc-readmore-s a {
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	margin: 20px 0 0 0px;
	line-height: 55px;
	color: #fff; 
	border: 1px solid #fff;
	padding: 0 30px 0 30px; border-radius:12px;
}
.doc-readmore-s a:hover{ color:#2e3192;}
.resources-s {
	clear: both; 
}
.resources-s-head {
	font-size:28px;
	color: #333333; padding:30px 0 30px 0;  
	font-weight: 600; 
	text-align: center;
}
.resources-s-head span{ font-weight:300;}
.resources-s ul li {
	color: #008ccd;
	font-weight: 400;
	font-size: 16px;
	vertical-align: top;
	position: relative;
	line-height: 20px;
	width: 100%;
	display: table;
	height: 60px;
	margin: 13px auto; text-align:center;box-shadow: 1px 0px 21px 0px #dedede;
}
.resources-s ul li:last-child{ border-bottom:0px;}

.resources-s ul li a {
	padding: 0px 0 0px 0px;
	vertical-align: middle; color:#008ccd;
	display: table-cell;
}
.resources-s ul li a:hover{ color:#8bc403;}


.ms-main{
    text-align: center;
}
.ms-list {
	display: inline-block;
	width: 40%;
	min-width: 300px;
	border: 2px solid #ffc022;
	padding: 10px;
	background: #f9f9f9;
	vertical-align: top;
	box-shadow: 0 6px 4px #ccc;
	margin: 10px 20px 20px 0;
	text-align: left;
}
.phn11 {
	display: inline-block;
	margin: 0 21px 0 0;
	vertical-align: top;
}
/*Profile Page*/
.profile-img {
	float: right;
	margin: 20px 0px 10px 30px;
	position: relative;
}
.profile-img img{ margin:0 0 0px 0;}
.doctor-profile h1 {
	font-size: 32px !important;
	color: #1b3853 !important;
	font-weight: 700 !important;
	margin:35px 0 5px 0px !important;
	line-height: 30px !important;
}
.doctor-profile h3 {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: #00509c !important;
	margin: 0 0 10px 0 !important;
	position: relative;
	padding: 0px !important;
}
.doctor-profile h3 span{color:#1b3853 !important; display:block; font-weight:600;}

/** MEET OUR TEAM Page**/

.meetourteam-page{text-align:center;}
.meetourteam-page h2, .fellows-page h2 {
	text-align: center;
	font-size: 24px !important;
	padding: 20px 0 10px 0 !important;
}
.meetourteam-page-list ul li, .fellows-page-list ul li {
	vertical-align: top;
	margin: 9px;
	position: relative;background:none!important;
	width: 270px;
	display: inline-block;
	border: 1px solid #e3e3e3;
	padding: 10px 10px 30px 10px;
	min-height: 500px;
}
.meetourteam-page-list ul li h3, .fellows-page-list ul li h3{ font-size:22px ; color:#030303; font-weight:600;padding: 20px 0 0px 0; }
.meetourteam-page-list ul li h3 span{ font-size:16px; font-weight:400; color:#686868; display:block;}
.meetourteam-page-list ul li h3 a, .fellows-page-list ul li h3 a{
	color: #030303;
}
.meetourteam-page-list ul li h4 {
	font-size: 16px;
	font-weight: 500;
	color: #1b3853;
	margin: 0px 0 0 0;
	line-height: 22px;
}
.meetourteam-readmore a{background:#ededed; color:#000 !important; padding:0 15px; line-height:40px; display:inline-block; position:absolute; bottom:0px; left:75px;}
.meetourteam-readmore a:hover, .fellows-button a:hover{ background:#ffc022; color:#000 !important;}

.fellows-button a{background:#1b3853; color:#fff !important; font-size:24px; font-weight:600; padding:15px 60px; display:inline-block; margin:30px 0;}

.fellows-page{ text-align:center;}
.fellows-page-list ul li{min-height:auto; background:none !important;}
.alumni-list ul li {
	width: 555px;
	display: inline-block;
	border: 1px solid #e3e3e3;
	margin: 9px;
	vertical-align: top;
	padding: 10px !important;
	background: none !important;
}
.fellow-img {
	float: left;
	margin: 0 20px 0 0;
	width: 105px;
	height: 133px;position: relative;
	overflow: hidden;
}
.fellow-img img{object-fit: cover;height: 100%;
width: 100%;}
.fellow-text {
	text-align: left;
}
.rsu-team-meeting{ text-align:center;}
.rsu-team-meeting img {
	width: 300px;
	display: table-cell;
	margin: 10px;border: 1px solid #e3e3e3;
}

.service-lists > li {
	width: 570px !important;
}

/* Text CSS */

.textMain {
	padding: 30px 0px 20px 0px;
	font-size: 15px;
	font-weight: 400;
	color: #000000;
	line-height: 25px;
}
.textMain a {
	color:#e6a504;
	text-decoration: none;
}
.textMain a:hover{ color:#0f86dd;}
.textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2 {
	font-size: 22px;
	font-weight: 600;
	color:  #eab738;
}
.textMain h2 span {
	font-size: 20px;
	font-weight: 700;
	color: #1b3853;
}
.textMain h2 a,
.hTag2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
	color:  #eab738;
}

.textMain h3, .hTag3, .textMain h2.hTag3, .textMain h4.hTag3 {
	font-size: 19px;
	font-weight: 600;
	color:#29638e;
}

.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
	color:#29638e;
}

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
	font-size:16px;
	font-weight: 600;
	color: #1b3853;
}

.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
	color: #1b3853;
}


/* Contact Page */

.contactTable {
	border-spacing: 5px;
	border: 2px solid #ccc;
	margin: 0 0 10px 0;
}
.contact-page .font-icon::before {
	margin: 0 10px 0 0;
}
.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: 400px;
	padding: 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;
}
.secretaries-contact-list h3 {
	font-size: 23px !important;
	font-weight: 400 !important;
	color: #1b3953 !important;
	position: relative;
	padding-bottom: 0px; text-align:left;
	margin: 0px 0 35px 0;
}
.secretaries-contact-list h3::after{ border-bottom:1px solid #1b3953; position:absolute; bottom:0px; right:0px; width:76%; height:1px;content:''; }
.secretaries-contact-list {
	margin: 10px 0 30px 0;
	text-align: center;
}
.secretaries-contact-list li {
	position: relative;
	vertical-align: middle;
	border-radius: 10px;
	padding: 25px 25px !important;
	border: 1px solid #c2c2c2;
	display: inline-block;
	background: none !important;
	width: 377px;
	margin: 0 5px;
}
.secretaries-contact-list h4 {
	color: #000000 !important;
	font-size: 19px !important;
	font-weight: 600 !important;
	position: absolute;
	top: -12px;
	left: 15px;
	background: #fff;
	padding: 0 10px;
}
.secretaries-contact-list h5 {
	color: #0d406f !important;
	font-size: 22px !important;
	display: table-cell;
	font-weight: 400 !important;
	padding: 0 20px 0 0;
	border-right: 1px solid #000000;
	vertical-align: middle;
}
.secretaries-contact-list h5 span{ display:block; font-style:italic; color:#515151;  font-size:15px !important; font-weight:400 !important;}	
.sec-telnum {
	display: table-cell;
	padding: 0px 0 0 20px !important;
	font-weight: 600;
	font-size: 18px !important;
	color: #000 !important;
	vertical-align: middle;
	text-align: left;
}
.sec-telnum a{color: #000 !important;}
.sec-telnum .font-icon::before{color:#0d406f;}
.contact-page .font-icon::before {
	margin: 0 10px 0 0;
}
.enquiries-block {
	background: #1b3953; color:#c1c1c1;
	clear: both;padding:40px 0 140px 0;
	position: relative;
}
.enquiries-block .theme-L, .enquiries-block .theme-R{background:#1b3953;}
.enquiries-block h3{ font-size:28px !important; font-weight:600!important; color:#ffc122!important; }

.nhs-patients-gps{font-size:25px; font-weight:400; line-height:30px; color:#373737;}
.nhs-patients-gps strong{ font-weight:600;color:#1b3953;}
.nhs-patients-gps .img-l {
	margin: -100px 30px 0 0;
	z-index: 99;
	position: relative;
}
.nhs-patients-gps-text {
	padding: 25px 0;
	margin: 40px 0px;
	border-top: 10px solid #1b3953;
	border-bottom: 10px solid #1b3953;
	display: inline-block;
	width: 656px;
}
.contact-private-medical-insurance-images  {
	padding: 5px 0 5px 0px !important;
	background: none !important;
}
.contact-private-medical-insurance-images img {
	display: inline-block;
	width: 49%;
}
.secretaries-contact-list-two{background:#f0f0f0; padding:50px 0; position:relative; }
.secretaries-contact-list-two h3::after{ display:none !important;}
.secretaries-contact-list-two .theme-L, .secretaries-contact-list-two .theme-R{background:#f0f0f0;}
.secretaries-contact-list-two li{width: 48%;}
.secretaries-contact-list-two .sec-telnum {
font-weight: 400; color:#515151;
	font-size: 16px !important;
}
.secretaries-contact-list-two .sec-telnum .font-icon::before {
	color: #304b63;
}
.secretaries-contact-list-two h3 {
	font-size: 28px !important;
	margin: 0px 0 40px 0;
}
.secretaries-contact-list-two li{padding: 40px 25px !important;}
.secretaries-contact-list-two h4 {
	background: #f0f0f0 url(../images/doc-icon.png) no-repeat 8px 0px;
	font-size: 28px !important;
	font-weight: 600 !important;
	padding: 5px 10px 5px 45px;
	top: -17px;
}
.print-pdf .pdf-icon::before{color: #fff;}
.contact-pdf {
	text-align: center;
}
.contact-pdf .print-pdf, .contact-pdf .PDFtext {
	display: inline-block;
	vertical-align: middle;
	/* text-align: center; */
	margin: 0 10px;
}
.contact-pdf .print-pdf a{ padding:15px 20px; }
.contact-pdf .PDFtext {
	background: #1b3953;
	color: #ffc122;
	padding: 13px 20px;
	vertical-align: middle;
}
ul.service-list-tabs {
	width: 100%;
	text-align: center;
	margin: 10px 0px 20px 0;
	padding: 0;
	float: left;
}
ul.service-list-tabs li {
	background: #1b3853;
	box-sizing: border-box;
	display: table;
	float: left;
	height: 50px;
	margin: 10px 2% 5px 0;
	position: relative;
	vertical-align: middle;
	width: 48%;
	padding: 0 5px;
}
.service-list-tabs li:hover{color: #000 !important;background: #ffc022 !important;}
ul.service-list-tabs li a  {
	color: #fff;
	display: table-cell;
	height: 100%;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	float: none;
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}
.service-list-tabs li a:hover{color:  #000 !important;}
.service-list-tabs li .font-icon::before{ margin:0 10px 0 0;}

/* Profile Schema */

.textMain .schemaTable {
	padding: 5px;
	text-align: center;
}

.textMain .schemaTitle {
	padding: 5px 10px;
	font: normal 18px/24px Verdana, Arial, Helvetica, 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: top;
	text-align: left;
	width: 33%;
}

.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 News */

.textMain .write-review {
	font: normal 16px/20px Verdana, Arial, Helvetica, 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;
}


.new-developments-list li{background-position:10px 24px !important;}
.physiotherapists-img { text-align:center;padding: 10px;}
.physiotherapy-protocols li {
	background: none !important;
	padding-left: 10px !important;
}
.physiotherapy-videos-page img{ margin:10px;}

.print-pdf-block {
	float: right;
	border: 1px solid #999;
	padding: 10px;
	width: 400px; margin:0 0 0 10px;
	text-align: center;
}
.source{ display:none;}

/*Easy responsive Tabs*/
.responsiveTabs {
    background: none;
    text-transform: none;
}

.textMain .resp-tabs-list {
    display: block;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 0px;
}
.resp-tabs-list li, .textMain .resp-tabs-list li {
	--color-smoke: #ccc;
}
.textMain .resp-tabs-list li {
   margin: 8px;
padding: 0px;
display: inline-block;
vertical-align: top;
background: #1d3b51;
width: 23%;
color: #fff;
border-radius: 5px;
box-shadow: -1px 4px 4px var(--color-smoke);
transition: all ease-out 400ms; font-size: 16px !important; font-weight: 500; line-height: 40px;
}

.textMain .resp-tabs-list li.resp-tab-active {
    background: #42a6e8;
}

.textMain .resp-tabs-list li a {
    text-decoration: none;
    display: block;
    color: #fff;
}

.textMain .resp-tabs-container {
    margin: 0px;
    padding: 0px;
    clear: both;
}

.textMain .resp-tab-content {
    display: none;
    margin: 0px auto;
    padding: 30px 15px 15px 15px;
    min-height: auto;
}

.textMain h2.resp-accordion {
	cursor: pointer;
	display: none;
	border: 1px solid #c1c1c1;
	background: #1d3b51;
	margin: 0px;
	padding: 10px 15px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

.textMain h2.resp-accordion a {
    color: #fff;
}

.textMain .resp-tabs-container h2.resp-tab-active,
.textMain .resp-tabs-list li.resp-tab-active {
    background: #ffc022;
    color: #000;
}
.textMain .resp-tabs-list li.resp-tab-active a{ color: #000;}
.textMain .resp-tabs-container .resp-tab-content-active,
.textMain .resp-tabs-container .resp-accordion-active {
    display: block;
}

.textMain .resp-arrow {
    width: 0px;
    height: 0px;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #fff;
}

.textMain h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff;
}

.textMain h2.resp-tab-active {
    background: #469d6e;
}

.articles-posts{width:100%; display:block; }
.articles-posts ul li{
	padding: 20px 0px;margin: 0px; float:left; width:100%;
background: none !important;
	border-bottom: 1px solid #ccc;
}
.articles-list ul.service-list-tabs{margin: 10px 0px 10px 0;}
.articles-img {
	position: relative;
	overflow: hidden;
	z-index: 9;
	float: left;
	margin: 0px 10px 0 0;
	display: inline-block;
}
.articles-img img {
	border: 3px double #1d3b51;
	object-fit: cover;
}
.articles-posts ul li h3 {
padding: 0px !important;
margin:-4px 0 10px 0;font-size: 22px;
font-weight: 600;
color: #eab738;
}
.articles-posts ul li h3 a, .articles-posts ul li h3:hover, .articles-posts ul li h3 a:hover{color: #eab738;}
.articles-posts-readmore a {
	display: inline-block;
	padding: 10px 15px;color: #eab738;
	border: 2px solid #333;
	border-radius: 10px;
	text-decoration: none;
	float: right;
}
.articles-posts-readmore a:hover{color: #eab738;}

.article-view-img{position: relative;
overflow: hidden;
z-index: 9;
float: right;
margin: 0px 0px 10px 15px; width:250px; height:250px;}
.article-view-img img{ border: 3px double #1d3b51;
object-fit: cover; width:100%; height:100%; }

@media screen and (max-width: 1243px) {
.banner-content{ right:1%;}
#Header-Container, #About-Container, #Services-Container, #LatestNews-Container, #Meetdoc-Container, #Procedures-Container, #PatientTestimonials-Container, #Arthroscopic-Techniques-Container, #Patient-Journey-Container, #ContactForm-Container, #Map-Container, #Footer-Container, .navigation, #Content-Container {padding-left: 5px;
padding-right: 5px;}
#Affiliations-Container ul li{margin: 0 3px;}
}

@media screen and (max-width: 1199px) {
.Banner-Tabs{right: 10px;}
.about-list-tabs ul li{ width:33%;}
#Services-Container ul li{margin: 0 2px 0px 2px;}
.News_nav.slidePrev {
	left: 5px;
}
.News_nav.slideNext {
	left: 97%;
}
.Doctors_nav{top: 117px;}
.Doctors_nav.slidePrev {
	left: 23%;
	top: 117px;
}
.Doctors_nav.slideNext {
	right: 72%;
}
.map-images, .address-container, .address-container ul li {
	display: table-cell;
	vertical-align: top;
	float: none;
}
.map-images ul li{ width:45%;}
.f-book-app a{ position:relative; bottom:0px; left:0px;}
.meetourteam-page-list ul li{margin:5px;}
.secretaries-contact-list li {
width: 365px;
	margin: 12px 5px;
}
.enquiries-block{padding-left:2%; padding-right:2%;}
.nhs-patients-gps{ font-size:20px;}
.nhs-patients-gps-text {
	padding: 15px 0;
	margin: 25px 0px;display: inline-block;
	width: 47%;
}
.secretaries-contact-list-two li {
	width: 48% !important;
}
}

@media screen and (max-width: 1169px) {
.theme-L, .theme-R{ display:none;}	
.logo {
	width: 15%;
}
.menu li{ font-size:14px;}
.menu li a {
	padding: 15px 4px;
}
.header-right {
	float: right;
	width: 85%;
}
.welcome-text {
	width: 100%;
	margin: 0 auto;
}
.about-list-tabs ul li a {
	padding: 40px 20px 40px 100px;
}
.drop-in-clinic {padding: 50px 20px 26px 20px;	height: auto;width: 100% !important;margin: 20px auto !important;}
.dropinclinic-readmore a {position: relative;
	bottom: 0px;
	left: 0px;
	display: inline-block !important;
	margin: 30px 0 0px 0;
}
#Services-Container ul li::before{ display:none;}
.secretaries-sec {
	width: 100%;padding: 0px;
	display: block;
}
.secretaries-sec ul li {
	padding: 5px ;
	width: 32%; margin:0 5px;
	display: inline-block;
}
.secretaries-sec h3{text-align:center;}
.sec-img {
	display: table-cell;
	padding: 0px 15px 0 0;
}
.Doctors_nav.slidePrev {
	left: 10px;
	top: 117px;
}
.Doctors_nav.slideNext {
	right: 92%;
}
#Arthroscopic-Techniques-Container{background: #fafafa;}
#Arthroscopic-Techniques-Container .gridWrapper{ min-height:auto; padding:30px 0 30px 0;}
.arthroscopic-techniques-content {
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 0px 0 0;
	padding: 0 0 20px 0;
}
#Arthroscopic-Techniques-Container h2 {
	margin: 30px 0 40px 0;
	line-height: 45px;
	text-align: center;
}
#Arthroscopic-Techniques-Container h2 span{ display:inline;}
.testimonials-list ul li:nth-child(1), .testimonials-list ul li:nth-child(2), .testimonials-list ul li:nth-child(3), .testimonials-list ul li:nth-child(4), .testimonials-list ul li:nth-child(5), .testimonials-list ul li:nth-child(6){ width:45% ;}
.Testimonials-videos_nav{ bottom:103%;}
.testimonials-videos ul li a {
	width: 49%;
}
#Patient-Journey-Container ul li{ width:145px;}
#Patient-Journey-Container ul li a{background-position-y:70px;}
.treatment-options-plan::before, .procedure::before, .rehabilitation-program::before, .initial-meeting::before, .preparing-for-surgery::before, .post-operative-care::before {
	left: 0px;
}
.initial-meeting::before, .preparing-for-surgery::before, .post-operative-care::before {
top: 60px;
}
.f-links a {
	padding: 0px 25px;
}
.meetourteam-page-list ul li {
	margin:5px;
	width: 229px;
}
.meetourteam-page-list ul li h3{ font-size:17px;}
.meetourteam-page-list ul li h3 span, .meetourteam-page-list ul li h4 {
	font-size: 14px;
	line-height: 20px;
}
.alumni-list ul li {
	width: 47%;
}
.service-lists{text-align:center;}
.service-lists > li{ margin:10px auto; }
.service-lists li .service-content{text-align:left;}
.secretaries-contact-list h3::after{ display:none;}
.enquiries-block{padding-top: 40px; padding-bottom: 40px;}
.secretaries-contact-list-two {
	background: #f0f0f0;
	padding: 25px 1%;
	position: relative;
}
.nhs-patients-gps .img-l {
	margin: 20px 0;
	z-index: 99;
	position: relative;
	text-align: center;
	float: none;
}
.nhs-patients-gps-text {
	padding: 15px 1%;
	margin: 25px 0px;
	display: inline-block;
	width: 99%;
}
.secretaries-contact-list-two li {
	width: 480px !important;
}
}


@media screen and (max-width: 979px) {	
	/* Menu CSS */
	#Main-Menu, .floating-menu {
		display: none;
	}
	#Mobile-Menu {
		display: block;
	}
	#Mobile-Menu ul li:hover>ul {
		display: none;
	}
	#Scroller a{ display:none !important;}

.toggleMenu a {
	border-radius: 5px;
	border: 2px solid #ccc;
	color: #000;
}
.menuClose a{ color:#fff;}
.logo {
	width: 20%;
}
.header-right {
	float: right;
	width: 78%;
	margin: 10px 0;
}
.menu li {
	font-size: 13px;
}
.menu-home{width: 40px;}
.menu-home a {
padding: 16px 5px 5px 5px !important;
}
.menu-contact a {
	background: #ffc022;
	text-transform: none;
	font-weight: 400;
}
#Banner-Container .banner1, #Banner-Container .banner2, #Banner-Container .banner3, #Banner-Container .banner4 {background-size: cover;}
#Banner-Container #Banner {
	height: 500px;
}
.banner-head {
	font-size: 25px;
	line-height: 30px;text-shadow: 1px 1px #fff;
}
#About-Container, #Services-Container, #Meetdoc-Container, #Patient-Journey-Container .gridWrapper, #Map-Container .gridWrapper, #PatientReviews-Container, #Footer-Container, #Arthroscopic-Techniques-Container .gridWrapper, #LatestNews-Container{ padding-top:30px; padding-bottom:30px; min-height:auto;}

#About-Container h1, #Meetdoc-Container h2, #Services-Container h2, #Patient-Journey-Container h2, #PatientTestimonials-Container h2, #ContactForm-Container h2, #Arthroscopic-Techniques-Container h2, #PatientTestimonials-Container h3 {font-size: 35px;line-height: 35px;margin: 0 0 20px 0;}

.about-list-tabs ul li {
	width: 375px;
	/* display: table-cell; */
	vertical-align: middle;
	margin: 5px 0;
}
.about-list-tabs ul li a {
	padding: 20px 20px 20px 90px;
	/* background-position: 8px center; */
}
#Services-Container ul li{ width:245px;}
#Services-Container ul li a span {
	font-size: 17px;
}
.drop-in-clinic {
	padding: 20px 15px 20px 15px;
}
.secretaries-sec ul li {
	padding: 5px;
	text-align: center;
	width: 31%;
	vertical-align: top;
	display: table-cell;
}
.sec-img {
	display: block;
	padding: 0px;
	text-align: center;
}
.sec-text {
	display: block;
	vertical-align: middle;
}
.sec-phone{ display:inline-block; font-size:13px;}
.secretaries-sec ul li h5 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
}
.doc-name {
	font-size: 20px;
}
#PatientTestimonials-Container .fa-quote-left, #PatientTestimonials-Container .fa-quote-right{ display:none;}
.testimonials-left-sec, .testimonials-right-sec{ width:100%; display:block;float: none;}
.testimonials-left-sec{padding: 30px 10px 20px 10px;}
#PatientTestimonials-Container h3 span{ display:inline;}
#PatientTestimonials-Container h3{ margin-top:20px;}
.testimonials-right-sec{ padding:30px 0;}
#Arthroscopic-Techniques-Container{ margin:0px;}
#Patient-Journey-Container {
background: #25445b;
}
#Patient-Journey-Container ul li {
	width: 155px;
	margin: 10px;
}
#Patient-Journey-Container ul li a {
	background-position-y: 0px;padding: 135px 0 0 0;
}
#Patient-Journey-Container ul li::before{ display:none;}
#Map-Container{ margin:0px; background:#cfcfcf;}
.map-images, .address-container {
	display: block;
	vertical-align: top;
	float: none;
	width: 100%;
}
.address-container ul li{ width:45%; display:table-cell;}
.map-images ul li {
	width: auto;
	display: table-cell;
}
.f-links a {
	padding: 0px 13px;
}
.profile-img {
	width: 305px;
}
.doctor-profile h1 {
	font-size: 30px !important;
}
.doctor-profile h3 {
	font-size: 20px !important;
	line-height: 20px;
}
.meetourteam-page-list ul li {
	width: 270px;
}
.alumni-list ul li {
	width: 555px;
}
.textMain .schemaTable li{ border:0px;}
ul.service-list-tabs li {
	width: 100%;
}
}

@media screen and (max-width: 767px) {

#Banner-Container #Banner {
	height: 445px;
}
#Banner-Container {
	margin: 0px;
}
.banner-head {
	font-size: 23px;
	line-height: 27px;
	text-shadow: 1px 1px #fff;
}
.banner-content{ top:255px;}
.serviceslist {
	width: 100%;
	height: 328px;
	/* margin: 0 3px; */
	border-left: 0px solid transparent;
}
.doc-name{font-size: 22px;}
.about-list-tabs ul li {
	width: 48%;
	display: inline-block;
}
#Services-Container ul li {
	display: inline-block;
	margin: 5px 4px 6px 4px !important;
	width: 280px;
}
.drop-in-clinic{width: 280px !important;height: 287px;}
.tooltip .tooltiptext ul li a {
	color: #000000;
	padding: 8px 0;
}
.Doctors_nav.slideNext {
	right: 89%;
}
.doc-spec {
	font-size: 15px;
	margin: 0 0 15px 0;
}
.doc-name {
	font-size: 20px;
margin: 0px 0 10px 0;
line-height: 20px;
}
.doc-name span{ font-size:16px;}
.doc-img {
	display: table-cell;
	width: 200px;
}
.doc-sec {
	display: table-cell;
	border: 0px solid #e6e6e6;
	padding: 30px 5px;
	margin: 40px 0 0 0;
}
.doc-readmore a {
	font-size: 14px;
}
#About-Container h1, #Meetdoc-Container h2, #Services-Container h2, #Patient-Journey-Container h2, #PatientTestimonials-Container h2, #ContactForm-Container h2, #Arthroscopic-Techniques-Container h2, #PatientTestimonials-Container h3, #LatestNews-Container h2 {
	font-size: 30px;
	line-height: 35px;
	margin: 0 0 20px 0;
}

#Map-Container .gridWrapper {
	min-height: auto;
	padding: 30px 0;
}

.profile-img {
	width: 305px;
	float: none;
	display: block;
	margin: 20px auto;
}
.textMain .schemaTable li{ width:auto; border-right:0px;}
#slvj-back-lightbox {
	width: 80%;
}
#slvj-back-lightbox iframe {
	width: 100%;
	height: 305px;
}
.secretaries-contact-list-two li {
	width: 98% !important;
}
.print-pdf-block {
	float: none;
	border: 1px solid #999;
	padding: 10px;
	width: 400px;
	margin: 0 auto 20px auto;
	text-align: center;
}
}

@media screen and (max-width: 640px) {
header{background:#fff;text-align:center;}
.logo {
	width: 18%;
}
.h-appoint {
	float: right;
	padding: 0px 0;
	background: #1b3853;
	width: 77%;
}
.h-appoint ul li {
	line-height: 37px; display:inline-block;
	font-size: 13px;
}
#Banner-Container #Banner {
	height: 240px;
}
.banner-content {
	right: 10px;
	top: 25px !important;
}
.banner1 .banner-img, .banner3 .banner-img{ display:none;}
.banner-head {
	font-size: 19px;
	line-height: 24px;
	text-shadow: 1px 1px #fff;
}
#About-Container h1, #Meetdoc-Container h2, #Services-Container h2, #Patient-Journey-Container h2, #PatientTestimonials-Container h2, #ContactForm-Container h2, #Arthroscopic-Techniques-Container h2, #PatientTestimonials-Container h3, #LatestNews-Container h2 {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 20px 0;
}
.about-list-tabs ul li {
	width: 100%;
	display: block;
	margin: 10px 0;
}
.Doctors_nav.slideNext {
	right: 10px;
}
.secretaries-sec {
	text-align: center;
}
.secretaries-sec ul li {
	padding: 5px;
	text-align: center;
	width: 299px;
	vertical-align: top;
	display: inline-block;
	margin: 5px auto;
	float: none;
}
.sec-img, .sec-text {text-align:left; display:table-cell; padding:0 5px;}
.sec-phone {
	display: block;
	font-size: 13px;
}
#LatestNews-Container h4 {
	font-size: 17px;
	margin: 0px 0 20px 0;
}
.doc-img {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.doc-img img {
	margin: 0 0px 15px 0;
}
.doc-text {
	padding: 0 0 0 0px;
	width: 100%;
	text-align: center;
	min-height: 310px;
	display: block;
}
.Doctors_nav, .News_nav{ display:none;}
.doc-text-text {
	margin: 0px 0 20px 0;
}
.testimonials-list ul li{ font-size:14px;}
.Testimonials-videos_nav.slidePrev {
	left: 45%;
}
.address-container ul li h4, .map-phone{font-size: 15px;}
.address-container ul li {
	width: 48%;font-size: 13px;
	display: inline-block;
}


	#Content,
	#Sidebar {
		display: block;
	}
	#Sidebar {
		margin: 0px auto;
	}
	.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;
	}
	#Content-Container {
		margin: 10px 0 0 0;
	}
	.navigation h1 {
		font-size: 25px;
	}
	.textMain {
		padding: 0px 0px 50px 0px;
	}
	.profile-img {
		width: 300px;
		margin: 0 auto;
		float: none;
	}
	.navigation{ margin:0px;}
	.navigation-container {
	width: 100%;
	vertical-align: middle;
	height: 100%;
	float: none;
	text-align: center;
}
.dr_cond_prod_txt h2 {
	font-size: 20px !important;
	line-height: 25px;
}	
.profile-page h2, .profile-page h2 span {
	font-size: 39px !important; line-height:40px !important;
}
#Content-Container{ padding-left:2%; padding-right:2%;}

.profile-img {
	width: 250px;
	margin: 0 auto;
	float: none;
}
.profile-img::after{ display:none;}
.doctor-profile h1 {
	font-size: 23px !important;
	line-height: 23px !important;
}
.doctor-profile h3 {
	font-size: 17px !important;
	line-height: 20px;
}
.alumni-list ul li {
	width: 100%;
	margin: 10px 0px;
}
.service-lists > li {
	width: 100% !important;
	height: auto !important;
}
.service-lists li .service-content{}
.service-lists li .service-content .service-read {

	position: relative!important;
	bottom: 0px!important;
	margin: 30px 0 0 0!important;
}
.secretaries-contact-list h5{font-size: 17px !important;}
.sec-telnum span{ display:block;}
}

@media screen and (max-width: 479px) {
	.logo {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	display: block;
	float: none;
	position: relative;
}
.h-appoint {
	float: left;
	padding: 0px 0;
	background: #1b3853;
	width: 100%;
}
.header-right {
	width: 100%;
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}
.banner-head {
	font-size: 15px;
	line-height: 17px;
	text-shadow: 1px 1px #fff;
}
#Banner-Container #Banner {
	height: 250px;
}
.Banner-Tabs li{ display:inline-block;}
#About-Container {
line-height: 25px;
}
.about-list-tabs ul li{ font-size:15px;}
.about-list-tabs ul li a {
	padding: 15px 20px 15px 91px !important;
	background-position: 16px center;
}
#About-Container h1, #Meetdoc-Container h2, #Affiliations-Container h2, #Procedures-Container h2, #PatientReviews-Container h2, #Why-See-Urologist-Container h2, #Procedures-Container h3, #Resources-Container h2, #Map-Container h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 20px 0;
}
.doc-readmore a{ margin-top:10px;}
.doc-text {
min-height: 490px;
}
.secretaries-sec h3 {
	margin: 25px 0 15px 0;
	font-size: 23px;
}
.patienttesti-readmore a {
	margin: 8px 0;
	font-size: 14px;display: inline-block;
	width: 220px;
}
.testimonials-list ul li:nth-child(1), .testimonials-list ul li:nth-child(2), .testimonials-list ul li:nth-child(3), .testimonials-list ul li:nth-child(4), .testimonials-list ul li:nth-child(5), .testimonials-list ul li:nth-child(6) {
	width: 97%;
}
.testimonials-videos ul li {
	width: 97%;
}
.testimonials-videos ul li span {
	display: block;
	margin: 10px 0 20px 0;
}
#LatestNews-Container .gridWrapper{padding:30px 0 30px 0;}
.News-Tabs {
	bottom: 0px;
	right: 5%;
}
#Patient-Journey-Container ul li {
	width: 47%;
	margin: 10px 1%;
}
.map-images ul li {
	width: 46%;
	display: inline-block;
}
.address-container ul li{ width:100%; min-height:auto;}

.address-container ul li:first-child {
	margin: 0 8px 10px 0;
}
#Sidebar {
	width: 300px;
	padding: 0px 0 0 0;
}
.fellow-img {
	float: none;
	text-align: center;
	margin: 0 auto;
}
.fellow-text {
	text-align: center; line-height:22px; margin:10px 0;
}
.service-lists li .service-content {
	display: block !important;
	width: 100% !important;
	padding: 0px !important;
}
.service-lists li .service-content .s-sublist li{background-position:left 11px !important;}
.service-lists li .service-content .service-head {
	margin: 40px 0 30px 0 !important; font-size:18px!important; line-height:30px!important;
}
.testimonials-videos ul li a {
	width: 100%;
}
.Testimonials-videos_nav.slidePrev {
	left: 10px;
}
.testimonials-videos {
height: auto;
}
.Testimonials-videos_nav.slideNext {
	left: 50px;
}
.slvj-lightbox{padding: 10px;}
#slvj-back-lightbox iframe {
	width: 100%;
	height: 210px;
}
.img-r {
	float: none;
	margin: 0px auto;
	border: 1px solid #01cbef;
	max-width: 250px;
	text-align: center;
}
.secretaries-contact-list li {
	width: 98%;
	margin: 12px 5px;
	padding: 20px 1% !important;
}
.secretaries-contact-list h5 {
	font-size: 20px !important;
	display: block;
	padding: 0px !important;
	border: 0px;
}
.secretaries-contact-list h4 {
	position: relative;
	top: 0px;
	left: 0px;
	background: none;
	padding: 0 10px;
	margin: 0 0 20px 0;
}
.sec-telnum{ display:block; text-align:center;}
.secretaries-contact-list-two .sec-telnum{ padding: 0px !important;font-size: 14px !important;}
.enquiries-block h3 {
	font-size: 23px !important;
	font-weight: 600 !important;
	color: #ffc122 !important;
	line-height: 25px;
	margin: 0 0 10px 0;
}
.img-c img {
	margin: 5px;
	border: 2px solid #999;
	width: 100% !important;
	height: 100% !important;
}
.print-pdf-block {
width: 100%;
}
}

.textMain .registerManus {
    width: 100%;
    margin: 0 0;
    float: left;
}

.textMain .registerManus ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed
}