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

#Map-Container,
#Education-Container,
#Blog-Container,
#Arthroscopy-Container,
#Services-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Education,
#Resources,
#Publications,
#Blog,
#Review,
#Arthroscopy,
#Abos,
#Doctor,
#Services {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* Default Custom CSS */

.img-l {
    margin: 0px 15px 10px 0px;
}

.img-r {
    margin: 0px 0px 10px 15px;
}

.img-c {
    margin: 10px;
}


/* Selection CSS */

#Container::selection {
    background: #CCC;
    color: #000;
}


/* ADA Icon CSS */

.adaOn span {
    background: #003263;
    color: #fff;
    border-radius: 50%;
}


/* Scroller CSS */

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


/* Header CSS */

.home header {
    position: absolute;
    z-index: 9;
    background: rgba(255, 255, 255, 0.3);
}

header {
    background: #e2eff1;
}

#Header {
    min-height: 120px;
}

#Header .table-cell {
    vertical-align: middle;
}

.logo {
    width: 480px;
}

.logo a {
    display: inline-block;
    vertical-align: middle;
}

.logo a:first-child {
    padding: 0px 10px 0px 5px;
}

.logo a:last-child {
    padding: 0px 5px 0px 10px;
    border-left: 1px solid #aebbbf;
}

.appoint-menu {
    width: calc(100% - 480px);
}

.appoint {
    text-align: right;
    padding: 25px 0px 7px 0px;
}

.appoint li {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: left;
    margin: 0px 1px;
}

.call-appoint {
    font: 300 20px/26px 'Nunito Sans', sans-serif;
}

.call-appoint span {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
    width: 15px;
    height: 15px;
    background: url(/images/call-appoint-img.png) no-repeat center top;
}

.book-appoint {
    background: #fada75;
    border-radius: 20px;
    font: 400 16px/20px 'Nunito Sans', sans-serif;
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
    border-bottom: 1px solid #d0a75a;
    border-top: 1px solid #feefc0;
}

.book-appoint a {
    display: block;
    padding: 10px 30px;
}

.telht-btn {
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
    border-radius: 25px;
    border-bottom: 1px solid #d0a75a;
    border-top: 1px solid #feefc0;
}

.telht-btn a {
    display: block;
    padding: 10px 20px;
}


/* Menu CSS */

.menu {
    text-align: right;
}

.menu li,
.accessible_on .menu li {
    font: 400 14px/20px 'Nunito Sans', sans-serif;
    height: 50px;
    text-transform: uppercase;
}

.menu li:hover::after {
    width: 90%;
    height: 0px;
    border: 2px solid #2a6549;
    left: 50%;
    bottom: 0px;
    content: '';
    position: absolute;
    z-index: 0;
    transform: translateX(-50%);
}

.menu ul li:hover::after {
    display: none;
}

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

.menu li a:hover {
    color: #2a6549;
}

.menu ul li {
    background: #badbe0;
    text-transform: none;
}

.menu ul li:hover {
    background: #2a6549;
}

.menu ul li a {
    padding: 10px 10px 10px 20px;
}

.menu ul li a:hover {
    color: #fff;
}

.menu li.menu-home {
    width: 50px;
}

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

.menu-about {
    width: 20%;
}

.menu-about ul {
    width: 200px;
}

.menu-services {
    width: 18%;
}

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

.menu-patient {
    width: 20%;
}

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

.menu-blog {
    width: 11%;
}

.menu-contact {
    width: 16%;
}

.menu-contact ul {
    width: 200px;
}

.menu-blog ul {
    width: 135px;
}


/* Mobile Menu CSS */

.toggleMenu {
    font: 400 16px/20px 'Nunito Sans', sans-serif;
}

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

.Wrapper {
    font: 300 14px/20px 'Nunito Sans', sans-serif;
}


/* Home Banner CSS */

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

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

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

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

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

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

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

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

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

/* Banner Content CSS */

.banner-content {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-30%);
    padding: 15px;
    text-align: center;
}

.banner-head {
    font: 900 46px/50px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    color: #2a6549;
    padding-bottom: 20px;
}

.banner-head span {
    font: 400 34px/40px 'Nunito Sans', sans-serif;
    display: block;
    color: #000;
}

.banner-more {
    font: 600 16px/20px 'Nunito Sans', sans-serif;
    border: 1px solid #000;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
}

.banner-more a {
    display: block;
    padding: 10px 20px;
}


/* Banner Tabs CSS */

.Banner-Tabs {
    bottom: 5px;
    right: 5px;
}

.Banner-Tabs li {
    display: inline-block;
    position: relative;
    background: #003263;
    width: 20px;
    height: 5px;
}

.Banner-Tabs li.Banner_here {
    background: #fff;
}


/* Banner Navigation CSS */

.Banner_nav.slidePrev {
    left: 5px;
}

.Banner_nav.slideNext {
    left: 55px;
}

.Banner_nav.slidePrev span {
    left: 0px;
}

.Banner_nav.slideNext span {
    right: 0px;
}

#Services-Container {
    background: url(/images/spec-bg.jpg) repeat left top;
}

#Services {
    min-height: 630px;
    background: url(/images/specialities-bg.jpg) no-repeat center top;
    padding-bottom: 20px;
}

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

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

.serHead {
    font: 800 40px/50px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    padding: 50px 0px;
    position: relative;
    text-align: center;
    color: #fff;
}

#Services ul {
    text-align: center;
}

.serList {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    background: #fff;
    border-radius: 30px;
    position: relative;
    padding: 0px 0px 50px 0px;
    /*min-width: 250px;*/
    min-height: 480px;
    margin: 5px;
}

.serList ul {
    padding: 10px 0px 10px 40px;
}

.serList img {
    margin: 0;
}

.serList p {
    width: 90%;
    margin: auto;
}

#Services .nbs-flexisel-nav-left,
#Services .nbs-flexisel-nav-right {
    color: #fff;
}

.serList li {
    text-align: left;
    padding: 2px 10px 2px 20px;
    font: 400 16px/24px 'Nunito Sans', sans-serif;
    background: url(/images/ser-li-bg.png) no-repeat left 10px;
}

.serSub {
    font: 400 24px/30px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    padding: 30px 0px 20px 0px;
}

.serList li:last-child .serSub {
    padding: 10px 0px;
}

.serMore {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
    border-radius: 30px 30px 0px 0px;
    width: 150px;
    border-top: 1px solid #d0a75a;
}

.serMore a {
    display: block;
    padding: 10px 20px;
}

#Abos {
    min-height: 250px;
    text-transform: uppercase;
    text-align: center;
    padding: 55px 0px 0px 0px;
}

#Abos a {
    display: block;
}

.abos {
    font: 400 20px/26px 'Nunito Sans', sans-serif;
    padding-top: 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.abos::after,
.abos::before {
    position: absolute;
    width: 100px;
    height: 0px;
    border-top: 1px solid #bfbfbf;
    top: 30%;
    content: '';
}

.abos::after {
    left: 105%;
}

.abos::before {
    right: 105%;
}

.abos span {
    display: block;
    font: 400 16px/20px 'Nunito Sans', sans-serif;
    color: #0d513c;
    padding-top: 5px;
}

#Doctor {
    min-height: 560px;
    background: url(/images/doctor-bg.jpg) no-repeat left top #dbe8f1;
}

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

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

.profMian {
    position: absolute;
    z-index: 1;
    left: 55%;
    bottom: 0px;
    width: 43%;
    min-width: 300px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font: 400 16px/30px 'Nunito Sans', sans-serif;
    padding: 20px 0px 40px 0px;
}

.profImg {
    position: absolute;
    z-index: 1;
    left: -110%;
    bottom: 0px;
}

.profTop {
    position: absolute;
    z-index: 1;
    right: -58%;
    top: 50%;
    transform: translateY(-50%);
}

.profMian h1 {
    font: 800 40px/46px 'Nunito Sans', sans-serif;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 35px;
}

.profMian h1 span {
    display: block;
}

.profMian h1 .bcos {
    color: #2a6549;
    font: 800 16px/20px 'Nunito Sans', sans-serif;
    letter-spacing: 2.5px;
}

.profMian h1 .skhsm {
    color: #333;
    font: 300 12px/20px 'Nunito Sans', sans-serif;
    letter-spacing: 2px;
}

.profMore {
    padding: 20px 0px;
}

.profMore li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    border-radius: 25px;
    text-transform: uppercase;
    font: 700 16px/20px 'Nunito Sans', sans-serif;
}

.profMore li a {
    display: block;
    padding: 10px 20px;
}

.pview {
    background: #2a6549;
    color: #fff;
}

.pappoint {
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
}

.pfvo li {
    display: inline-block;
    vertical-align: top;
    font: 700 18px/20px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

.pfvo li span {
    display: block;
    font: 400 14px/16px 'Nunito Sans', sans-serif;
}

.pfvo li:first-child {
    padding-right: 5px;
}

.pfvo li:last-child {
    padding-top: 20px;
}

#Arthroscopy-Container {
    background: url(/images/spec-bg.jpg) repeat left top;
}

#Arthroscopy {
    min-height: 600px;
    background: url(/images/arthroscopy-bg.jpg) no-repeat right top;
    padding-bottom: 90px;
}

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

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

.arthroMain {
    width: 45%;
    position: relative;
    font: 400 16px/20px 'Nunito Sans', sans-serif;
    color: #fff;
}

.arthImag {
    position: absolute;
    left: 90%;
    top: 55%;
    transform: translateY(-50%);
    width: 450px;
}

.arthroMain h2 {
    font: 900 50px/56px 'Nunito Sans', sans-serif;
    color: #c38932;
    text-transform: uppercase;
    padding: 70px 0px 30px 10px;
}

.arthroMain h2 span {
    font: 200 20px/26px 'Nunito Sans', sans-serif;
    color: #fff;
    display: block;
}

.arthroMain p,
.arthroMain ul {
    padding: 10px;
}

.arthSub {
    font: 700 16px/20px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    color: #d7993d;
}

.arthMore li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    border-radius: 25px;
    text-transform: uppercase;
    font: 400 14px/20px 'Nunito Sans', sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.arthMore li a {
    display: block;
    padding: 10px 20px;
}

.arthList li {
    display: inline-block;
    vertical-align: top;
    background: url(/images/arthro-li-bg.png) no-repeat 5px center;
    padding: 10px 5px 10px 30px;
}

#Review {
    min-height: 455px;
    text-align: center;
    font: 300 16px/30px 'Nunito Sans', sans-serif;
}

#Review::before,
#Review::after {
    position: absolute;
    z-index: -1;
    content: '';
    width: 160px;
    height: 125px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/images/testi-img.png) no-repeat left top;
}

#Review::before {
    left: 0px;
}

#Review::after {
    right: 0px;
    background-position: right top;
}

#Review h2 {
    font: 800 40px/50px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    padding-top: 100px;
    position: relative;
}

#Review h2 span {
    position: absolute;
    z-index: 10;
    background: url(/images/review-img.png) no-repeat center 30% #fff;
    width: 190px;
    height: 190px;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}

#Review h3 {
    font: 200 46px/50px 'Nunito Sans', sans-serif;
    color: #2c674b;
    text-transform: uppercase;
    padding: 20px 0px 10px 0px;
}

#Review p {
    width: 75%;
    margin: 0px auto;
    padding: 10px;
}

.revPost {
    font-weight: 600;
}

.revMore {
    font: 400 14px/20px 'Nunito Sans', sans-serif;
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
    border-radius: 20px;
}

.revMore a {
    display: block;
    padding: 10px 20px;
}

#Review .nbs-flexisel-nav-left,
#Review .nbs-flexisel-nav-right {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    width: 40px;
    position: absolute;
    top: auto;
    bottom: 20px;
    margin: 0px;
    transform: translateX(-50%);
}

#Review .nbs-flexisel-nav-left {
    left: calc(50% - 100px);
}

#Review .nbs-flexisel-nav-right {
    left: calc(50% + 100px);
}

#Review .nbs-flexisel-nav-left::before,
#Review .nbs-flexisel-nav-right::before {
    color: #333;
}

#Blog-Container {
    background: url(/images/spec-bg.jpg) repeat left top;
}

#Blog {
    min-height: 670px;
    text-align: center;
    font: 300 14px/20px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

#Blog h2 {
    font: 800 40px/50px 'Nunito Sans', sans-serif;
    padding-top: 50px;
    color: #fff;
}

.blogSub {
    font: 300 14px/20px 'Nunito Sans', sans-serif;
    padding: 30px 0px;
    color: #fff;
}

.blogSub a,
.blogSub strong {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}

.blogSub a:hover {
    color: #f5d670;
}

.blogList {
    text-align: center;
    font-size: 0px;
}

.blogList li .blogDiv {
    width: 95%;
    margin: 0px auto;
    border-radius: 25px;
    min-width: 250px;
    position: relative;
    font: 300 14px/20px 'Nunito Sans', sans-serif;
    background: #fff;
    padding: 0px 0px 20px 0px;
    min-height: 375px;
}

.blogList li img {
    margin: 0px;
}

.blogList h3 {
    font: 400 20px/26px 'Nunito Sans', sans-serif;
    padding: 50px 0px 0px 0px;
    width: 90%;
    margin: 0px auto;
    position: relative;
}

.blogList h3 span {
    display: block;
    font: 300 16px/20px 'Nunito Sans', sans-serif;
    color: #c38932;
    padding: 0px 0px 5px 0px;
}

.blogList h3::before {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: -30px;
    width: 60px;
    height: 60px;
    content: '';
    transform: translateX(-50%);
    background: url(/images/blog-li-bg.png) no-repeat center center;
}

.blogMore {
    font: 400 14px/20px 'Nunito Sans', sans-serif;
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    color: #3b9367;
}

.blogMore::after,
.blogMore::before {
    position: absolute;
    z-index: 9;
    transform: translateY(-50%);
    top: 50%;
    width: 6px;
    height: 6px;
    background: #a1d3ba;
    content: '';
}

.blogMore::before {
    left: 0px;
}

.blogMore::after {
    right: 0px;
}

.blogMore a {
    display: block;
    padding: 10px 0px;
}

.blogList .nbs-flexisel-nav-left,
.blogList .nbs-flexisel-nav-right {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    width: 40px;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin: 10px 0px;
}

.blogList .nbs-flexisel-nav-left {
    border-left: 1px solid #fff;
    border-radius: 20px 0px 0px 20px;
}

.blogList .nbs-flexisel-nav-right {
    border-right: 1px solid #fff;
    border-radius: 0px 20px 20px 0px;
}

.blogList .nbs-flexisel-nav-left::before,
.blogList .nbs-flexisel-nav-right::before {
    color: #fff;
}

.blogList .nbs-flexisel-nav-left::before {
    right: 5px;
    left: auto;
}

.blogList .nbs-flexisel-nav-right::before {
    left: 5px;
    right: auto;
}

.blogList .nbs-flexisel-nav-left::after,
.blogList .nbs-flexisel-nav-right::after {
    position: absolute;
    z-index: 0;
    width: 100px;
    height: 0px;
    border-top: 1px solid #fff;
    top: 50%;
    transform: translateY(-50%);
    content: '';
}

.blogList .nbs-flexisel-nav-left::after {
    left: -100px;
}

.blogList .nbs-flexisel-nav-right::after {
    right: -100px;
}

#Publications {
    min-height: 540px;
    text-align: center;
    font: 300 16px/20px 'Nunito Sans', sans-serif;
}

#Publications h2 {
    font: 800 40px/50px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    padding-top: 50px;
}

.pubSub {
    font: 700 16px/20px 'Nunito Sans', sans-serif;
    color: #145335;
    text-transform: uppercase;
    padding: 30px 0px;
}

.pubImg {
    text-align: center;
}

.pubImg li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.pubList {
    padding: 25px 0px;
    margin: 0px auto;
    width: 80%;
}

.pubList li {
    padding: 25px 0px;
}

.pubList li strong {
    font: 600 16px/20px 'Nunito Sans', sans-serif
}

.pubMore {
    font: 400 14px/20px 'Nunito Sans', sans-serif;
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
    display: inline-block;
    vertical-align: top;
    border-radius: 20px;
    text-transform: uppercase;
}

.pubMore a {
    display: block;
    padding: 10px 40px;
}


/* -- Education -- */

#Education-Container {
    background: #ebebeb;
}

#Education {
    text-align: center;
}

#Education h3 {
    font: 800 40px/50px 'Nunito Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 0px 20px 0px;
}

#Resources {
    min-height: 165px;
    font: 400 16px/20px 'Nunito Sans', sans-serif;
}

#Resources ul {
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    bottom: 50px;
}

#Resources li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.5);
    border-radius: 10px;
    height: 200px;
    margin: 5px;
    min-width: 150px;
    text-transform: uppercase;
}

#Resources li:hover {
    background: #2a6549;
    color: #fff;
}

#Resources li span {
    display: block;
    margin: 0px auto 30px auto;
    width: 40px;
    height: 40px;
    background: url(/images/pt-sprite-img.png) no-repeat left top;
}

#Resources li.ptpf span,
.dfw-whitemode #Resources li.ptpf:hover span,
.dfw-greymode #Resources li.ptpf:hover span {
    background-position: -4px -4px;
}

#Resources li.ptfvg span,
.dfw-whitemode #Resources li.ptfvg:hover span,
.dfw-greymode #Resources li.ptfvg:hover span {
    background-position: -4px -83px;
}

#Resources li.ptpo span,
.dfw-whitemode #Resources li.ptpo:hover span,
.dfw-greymode #Resources li.ptpo:hover span {
    background-position: -4px -163px;
}

#Resources li.ptua span,
.dfw-whitemode #Resources li.ptua:hover span,
.dfw-greymode #Resources li.ptua:hover span {
    background-position: -4px -245px;
}

#Resources li.ptpf:hover span,
.dfw-blackmode #Resources li.ptpf span {
    background-position: -84px -4px;
}

#Resources li.ptfvg:hover span,
.dfw-blackmode #Resources li.ptfvg span {
    background-position: -84px -83px;
}

#Resources li.ptpo:hover span,
.dfw-blackmode #Resources li.ptpo span {
    background-position: -84px -163px;
}

#Resources li.ptua:hover span,
.dfw-blackmode #Resources li.ptua span {
    background-position: -84px -245px;
}

#Resources li a {
    display: block;
    padding: 60px 0px;
}


/* Subpage Banner CSS */

#Banner-Container-S {
    background: #d6e8eb;
}

#Banner-Container-S #Banner {
    text-align: center;
    padding: 60px 0px 40px 0px;
    min-height: 200px;
    text-transform: uppercase;
}

#Banner-Container-S #Banner h1 {
    color: #2a6549;
    font: 900 40px/50px 'Nunito Sans', sans-serif;
}


/* Navigation CSS */

.navigation {
    font: 400 16px/30px 'Nunito Sans', sans-serif;
    padding: 10px;
}

.navigation span {
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px;
    line-height: 28px;
}


/* Text CSS */

.textMain {
    padding: 10px 10px 50px 10px;
    font: 400 16px/24px 'Nunito Sans', sans-serif;
    color: #272727;
}

.textMain a {
    color: #cb8213;
}

.textMain a:hover {
    color: #c38932;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 900 30px/40px 'Nunito Sans', sans-serif;
    color: #333;
}

.textMain h2 span {
    font: 600 16px/20px 'Nunito Sans', sans-serif;
    color: #000000;
}

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

.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 800 20px/30px 'Nunito Sans', sans-serif;
    color: #2a6549;
}

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

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 700 18px/22px 'Nunito Sans', sans-serif;
    color: #c38932;
}

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


/* Sidebar CSS */

#Sidebar {
    width: 320px;
    padding: 70px 0px 50px 0px;
}

.meetDr {
    padding-top: 50px;
    height: 460px;
    text-align: center;
    background: url(/images/vishal-s-img.jpg) no-repeat center top;
    position: relative;
    text-transform: uppercase;
}

.meetHead {
    font: 800 24px/30px 'Nunito Sans', sans-serif;
    color: #333;
}

.meetHead span {
    display: block;
    font: 300 13px/20px 'Nunito Sans', sans-serif;
    color: #2a6549;
}

.meetMore {
    font: 800 16px/20px 'Nunito Sans', sans-serif;
    background: #2a6549;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
}

.meetMore a {
    display: block;
    padding: 10px 20px;
}

.ptResource {
    margin-top: 80px;
    background: #ebebeb;
    text-transform: uppercase;
    padding: 40px 0px;
}

.ptHead {
    font: 800 24px/30px 'Nunito Sans', sans-serif;
    text-align: center;
    width: 90%;
    margin: 0px auto;
    padding-bottom: 40px;
}

.ptHead img {
    margin-top: 30px;
}

.ptResource ul {
    padding: 0px 20px;
}

.ptResource li {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    margin: 15px 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.5);
}

.ptResource li:hover {
    background: #2a6549;
    color: #fff;
}

.ptResource li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    background: url(/images/pt-sprite-img.png) no-repeat left top;
}

.ptResource li.pt-pf span,
.dfw-whitemode .ptResource li.pt-pf:hover span,
.dfw-greymode .ptResource li.pt-pf:hover span {
    background-position: -4px -4px;
}

.ptResource li.pt-fvg span,
.dfw-whitemode .ptResource li.pt-fvg:hover span,
.dfw-greymode .ptResource li.pt-fvg:hover span {
    background-position: -4px -83px;
}

.ptResource li.pt-po span,
.dfw-whitemode .ptResource li.pt-po:hover span,
.dfw-greymode .ptResource li.pt-po:hover span {
    background-position: -4px -163px;
}

.ptResource li.pt-ua span,
.dfw-whitemode .ptResource li.pt-ua:hover span,
.dfw-greymode .ptResource li.pt-ua:hover span {
    background-position: -4px -245px;
}

.ptResource li.pt-pf:hover span,
.dfw-blackmode .ptResource li.pt-pf span {
    background-position: -84px -4px;
}

.ptResource li.pt-fvg:hover span,
.dfw-blackmode .ptResource li.pt-fvg span {
    background-position: -84px -83px;
}

.ptResource li.pt-po:hover span,
.dfw-blackmode .ptResource li.pt-po span {
    background-position: -84px -163px;
}

.ptResource li.pt-ua:hover span,
.dfw-blackmode .ptResource li.pt-ua span {
    background-position: -84px -245px;
}

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

#Map-Container #Map {
    min-height: 370px;
}

.add-mar {
    margin: 10px auto 0px;
}

.add {
    display: inline-block;
    vertical-align: top;
    min-width: 200px;
    margin: 5px 1%;
    position: relative;
}

.add:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -8%;
}

.add-mar .add:last-child:before {
    display: none;
}

.mapMain {
    background: #c38932;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0;
    /* transform: translateX(-50%); */
    min-width: 300px;
    width: 660px;
    text-align: center;
    padding: 25px 5px 5px 5px;
    border-radius: 20px 20px 0px 0px;
    font: 300 16px/20px 'Nunito Sans', sans-serif;
    right: 0;
    margin: auto;
}

.mapHead {
    font: 900 20px/26px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

.mapCall {
    font: 300 30px/40px 'Nunito Sans', sans-serif;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 1%;
}

.mapAppoint {
    background: #fada75;
    border-radius: 30px;
    font: 900 20px/26px 'Nunito Sans', sans-serif;
    background: linear-gradient(to right, #dcb44d, #f3d26c, #f9da74, #f8d872, #f9da74, #f3d26c, #c5962c);
    border: 1px solid #feefc0;
    border-bottom: 1px solid #d0a75a;
    color: #000;
    display: inline-block;
    vertical-align: top;
    margin: 10px 1%;
}

.mapAppoint a {
    display: block;
    padding: 10px 30px;
}


/* Footer CSS */

footer {
    background: #2a6549;
    color: #fff;
}

#Credibility {
    text-align: center;
    padding: 30px 0px;
}

#Credibility li {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #55846d;
}

.copyrights {
    text-align: center;
    font: 300 14px/20px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

.copyrights p {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.copyrights p a {
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
}

.copyrights h2 {
    font: 300 16px/20px 'Nunito Sans', sans-serif;
    text-transform: none;
    padding: 15px 0px;
}

.social-logo {
    text-align: center;
}

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

.social-logo li {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 35px;
    font-size: 20px;
    border-radius: 5px;
    background: #fff;
    line-height: 32px;
    color: #000;
    margin: 0px 2px;
}

.social-logo li a {
    width: 100%;
    height: 100%;
    display: block;
}

.ypo-logo {
    text-align: center;
    padding: 20px 0px;
}


/* Contact Page */

.contactTable {
    border-spacing: 5px;
    border: 2px solid #ccc;
    margin: 20px 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: 315px;
    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;
}


/* Submit Testimonials */

.textMain .write-review {
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    float: right;
    position: relative;
    border: 2px solid #ccc;
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
}

.textMain .write-review a::before {
    margin-right: 15px;
}


/* Usefull Links Page */

.textMain .useFul {
    margin: 15px 0px;
    padding: 0px;
}

.textMain .useFul ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    text-align: center;
}

.textMain .useFul li {
    margin: 1%;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    min-width: 290px;
    font: 400 16px/20px Verdana, Arial, Helvetica, sans-serif;
    background: none;
    border: 2px solid #ccc;
}

.textMain .useFul li span {
    display: block;
    padding: 15px 0px;
    background: #ccc;
    margin: 0px 0px 15px 0px;
    color: #fff;
}

.textMain .useFul li img {
    margin: 10px 0px;
}

.textMain .useFul li a {
    display: block;
    padding: 5px;
    text-decoration: none;
}


/* Relative List */

.textMain .relList li {
    border: 2px solid #ccc;
}

.textMain .relList li a {
    padding: 5px 15px;
}


/* Responsive Tabs */

.responsiveTabs {
    background: none;
    text-transform: none;
}

.textMain .resp-tabs-list {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    background: #d6e8eb;
    border: 1px solid #2a6549;
}

.textMain .resp-tabs-list li {
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-transform: uppercase;
}

.textMain .resp-tabs-list li a {
    text-decoration: none;
    padding: 10px 19px;
    display: block;
}

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

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

.textMain h2.resp-accordion {
    cursor: pointer;
    display: none;
    border: 1px solid #2a6549;
    background: none;
    margin: 0px;
    padding: 10px 15px;
    background: #003668;
    font: 700 20px/26px 'Nunito Sans', sans-serif;
}

.textMain h2.resp-tab-active {
    background: #2a6549;
}

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

.textMain .resp-tabs-container h2.resp-tab-active,
.textMain .resp-tabs-list li.resp-tab-active {
    border-bottom: 0px;
}

.textMain .resp-tabs-container .resp-tab-content-active,
.textMain .resp-tabs-container .resp-accordion-active {
    display: block;
}

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

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

.topicPage {
    margin: 10px auto;
}

.topicMain {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-bottom: 1px dotted #b9bbbd;
    margin-top: 10px;
}

.resp-tab-content .topicMain:last-child {
    border-bottom: 0px;
}

.topicImg,
.topicContent {
    display: table-cell;
    vertical-align: top;
}

.topicImg {
    width: 260px;
}

.topicImg img {
    padding: 2px;
    border: 1px solid #b9bbbd;
}

.topicContent {
    padding: 5px 10px 10px 10px;
}

.textMain ul.mediaList {
    text-align: right;
}

.textMain .resp-tabs-list li.resp-tab-active::before {
    position: absolute;
    z-index: 9;
    top: -3px;
    content: '';
    width: 100%;
    height: 0;
    border-top: 3px solid #2a6549;
}

.textMain .resp-tabs-list li.resp-tab-active::after {
    position: absolute;
    z-index: 9;
    bottom: -1.5px;
    content: '';
    width: 100%;
    height: 0;
    border-top: 3px solid #fff;
}

.textMain .resp-tabs-list li {
    background: #2a6549;
    font: 400 18px/24px 'Muli', sans-serif;
}

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

.textMain .resp-tabs-list li a {
    color: #fff;
}

.textMain .resp-tabs-list li.resp-tab-active a {
    color: #003668;
}

.profile .accordTitle {
    background: #d5e2ed;
    border: 0px;
    color: #333;
    border-radius: 5px;
    padding-right: 55px;
}

.profile .textMain .accordTitle a {
    color: #333;
}

.profile .accordTitle.showAccord {
    background: #2a6549;
}

.profile .textMain .accordTitle.showAccord a {
    color: #fff;
}

.profile .accordTitle a {
    padding: 10px;
}

.profile .accordContent {
    border: 0px;
}

.profile .accordTitle::after {
    width: 50px;
    height: 100%;
    background: #194b33;
    border-radius: 5px;
    right: 0px;
    text-align: center;
    line-height: 54px;
    color: #fff;
}

.textMain .profTitle {
    font: 900 46px/50px 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

.textMain .profTitle span {
    display: block;
}

.textMain .profBoard {
    font: 700 24px/30px 'Nunito Sans', sans-serif;
}

.profSer {
    font: 600 20px/26px 'Nunito Sans', sans-serif;
    letter-spacing: 2px;
}

.profile #Content {
    background: url(/images/prof-bg.png) no-repeat left top;
}

.profile #Content .theme-L {
    background: url(/images/prof-l-bg.png) no-repeat right top;
}

.profile .img-l {
    margin: 75px 15px 10px 0px;
}

.serviceMain {
    font-size: 0px;
}

.serviceMain .serviceSub:nth-child(odd) {
    padding: 20px 25px 20px 10px;
}

.serviceMain .serviceSub:nth-child(even) {
    padding: 20px 10px 20px 25px;
}

.serviceSub {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    column-count: 2;
    position: relative;
    min-width: 380px;
}

.serImg {
    display: inline-block;
    vertical-align: middle;
}

.serLinks {
    vertical-align: middle;
    display: inline-block;
}

.serLinks p {
    padding: 5px 5px 5px 30px;
    font: 400 16px/20px 'Nunito Sans', sans-serif;
    background: url(/images/ser-li-bg.png) no-repeat 5px 12px;
}

.spe-rm {
    text-align: right;
}

.textMain .spe-rm a {
    display: inline-block;
    margin: 10px 30px 10px auto;
    background: #2a6549;
    padding: 5px 15px;
    font: 400 16px/24px 'Nunito Sans', sans-serif;
    color: #fff;
}

.textMain .serviceSub ul {
    margin: 0px;
    padding: 0px;
}

.textMain .serviceSub li {
    margin: 0px;
    padding: 5px 5px 5px 30px;
    font: 400 16px/20px 'Nunito Sans', sans-serif;
    background: url(/images/ser-li-bg.png) no-repeat 5px 12px;
}

.ser-shoulder,
.ser-general,
.serviceSub .theme-L,
.serviceSub .theme-R {
    background: #f2f2f2;
}

.ser-shoulder {
    border-radius: 0px 10px 0px 0px;
}

.post-image,
.post-featured-image {
    display: none;
}

.textMain .testimonial-list {
    margin: 0px;
    padding: 0px;
    column-count: 2;
}

.textMain .testimonial-list li {
    margin: 10px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    background: #d6e8eb;
    border-radius: 10px;
    position: relative;
    width: 100%;
}

.textMain .testimonial-list li::before {
    position: absolute;
    content: '\f10d';
    z-index: 1;
    font: normal 20px/24px 'fontello';
    color: 00203c;
    left: 0px;
    top: -10px;
}

.ins-lst li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.vlog-video {
    margin: 15px auto;
    text-align: center;
}

.vlog-video .vlog-cell {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 20px auto;
}

.vid-hd {
    font: 800 20px/24px 'Nunito Sans', sans-serif;
    color: #2a6549;
}

.tel-vid {
    margin: 20px 0px;
    text-align: center;
}

.tel-vid .vid-hd {
    margin: 30px 0px 0px 0px;
}


/* ----- Accessible ----- */

.accessible_on.home header,
.accessible_on header,
.accessible_on .book-appoint,
.accessible_on .telht-btn,
.accessible_on #Services-Container,
.accessible_on #Services,
.accessible_on .serList,
.accessible_on .serMore,
.accessible_on #Doctor,
.accessible_on .pview,
.accessible_on .pappoint,
.accessible_on #Arthroscopy-Container,
.accessible_on #Arthroscopy,
.accessible_on .revMore,
.accessible_on #Blog-Container,
.accessible_on .blogList li .blogDiv,
.accessible_on .pubMore,
.accessible_on #Education-Container,
.accessible_on footer,
.accessible_on #Resources li,
.accessible_on #Resources li:hover,
.accessible_on .social-logo li,
.accessible_on .ser-shoulder,
.accessible_on .ser-general,
.accessible_on #Banner-Container-S,
.accessible_on .spe-rm a,
.accessible_on .meetMore,
.accessible_on .ptResource,
.accessible_on .ptResource li, .accessible_on.profile .accordTitle, .accessible_on .textMain .resp-tabs-list, .accessible_on .textMain .resp-tabs-list li {
    background: none;
}

.accessible_on .abos span,
.accessible_on .profMian h1,
.accessible_on .profMian h1 .bcos,
.accessible_on .profMian h1 .skhsm,
.accessible_on .arthroMain,
.accessible_on .arthSub,
.accessible_on #Review h3,
.accessible_on .blogList h3 span,
.accessible_on footer,
.accessible_on #Resources li:hover,
.accessible_on .pubSub,
.accessible_on .social-logo li,
.accessible_on #Banner-Container-S #Banner h1,
.accessible_on .arthroMain h2 span,
.accessible_on .blogSub,
.accessible_on .meetHead span {
    color: inherit;
}

.accessible_on.home header,
.accessible_on #Resources ul {
    position: relative;
}

.dfw-whitemode .book-appoint,
.dfw-whitemode .serList,
.dfw-whitemode .serMore,
.dfw-whitemode .profMore li,
.dfw-whitemode .arthMore li,
.dfw-whitemode .revMore,
.dfw-whitemode .blogList li .blogDiv,
.dfw-whitemode .pubMore,
.dfw-whitemode #Resources li,
.dfw-whitemode .telht-btn,
.dfw-whitemode .serviceMain .serviceSub,
.dfw-whitemode .spe-rm a,
.dfw-whitemode .meetMore {
    border: 1px solid #000;
}

.dfw-blackmode .book-appoint,
.dfw-blackmode .serList,
.dfw-blackmode .serMore,
.dfw-blackmode .profMore li,
.dfw-blackmode .arthMore li,
.dfw-blackmode .revMore,
.dfw-blackmode .blogList li .blogDiv,
.dfw-blackmode .pubMore,
.dfw-blackmode #Resources li,
.dfw-blackmode .telht-btn,
.dfw-blackmode .serviceMain .serviceSub,
.dfw-blackmode .spe-rm a,
.dfw-blackmode .meetMore {
    border: 1px solid #fff;
}

.dfw-greymode .book-appoint,
.dfw-greymode .serList,
.dfw-greymode .serMore,
.dfw-greymode .profMore li,
.dfw-greymode .arthMore li,
.dfw-greymode .revMore,
.dfw-greymode .blogList li .blogDiv,
.dfw-greymode .pubMore,
.dfw-greymode #Resources li,
.dfw-greymode .telht-btn,
.dfw-greymode .serviceMain .serviceSub,
.dfw-greymode .spe-rm a,
.dfw-greymode .meetMore {
    border: 1px solid #333;
}

.dfw-whitemode header,
.dfw-whitemode #Services-Container,
.dfw-whitemode #Abos,
.dfw-whitemode #Doctor,
.dfw-whitemode #Arthroscopy-Container,
.dfw-whitemode #Review,
.dfw-whitemode #Blog-Container,
.dfw-whitemode #Publications,
.dfw-whitemode #Education-Container,
.dfw-whitemode section,
.dfw-whitemode #Banner-Container-S, .dfw-whitemode #Content-Container {
    border-bottom: 1px solid #000;
}

.dfw-blackmode header,
.dfw-blackmode #Services-Container,
.dfw-blackmode #Abos,
.dfw-blackmode #Doctor,
.dfw-blackmode #Arthroscopy-Container,
.dfw-blackmode #Review,
.dfw-blackmode #Blog-Container,
.dfw-blackmode #Publications,
.dfw-blackmode #Education-Container,
.dfw-blackmode section,
.dfw-blackmode #Banner-Container-S, .dfw-blackmode #Content-Container {
    border-bottom: 1px solid #fff;
}

.dfw-greymode header,
.dfw-greymode #Services-Container,
.dfw-greymode #Abos,
.dfw-greymode #Doctor,
.dfw-greymode #Arthroscopy-Container,
.dfw-greymode #Review,
.dfw-greymode #Blog-Container,
.dfw-greymode #Publications,
.dfw-greymode #Education-Container,
.dfw-greymode section,
.dfw-greymode #Banner-Container-S, .dfw-greymode #Content-Container {
    border-bottom: 1px solid #333;
}
.dfw-whitemode .textMain .resp-tabs-list li {
    border-left: 1px solid #000;
}
.dfw-blackmode .textMain .resp-tabs-list li {
    border-left: 1px solid #fff;
}
.dfw-greymode .textMain .resp-tabs-list li {
    border-left: 1px solid #333;
}
.accessible_on #Resources ul {
    bottom: auto;
    z-index: 0;
}

.dfw-blackmode #Review h2 span,
.dfw-blackmode .meetMore {
    background-color: #000;
}

.dfw-whitemode .meetMore {
    background-color: #fff;
}

.dfw-greymode .meetMore {
    background-color: #ccc;
}

.dfw-blackmode .call-appoint span {
    background-position: center bottom;
}

.accessible_on #Services li,
.blogList li, .accessible_on .contactTable  {
    display: inline-block;
    vertical-align: top;
}
.accessible_on .contactTable  {
    width: 32.5%;
    min-width: 300px;
}
.accessible_on #Menu-Container .dfw-skip {
    top: -10px;
}

.accessible_on .textMain {
    padding-top: 20px;
}
.accessible_on.profile .accordTitle::after, .accessible_on .contact-map {
    display: none;
}
@media screen and (max-width: 1050px) {
    .profMian {
        left: 60%;
    }
    .profImg {
        left: -120%;
    }
    .profTop {
        width: 200px;
        right: -45%;
    }
    nav {
        position: absolute;
        left: 0;
    }
    .appoint {
        padding: 10px 0px;
    }
    #Header {
        min-height: 158px;
    }
    .appoint .call-appoint {
        width: 100%;
        padding-right: 4%;
        text-align: right;
    }
    .appoint li {
        margin: 5px;
    }
}

@media screen and (max-width: 960px) {
    #Header .table-cell {
        display: block;
        width: 100%;
        text-align: center;
    }
    .logo {
        padding: 10px 0px;
    }
    .appoint {
        text-align: center;
    }
    .appoint .call-appoint {
        width: auto;
        padding: 0;
    }
    nav {
        position: relative;
        left: auto;
    }
    #Resources li {
        margin: 0px;
    }
    .profMian {
        bottom: auto;
        left: auto;
        right: 0px;
        transform: none;
        width: 55%;
    }
    .profTop {
        position: relative;
        top: auto;
        transform: none;
        right: auto;
        padding: 10px;
    }
    .profImg {
        bottom: auto;
        top: 20px;
        margin-bottom: 20px;
    }
    #Doctor {
        min-height: 720px;
    }
    .profMore,
    .pfvo {
        text-align: center;
    }
    .profTop {
        margin: 10px auto;
    }
    .arthroMain {
        width: 50%;
    }
    .arthroMain h2 {
        padding: 20px 0px 10px 10px;
    }
    .arthroMain p,
    .arthroMain ul {
        padding: 5px 10px;
    }
    .textMain .resp-tabs-list li {
        font: 400 16px/24px 'Muli', sans-serif;
    }
    .textMain .resp-tabs-list li a {
        padding: 10px;
    }
}

@media screen and (max-width: 780px) {
    .profMian {
        position: relative;
        width: 95%;
        right: auto;
        margin: 0px auto;
    }
    .profImg {
        position: relative;
        top: auto;
        left: auto;
        text-align: center;
        height: 420px;
    }
    .profImg img {
        width: 395px;
        height: auto;
    }
    .arthImag {
        display: none;
    }
    .arthroMain {
        width: 90%;
    }
    .revMore {
        bottom: auto;
        left: auto;
        transform: none;
        display: inline-block;
    }
    .serviceSub {
        width: 100%;
    }
    .ser-knee {
        background: #f2f2f2;
    }
    .ser-general {
        background: none;
    }
    .textMain .resp-tabs-list li {
        font: 400 14px/24px 'Muli', sans-serif;
    }
    .textMain .resp-tabs-list li a {
        padding: 10px 5px;
    }
    .profile .img-l {
        margin: 15px auto;
        float: none;
        display: block;
    }
    .profile #Content {
        background: none;
    }
    #Content,
    #Sidebar {
        display: block;
    }
    #Sidebar {
        margin: 0px auto;
    }
    .vlog-video {
        margin: 0px auto;
    }
    .vlog-video .vlog-cell {
        display: block;
        width: 100%;
        margin: 10px auto 30px;
    }
    .mapMain {
        width: 620px;
    }
    .add {
        min-width: 180px;
    }
}

@media screen and (max-width: 640px) {
    /* Menu CSS */
    #Main-Menu {
        display: none;
    }
    #Mobile-Menu {
        display: block;
    }
    .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%;
    }
    #Banner-Container {
        display: none;
    }
    .home header {
        position: relative;
        background: #e2eff1;
    }
    .serHead {
        padding: 10px 0px;
    }
    #Services,
    #Blog,
    #Publications,
    #Review {
        padding-bottom: 15px;
    }
    #Blog h2,
    #Publications h2 {
        padding-top: 20px;
    }
    .pubSub {
        padding: 15px 0px;
    }
    .pubList {
        padding: 0px;
    }
    #Publications {
        min-height: inherit;
    }
    #Resources {
        padding: 20px 0px;
    }
    #Resources ul {
        position: relative;
        bottom: auto;
    }
    .img-l,
    .img-r {
        float: none
    }
    .textMain .testimonial-list {
        column-count: 1;
    }
    .textMain .testimonial-list li {
        width: 95%;
    }
    .textMain .resp-tabs-list {
        display: none;
    }
    .textMain h2.resp-accordion {
        display: block;
    }
    .topicImg {
        display: none;
    }
    .Wrapper {
        background: #e2eff1;
        text-align: left;
    }
    .parentMenu li {
        background: #2a6549;
        color: #fff;
    }
    .parentMenu li:hover {
        background: #e2eff1;
        color: #333;
    }
    .appoint .call-appoint {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .appoint {
        padding: 0px 0px 5px;
    }
    .ins-lst li {
        display: block;
        width: auto;
    }
    .mapAppoint {
        margin: 5px;
        font: 900 19px/26px 'Nunito Sans', sans-serif;
        vertical-align: middle;
    }
    .mapCall.mapCall {
        margin: 5px;
        font: 300 27px/40px 'Nunito Sans', sans-serif;
        vertical-align: middle;
    }
    .add-mar {
        padding: 0px 0px 10px;
        border-bottom: 1px solid #e0b371;
        margin: 0;
    }
    .mapMain {
        width: 90%;
    }
    .add::before {
        background: #e0b371;
        right: -12%;
    }
    .add {
        min-width: auto;
        margin: 5px 3%;
    }
    #Map-Container #Map {
        padding-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .logo a {
        display: block;
        padding: 5px !important;
    }
    .logo a:last-child {
        border-left: 0px;
    }
    .logo a.fvo {
        display: none;
    }
    .call-appoint {
        font: 400 20px/26px 'Nunito Sans', sans-serif;
        padding-bottom: 10px;
    }
    #Doctor {
        background-image: none;
    }
    .profImg img {
        width: auto;
        height: auto;
    }
    .serImg {
        display: none;
    }
    .serviceSub {
        column-count: 1;
    }
    .appoint li {
        margin: 5px 1px;
    }
    .book-appoint {
        font: 400 14px/20px 'Nunito Sans', sans-serif;
    }
    .telht-btn a {
        padding: 9px 12px;
        font-size: 13px;
    }
    .book-appoint a {
        padding: 8px 12px
    }
    .serLinks p {
        width: 275px;
    }
    .mapMain {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .add::before {
        display: none;
    }
}