/* ---------- Theme CSS ---------- */

#Map-Container,
#Review-Container,
#Services-Container,
#Dr-Intro-Container,
#Specialist-Container,
#Credibility-Container,
#Footer-Container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Service,
#Credibility,
#Review,
#Services,
#Specialist,
#Dr-Intro,
#Locations {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* ADA */

.adaOn span {
    background: #003263;
    color: #fff;
}


/* Scroller CSS */

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


/* Header CSS */

#Header-Container {
    background: #e6f4f4;
}

#Header {
    min-height: 52px;
    text-align: right;
}

.cm-main {
    display: inline-block;
    vertical-align: top;
}

#Header::before {
    position: absolute;
    width: 202px;
    height: 57px;
    background: #6dcbad;
    content: '';
    left: 0px;
}

#Banner::before {
    position: absolute;
    width: 202px;
    height: 100%;
    background: #6dcbad;
    content: '';
    left: 0px;
}

.appoint ul li {
    display: inline-block;
    vertical-align: top;
    font: 600 18px/20px 'Barlow', sans-serif;
    padding: 0px 0px 10px 30px;
    position: relative;
    margin: 17px 22px 0px 0px;
    text-align: left;
}

.appoint ul li a:hover {
    text-shadow: 2px 2px 2px #97cfcf;
}

.appoint ul li:before {
    width: 1px;
    height: 22px;
    content: '';
    left: 22px;
    top: 0px;
    position: absolute;
}

.appoint ul li a {
    color: #2e1b25;
}

.phone {
    background: url(../images/call-bg.png) no-repeat 0px 3px;
}

.app {
    background: url(../images/app-bg.png) no-repeat 0px 5px;
}


/* Menu CSS */

.parentMenu li {
    text-align: left;
}

.menu {
    text-align: right;
}

.menu li {
    font: 400 18px/20px 'Barlow', sans-serif;
    height: 50px;
    color: #fff;
}

.menu li a {
    padding: 15px 0px;
    color: #fff;
}

.menu li a:hover {
    color: #6dcbad;
}

.menu li li {
    background: #012d4dc9;
}

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

.menu-home a::before {
    font-size: 20px;
}

.menu-home a {
    width: 100%;
    height: 100%;
}

.menu-home a::before {
    vertical-align: top;
    margin: auto;
}

.menu-home span {
    vertical-align: middle;
}

.toggleMenu {
    padding: 10px;
    background: url(../images/menu-bg.png) no-repeat center center;
}

.toggleMenu a {
    width: 53px;
    height: 23px;
}

.menuclose {
    background: url(../images/menu-close-bg.png) no-repeat center center;
    visibility: hidden;
}

.toggleMenu.menuclose {
    visibility: visible;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.Wrapper {
    font: 400 16px/20px 'Barlow', sans-serif;
    color: #bbbbbb;
    text-transform: uppercase;
}

.Wrapper li a:hover {
    color: #27aaef;
}

.menu-about {
    width: 19%;
}

.menu-mos {
    width: 9%;
}

.menu-services {
    width: 11%;
}

.menu-patient {
    width: 13%;
}

.menu-appointments {
    width: 14%;
}

.menu-contact {
    width: 11%;
}

.menu-patient ul {
    width: 330px;
}

.menu-services ul {
    width: 243px;
}

.menu-appointments ul {
    width: 230px;
}


/* Home Banner CSS */

#Banner-Container #Banner {
    height: 613px;
}

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

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

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

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

#Banner-Container .banner1 .theme-L {
    background: #e6f4f4;
}

#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 right top;
}

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

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

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


#Banner-Container .banner2 .theme-L {
    background: #e6f4f4;
}

#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 right top;
}

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

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

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

#Banner-Container .banner3 .theme-L {
    background: #e6f4f4;
}

#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 right top;
}

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

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

.jpx #Banner-Container .banner4 {
    background: url(../images/banner4-bg.wdp) no-repeat right top;
}


#Banner-Container .banner4 .theme-L {
    background: #e6f4f4;
}

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


/* Subpage Banner CSS */

#Banner-Container-S #Banner {
    height: 392px;
}

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

#Banner-Container-S .banner1 .theme-L {
    background: #e6f4f4;
}

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

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

#Banner-Container-S .banner2 .theme-L {
    background: #e6f4f4;
}

#Banner-Container-S .banner2 .theme-R {
    background: #e6f4f4;
}

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

#Banner-Container-S .banner3 .theme-L {
    background: #e4f1f1;
}

#Banner-Container-S .banner3 .theme-R {
    background: #e4f1f1;
}

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

#Banner-Container-S .banner4 .theme-L {
    background: #e6f4f4;
}

#Banner-Container-S .banner4 .theme-R {
    background: #e6f4f4;
}

.slidePrev::before {
    color: #1e170c;
    border: 1px solid #949994;
    padding: 10px;
    background: #e6f4f4;
    outline: 4px solid #e6f4f4;
}

.slideNext::before {
    color: #1e170c;
    border: 1px solid #949994;
    padding: 10px;
    background: #e6f4f4;
}

.Banner_nav.slidePrev {
    left: 166px;
    bottom: 20px;
}

.Banner_nav.slideNext {
    left: 202px;
    bottom: 20px;
}


/* Banner Content CSS */

.banner-content {
    position: absolute;
    left: 18%;
    top: 50%;
    padding: 15px;
}

.dr-content {
    left: 28px;
    top: 38%;
    width: 100%;
}

.dr-title {
    position: absolute;
    left: 41px;
    top: 8%;
    width: auto;
    z-index: 99;
}

.dr-title h1 {
    font: 800 60px/58px 'Barlow', sans-serif;
    color: #000000;
}

.dr-title p {
    font: 400 26px/32px 'Barlow', sans-serif;
    color: #000000;
    padding: 5px 0px 0px 0px;
}

.dr-title p span {
    font: 600 19px/24px 'Barlow', sans-serif;
    color: #000000;
    display: block;
}

.dr-specs ul li {
    font: 400 18px/32px 'Barlow', sans-serif;
    color: #1e170c;
    background: url(../images/dr-list-bg.png) no-repeat 0px 11px;
    padding: 0px 0px 0px 25px;
}

.dr-more a {
    font: 400 18px/20px 'Barlow', sans-serif;
    color: #000000;
    display: block;
    background: #e7f4f4;
    padding: 10px;
    width: 120px;
    text-align: center;
    margin: 30px 0px 0px 0px;
}

.mos-logo {
    position: absolute;
    left: 17%;
    top: 73%;
}

.banner-head {
    font: 400 italic 30px/50px 'Barlow', sans-serif;
    display: inline-block;
    color: #298a92;
    border-bottom: 1px solid #298a92;
}

#Banner-Container-S .dr-specs {
    display: none;
}

#Banner-Container-S .dr-content {
    top: 50%;
}

#Banner-Container-S .mos-logo {
    top: 40%;
}


/* Review CSS */

#Review-Container {
    background: url(../images/reviews-bg.jpg) no-repeat center center;
    background-size: cover;
}

.webp #Review-Container {
    background: url(../images/reviews-bg.webp) no-repeat center center;
    background-size: cover;
}

.jp2 #Review-Container {
    background: url(../images/reviews-bg.jp2) no-repeat center center;
    background-size: cover;
}

.jpx #Review-Container {
    background: url(../images/reviews-bg.wdp) no-repeat center center;
    background-size: cover;
}

#Review {
    min-height: 400px;
}

.review {
    width: 90%;
    border: 1px solid #7eb8c4;
    margin: -40px auto 0px auto;
    padding: 85px 50px 65px 65px;
}

.review ul li {
    font: 400 italic 18px/28px 'Barlow', sans-serif;
    text-align: center;
}

.patients-say {
    font: 700 36px/40px 'Barlow', sans-serif;
    color: #1e170c;
    text-align: center;
    padding: 55px 0px 0px 0px;
    position: relative;
}

.patients-say:after,
.patients-say:before {
    content: '';
    background: #7eb8c4;
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: 0px;
}

.patients-say a {
    display: inline-block;
    padding: 12px 15px 12px 15px;
    border-bottom: 1px solid #7eb8c4;
    background: url(../images/reviews-bg.jpg) no-repeat center center;
}

.testimonials-more a {
    background: #179c8e;
    width: 210px;
    padding: 10px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    font: 400 18px/28px 'Barlow', sans-serif;
    left: 41%;
    bottom: 34px;
    display: block;
}

.testimonials-more a:hover {
    background: #0b7e72;
    color: #fff;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.review-bg {
    position: relative;
}

.review-bg::before {
    position: absolute;
    width: 69px;
    height: 55px;
    background: url(../images/testimonial-t-bg.png) no-repeat 0px 0px;
    left: 20px;
    top: -66px;
    content: '';
}

.review-bg::after {
    position: absolute;
    width: 69px;
    height: 55px;
    background: url(../images/testimonial-b-bg.png) no-repeat 0px 0px;
    right: 30px;
    bottom: -44px;
    content: '';
}

#Services {
    min-height: 670px;
    background: url(../images/services-bg.jpg) no-repeat left top #fff;
}

.webp #Services {
    background: url(../images/services-bg.webp) no-repeat left top #fff;
}

.jp2 #Services {
    background: url(../images/services-bg.jp2) no-repeat left top #fff;
}

.jpx #Services {
    background: url(../images/services-bg.wdp) no-repeat left top #fff;
}

.our-services {
    background: #6dcbad;
    padding: 20px;
    width: 865px;
    float: right;
    min-height: 580px;
    margin: 42px 0px 0px 0px;
}

.our-services h3 {
    color: #1e170c;
    font: 700 40px/44px 'Barlow', sans-serif;
    text-transform: uppercase;
    padding: 30px 0px 0px 30px;
}

.our-services p {
    color: #1e170c;
    font: 400 17px/22px 'Barlow', sans-serif;
    padding: 15px 0px 10px 30px;
}

.Ser-Tabs ul li {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0px 0px 30px;
}

.Ser-Tabs ul li a {
    color: #1e170c;
    font: 600 22px/26px 'Barlow', sans-serif;
    text-transform: uppercase;
    display: block;
}

.Ser-Tabs li span {
    width: 127px;
    height: 127px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
}

.nonspan {
    background: none !important;
    width: auto !important;
    height: auto !important;
}

.knee span {
    background: url(../images/knee-off-bg.png) no-repeat 0px 0px;
}

.webp .knee span {
    background: url(../images/knee-off-bg.webp) no-repeat 0px 0px;
}

.jp2 .knee span {
    background: url(../images/knee-off-bg.jp2) no-repeat 0px 0px;
}

.jpx .knee span {
    background: url(../images/knee-off-bg.wdp) no-repeat 0px 0px;
}

.knee:hover span {
    background: url(../images/knee-on-bg.png) no-repeat 0px 0px;
}

.hip span {
    background: url(../images/hip-off-bg.png) no-repeat 0px 0px;
}

.webp .hip span {
    background: url(../images/hip-off-bg.webp) no-repeat 0px 0px;
}

.jp2 .hip span {
    background: url(../images/hip-off-bg.jp2) no-repeat 0px 0px;
}

.jpx .hip span {
    background: url(../images/hip-off-bg.wdp) no-repeat 0px 0px;
}

.hip:hover span {
    background: url(../images/hip-on-bg.png) no-repeat 0px 0px;
}

.nst span {
    background: url(../images/non-surg-off-bg.png) no-repeat 0px 0px;
}

.webp .nst span {
    background: url(../images/non-surg-off-bg.webp) no-repeat 0px 0px;
}

.jp2 .nst span {
    background: url(../images/non-surg-off-bg.jp2) no-repeat 0px 0px;
}

.jpx .nst span {
    background: url(../images/non-surg-off-bg.wdp) no-repeat 0px 0px;
}

.nst:hover span {
    background: url(../images/non-surg-on-bg.png) no-repeat 0px 0px;
}

.ser-head {
    background: #298a92;
    padding: 1%;
    min-height: 245px;
    position: relative;
    margin: 4% 0px 0px 0px;
}

.ser-head::after,
.ser-head::before {
    content: '';
    background: #298a92;
    position: absolute;
    width: 20px;
    height: 70px;
}

.ser-head::after {
    left: -20px;
    top: 0px;
}

.ser-head::before {
    right: -20px;
    bottom: 0px;
}

.ser-head h4 {
    font: 600 26px/30px 'Barlow', sans-serif;
    color: #ececec;
    text-transform: uppercase;
    padding: 10px 0px 0px 25px;
}

.ser-head ul li {
    font: 400 17px/22px 'Barlow', sans-serif;
    color: #ececec;
    background: url(../images/ser-list-bg-h.png) no-repeat 0px 18px;
    padding: 12px 0px 0px 25px;
    display: inline-block;
    width: 45%;
    margin: 10px 0px 0px 35px;
    vertical-align: top;
}

.ser-head ul li a:hover {
    text-shadow: 2px 2px 2px #000;
}

.ser-head p {
    color: #fff;
    font: 400 17px/30px 'Barlow', sans-serif;
}

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

#Dr-Intro-Container {
    background: #ececec;
}

#Dr-Intro {
    padding: 10px;
    min-height: 400px;
}

.accordTitle {
    background: #fff;
    border: none;
    color: #151515;
    font: 600 22px/28px 'Barlow', sans-serif;
    padding: 9px 0px 9px 65px;
}

.accordContent {
    border: none;
}

.accordTitle::before {
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    left: 0px;
    top: 0px;
}

.awards-bg:before {
    background: url(../images/awards-bg.png) no-repeat center center #6dc3cb;
}

.research-bg:before {
    background: url(../images/research-bg.png) no-repeat center center #6dc3cb;
}

.publications-bg:before {
    background: url(../images/publications-bg.png) no-repeat center center #6dc3cb;
}

.accordTitle::after {
    font-size: 11px;
    font-weight: normal;
}

#Specialist {
    min-height: 600px;
    padding: 12px 0px 0px 0px;
}

.minimally {
    background: url(../images/minimally-bg.jpg) no-repeat 0px 0px #4799a0;
    width: 760px;
}

.minimally-inner {
    width: 410px;
    float: right;
    margin: 2%;
}

.min-head {
    color: #ececec;
    font: 400 26px/36px 'Barlow', sans-serif;
    padding: 30px 0px 0px 0px;
}

.min-head span {
    font: 700 38px/40px 'Barlow', sans-serif;
    display: block;
    padding: 15px 0px 0px 0px;
}

.min-content {
    font: 400 17px/30px 'Barlow', sans-serif;
    color: #d7d7d7;
    padding: 20px 0px 0px 0px;
}

.min-more {
    font: 400 18px/22px 'Barlow', sans-serif;
    color: #fff;
    padding: 40px 0px 40px 0px;
    position: relative;
}

.min-more a {
    color: #fff;
}

.min-more a:hover {
    color: #6dcbad;
    text-shadow: 2px 2px 2px #000;
}

.min-more::after {
    position: absolute;
    content: '';
    width: 52px;
    height: 8px;
    background: url(../images/arrow-bg.png) no-repeat 0px 0px;
    left: 97px;
    top: 50px;
}

.patient-resources {
    background: url(../images/patient-resources-b-bg.jpg) no-repeat left bottom #6dcbad;
}

.patient-resources h3 {
    font: 700 36px/40px 'Barlow', sans-serif;
    color: #fff;
    padding: 45px 0px 0px 50px;
}

.patient-resources ul {
    width: 350px;
    margin: 10px 0px 0px 40px;
}

.patient-resources ul li a {
    font: 600 18px/22px 'Barlow', sans-serif;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #82cb71;
    display: block;
    color: #fff;
}

.patient-resources ul li:last-child a {
    border-bottom: none;
}

.patient-resources li span {
    width: 35px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 0px 0px;
}

.patient-resources li a:hover {
    color: #000;
}

.patient-resources li:hover span {
    -webkit-filter: invert(100%);
    /* Safari 6.0 - 9.0 */
    filter: invert(100%);
}

.edu-vid span {
    background: url(../images/edu-vid-bg.png) no-repeat 0px 10px;
}

.first-visit span {
    background: url(../images/first-visit-bg.png) no-repeat 0px 0px;
}

.patient-forms span {
    background: url(../images/patient-forms-bg.png) no-repeat 5px 6px;
}

.pre-op span {
    background: url(../images/pre-op-bg.png) no-repeat 3px 6px;
}

.ins-info span {
    background: url(../images/ins-info-bg.png) no-repeat 2px 0px;
}

.pr-sub h3 {
    color: #fff;
    font: 700 30px/40px 'Barlow', sans-serif;
    padding: 25px 0px 0px 15px;
}

.pr-sub ul {
    width: auto;
    margin: 10px 0px 0px 12px;
}

.pr-sub {
    min-height: 470px;
    margin: 35px 0px 0px 0px;
}

.pr-sub li span {
    margin: 0px 10px 0px 0px;
}

.pr-sub ul li a {
    font: 600 17px/22px 'Barlow', sans-serif;
}


/* Navigation CSS */

.navigation {
    font: 400 17px/22px 'Barlow', sans-serif;
    padding: 50px 0px 10px 10px;
    color: #298a92;
}

.navigation a {
    color: #010614;
}


/* Text CSS */

.textMain {
    font: 400 17px/25px 'Barlow', sans-serif;
    color: #0f1811;
}

.textMain a {
    color: #4799a0;
}

.textMain a:hover {
    color: #6ecbae;
}

.textMain h1 {
    font: 700 39px/44px 'Barlow', sans-serif;
    color: #010614;
}

.textMain h1 span {
    font: 600 23px/34px 'Barlow', sans-serif;
    color: #428a74;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 700 33px/38px 'Barlow', sans-serif;
    color: #399f7f;
}

.textMain h2 span {
    font: 400 20px/34px 'Barlow', sans-serif;
    color: #298a92;
}

.textMain h2 a,
.hTag2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: #5dbb46;
}

.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 600 26px/32px 'Barlow', sans-serif;
    color: #2b8468;
}

.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
    color: #2b8468;
}

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 600 23px/28px 'Barlow', sans-serif;
    color: #014cbe;
}

.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: #014cbe;
}


/* Sidebar CSS */

#Sidebar {
    width: 300px;
}

#MeetDr {
    margin: 55% 0px 0px 0px;
}

.Dr-img {
    background: #6dcbad;
    border: 6px solid #298a92;
    border-bottom: none;
    padding: 10px 0px 0px 0px;
}

.Dr-text {
    font: 800 23px/26px 'Barlow', sans-serif;
    color: #fff;
    background: #298a92;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.Dr-text span {
    display: block;
    font: 300 17px/20px 'Barlow', sans-serif;
    text-transform: none;
    padding: 5px;
}

.Dr-text a {
    font: 300 16px/20px 'Barlow', sans-serif;
    text-decoration: underline;
}


/* Services CSS */

.serviceBox {
    display: inline-block;
    background: #6ecbae;
    padding: 10px 10px 16px 10px;
    vertical-align: top;
    margin: 20px 0px 4% 9%;
    position: relative;
    width: 425px;
}

.serviceBox.hipBox {
    margin-left: 14%;
}

.serviceBox h3 {
    color: #fff;
    font: 700 28px/35px 'Barlow', sans-serif;
    text-transform: uppercase;
    padding: 0px 0px 10px 30px;
}

.kneeBox::before,
.hipBox::before,
.nstBox::before {
    position: absolute;
    content: '';
    width: 157px;
    height: 157px;
    border: 15px solid #fff;
    border-radius: 50%;
    left: -124px;
    top: -11px;
}

.kneeBox::before {
    background: url(../images/knee-on-bg.png) no-repeat 0px 0px;
}

.hipBox::before {
    background: url(../images/hip-on-bg.png) no-repeat 0px 0px;
}

.nstBox::before {
    background: url(../images/non-surg-on-bg.png) no-repeat 0px 0px;
}

.serviceBox ul {
    background: #298a91;
    position: relative;
    margin: 0px -10px 0px 6px;
    min-height: 240px;
    padding: 20px 0px 0px 0px;
}

.serviceBox ul li {
    font: 400 18px/24px 'Barlow', sans-serif;
    color: #ececec;
    background: url(../images/ser-list-bg-h.png) no-repeat 25px 19px;
    padding: 12px 0px 0px 55px;
}

.serviceBox ul li a {
    color: #ececec;
    text-decoration: none;
}

.serviceBox ul li a:hover {
    color: #95d5db;
    text-shadow: 1px 1px 1px #2c2c2c;
}

.ser-more {
    font: 700 17px/20px 'Barlow', sans-serif;
    color: #fff;
    text-align: right;
    padding: 25px 25px 15px 0px;
    text-transform: uppercase;
    position: relative;
    background: #298a91;
    margin: 0px -10px 0px 6px;
}

.ser-more a {
    color: #fff;
    text-decoration: none;
}

.ser-more a:hover {
    color: #6ecbae;
    text-shadow: 2px 1px 1px #2c2c2c;
}

.ser-more::before {
    position: absolute;
    content: '';
    width: 60px;
    height: 1px;
    background: #4ba8af;
    right: 30%;
    top: 37px;
}

.serviceBox.nstBox ul li {
    font: 300 17px/27px 'Barlow', sans-serif;
    background: none;
    padding: 10px 20px 0px 30px;
}


/* Footer CSS */

#Credibility {
    text-align: center;
    min-height: 105px;
}

#Credibility ul li {
    display: inline-block;
    width: 24%;
    vertical-align: middle;
}

#Map-Container {
    background: url(../images/map-bg.jpg) no-repeat center center;
    display: none;
}

.webp #Map-Container {
    background: url(../images/map-bg.webp) no-repeat center center;
}

.jp2 #Map-Container {
    background: url(../images/map-bg.jp2) no-repeat center center;
}

.jpx #Map-Container {
    background: url(../images/map-bg.wdp) no-repeat center center;
}

#Locations {
    padding: 45px 0px 0px 25px;
    min-height: 460px;
}

#Footer-Container {
    background: #4799a0;
}

.copyrights {
    text-align: center;
}

.copyrights p {
    border-bottom: 1px solid #62a8ae;
    padding: 15px;
    border-top: 1px solid #62a8ae;
    color: #fff;
    font: 400 17px/22px 'Barlow', sans-serif;
}

.copyrights p a {
    padding: 12px;
}

.copyrights p a:hover {
    color: #6dcbad;
    text-shadow: 2px 1px 1px #292828;
}

#Footer {
    padding: 3.5%;
}

.locations {
    background: #ebebeb;
    width: 335px;
    min-height: 390px;
    position: absolute;
    z-index: 999;
}

.locations::after {
    content: '';
    position: absolute;
    left: 10px;
    top: -10px;
    background: url(../images/border-bg.png) no-repeat 0px 0px;
    width: 335px;
    height: 388px;
    z-index: -1;
}

.loc-details h3 {
    color: #179c8e;
    font: 700 22px/25px 'Barlow', sans-serif;
    padding: 20px 0px 0px 35px;
}

.loc-details p {
    color: #000;
    font: 400 17px/21px 'Barlow', sans-serif;
    padding: 10px 0px 0px 35px;
}

.loc-details span {
    color: #464646;
    font: 700 20px/24px 'Barlow', sans-serif;
    padding: 0px 0px 0px 10px;
}

.call {
    font: 700 17px/22px 'Barlow', sans-serif !important;
    color: #464646 !important;
    text-transform: uppercase;
    position: relative;
}


/*.call::after {
	content: '';
	position: absolute;
	height: 17px;
	width: 1px;
	background: #464646;
	left: 39.5%;
	top: 15px;
}*/

.directions a {
    color: #1e170c;
    font: 400 16px/20px 'Barlow', sans-serif !important;
    text-decoration: underline;
}

.directions a:hover {
    color: #179c8e;
    text-decoration: none;
}

.copyrights h2 {
    color: #fff;
    font: 400 18px/25px 'Barlow', sans-serif;
    padding: 30px 0px 30px 0px;
}

.copyrights h2 span {
    display: block;
}

.ypo-logo {
    width: auto;
    text-align: center;
    margin: 10px auto;
}

.social-logo {
    width: 160px;
    text-align: left;
}

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

.social-logo li {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 17px;
    font-size: 20px;
    margin: 19px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}

.social-logo li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #179c8e;
    text-align: center;
    margin: -3px 0px 0px 0px;
}

.social-logo li a:hover {
    color: #6dcbad;
}

.ypo-logo {
    width: 120px;
    text-align: center;
}


/* Contact Page */

.contactTable {
    border-spacing: 5px;
    border: 2px solid #eceaea;
    margin: 0px 0px 15px 0px;
}

.contactTable:hover {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}

.contact-address {
    width: 300px;
    padding: 10px;
    position: relative;
}

.contact-address p.textMainBold {
    padding: 5px 0px;
}

.contact-address p {
    position: relative;
    padding: 5px 10px 5px 30px;
}

.contact-address p::before {
    position: absolute;
    left: 5px;
    top: 5px;
}

.contact-map {
    position: relative;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    border: 0px;
}


/* Profile Schema */

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

.textMain .schemaTitle {
    padding: 5px 10px;
    font: normal 18px/24px 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: middle;
    text-align: left;
}

.textMain .schemaTable li:last-child {
    border-right: 0px;
}

.textMain .schemaTable p.textMainBold {
    padding: 5px 0px;
}

.textMain .schemaTable p {
    position: relative;
    padding: 5px 10px 5px 30px;
}

.textMain .schemaTable p::before {
    position: absolute;
    left: 5px;
    top: 5px;
}


/* Submit Testimonials */

.textMain .write-review {
    font: 400 17px/20px 'Barlow', sans-serif !important;
    float: right;
    position: relative;
    border: 2px solid #6dcbad;
    border-radius: 6px;
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    background: #298a92;
    color: #fff;
    border-radius: 5px;
}

.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;
    color: #000;
}

.spec-s {
    color: #020202 !important;
    font: 600 17px/20px 'Barlow', sans-serif !important;
}

.dr-img {
    float: right;
    border: 7px solid #4799a0;
    margin: 0px 10px 10px 20px;
}

.clrBold {
    font: 700 21px/25px 'Barlow', sans-serif;
    color: #399f7f;
}

#FormBar {
    width: 350px;
    float: left;
    background: #e1e1e1;
    padding: 10px;
    border: 1px solid #e1e1e1;
    margin: 10px 30px 15px 0px;
}

.Req3 {
    color: #000 !important;
    background: #fbfbfb;
    text-align: center;
    margin: 10px 0px 0px 0px;
    padding: 8px !important;
    font-size: 22px !important;
}

.inner-app {
    text-align: center;
}


/*-----------Easy Tabs CSS-----------*/

.textMain .conditions-page #parentHorizontalTab {
    background: none;
    text-transform: none;
}

.textMain .conditions-page .resp-tabs-list.hor_1 {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

.textMain .conditions-page .resp-tabs-list li {
    display: inline-block;
    vertical-align: top;
}

.textMain .conditions-page .resp-tabs-list li {
    cursor: pointer;
    display: inline-block !important;
    vertical-align: top;
    font: 600 15px/18px 'Barlow', sans-serif;
    text-transform: uppercase;
    position: relative;
    height: auto;
    margin: 0 15px;
    display: block;
    text-align: center;
    padding: 0px 0px !important;
    background: #399f7f !important;
    padding: 15px 0px;
    border-radius: 5px;
    margin: 3px;
    text-align: center;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a {
    text-decoration: none;
    padding: 15px 50px !important;
    display: block;
    color: #ffffff;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a:hover {
    color: #fff;
}

.textMain .conditions-page .resp-tabs-container {
    padding: 0px;
    clear: left;
    background: #fff;
}

.textMain .conditions-page h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.textMain .conditions-page .resp-tab-content {
    display: none;
    padding: 15px;
}

.textMain .conditions-page .resp-tab-active {
    border-bottom: none;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #2b8468 !important;
    box-shadow: 2px 4px 3px 1px #ccc;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active::before {
    vertical-align: top;
    position: absolute;
}

.textMain .conditions-page .resp-content-active,
.textMain .conditions-page .resp-accordion-active {
    display: block;
}

.textMain .conditions-page .resp-tab-content {
    border: none;
    min-height: auto;
    margin: 30px 0 0 0;
}

.textMain .conditions-page h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

.textMain .conditions-page h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

.textMain .conditions-page h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.textMain .topicimage {
    float: left;
    width: 206px;
    margin: 16px 2% 0 0;
    border: 1px solid #b9bbbd;
    padding: 2px;
}

.landing-page ul {
    text-align: right;
}

.landing-page ul li {
    background: none !important;
    padding: 0 !important;
    display: inline-block;
    font: 400 15px/15px 'Barlow', sans-serif;
}

.landing-page ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 9px 10px 9px 8px;
    border-radius: 7px;
}

.educationalvideo-s a {
    background: #2b8468;
}

.knowmore-s a {
    background: #399f7f;
}

.landing-page ul li a span {
    padding-right: 10px;
}

.landing-page ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: #6ecbae;
    box-shadow: 2px 2px 2px #ccc;
}

.template1-img {
    float: right;
    margin: 15px;
    border: 1px solid #e1e1e1;
}

.topMargin {
    margin-top: 40px;
}

.textMain .profile-page #parentHorizontalTab {
    background: none;
    text-transform: none;
}

.textMain .profile-page .resp-tabs-list.hor_1 {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

.textMain .profile-page .resp-tabs-list li {
    cursor: pointer;
    display: inline-block !important;
    vertical-align: top;
    font: 600 20px/24px 'Barlow', sans-serif;
    text-transform: uppercase;
    padding: 0px 0px !important;
    background: #10656c !important;
    margin: 0px;
    width: 33%;
}

.textMain .profile-page .resp-tabs-list.hor_1 li a {
    text-decoration: none;
    padding: 15px 50px !important;
    display: block;
    color: #ffffff;
}

.textMain .profile-page .resp-tabs-list.hor_1 li a:hover {
    color: #fff;
}

.textMain .profile-page .resp-tabs-container {
    padding: 0px;
    clear: left;
    background: #fff;
}

.textMain .profile-page h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.textMain .profile-page .resp-tab-content {
    display: none;
    padding: 15px;
}

.textMain .profile-page .resp-tab-active {
    border-bottom: none;
}

.textMain .profile-page .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #4799a0 !important;
    box-shadow: 2px 4px 3px 1px #ccc;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active::before {
    vertical-align: top;
    position: absolute;
}

.textMain .profile-page .resp-content-active,
.textMain .profile-page .resp-accordion-active {
    display: block;
}

.textMain .profile-page .resp-tab-content {
    min-height: auto;
    margin: 0px;
    border: 1px solid #ccc;
}

.textMain .profile-page h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: none;
    margin: 0px;
    padding: 10px 15px;
}

.textMain .profile-page h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

.textMain .profile-page h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.credential-list ul li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin: 0px 0px 20px 0px;
}

.research ul li {
    width: auto;
}

.hipaa-text {
    color: #000;
    text-align: center;
    font: 400 italic 14px/16px 'Barlow', sans-serif;
}


/*accessibility 16-07-2020 (last updated)*/

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


/*all colors -- not a*/

.dfw-whitemode #Container:not(a) {
    color: #000 !important;
}

.dfw-blackmode #Container:not(a) {
    color: #fff !important;
}


/*disable before and after*/

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


/* anchor colors -- a */

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

.dfw-blackmode #Container a,
.dfw-blackmode #Container a * {
    color: #fc0 !important;
    text-decoration: none !important;
}


/*menu backgrounds*/

.dfw-whitemode #Container #Main-Menu ul li ul *,
.dfw-whitemode #Container #Main-Menu ul li ul,
.dfw-whitemode #Container .parentMenu {
    background: #eee !important;
}

.dfw-blackmode #Container #Main-Menu ul li ul *,
.dfw-blackmode #Container #Main-Menu ul li ul,
.dfw-blackmode #Container .parentMenu {
    background: #333 !important;
}

.accessible_on .parentMenu li a {
    margin: 2px;
}

.accessible_on:not(.dfw-greymode) .subMenu li {
    margin: 2px 0;
}

.dfw-greymode .subMenu li {
    padding: 2px;
    margin: 0px;
}

.accessible_on #Menu-Container {
    z-index: 999;
}


/*dfw skip codes*/

.accessible_on .dfw-skip a {
    font-size: 12px !important;
    text-transform: none;
}

.accessible_on .dfw-skip {
    z-index: 999;
    display: block;
    border: 1px solid !important;
}

.accessible_on .dfw-skip {
    background: #fff !important;
}

.dfw-blackmode .dfw-skip {
    background: #000 !important;
}


/*border colors*/

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

.accessible_on.dfw-blackmode #Container * {
    border-color: #fff !important;
}


/*sidebar*/

.accessible_on #Sidebar,
.accessible_on .fixedsidebar {
    padding: 5px;
    border: 1px solid;
    margin: 0 !important;
    width: 310px;
    text-align: center;
}

.accessible_on #Sidebar,
.accessible_on .fixedsidebar {
    clear: both;
}

.accessible_on #Sidebar .dfw-skip {
    margin-right: -100px;
}


/*ADA for accordation*/

.accessible_on .accordContent,
.accessible_on .accordTitle {
    display: block !important;
    border: 1px solid !important;
}


/*content width auto*/

.accessible_on #Content {
    width: auto;
}


/*gdp format for ADA*/

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


/*menu icon replace with text, Menus border none and top headder code*/

.menu li.menu-home a span {
    display: none !important;
}

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

.accessible_on:not(.dfw-greymode) .menu * {
    border: none !important;
}


/*conatact us common and social links */

.accessible_on .contactTable {
    display: block;
    border: 0;
    box-shadow: none !important;
}

.accessible_on .contact-address {
    border: 1px solid;
    margin: 10px auto;
    display: block;
}

.accessible_on .social-logo {
    width: auto;
}


/*conatact us common end */

.accessible_on.home #Header-Container,
.accessible_on #credibility-sec {
    position: relative !important;
}

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

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

.accessible_on .abc {
    height: auto !important;
}

.accessible_on .abc {
    width: auto !important;
}

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


/*display none items (updated commonly used clsses too)*/

.accessible_on .Banner-Tabs,
.accessible_on .contactTable .contact-map,
.accessible_on #Sidebar * br,
.accessible_on .abc {
    display: none;
}


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

.accessible_on #Sidebar ul,
.accessible_on #Credibility ul,
.accessible_on .tabs,
.accessible_on #qlinks ul,
.accessible_on .abc ul {
    text-align: center;
    float: none !important;
}

.accessible_on #Sidebar ul li,
.accessible_on #Credibility ul li,
.accessible_on .tabs li,
.accessible_on #qlinks ul li,
.accessible_on .abc ul li {
    display: inline-block !important;
    width: auto !important;
    border: 1px solid !important;
    height: auto;
    margin: 5px !important;
    min-height: 10px !important;
    float: none !important;
    vertical-align: top;
    min-width: 150px;
    padding: 0;
    background: none;
}

.accessible_on #Sidebar ul li a,
.accessible_on #Credibility ul li a,
.accessible_on .tabs li a,
.accessible_on #qlinks ul li a,
.accessible_on .abc ul li a {
    display: inline-block;
    padding: 10px !important;
    min-width: 250px;
    border: 0 !important;
    min-height: 10px !important;
    float: none !important;
    vertical-align: top;
    width: 280px;
    height: auto;
    background: none;
}


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

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

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


/*grayscale for images*/

.accessible_on .logo img {
    filter: grayscale(100%) contrast(50%);
}

.accessible_on #Credibility li img {
    filter: invert(25%);
}

.accessible_on .ypo-logo {
    filter: invert(1%) !important;
}

.accessible_on.dfw-greymode .ypo-logo {
    filter: invert(1) !important;
}


/*common other code*/

.accessible_on footer .social-logo a span {
    display: block !important;
}

.accessible_on footer .social-logo ul li {
    width: auto;
}


/*common code for grey mode*/

.dfw-greymode #Container * {
    color: #000 !important;
}

.dfw-greymode footer .social-logo ul li a {
    background: none;
    color: #fff;
}

.dfw-greymode .dfw-skip a {
    color: #000;
}

.dfw-greymode #Main-Menu .menu > li:hover {
    background: none !important;
    color: #000 !important;
    border-color: #fff;
}

.dfw-greymode #Main-Menu ul.subMenu * {
    background: #ccc !important;
    color: #000 !important;
}

.dfw-greymode .navigation a,
.dfw-greymode .navigation {
    color: #000;
}


/*other code goes here*/

.accessible_on:not(.dfw-greymode) .abc {
    border: 1px solid !important;
    margin: 5px;
}

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

.accessible_on .min-content,
.accessible_on .review ul li,
.accessible_on .our-services p,
.accessible_on .min-head,
.accessible_on .copyrights h2,
.accessible_on .patient-resources h3,
.accessible_on .dr-specs ul li,
.accessible_on .Dr-text,
.accessible_on .loc-details h3 {
    color: inherit !important;
}

.accessible_on #Header-Container,
.accessible_on #Header::before,
.accessible_on #Review-Container,
.accessible_on .patients-say a,
.accessible_on .testimonials-more a,
.accessible_on #Services,
.accessible_on .patients-say::before,
.accessible_on .patients-say::after,
.accessible_on .our-services,
.accessible_on .ser-head,
.accessible_on .ser-head::before,
.accessible_on .ser-head::after,
.accessible_on .minimally,
.accessible_on .patient-resources,
.accessible_on #Dr-Intro-Container,
.accessible_on #Footer-Container,
.accessible_on .Dr-img,
.accessible_on .Dr-text,
.accessible_on #Banner::before,
.accessible_on #Banner-Container ul li,
.accessible_on #Banner-Container-S ul li,
.accessible_on #Map-Containe {
    background: none !important;
}

.accessible_on #Header-Container,
.accessible_on #Review-Container,
.accessible_on #Services-Container,
.accessible_on #Dr-Intro-Container,
.accessible_on #Specialist-Container,
.accessible_on #Credibility-Container,
.accessible_on .locations {
    border: 1px solid #ccc;
}

.dfw-blackmode .review,
.dfw-blackmode .patients-say a {
    border: none;
}

.accessible_on .our-services,
.accessible_on .minimally-inner {
    width: 100%;
    float: none;
}

.accessible_on .social-logo {
    width: auto;
}

.accessible_on .copyrights p,
.accessible_on .Dr-img {
    border: none;
}

.accessible_on .banner-content {
    display: none;
}

.accessible_on .dr-title {
    position: relative;
    text-align: center;
    margin: 20px auto;
}

.accessible_on nav {
    border-bottom: 1px solid #ccc;
}

.accessible_on #Header {
    text-align: center;
}

.accessible_on .review {
    border: none;
}

.accessible_on .testimonials-more a {
    border: 1px solid #ccc;
    bottom: 60px;
}

.accessible_on .Ser-Tabs li span {
    margin: 0px 15px 0px 15px;
}

.accessible_on #Services {
    min-height: 360px;
}

.accessible_on .our-services {
    min-height: auto;
}

.accessible_on #Specialist {
    min-height: 495px;
}

.accessible_on #Main-Menu::before,
.accessible_on .review-bg::before,
.accessible_on .review-bg::after,
.accessible_on .awards-bg::before,
.accessible_on .research-bg::before,
.accessible_on .publications-bg::before,
.accessible_on .accordTitle::after,
.accessible_on .ser-more::before,
.accessible_on .testimonial-list li::after{
    display: none;
}

.accessible_on .min-more a {
    border: 1px solid #ccc;
    padding: 10px;
}

.accessible_on .dr-acc p,
.accessible_on .accordTitle,
.accessible_on .call,
.accessible_on .loc-details p,
.accessible_on .serviceBox ul li,
.accessible_on .testimonial-list li:hover,
.accessible_on .testimonial-list li,
.accessible_on .clrBold{
    color: inherit !important;
}

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

.accessible_on #Footer,
.accessible_on #Content-Container {
    border-top: 1px solid #ccc;
}

.accessible_on .ser-more a {
    padding: 10px;
    border: 1px solid #ccc;
}

.accessible_on .textMain .conditions-page .resp-tabs-list li {
    border: 1px solid #ccc;
}

.accessible_on .landing-page ul li a {
	border: 1px solid #ccc;
}

.accessible_on #MeetDr {
	margin: 8% 0px 0px 0px;
}

.accessible_on .patient-resources li span{
    width: 0px;
}

.accessible_on .testimonial-list li,
.accessible_on .testimonial-list li:hover{
    border-left: 0px;
    border-bottom: 0px;
}

.accessible_on .testimonial-list li,
.accessible_on .testimonial-list li:hover{
    border: 1px solid #ccc;
}

 .dfw-whitemode .mandatory,
 .dfw-greymode .mandatory{
    color: #000 !important;
}

 .dfw-blackmode .mandatory{
    color: #fff !important;
}


.dr-acc p {
    font: 400 17px/22px 'Barlow', sans-serif;
    color: #181818;
    margin: 10px 0px 0px 0px;
}

.testimonial-list li {
    font: 400 italic 17px/25px 'Barlow', sans-serif;
    padding: 20px 20px 10px 20px !important;
    background: #298a92 !important;
    display: inline-block;
    width: 30%;
    margin: 35px 10px 10px 10px !important;
    vertical-align: top;
    border-left: 6px solid #6dcbad;
    box-shadow: 2px 6px 4px #ddd7d7;
    color: #fff;
    border-bottom: 6px solid #6dcbad;
    border-radius: 25px;
    min-height: 170px;
    position: relative;
}

.testimonial-list li:hover {
    background: #6dcbad !important;
    border-left: 6px solid #298a92;
    border-bottom: 6px solid #298a92;
    color: #000;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    text-shadow: none;
}

.testimonial-list p {
    font: 300 15px/18px 'Barlow', sans-serif;
}

.testimonial-list p a {
    color: #fff;
}

.testimonial-list p a:hover {
    color: #fff;
}

.testimonial-list li::after {
    content: '';
    width: 34px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: -22px;
    background: url(../images/comma-bg.jpg) no-repeat 0px 0px;
}

.home #Map-Container {
    display: block;
}

#Mob-only {
    display: none;
}

.al-right {
    text-align: right;
}

.al-right a {
    text-decoration: underline;
    font-weight: bold;
}

#Menu-Container {
    background: #298a92;
}

#Main-Menu::before {
    position: absolute;
    width: 202px;
    height: 57px;
    background: #6dcbad;
    content: '';
    left: 0px;
}

#Mobile-Menu {
    display: none;
}

.textMain .blogMain li .post-excerpt {
    display: none;
}

@media screen and (max-width: 1024px) {
    .review {
        width: 98%;
        padding: 85px 20px 65px 20px;
    }
    .review-bg::before {
        left: 10px;
        top: -72px;
        background-size: 50% auto;
    }
    .review-bg::after {
        right: -40px;
        bottom: -80px;
        background-size: 50% auto;
    }
    .patients-say {
        padding: 25px 0px 0px 0px;
    }
    .our-services {
        width: 80%;
        padding: 9px;
    }
    .Ser-Tabs ul li {
        margin: 15px 0px 0px 10px;
    }
    .patient-resources ul {
        width: 100%;
        margin: 10px 0px 0px 10px;
    }
    .patient-resources h3 {
        padding: 45px 0px 0px 14px;
    }
    .serviceBox.hipBox {
        margin: 10px auto;
    }
    .serviceBox {
        display: inherit;
        padding: 10px;
        margin: 10px auto;
        width: 70%;
    }
}

@media screen and (max-width: 800px) {
    #Header {
        text-align: center;
    }
    .our-services {
        width: 66%;
        padding: 9px;
    }
    .ser-head ul li {
        width: 100%;
    }
    .ser-head::after {
        left: -9px;
    }
    .ser-head {
        min-height: 295px;
    }
    .minimally {
        background: #4799a0;
        width: 58%;
    }
    #Services {
        min-height: 840px;
    }
    .appoint {
        margin: 0px 5px 0px 0px;
    }
    .appoint ul li {
        margin: 17px 35px 0px 0px;
    }
    .social-logo {
        width: 175px;
    }
    #Header::before,
    #Banner::before,
    #Main-Menu::before {
        width: 1%;
        z-index: 9;
        height: 100%;
    }
    .dr-title {
        left: 20px;
    }
    .dr-title h1 {
        font: 800 45px/47px 'Barlow', sans-serif;
    }
    .dr-title p {
        font: 400 22px/29px 'Barlow', sans-serif;
    }
    .dr-title p span {
        font: 600 13px/20px 'Barlow', sans-serif;
    }
    .banner-head {
        font: 400 italic 23px/40px 'Barlow', sans-serif;
    }
    #Banner-Container-S #Banner ul li {
        background-position: 1% top;
    }
    .testimonials-more a {
        left: 37%;
    }
    .copyrights p {
        font: 400 17px/34px 'Barlow', sans-serif;
    }
    .dr-content {
        left: 5px;
    }
    .mos-logo {
        left: 20%;
    }
    .textMain .subList li {
        width: 98%;
    }
    .testimonial-list li {
        width: 46%;
    }
}

@media screen and (max-width: 767px) {
    .patients-say {
        font: 700 30px/35px 'Barlow', sans-serif;
    }
    .testimonials-more a {
        left: 34%;
        bottom: 18px;
    }
    .appoint ul li {
        margin: 17px 10px 0px 0px;
    }
    .social-logo {
        width: 160px;
    }
    .our-services {
        width: 100%;
        padding: 5px;
        float: none;
        margin: 15px auto;
    }
    .Ser-Tabs ul {
        text-align: center;
    }
    .Ser-Tabs ul li {
        margin: 20px 0px 0px 0px;
        width: 30%;
    }
    #Services {
        min-height: 700px;
    }
    .minimally-inner {
        width: auto;
        float: none;
        margin: auto;
        padding: 3%;
    }
    .min-head span {
        font: 700 35px/40px 'Barlow', sans-serif;
    }
    .patient-resources {
        width: 300px;
    }
    .patient-resources h3 {
        font: 700 32px/36px 'Barlow', sans-serif;
    }
    .patient-resources li span {
        margin: 0px 10px 0px 0px;
    }
    .min-head {
        font: 400 22px/34px 'Barlow', sans-serif;
    }
    .min-head span {
        font: 700 30px/35px 'Barlow', sans-serif;
    }
    .min-content {
        font: 400 17px/27px 'Barlow', sans-serif;
    }
    .template1-img {
        float: none;
        margin: 15px auto;
        text-align: center;
    }
    .mos-logo {
        left: 24%;
    }
}

@media screen and (max-width: 640px) {
    .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;
    }
    .serviceBox {
        width: 65%;
    }
    #Sidebar {
        margin: 10px auto;
    }
    #MeetDr {
        margin: 2% 0px 0px 0px;
    }
    .textMain .profile-page .resp-tabs-list li {
        margin: 1px;
        width: 100%;
    }
    .credential-list ul li {
        width: 99%;
    }
    #Header {
        min-height: 90px;
    }
    #Mobile-Menu {
        display: block;
    }
}

@media screen and (max-width: 639px) {
    .patients-say::after,
    .patients-say::before {
        display: none;
    }
    .patients-say a {
        border-bottom: none;
        background: none;
    }
    .review {
        margin: -60px auto 0px auto;
        border: none;
        padding: 65px 20px 25px 20px;
    }
    .review-bg::before {
        left: -18px;
        top: 5px;
        background-size: 30%;
    }
    .review-bg::after {
        right: -63px;
        bottom: -47px;
        background-size: 30%;
    }
    .testimonials-more a {
        left: 29%;
    }
    .Ser-Tabs ul li a {
        font: 600 18px/23px 'Barlow', sans-serif;
    }
    #Dr-Intro .table-div,
    #Specialist .table-div {
        display: block;
    }
    #Dr-Intro .table-cell,
    #Specialist .table-cell {
        display: inherit;
    }
    .minimally,
    .patient-resources {
        width: 100%;
    }
    .patient-resources {
        background: #6dcbad;
    }
    .kneeBox::before,
    .hipBox::before,
    .nstBox::before,
    .ser-more::before {
        display: none;
    }
    .serviceBox {
        width: 98%;
    }
    #Header {
        text-align: center;
    }
    .social-logo {
        width: auto;
        text-align: center;
        margin: 0px auto;
    }
    .appoint {
        margin: 5px;
        text-align: center;
    }
    .cm-main {
        display: inherit;
    }
    .Wrapper.mobileMenu {
        width: 100%;
        background: #013054;
        top: 44px;
    }
    #Banner-Container-S #Banner ul li {
        background: #e6f4f4;
    }
    .dr-title,
    #Banner-Container-S .dr-content {
        left: 15%;
    }
    .mos-logo {
        left: 34%;
    }
    .textMain .topicimage {
        float: none;
        margin: 10px 0px 10px 0px;
    }
    .testimonial-list li {
        width: 98%;
    }
    #Mob-only {
        display: block;
    }
    #Mob-only #MeetDr {
        width: 310px;
        margin: 10px auto;
    }
    #Mob-only .Dr-img {
        text-align: center;
    }
}

@media screen and (max-width:479px) {
    .patients-say {
        font: 700 22px/35px 'Barlow', sans-serif;
        padding: 10px 0px 0px 0px;
    }
    .review ul li {
        font: 400 italic 17px/27px 'Barlow', sans-serif;
    }
    .review {
        width: 99%;
        padding: 65px 10px 10px 10px;
    }
    .review-bg::before {
        left: -7px;
    }
    .review-bg::after {
        right: -58px;
    }
    #Review {
        min-height: 475px;
    }
    .testimonials-more a {
        left: 22%;
        bottom: 18px;
    }
    .Ser-Tabs li span {
        width: 90px;
        height: 90px;
    }
    .Ser-Tabs ul li.knee span,
    .Ser-Tabs ul li.hip span,
    .Ser-Tabs ul li.nst span,
    .Ser-Tabs ul li:hover span {
        background-size: 100% auto;
    }
    
    #Banner-Container-S{
        display: none;
    }
    .our-services {
        min-height: 715px;
    }
    #Locations {
        padding: 6% 0px 0px 4%;
    }
    .Ser-Tabs ul li a {
        font: 600 16px/20px 'Barlow', sans-serif;
    }
    .ser-head ul li {
        font: 400 14px/22px 'Barlow', sans-serif;
        width: 100%;
        margin: 0px 0px 0px 10px;
    }
    .ser-head p,
    .our-services p {
        font: 400 15px/23px 'Barlow', sans-serif;
    }
    .dr-title h1 {
        font: 800 33px/36px 'Barlow', sans-serif;
    }
    .dr-title p {
        font: 400 20px/24px 'Barlow', sans-serif;
    }
    .dr-title p span {
        font: 600 13px/20px 'Barlow', sans-serif;
    }
    .dr-title,
    #Banner-Container-S .dr-content {
        left: 11%;
    }
    #Banner-Container-S #Banner {
        height: 320px;
    }
    .mos-logo img {
        width: 145px;
        margin: 0px 0px 0px 30px;
    }
    .copyrights p a {
        padding: 5px;
        display: inline-block;
    }
    #Credibility ul li {
        display: inline-block;
        width: 43%;
    }
    #Header {
        min-height: 120px;
    }
}

@media screen and (max-width:370px) {
    .appoint ul li {
        font: 600 17px/20px 'Barlow', sans-serif;
        margin: 8px 10px 0px 0px;
    }
    .Wrapper.mobileMenu {
        top: 169px;
    }
}

@media screen and (max-width:359px) {
    .patients-say {
        font: 700 19px/30px 'Barlow', sans-serif;
    }
    .review ul li {
        font: 400 italic 16px/26px 'Barlow', sans-serif;
    }
    .review {
        width: 95%;
        padding: 65px 5px 10px 5px;
    }
    .review-bg::before,
    .review-bg::after {
        background-size: 20%;
    }
    .locations {
        width: 300px;
    }
    #Locations {
        padding: 6% 0px 0px 3%;
    }
    .call::after {
        left: 44.5%;
    }
    .dr-title,
    #Banner-Container-S .dr-content {
        left: 7%;
    }
    .dr-more a {
        font: 400 16px/20px 'Barlow', sans-serif;
        padding: 8px;
        width: 112px;
    }
    .dr-title p span {
        font: 600 11px/20px 'Barlow', sans-serif;
    }
}