@import "slick.css";
@import "fonts.css";
body {
    margin: 0px;
    padding: 0px;
    outline: none
}
.acl-surgery-cost {
    margin: 8px 0;
    padding: 0;
    width: 150px;
    text-align: center;
}
.acl-surgery-cost a {
    display: block;
    text-align: center;
    padding: 8px 10px;
    color: #fff !important;
    background: #21AAC9;
    text-decoration: none !important;
    border-radius: 15px;
}
img {
    border: 0px;
    max-width: 100%;
    vertical-align: middle
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
    margin: 0px;
    padding: 0px
}
ul {
    list-style: none
}
a,
a:hover {
    text-decoration: none;
    outline: none
}
.text-center img {
    text-align: center !important
}
.hr {
    border-bottom: 1px solid #cccccc;
    margin-top: 20px;
    margin-bottom: 20px
}
.textMain .hip-arthroscopy {
    float: left;
    margin: 0px 10px 10px 0px
}
.clear-float {
    clear: both
}
#Container {
    overflow: hidden
}
.videoBorder {
    border: 4px solid #333;
    width: 90%;
    position: relative;
    margin: 15px auto;
    padding: 50% 0px 0px 0px
}
.multiBorder {
    width: 90%;
    position: relative;
    margin: 10px auto;
    padding: 100% 0px 0px 0px;
    overflow: hidden;
    height: 300px
}
.videoBorder iframe,
.videoBorder embed,
.multiBorder iframe,
.multiBorder embed {
    top: 0px;
    position: absolute;
    width: 100.1%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px !important
}
.accordion {
    margin: 1em 0
}
.textMain .accordion h2 {
    background: url(../images/accordian-icon.png) 95% center no-repeat #ebebeb;
    color: #000000;
    cursor: pointer;
    margin: 5px 0 0;
    padding: 12px 15px;
    font: 500 16px/16px "Ubuntu", serif;
}
.accordion h2.current {
    background: url(../images/accordian-icon-hover.png) 95% center no-repeat #ebebeb;
    cursor: default;
    border-bottom: 0 solid #ebebeb !important
}
.accordion div.pane {
    padding: 15px 10px 10px;
    border: 1px solid #ebebeb
}
#backtotop,
#backtobot {
    cursor: pointer;
    right: 5px;
    position: fixed;
    z-index: 10000;
    width: 50px;
    height: 50px;
    font: bold 12px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px
}
#backtotop {
    bottom: 10px;
    background: url(../images/up-arrow-icon.png) no-repeat scroll left top
}
#backtobot {
    bottom: 10px;
    background: url(../images/down-arrow-icon.png) no-repeat scroll left top
}
#backtotop a,
#backtobot a {
    display: block;
    text-indent: -9999px
}
#backtotop:hover,
#backtobot:hover {
    opacity: 0.9
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
    overflow: hidden
}
.nbs-flexisel-ul {
    width: 9999px;
    *width: 9999px;
    position: relative;
    list-style: none;
    overflow: hidden
}
.nbs-flexisel-inner {
    width: 95%;
    max-width: 95%;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden !important
}
.nbs-flexisel-item {
    float: left;
    overflow: hidden !important;
    vertical-align: middle
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 50px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 0px
}
.nbs-flexisel-nav-left {
    left: 2px
}
.nbs-flexisel-nav-right {
    right: 2px
}
.rslides {
    width: 100%;
    height: 100%;
    position: relative
}
#care-clinic-s #Interactivity .rslides {
    overflow: hidden
}
.rslides li {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none
}
.rslides li li {
    display: block;
    height: auto
}
#Interactivity {
    position: relative
}
.intra-div {
    width: 100%;
    height: 100%
}
.Intra-L,
.Intra-R {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px
}
.Intra-L {
    left: -100%
}
.Intra-R {
    right: -100%
}
.Intra-Tabs {
    position: absolute;
    z-index: 30;
    margin: 0px;
    padding: 0px;
    top: 5%
}
.Intra-Tabs li {
    float: left;
    margin: 0 3px;
    width: 18px;
    height: 18px;
    background: #156e80;
    border-radius: 50%;
    text-align: center
}
.Intra-Tabs li a {
    background: #ffffff;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 2px;
    display: inline-block
}
.Intra-Tabs li a:hover,
.Banner_here a {
    background: #6b6869 !important;
    z-index: 9999
}
#Container,
header,
#Menu-Container,
#Intra-Container,
#Dr-Container,
#Service-Container,
#Content-Container,
section,
footer,
#Services-Container,
#Care-plan,
#Map-COntainer {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative
}
.intra-div,
#Header,
#Main-Menu,
#Interactivity,
.service-content,
#Credibility,
#Footer-container,
.multimedia-content,
#Content-Main,
.service,
.care-plan-content {
    max-width: 960px;
    min-width: 310px;
    margin: 0px auto;
    padding: 0px
}
#Dr-Container .intra-div,
intra-div,
#Footer-container .intra-div,
#Content-Main .intra-div {
    display: table;
    table-layout: fixed
}
.dr-image,
.news,
.dr-txt,
.specialization,
.patient-education,
.practice-location,
.footer-menu,
.specialities,
.sitesearch,
.smo,
#Content-right,
#Sidebar {
    display: table-cell;
    vertical-align: top
}
#Header {
    padding-top: 12px;
    min-height: 116px
}
.logo {
    float: left;
    width: 39%
}
.appoint {
    float: right;
    margin-top: 25px;
    width: 461px
}
.appoint li {
    float: left;
    font: normal 17px/20px "Open Sans", serif;
    width: 153px;
    /*height:50px*/
    margin: 10px 0;
}
.ph-txt-mbl {
    display: none
}
#ph-text li a,
.ph-txt-mbl li a {
    color: #000000;
    display: block
}
#ph-text li a span,
.ph-txt-mbl li a span {
    /* float: left; */
    display: inline-block;
    vertical-align: top;
}
.ph-txt span,
.ph-txt-mbl span {
    background: url(../images/sprite.png) no-repeat -22px -20px;
    width: 20px;
    height: 21px;
    margin: 0 10px 0 0
}
.online-appoint span {
    background: url(../images/sprite.png) no-repeat -22px -110px;
    margin: 0 10px 0 0;
    width: 18px;
    height: 19px
}
.location span {
    background: url(../images/sprite.png) no-repeat -22px -155px;
    width: 16px;
    height: 18px;
    margin: 0 10px 0 0
}
#Menu-Container {
    background: #c3d4d8;
    min-height: 51px
}
.menu-refer ul {
    width: 250px !important
}
#Intra-Container,
#Intra-Container-S {
    overflow: hidden
}
#Intra-Container #Interactivity {
    height: 429px;
    position: relative
}
#Intra-Container-S #Interactivity {
    height: 189px
}
#Intra-Container #Banner0 {
    background: url(../images/banner7-m.jpg) no-repeat left top;
    background-size: cover
}
#Intra-Container #Banner0 .Intra-L {
    background: url(../images/banner7-l.jpg) no-repeat right top
}
#Intra-Container #Banner0 .Intra-R {
    background: url(../images/banner7-r.jpg) no-repeat left top
}
#Intra-Container #Banner1 {
    background: url(../images/banner6-m.jpg) no-repeat left top;
    background-size: cover
}
#Intra-Container #Banner1 .Intra-L {
    background: url(../images/banner6-l.jpg) no-repeat right top
}
#Intra-Container #Banner1 .Intra-R {
    background: url(../images/banner6-r.jpg) no-repeat left top
}
#Intra-Container #Banner2 {
    background: url(../images/banner5-m.jpg) no-repeat left top;
    background-size: cover
}
#Intra-Container #Banner2 .Intra-L {
    background: url(../images/banner5-l.jpg) no-repeat right top
}
#Intra-Container #Banner2 .Intra-R {
    background: url(../images/banner5-r.jpg) no-repeat left top
}
#Intra-Container #Banner3 {
    background: url(../images/banner1-bg.jpg) no-repeat left top;
    background-size: cover
}
#Intra-Container #Banner3 .Intra-L {
    background: url(../images/banner1-l-bg.jpg) no-repeat right top
}
#Intra-Container #Banner3 .Intra-R {
    background: url(../images/banner1-r-bg.jpg) no-repeat left top
}
#Intra-Container #Banner4 {
    background: url(../images/banner2-bg.jpg) no-repeat left top;
    background-size: cover
}
#Intra-Container #Banner4 .Intra-L {
    background: url(../images/banner2-l-bg.jpg) no-repeat right top
}
#Intra-Container #Banner4 .Intra-R {
    background: url(../images/banner2-r-bg.jpg) no-repeat left top
}
#Intra-Container #Banner5 {
    background: url(../images/banner4-bg.jpg) no-repeat left top;
    background-size: cover
}
#Intra-Container #Banner5 .Intra-L {
    background: url(../images/banner4-l-bg.jpg) no-repeat right top
}
#Intra-Container #Banner5 .Intra-R {
    background: url(../images/banner4-r-bg.jpg) no-repeat left top
}
#Intra-Container-S #Banner0 {
    background: url(../images/inner-banner7-m.jpg) left top no-repeat;
    background-size: cover
}
#Intra-Container-S #Banner0 .Intra-L {
    background: url(../images/inner-banner7-l.jpg) right top no-repeat
}
#Intra-Container-S #Banner0 .Intra-R {
    background: url(../images/inner-banner7-r.jpg) left top no-repeat
}
#Intra-Container-S #Banner1 {
    background: url(../images/inner-banner6-m.jpg) left top no-repeat;
    background-size: cover
}
#Intra-Container-S #Banner1 .Intra-L {
    background: url(../images/inner-banner6-l.jpg) right top no-repeat
}
#Intra-Container-S #Banner1 .Intra-R {
    background: url(../images/inner-banner6-r.jpg) left top no-repeat
}
#Intra-Container-S #Banner2 {
    background: url(../images/inner-banner5-m.jpg) left top no-repeat;
    background-size: cover
}
#Intra-Container-S #Banner2 .Intra-L {
    background: url(../images/inner-banner5-l.jpg) right top no-repeat
}
#Intra-Container-S #Banner2 .Intra-R {
    background: url(../images/inner-banner5-r.jpg) left top no-repeat
}
#Intra-Container-S #Banner3 {
    background: url(../images/banner1-s-bg.jpg) left top no-repeat;
    background-size: cover
}
#Intra-Container-S #Banner3 .Intra-L {
    background: url(../images/banner1-sl-bg.jpg) right top no-repeat
}
#Intra-Container-S #Banner3 .Intra-R {
    background: url(../images/banner1-sr-bg.jpg) left top no-repeat
}
#Intra-Container-S #Banner4 {
    background: url(../images/banner2-s-bg.jpg) left top no-repeat;
    background-size: cover
}
#Intra-Container-S #Banner4 .Intra-L {
    background: url(../images/banner2-sl-bg.jpg) right top no-repeat
}
#Intra-Container-S #Banner4 .Intra-R {
    background: url(../images/banner2-sr-bg.jpg) left top no-repeat
}
#Intra-Container-S #Banner5 {
    background: url(../images/banner4-s-bg.jpg) left top no-repeat;
    background-size: cover
}
#Intra-Container-S #Banner5 .Intra-L {
    background: url(../images/banner4-sl-bg.jpg) right top no-repeat
}
#Intra-Container-S #Banner5 .Intra-R {
    background: url(../images/banner4-sr-bg.jpg) left top no-repeat
}
#Intra-Container .Intra-Tabs,
#Intra-Container-S .Intra-Tabs {
    top: 90%;
    left: 5%;
    height: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 2px
}
.Banner-content {
    top: 34%;
    position: absolute;
    left: 0;
    background: rgba(29, 29, 31, 0.8);
    opacity: 0.8;
    padding: 26px 22px 20px
}
.Banner-content h3 {
    font: 700 37px/36px "Open Sans", serif;
    color: #000000;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #fff
}
.Banner-content a {
    display: block;
    width: 115px;
    border: 1px solid #ffffff;
    text-align: center;
    font: 300 15px/25px "Ubuntu", serif;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 13px
}
#Intra-Container-S .Banner-content {
    top: 13%;
    left: 2%
}
.Banner-content p {
    font: normal 18px/20px "Open Sans", serif;
    color: #fff
}
#Intra-Container-S h3 {
    font: 700 24px/28px "Open Sans", serif;
    margin-top: -12px
}
#Intra-Container-S p {
    font: 300 18px/18px "Ubuntu", serif;
}
#Intra-Container-S .Intra-Tabs li {
    bottom: 4px;
    position: relative
}
#Service-Container {
    min-height: 345px;
    background: url(../images/service-bg.jpg) no-repeat center top;
    background-size: auto 100%
}
#Service-Container .nbs-flexisel-inner {
    width: 98%;
    max-width: 98%;
    margin-left: 20px
}
.service-content {
    padding-top: 85px;
    min-height: 260px
}
.service-content li {
    width: 145px;
    float: left;
    margin: 0 7px
}
.service-content li span {
    width: 145px;
    list-style: none;
    width: 112px;
    height: 116px;
    display: block;
    margin: 0px auto;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 30px;
    border: 1px solid #3a8395;
    position: relative;
    margin-bottom: 20px
}
.service-content li span:before {
    position: absolute;
    display: block;
    content: '';
    z-index: 2;
    height: 62px;
    width: 62px;
    -moz-border-radius: 0 0 43px 0;
    border-radius: 0 0 43px 0;
    bottom: -5px;
    right: -6px;
    border-right: 5px solid #21aac9;
    border-bottom: 5px solid #21aac9
}
.service-content li a:hover span:before {
    position: absolute;
    display: block;
    content: '';
    z-index: 2;
    height: 62px;
    width: 62px;
    -moz-border-radius: 0 0 43px 0;
    border-radius: 0 0 43px 0;
    bottom: -5px;
    right: -6px;
    border-right: 5px solid #004e61;
    border-bottom: 5px solid #004e61
}
.service-content li a {
    text-align: center;
    display: block;
    font: normal 17px/20px "Ubuntu", serif;
    text-transform: uppercase;
    color: #fff
}
.ticker {
    width: 100%;
    margin: 1px auto;
    overflow: hidden;
    border-radius: 4px;
    padding: 1px;
    -webkit-user-select: none;
    background: #1e9fbc;
    text-align: center;
}

.ticker span {
    float: left;
    color: #fff;
    padding: 9px;
    position: relative;
    top: 1%;
    
    font: 700 16px "Ubuntu", serif;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    cursor: pointer;
}
.ticker span a{
    color: #fff;
}

.text1{

 box-shadow:none !important;
    width: 100%;
}
#Service-Container .hip-replacement span {
    background: url(../images/sprite.png) no-repeat 11px -195px #004e61
}
#Service-Container .hip-arthroscopy span {
    background: url(../images/sprite.png) no-repeat 12px -350px #004e61
}
#Service-Container .knee-replacement span {
    background: url(../images/sprite.png) no-repeat 13px -466px #004e61
}
#Service-Container .knee-arthroscopy span {
    background: url(../images/sprite.png) no-repeat 19px -591px #004e61
}
#Service-Container .acl-reconstruction span {
    background: url(../images/sprite.png) no-repeat 5px -709px #004e61
}
#Service-Container .hip-replacement a:hover span {
    background: url(../images/sprite.png) no-repeat 11px -195px #21aac9
}
#Service-Container .hip-arthroscopy a:hover span {
    background: url(../images/sprite.png) no-repeat 12px -350px #21aac9
}
#Service-Container .knee-replacement a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -466px #21aac9
}
#Service-Container .knee-arthroscopy a:hover span {
    background: url(../images/sprite.png) no-repeat 19px -591px #21aac9
}
#Service-Container .acl-reconstruction a:hover span {
    background: url(../images/sprite.png) no-repeat 5px -709px #21aac9
}
#Service-Container .clinical-outcomes-h span {
    background: url(../images/clinical-outcomes-h.png) no-repeat 22px 32px #004e61
}
#Service-Container .clinical-outcomes-h a:hover span {
    background: url(../images/clinical-outcomes-h-hover.png) no-repeat 22px 32px #21aac9
}
#Service-Container .blog-h span {
    background: url(../images/blog-h-icon-new.png) no-repeat 17px 17px #004e61
}
#Service-Container .blog-h a:hover span {
    background: url(../images/blog-h-icon-hover-new.png) no-repeat 17px 17px #21aac9
}
#Dr-Container {
    min-height: 435px;
    background: url(../images/dr-bg.jpg) no-repeat center top;
    background-size: cover
}
.dr-content {
    max-width: 1105px;
    margin: 0px auto
}
.dr-content .intra-div {
    max-width: 1105px
}
.dr-txt {
    width: 37%
}
.dr-txt h2 {
    margin-top: 121px
}
.dr-txt h2 a {
    font: normal 38px/45px "Ubuntu", serif;
}
.dr-txt h3 {
    font: normal 20px/25px 'Ubuntu'
}
.dr-txt p {
    font: normal 15px/25px "Ubuntu", serif;
    margin: 15px auto
}
.dr-txt a {
    font: italic 15px/25px "Ubuntu", serif;
    color: #000
}
.dr-image img {
    bottom: 0px;
    position: absolute;
    width: 24%;
    left: 34px
}
.profile-view li {
    float: left;
    text-align: center;
    font: normal 13px/39px "Ubuntu", serif;
    text-transform: uppercase;
    position: relative;
    height: 39px
}
.dr-txt .profile-view li a {
    font: normal 13px/39px "Ubuntu", serif;
    display: block
}
.dr-profile-view {
    width: 40%;
    background: #21aac9
}
.dr-txt .dr-appointment {
    width: 50%;
    background: #93cbd8
}
.dr-profile-view:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0px;
    width: 0;
    height: 0;
    z-index: 1;
    clear: both;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #21aac9
}
.dr-appointment:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0px;
    width: 0;
    height: 0;
    z-index: 1;
    clear: both;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #93cbd8
}
.news-content {
    margin: 45px 0px 0px 30px;
    background: url(../images/newsection.png) no-repeat center bottom #ffffff;
    padding-top: 14px;
    text-align: center;
    position: relative;
    width: 57%
}
.news-content::after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-left: 27px solid transparent;
    border-right: 27px solid transparent;
    border-top: 20px solid #ffffff;
    bottom: -20px;
    left: 40%;
    z-index: 2
}
.news-content p {
    font: 300 20px/25px "Ubuntu", serif;
    margin-top: 5px
}
.news-content h3 {
    font: normal 18px/18px "Ubuntu", serif;
    padding: 8px 5px
}
.news-content h3 span {
    display: block;
    font: normal 19px/25px "Ubuntu", serif;
}
.news-content img {
    margin: 10px auto
}
.news-content h2 {
    width: 170px;
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 10px;
    background: #21aac9;
    font: 500 16px/37px "Ubuntu", serif;
    text-transform: uppercase;
    color: #fff
}
.news-content h2 a {
    color: #fff
}
.dr-image {
    width: 24%
}
.urgent-injury-clinic {
    margin: 25px 0 12px 30px;
    width: 250px
}
.urgent-injury-clinic a {
    display: block;
    font: 500 19px/23px "Ubuntu", serif;
    color: #ffffff;
    background: #21AAC9;
    padding: 10px 2px;
    text-align: center
}
#Care-plan {
    min-height: 438px
}
.care-plan-content {
    min-height: 438px
}
.care-plan-content h2 {
    text-align: center;
    font: 300 35px/40px "Ubuntu", serif;
    margin: 65px auto
}
.care-plan-content li {
    float: left;
    width: 25%
}
.care-plan-content li a {
    padding-top: 20px;
    height: 222px;
    width: 100%;
    color: #000000;
    display: block
}
.care-plan-content li span {
    display: block;
    font: 500 15px/20px "Ubuntu", serif;
    margin-left: 55%
}
.care-plan-content li p {
    font: 300 14px/12px "Ubuntu", serif;
    margin-left: 55%;
    background: url(../images/care-plan.gif) no-repeat 0px 10px
}
.care-plan-content li p {
    font: 300 14px/12px "Ubuntu", serif;
    margin-left: 55%;
    background: url(../images/care-plan.gif) no-repeat 0px 4px;
    padding: 0 0 0 10px
}
.treatment-plan span,
.follow-up span {
    margin-top: -20px
}
.consultation span,
.recovery span {
    margin-top: 97px
}
.consultation a {
    background: url(../images/consultant.png) no-repeat 0px 0px
}
.treatment-plan a {
    background: url(../images/treatment-plan.png) no-repeat 0px 17px
}
.recovery a {
    background: url(../images/recovery.png) no-repeat 0px 0px
}
.follow-up a {
    background: url(../images/follow-up-consultant.png) no-repeat 0px 16px
}
.consultation a:hover {
    background: url(../images/consultant-hover.png) no-repeat 0px 0px
}
.treatment-plan a:hover {
    background: url(../images/treatment-plan-hover.png) no-repeat 0px 17px
}
.recovery a:hover {
    background: url(../images/recovery-hover.png) no-repeat 0px 0px
}
.follow-up a:hover {
    background: url(../images/follow-up-consultan-hover.png) no-repeat 0px 16px
}
#flexiselDemo1 {
    display: block;
    overflow: hidden
}
#Credibility-conatiner {
    width: 100%;
    min-height: 169px
}
#Credibility {
    min-height: 169px;
    text-align: center;
    max-width: 1050px
}
#Credibility ul {
    padding: 0px 0px 0px 0px
}
#Credibility .nbs-flexisel-nav-left {
    background: url(../images/credibility-arrow-left.png) no-repeat center, center;
    top: 0px
}
#Credibility .nbs-flexisel-nav-right {
    background: url(../images/credibility-arrow-right.png) no-repeat center, center;
    top: 0px
}
.nbs-flexisel-container {
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    width: 100%;
    overflow: hidden
}
#Services-Container .nbs-flexisel-inner {
    border: none;
    width: 95%;
    max-width: 95%
}
.nbs-flexisel-inner {
    width: 90%;
    max-width: 90%;
    margin: 20px auto;
    padding: 0px;
    overflow: hidden
}
#flexiselDemo1 {
    display: block;
    overflow: hidden
}
.nbs-flexisel-ul {
    width: 9999px;
    position: relative
}
.nbs-flexisel-item {
    display: inline-block;
    float: left;
    overflow: hidden;
    vertical-align: middle
}
.nbs-flexisel-item a,
.nbs-flexisel-item a:hover {
    text-decoration: none
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 40px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 0px
}
#Services-Container .nbs-flexisel-nav-left {
    left: 0px;
    top: 0px important
}
#Services-Container .nbs-flexisel-nav-right {
    right: 3px
}
.nbs-flexisel-nav-left {
    left: -5px;
    top: 0px !important
}
.nbs-flexisel-nav-right {
    right: 0px;
    top: 0px !important
}
.ama {
    margin-top: 20px
}
#Map-COntainer {
    max-width: 100%
}
.map-header h2 {
    text-align: center;
    font: 300 28px/46px "Ubuntu", serif;
    color: #000000;
    background: #bcbcbc;
    width: 100%;
    position: relative
}
.map-header h2:after {
    position: absolute;
    content: "";
    left: -30px;
    width: 0;
    height: 0;
    border-top: 46px solid #ffffff;
    border-left: 30px solid transparent
}
.map-header h2:before {
    position: absolute;
    content: "";
    right: -30px;
    width: 0;
    height: 0;
    border-top: 46px solid #ffffff;
    border-right: 30px solid transparent
}
.map-header {
    position: absolute;
    top: -14px;
    z-index: 10;
    left: 30%;
    width: 42%;
    background: #bcbcbc
}
.gm-style .gm-style-iw {
    overflow: visible !important;
    border-radius: 10px;
    position: relative;
    width: 300px !important;
}
.gm-style .gm-style-iw:after {
    position: absolute;
    content: "";
    left: 40%;
    width: 0;
    height: 0;
    bottom: -40px;
    border-top: 40px solid #21aac9;
    border-left: 30px solid transparent
}
.gm-style > div > div > div > div > div > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    position: relative
}
.gm-style > div > div > div > div > div a {
    color: #000000;
    text-decoration: underline
}
.gm-style > div > div > div > div > div {
    background: #21aac9;
    color: #000000 !important;
    font: 20px/25px "latobold";
    text-align: left
}
.gm-style > div > div > div > div > div > div > div {
    top: -6px !important
}
.gm-style div div div div div div div div {
    display: block;
}
.gm-style > div > div > div > div > div > div > div > div {
    box-shadow: none !important;
    font: 13px/22px "Ubuntu", serif !important;
    text-transform: uppercase;
    /* color:#fff; */
    padding-right: 10px;
    margin-left: 0px;
    margin-top: -55px;
    margin-bottom: 0px;
    position: relative
}
.gm-style > div > div > div > div > div > div > div > div:after {
    position: absolute;
    content: " ";
    border: 1px solid #fff;
    bottom: 0px;
    width: 100px;
    left: 0px;
    margin-top: 3px
}
.gm-style-iw b {
    font: 500 14px/18px "Ubuntu", serif;
    text-transform: uppercase;
    /* color:#ffffff */
}
.gm-style-iw p {
    font: 300 13px/20px "Ubuntu", serif;
    margin-left: 12px;
    color: #000000;
    margin-bottom: 5px
}
footer {
    background: url(../images/footer-bg.jpg) no-repeat center top #464749;
    min-height: 321px
}
.footer-menu {
    width: 21%
}
.specialities {
    width: 26%
}
.smo {
    width: 32%
}
#Footer-container {
    padding-top: 40px;
    padding-bottom: 10px
}
#Footer-container h2 {
    font: 300 20px/25px "Ubuntu", serif;
    color: #fff;
    margin-bottom: 20px
}
#Footer-container li {
    font: 300 15px/22px "Ubuntu", serif;
}
#Footer-container li a {
    color: #fff
}
.smo li {
    float: left;
    margin-right: 2px
}
.smo li,
.smo li a {
    height: 44px;
    width: 32px
}
.smo a {
    display: block
}
.smo img {
    margin-top: 19px
}
.fb {
    background: url(../images/smo.png)no-repeat -14px -368px
}
.twitter {
    background: url(../images/smo.png)no-repeat -14px -100px
}
.linked-in {
    background: url(../images/smo.png)no-repeat -12px -10px
}
.gmail-plus {
    background: url(../images/smo.png)no-repeat -14px -189px
}
.utube {
    background: url(../images/smo.png)no-repeat -14px -278px
}
.other-links h3 {
    font: normal 15px/20px 'latolight'
}
.other-links h3 {
    margin-bottom: 10px;
    color: #fff;
    font: 300 15px/20px "Ubuntu", serif;
}
.other-links a {
    color: #ffffff
}
.sitesearch-form {
    margin: 20px auto 10px auto
}
.sitesearch-form input[type="search"] {
    border: solid 1px #98999a;
    padding: 5px 9px;
    background: none;
    font: normal 14px/17px "Lato", serif;
    color: #fff;
    width: 100%;
    background: url(../images/search.gif) no-repeat 95% center
}
.copy-right {
    float: right
}
.copy-right p {
    font: 300 15px/25px "Ubuntu", serif;
    border-top: 1px dotted #7f8081
}
.copy-right a {
    color: #fff;
    margin-left: 11px
}
.web-search {
    float: left;
    width: 100%;
    margin: 0 0 7px 0
}
.web-search input[type="text"] {
    width: 83%;
    border: 1px solid #8d8e8f;
    padding: 4px 0 4px 9px;
    background: none;
    float: left;
    height: 17px;
    color: #ffffff
}
.web-search input[type="submit"] {
    background: url(../images/search.gif) 0px 7px no-repeat;
    width: 16px;
    border: none;
    height: 25px;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0 0 0 -12px
}
#Content-Main {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 30px 0
}
.sidebar-r {
    width: 72%;
    float: right
}
#Sidebar {
    width: 252px
}
.sidebarL {
    float: left
}
#Sidebar .dr-container-s {
    width: 100%;
    margin-top: 30px;
    background: url(../images/dr-side-bg.png) no-repeat 0px 0px;
    background-size: cover;
    margin-bottom: 3px;
    height: 124px
}
.dr-container-s img {
    margin: 4px;
    float: left
}
.dr-container-s h3 {
    font: 500 18px/20px "Ubuntu", serif;
    color: #000000;
    padding-top: 12px
}
.dr-container-s span {
    font: normal 24px/25px "Ubuntu", serif;
    color: #13697c;
    display: block
}
.dr-container-s p {
    font: 300 12px/15px "Ubuntu", serif;
    margin-bottom: 6px
}
#Sidebar .dr-container-s a {
    display: block;
    text-align: center;
    width: 80px;
    height: 20px;
    background: #21aac9;
    float: right;
    font: 300 12px/20px "Ubuntu", serif;
    color: #fff;
    margin-right: 7px;
    position: relative;
    margin-right: 17.5%
}
#Sidebar .dr-container-s a::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 0px;
    width: 0;
    height: 0;
    z-index: 1;
    clear: both;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 6px solid #21aac9
}
.service-s,
.location-s {
    width: 100%;
    margin-top: 11px
}
#Sidebar h2 {
    text-align: center;
    height: 37px;
    background: url(../images/service-arrow.png)no-repeat 31px 9px #146b7d;
    font: 500 20px/36px "Ubuntu", serif;
    color: #fff
}
.service-s li {
    width: 100%;
    height: 56px;
    border-bottom: 1px solid #dff0f5;
    font: normal 15px/56px "Ubuntu", serif;
    background: #21aac9;
    text-transform: uppercase
}
.service-s li span {
    float: left;
    height: 56px;
    width: 56px;
    margin-left: 17px;
    margin-right: -4px
}
.service-s li a {
    height: 100%;
    display: block;
    color: #dff0f5
}
.hip-replacemet-s span {
    background: url(../images/hip-replacement-s.png)no-repeat 0px 6px
}
.hip-arthroscopy-s span {
    background: url(../images/hip-arthorscopy.png)no-repeat 0px 6px
}
.knee-replacement-s span {
    background: url(../images/knee-replacement.png)no-repeat 0px 6px
}
.knee-arthroscopy span {
    background: url(../images/knee-arthroscopy.png)no-repeat 0px 6px
}
.acl-reconstruction span {
    background: url(../images/acl-reconstruction.png)no-repeat 0px 6px
}
.hip-replacemet-s a:hover span {
    background: url(../images/hip-replacement-s-hover.png)no-repeat 0px 6px
}
.hip-arthroscopy-s a:hover span {
    background: url(../images/hip-arthorscopy-hover.png)no-repeat 0px 6px
}
.knee-replacement-s a:hover span {
    background: url(../images/knee-replacement-hover.png)no-repeat 0px 6px
}
.knee-arthroscopy a:hover span {
    background: url(../images/knee-arthroscopy-hover.png)no-repeat 0px 6px
}
.acl-reconstruction a:hover span {
    background: url(../images/acl-reconstruction-hover.png)no-repeat 0px 6px
}
.clinical-outcomes-s span {
    background: url(../images/clinical-outcomes-s.png)no-repeat 0px 6px
}
.clinical-outcomes-s a:hover span {
    background: url(../images/clinical-outcomes-s-hover.png)no-repeat 0px 6px
}
.blog-s span {
    background: url(../images/blog-s-new.png)no-repeat 0px 6px
}
.blog-s a:hover span {
    background: url(../images/blog-s-hover-new.png)no-repeat 0px 6px
}
.our-plan {
    width: 100%
}
#Sidebar .our-plan h2 {
    font: 500 20px/36px "Ubuntu", serif;
    color: #000;
    background: url(../images/our-plan-arrow.png)no-repeat 10px 9px #cfe1e5;
    margin-top: 9px
}
.location-s {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative
}
.location-s h3 {
    text-align: center;
    font: 500 20px/22px "Ubuntu", serif;
    color: #fff;
    padding-top: 7px
}
#Sidebar .praction-locaton-s {
    height: 312px
}
#Drs-Location0 {
    background: #464749
}
#Drs-Location1 {
    background: #464749
}
#Drs-Location2 {
    background: #464749
}
#Drs-Location3 {
    background: #464749
}
#Drs-Location4 {
    background: #464749
}
#Drs-Location5 {
    background: #464749
}
#Drs-Location6 {
    background: #464749
}
#Drs-Location7 {
    background: #464749
}
#Sidebar .Drs-Location_nav {
    width: 18px;
    height: 15px;
    display: block;
    position: absolute
}
#Sidebar .praction-locaton-s a.prev {
    background: url(../images/practice-location-lef-st.gif) no-repeat 0px center;
    right: 20px;
    bottom: 2px;
    z-index: 5;
	font-size: 0px;
}
#Sidebar .praction-locaton-s a.next {
    background: url(../images/practice-location-right-s.gif) no-repeat 0px center;
    right: 2px;
    bottom: 2px;
    z-index: 5;
	font-size: 0px;
}
#Sidebar .map-direction a {
    color: #444444;
    display: block;
    margin: 0px auto
}
#Sidebar .Practice-location-s {
    clear: both;
    height: 313px
}
#Sidebar .Practice-location-s img {
    display: block;
    margin: 15px auto 0px
}
.location-s .overlook {
    font: normal 16px/18px 'latoregular';
    color: #13565d;
    border-bottom: 1px dotted #fff;
    padding-bottom: 5px
}
.location-s h4 {
    color: #fff;
    font: 500 14px/18px "Ubuntu", serif;
    text-transform: uppercase;
    text-align: center;
    margin-top: 9px;
    margin-bottom: 10px;
    width: 95%;
    margin: 5px auto;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff
}
.location-s p {
    font: 500 15px/18px "Ubuntu", serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}
.location-s span {
    display: block;
    font: 300 14px/18px "Ubuntu", serif;
    text-transform: none
}
.navigation {
    font: bold 14px/20px "Open Sans", serif;
    color: #000;
    padding: 23px 30px 10px 25px
}
.navigation a {
    font: normal 14px/20px "Open Sans", serif;
    color: #000000
}
.navigation a:hover {
    text-decoration: underline
}
.textMain {
    font: normal 14px/22px "Open Sans", serif;
    color: #424242;
    padding: 23px 30px 10px 25px;
    text-align: justify
}
.textMain a {
    color: #033b5e;
    text-decoration: underline
}
.textMain p {
    margin: 12px 0
}
.textMain a:hover {
    color: #033b5e;
    text-decoration: none
}
.textMain ul {
    padding: 0px;
    margin: 10px 0px
}
.textMain ol {
    padding: 0px;
    margin: 10px 0px 0px 30px
}
.textMain ul li {
    background: url(../images/bullet-tm.gif) no-repeat 0px 12px;
    padding: 5px 0px 5px 20px;
    list-style: none
}
.textMain ol li {
    padding: 5px 0px 5px 0px;
    list-style: decimal
}
.textMain ul ul,
.textMain ol ol {
    margin: 0px;
    padding: 5px 0px 5px 20px
}
.textMain ul ul li {
    background: none;
    padding: 5px 0px;
    list-style: circle
}
.textMain ol ol li {
    padding: 5px 0px;
    list-style-type: lower-alpha
}
.textMain ul ul ul li {
    list-style: square
}
.textMain ol ol ol li {
    list-style: lower-roman
}
.textMain li p {
    margin: 5px 0px
}
.textMain img {
    float: right;
    margin: 0px 0px 10px 25px
}
.post-featured-image > img {
    display: none
}
.textMain .torn-meniscus {
    float: left;
    margin: 10px 20px 0px 0px
}
.textMain h1 {
    font: 500 25px/30px "Ubuntu", serif;
    color: #146b7d;
    text-align: left;
    margin-bottom: 10px
}
.textMain h2 {
    font: 500 23px/25px "Ubuntu", serif;
    color: #146b7d;
    padding: 2px 0px;
    text-align: left
}
.textMain h2 a {
    color: #627195
}
.textMain h2 a:hover {
    text-decoration: underline
}
.textMain .text-h4 {
    font: normal 18px/20px "Ubuntu", serif;
    color: #146b7d
}
.textMain h3 {
    font: 500 18px/20px "Ubuntu", serif;
    color: #21aac9;
    text-align: left;
    margin: 15px 0 10px 0
}
.textMain h3 a {
    color: #444DAA
}
.textMain h3 a:hover {
    text-decoration: underline
}
.textMain h4 {
    font: 500 16px/18px "Ubuntu", serif;
    color: #000000;
    text-align: left;
    padding: 10px 6px
}
.textMain h4 a {
    text-decoration: none;
    color: #000000
}
.textMain h4 a:hover {
    text-decoration: none
}
.textMainBold {
    font: 700 14px/20px "Open Sans", serif;
    color: #282828;
    text-align: left
}
.textMainBold a {
    color: #577086
}
.textMainBold a:hover {
    text-decoration: underline
}
.PDFtext {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif
}
.textMain .hip-arthroscopy-service li {
    background: url(../images/bullet.gif) no-repeat 5px 14px
}
.inner-read-more a {
    float: right;
    font-weight: bold;
    font-style: italic;
    text-decoration: none
}
.textMain .contact-img {
    float: left;
    width: 335px
}
.textMain .contact-img img {
    margin: 0
}
.textMain .contact-img .dir {
    background: rgba(20, 19, 19, 0.5);
    margin: -29px 0 0 0;
    float: left;
    padding: 5px 0 5px 2px;
    width: 99%;
    color: #ffffff
}
.textMain .contact-img .dir a {
    color: #ffffff
}
.textMain .conditions-list li,
.textMain .conditions-list2 li {
    background: #464749;
    width: 45%;
    text-align: center;
    float: left;
    margin: 10px;
    padding: 10px 0;
    color: #ffffff;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    font-size: 20px
}
.textMain .conditions-list2 li {
    height: 40px
}
.textMain .conditions-list li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    font-size: 20px
}
.textMain .conditions-list2 li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    font-size: 16px
}
.textMain .contact-address {
    width: 263px;
    float: right
}
.textMain .contact-address h4 {
    font: normal 18px/18px "Ubuntu", serif;
    color: #146b7d;
    margin: 0;
    padding: 0
}
.textMain .contact-address h3 {
    margin: 5px 0;
    font: 500 20px/20px "Ubuntu", serif;
    color: #146b7d
}
.profile .dr-container-s {
    display: none
}
.formHead {
    background: #E9E9E9;
    padding: 5px 0px 5px 10px;
    color: #1b1b1b;
    margin: 0 0 10px 0
}
.text-address {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    text-align: justify
}
.text-address p {
    margin: 0 3px !important
}
.text-address a {
    color: #707070;
    text-decoration: underline
}
.text-address a:hover {
    color: #004e96;
    text-decoration: underline
}
.tel-schema {
    height: 28px
}
.tel-schema img {
    margin: -5px 15px 0px 0px;
    float: left
}
.tableborder {
    border: 1px solid;
    float: left;
    width: 100%;
    margin: 10px 0 10px 0
}
.multimedia-iframe iframe {
    height: 1058px;
    border: none
}
.mandatory {
    color: #ff0000
}
.Service-subpage {
    width: 100%
}
.textMain .Service-subpage > div {
    float: left;
    width: 40%
}
.textMain .Service-subpage .hip-arthroscopy-service,
.textMain .Service-subpage .knee-arthroscopy-service,
.clinical-outcomes-services {
    float: right !important
}
.Service-subpage span {
    width: 100%;
    height: 57px;
    display: block;
    margin-bottom: 5px
}
.textMain .Service-subpage a {
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 220px;
    text-decoration: none;
    font: 500 20px/25px "Ubuntu", serif;
    color: #000000
}
.textMain .Service-subpage ul li {
    border-bottom: 1px dotted #d7d7d7;
    background: url(../images/service-s-arrow.gif) no-repeat 0px 14px;
    font: 15px/18px "Open Sans", serif;
    color: #434343
}
.textMain .Service-subpage ul li:nth-child(6) {
    border-bottom: none
}
.hip-replacement-service span {
    background: url(../images/hip-replacement-service.jpg) no-repeat center center
}
.hip-replacement-service a:hover span {
    background: url(../images/hip-replacement-service-hover.png) no-repeat center center
}
.textMain .Service-subpage .hip-arthroscopy-service span {
    background: url(../images/hip-arthorscopy-service.png) no-repeat center center
}
.textMain .Service-subpage .hip-arthroscopy-service a:hover span {
    background: url(../images/hip-arthorscopy-service-hover.png) no-repeat center center
}
.textMain .Service-subpage .knee-replacement-service span {
    background: url(../images/knee-replacement-service.png) no-repeat center center
}
.textMain .Service-subpage .knee-replacement-service a:hover span {
    background: url(../images/knee-replacement-service-hover.png) no-repeat center center
}
.textMain .Service-subpage .knee-arthroscopy-service span {
    background: url(../images/knee-arthroscopy-service-s.png) no-repeat center center
}
.textMain .Service-subpage .knee-arthroscopy-service a:hover span {
    background: url(../images/knee-arthroscopy-service-hover.png) no-repeat center center
}
.textMain .Service-subpage .acl-reconstruction span {
    background: url(../images/acl-reconstruction-service.png) no-repeat center center
}
.textMain .Service-subpage .acl-reconstruction a:hover span {
    background: url(../images/acl-reconstruction-service-hover.png) no-repeat center center
}
.textMain .Service-subpage .clinical-outcomes-services span {
    background: url(../images/clinical-outcomes-service.png) no-repeat center center
}
.textMain .Service-subpage .clinical-outcomes-services a:hover span {
    background: url(../images/clinical-outcomes-service-hover.png) no-repeat center center
}
.textMain .Service-subpage .read-more-s a {
    font: 500 italic 14px/18px "Ubuntu", serif;
    text-transform: none;
    color: #000000;
    float: right;
    margin-bottom: 40px
}
.google-contact {
    float: left;
    padding: 35px 0px 35px 0px;
    margin: 0px 15px 0px 0px
}
.google-contact iframe {
    width: 345px;
    height: 146px
}
.address-txt {
    float: left;
    margin-top: 10px
}
button.accordion {
    background-color: #eee;
    color: #000000;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font: 500 16px/20px "Ubuntu", serif;
    transition: 0.4s;
    border-bottom: 1px solid #fff
}
button.accordion.active,
button.accordion:hover {
    background-color: #ddd
}
button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px
}
button.accordion.active:after {
    content: "\2796"
}
div.panel {
    padding: 0px 16px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0
}
div.panel.show {
    opacity: 1;
    max-height: 500px
}
.textMain .address-txt h3 {
    font-size: 18px
}
.textMain .address-txt h5 {
    font: 500 19px/25px "Ubuntu", serif;
    color: #146b7d;
    text-transform: uppercase
}
.textMain .address-txt p {
    font: normal 16px/20px "Ubuntu", serif;
    color: #000
}
.textMain .txt-bold {
    font: normal 15px/18px "Ubuntu", serif;
    margin-top: 10px
}
.form {
    width: 100%
}
label {
    float: left;
    width: 57px;
    font: normal 15px/18px verdana;
    color: #232323;
    margin-right: 10px
}
#Form-Contact {
    margin-top: 20px
}
#Name {
    width: 88%
}
.form input[type="text"] {
    height: 24px;
    border: 1px solid #ededed;
    background: #fff;
    font: normal 14px/17px 'verdana';
    color: #000
}
.textMain #Form-Contact .text-form li input[type="text"] {
    width: 76%
}
.textMain #Form-Contact .text-form li {
    float: left;
    background: none;
    padding: 0px;
    width: 50%;
    margin-bottom: 10px
}
.form input[type="submit"] {
    color: #000;
    cursor: pointer;
    margin: 10px 0;
    padding: 3px 20px;
    background: url(../images/send-receive-arrow.png) no-repeat 3px 10px #21aac9;
    margin-left: 10px;
    float: right;
    border: 1px solid #21aac9;
    width: 72px;
    height: 32px;
    font-family: "Open Sans", serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 4px
}
.textMain .buttons {
    margin: 0px;
    padding: 0px
}
.darwin-loc {
    position: absolute;
    background: url(../images/darwin-loc.jpg) 0px 0px no-repeat;
    width: 313px;
    z-index: 20;
    padding: 102px 0 8px 11px;
    top: 10%;
    left: 10%
}
.darwin-loc h3 {
    font: 700 14px/19px "Ubuntu", serif;
    color: #000000
}
.darwin-loc h4 {
    font: 300 13px/15px "Ubuntu", serif;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #a6dde9;
    width: 100px;
    margin: 9px 0 4px 0
}
.darwin-loc p {
    font: 300 13px/15px "Ubuntu", serif;
}
.textMain .pdf-list li {
    background: url(../images/icon-pdf.gif) 0px 10px no-repeat;
    padding: 5px 0 5px 21px
}
.textMain .ppt-list li {
    background: url(../images/ppt-icon.png) 0px 6px no-repeat;
    padding: 5px 0 5px 21px
}
.PDFtext {
    font: normal 11px verdana;
    color: #999999
}
.ppt-list a {
    padding: 0 0 0 10px
}
.clinic-repotts-head {
    width: 300px;
    margin: 10px
}
.staff-section {
    float: left;
    width: 100%;
    margin: 35px 0px 0px 0px
}
.staff-image {
    float: left;
    width: 151px;
    margin: 0px 2% 0px 0px
}
.staff-image img {
    float: none !important;
    margin: 0px !important
}
.about-staff {
    float: left;
    width: 60%
}
.about-staff h3 {
    color: #13697c;
    font: normal 23px/27px "Ubuntu", serif;
}
.robotic-images {
    float: left;
    width: 100%
}
.robotic-images img {
    float: left;
    margin: 2% 5%
}
.clinicaloutcomes-images {
    float: left;
    width: 100%
}
.clinicaloutcomes-images ul {
    float: left;
    width: 45%
}
.clinicaloutcomes-images li {
    float: left;
    margin: 2%;
    background: none !important;
    padding: 0px !important;
    width: 45%
}
.clinicaloutcomes-images img {
    margin: 0px !important
}
.clinicalimage-s {
    text-align: center
}
.clinicalimage-s img {
    float: none !important;
    margin: 0px
}
.blog-posts li {
    background: none !important;
    float: left;
    margin-bottom: 20px;
    padding: 0 !important;
    width: 100%;
    border-bottom: 1px solid #aeaeae !important
}
.post-image {
    float: left;
    width: 24%;
    margin-right: 2%
}
.post-content {
    float: left;
    width: 74%
}
.blog-posts h3 {
    margin: 0 0 10px
}
.our-doctors {
    float: left;
    width: 100%
}
.textMain .our-doctors li {
    border: 1px solid #146B7D;
    float: left;
    width: 48%;
    padding: 10px 0;
    margin: 5px;
    height: 80px;
    background-image: none !important
}
.textMain .our-doctors li .inner-dr-img {
    width: 83px;
    float: left;
    margin: 0 5px 0 5px !important;
    background: #FFFBEF;
    border: 1px solid #146B7D
}
.textMain .our-doctors li .inner-dr-content {
    float: right;
    width: 68%;
    padding: 20px 0 0 0
}
.textMain .our-doctors li .inner-dr-content h3 {
    font: 600 16px/19px 'Open Sans', sans-serif;
    margin: 0 0 10px 0
}
.mandatory {
    color: #f00
}
.successMessage {
    color: #349a55;
    text-align: center
}
.errorMessage {
    color: #f00;
    text-align: center
}
.captcha-image {
    float: left !important;
    margin: 3px 5px 0 0 !important
}
.comments-form {
    float: left;
    width: 100%;
    clear: both
}
.comments-form p {
    margin: 4px 0
}
.comments-form ul {
    float: left;
    width: 96%;
    padding: 0%;
    clear: both;
    border: 1px solid #cccccc
}
.comments-form li {
    list-style-type: none;
    margin: 5px 0;
    float: left;
    width: 100%;
    clear: both;
    background-image: none !important
}
.comments-form li label {
    float: left;
    width: 42%;
    margin: 5px 5% 0 0
}
.comments-form li label span.mandatory {
    float: none
}
.comments-form li label span {
    float: right
}
.comments-form li input,
.comments-form li textarea {
    float: left;
    width: 45%;
    padding: 5px 1%;
    border: 1px solid #cccccc
}
.comments-form li input.submit {
    width: auto;
    padding: 5px;
    cursor: pointer
}
.comments-form li input.captcha-code {
    width: 45%
}
.st_facebook_hcount .stArrow,
.st_fb_like_hcount .stArrow {
    display: none !important
}
.st_twitter_hcount .stArrow {
    display: none !important
}
.stButton .stArrow {
    display: none !important
}
.reviews {
    font: bold 22px/30px caption, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #959393;
    text-decoration: none;
    padding: 10px 28px;
    display: inline-block;
}
.reviews a {
    color: #959393;
    text-decoration: underline
}
.reviews a:hover {
    color: #959393;
    text-decoration: underline
}
.reviews img {
    float: none !important;
    margin: 10px 0px 10px 0px
}
.reviews1 {
    font: bold 22px/30px caption, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #eed12b;
    text-decoration: none;
    text-align: center
}
.reviews1 a {
    color: #eed12b;
    text-decoration: underline
}
.reviews1 a:hover {
    color: #eed12b;
    text-decoration: underline
}
.reviews2 {
    font: bold 13px caption, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-weight: normal;
    color: #554f61;
    text-decoration: none;
    text-align: center
}
.reviews2 a {
    color: #554f61;
    text-decoration: underline
}
.reviews2 a:hover {
    color: #554f61;
    text-decoration: underline
}
.reviews3 {
    font: bold 13px caption, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #554f61;
    text-decoration: none;
    text-align: center
}
.reviews3 a {
    color: #554f61;
    text-decoration: underline
}
.reviews3 a:hover {
    color: #554f61;
    text-decoration: underline
}
.detailed-post-content img {
    float: none;
}
.blog-posts img {
    margin: 0;
}
.textMain .media .pdf img {
    float: none;
    margin: 0;
    padding-right: 10px;
    vertical-align: middle;
}
.media img {
    float: none;
}
.post-featured-image {
    display: none;
}
.contact-form-knee {
    float: none;
    margin-top: 30px;
    width: 251px;
}
.contact-form-knee p {
    margin-top: 0px !important;
    font: 14px/18px "Open Sans", serif;
    color: #ffffff;
    display: block;
    background: #146b7d !important;
    padding: 4px 0px;
    text-align: center;
}
#Sidebar .dr-container-s {
    margin-top: 8px;
}
@media screen and (max-width:1104px) {
    .dr-image img {
        left: 0;
        top: 20%
    }
    .news-content {
        width: 250px
    }
}
@media screen and (max-width:1024px) {
    .profile-view li {
        float: none;
        width: 200px;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .dr-txt .dr-appointment {
        width: 100%
    }
    #Footer-container {
        width: 98%;
        margin: 0px auto
    }
    .dr-image img {
        left: 0px
    }
    .profile-view li {
        left: 10px
    }
    .map-header h2 {
        font-size: 21px
    }
    .service-content li {
        margin: 0 5px
    }
    .service-content li:first-child {
        margin: 0 5px 0 0
    }
    .service-content li:last-child {
        margin: 0 0px 0 5px
    }
    .robotic-images img {
        float: left !important;
        margin: 2% 1%
    }
}
@media screen and (max-width:959px) {
    .sidebar-r {
        width: 66%
    }
    .textMain img {
        float: none
    }
    .Banner-content h3 {
        margin-top: -29px !important
    }
    #Service-Container {
        min-height: 445px
    }
    .service-content {
        padding-top: 35px
    }
    .service-content li {
        margin: 13px 5px
    }
    .darwin-loc {
        left: 2%;
        top: 5%
    }
    .contact-form-knee {
        float: none;
        margin: 0 auto !important;
        width: 100% !important;
    }
    .dr-profile-right img {
        float: right !important;
        margin: 15px 5px 0 3% !important;
        width: 50%;
    }
    
    .doctor-main img {
        float: right !important;
        margin: 15px 5px 0 3% !important;
       
    }
    
    
    .dr-profile-right {
        width: 65% !important;
    }
    .doctor-main {
        padding: 0;
        margin: 0;
    }
}
@media screen and (max-width:833px) {
    .Banner-content h3 {
        font-size: 20px
    }
    .Banner-content p {
        font-size: 12px
    }
    .Banner-content {
        top: 28%
    }
    .care-plan-content li {
        width: 49%;
        margin-left: 3px
    }
    .textMain .contact-img {
        width: 76%
    }
    .textMain .contact-img .dir {
        margin: 0
    }
    .textMain .contact-address {
        width: 100%
    }
}
@media screen and (max-width:768px) {
    #ph-text li a,
    .ph-txt-mbl li a {
        color: #000000;
        display: block;
    }
    .appoint {
        width: 100%;
        float: none;
        margin-top: 15px;
    }
    .appoint li {
        width: 100%;
    }
    .appoint ul {
        display: table;
        margin: 0px auto;
        width: 100%;
        text-align: center;
    }
    .logo {
        width: 45%
    }
    .appoint {
        margin-top: 0;
        width: 338px;
        display: inline-block;
    }
    .Banner-content a {
        margin-top: 5px
    }
    .footer-menu,
    .specialities,
    .other-links,
    .smo {
        display: inherit;
        float: left;
        width: 32%;
        margin-left: 5px
    }
    .smo li {
        margin-top: 2px
    }
    #Sidebar {
        float: left;
        margin: 0 auto;
        width: 257px
    }
    .sidebar-r {
        width: 59%
    }
    .textMain .Service-subpage > div {
        float: none;
        width: 90%
    }
    .textMain .Service-subpage .hip-arthroscopy-service,
    .textMain .Service-subpage .knee-arthroscopy-service {
        float: none
    }
    #Intra-Container-S h3 {
        font-size: 90%
    }
    #Intra-Container-S p {
        font-size: 90%
    }
    .dr-txt h2 a {
        font-size: 28px
    }
    .news-content h3 {
        font-size: 21px
    }
    .news-content img {
        width: 89%
    }
    .map-header h2 {
        font-size: 15px;
        width: 320px;
        margin: 0px auto
    }
    .other-links {
        float: none;
        margin: 10px auto
    }
    .copy-right {
        float: none;
        margin: 10px auto;
        width: 95%
    }
    .staff-image {
        width: 38%
    }
}
@media screen and (max-width:752px) {
    #Service-Container {
        background: #136A7D;
        float: left;
        padding: 10px 0
    }
    .service-content {
        padding: 0
    }
    .service-content li,
    .service-content li:first-child,
    .service-content li:last-child {
        width: 30%;
        margin: 10px 0
    }
    
    .dr-profile-right
    {
        width: 95% !important;
        margin: 3% !important;
    } 
    
    .dr-profile-right img {

    float: none !important;
    margin: 15px;
    width: auto;
    text-align: center;

}
    .doctor-main .img-right
    {
        text-align: center !important;
    }
}
@media screen and (max-width:640px) {
    .textMain img {
        width: 100% !important;
    }
    .dr-profile-right img
    {
        width: auto !important;
        margin: auto !important;
    }
    .doctor-main .img-right
    {
        width: auto !important;
        float: none !important;
        margin: 10px auto !important;
    }
    .doctor-main
    {
        padding: 3% !important;
    }
    .logo,
    .appoint {
        width: 100%;
        float: none
    }
    .logo img {
        display: block;
        margin: 0px auto
    }
    .appoint ul {
        display: table;
        margin: 0px auto
    }
    #Intra-Container,
    #Intra-Container-S {
        display: none
    }
    .dr-image img {
        width: 90%;
        position: relative;
        display: block;
        margin: 100px auto
    }
    .dr-image,
    .dr-txt,
    .news {
        display: inherit;
        float: left;
        width: 50%
    }
    .news {
        width: 100% !important
    }
    .news-content {
        margin: 0px auto;
        width: 300px;
        margin-bottom: 30px
    }
    .dr-txt .dr-appointment {
        width: 84%
    }
    .dr-image img {
        margin: 20px auto -71px auto
    }
    .dr-image,
    .dr-txt,
    .news {
        float: none;
        width: 320px;
        margin: 0px auto;
        padding: 0px
    }
    .news-content img {
        width: auto
    }
    .textMain img {
        width: 50%
    }
    .textMain img {
        display: block;
        float: none;
        margin: 10px auto;
        width: 50%
    }
    .robotic-images img {
        float: left !important;
        width: auto !important;
        margin: 2% 1%
    }
    #Sidebar {
        display: inherit;
        float: none
    }
    .sidebar-r {
        width: 100%
    }
    .copy-right {
        float: none;
        text-align: center
    }
    .sitesearch-form img {
        margin-bottom: 10px
    }
    .ph-txt-mbl {
        display: block
    }
    .ph-txt {
        display: none
    }
    .staff-image {
        width: 151px
    }
    .staff-image img {
        width: auto
    }
    .urgent-injury-clinic {
        margin: 25px auto
    }
    .darwin-loc {
        margin: 20px auto;
        position: static;
        width: 300px
    }
    .clinicaloutcomes-images img {
        width: auto !important
    }
}
@media screen and (max-width:480px) {
    .appoint li {
        float: none
    }
    .care-plan-content ul {
        width: 300px;
        margin: 0px auto
    }
    .care-plan-content li {
        width: 300px
    }
    .footer-menu,
    .specialities,
    .other-links,
    .smo {
        float: none;
        width: 50%;
        margin: 10px auto
    }
    .dr-service-l {
        float: none;
        width: 100%
    }
    .copy-right p {
        text-align: center
    }
    .textMain .Service-subpage .read-more-s a {
        float: none
    }
    .map-header {
        left: 10px;
        right: 10px;
        width: 320px
    }
    .map-header h2 {
        font-size: 17px
    }
    .textMain .conditions-list li {
        width: 89%
    }
    .service-content li,
    .service-content li:first-child,
    .service-content li:last-child {
        width: 50%
    }
    .darwin-loc {
        left: 1%;
        top: 135px
    }
    .logo {
        width: 97%
    }
    .staff-image {
        width: 38%
    }
    .clinicaloutcomes-images ul {
        float: none;
        width: 95%
    }
}
/*@media screen and (max-width:360px){
     .desk {
         position: absolute;
         top: 512px !important;
         width: 250px !important;
    }
     #Content-right .textMain p:nth-child(5) {
         margin-top: 465px !important;
    }
}
*/
@media screen and (max-width:320px) {
    .textMain #Form-Contact .text-form li input[type="text"] {
        width: 89%
    }
    .textMain #Form-Contact .text-form li {
        float: none;
        width: 100%
    }
    /*.desk {
         top: 608px !important;
    }
    */
}