/* ---------- Theme CSS ---------- */
#Map-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Videos,
#Specialties,
#Doctor,
#Videos,
#Map,
#Technology,
#Testimonials,
#Publications {
    max-width: 1170px;
    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 {
    background: #003e74;
    color: #fff;
}


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


/* Scroller CSS */

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


/* Header CSS */

.stickyHeader #Header {
    min-height: 145px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.stickyHeader.stickyAnimate #Header {
    min-height: inherit;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.logo {
    padding: 30px 0px;
    width: 520px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.stickyHeader.stickyAnimate .logo {
    padding: 10px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

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

.logo a:first-child {
    padding-right: 10px;
    /*border-right: 1px solid #a1b7cc;*/
}

.logo a:last-child {
    padding-left: 10px;
}

.appoint {
    vertical-align: middle;
}

.appoint ul {
    text-align: right;
}

.appoint li {
    display: inline-block;
    vertical-align: top;
}

.appoint li a {
    display: block;
    padding: 5px 10px;
}

.appoint li span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 26px;
    margin-right: 10px;
}

.call-appoint {
    font: 600 20px/26px 'Fira Sans', sans-serif;
    color: #000;
}

.call-appoint span {
    background: url(/images/call-appoint-img.png) no-repeat center center;
}

.book-appoint {
    font: 400 16px/26px 'Roboto', sans-serif;
    text-transform: uppercase;
    background: #003e74;
    color: #fff;
}

.book-appoint span {
    background: url(/images/book-appoint-img.png) no-repeat center center;
}

.stickyHeader.stickyAnimate {
    background: rgba(255, 255, 255, 0.9);
}


/* Menu CSS */

#Menu-Container {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #bfcad3;
}

.menu {
    text-align: center;
}

.menu li {
    font: 500 16px/20px 'Roboto', sans-serif;
    height: 40px;
    text-transform: uppercase;
}

.menu li a {
    color: #242424;
}

.menu li a:hover {
    color: #000;
}

.menu li span {
    padding: 10px 0px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.menu li span::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 0px;
    left: 50%;
    bottom: 0px;
    background: #003e74;
    height: 6px;
    transition: all 0.3s ease-in-out;
}

.menu li:hover span::before,
.menu li:focus span::before,
.menu li:active span::before {
    left: 0px;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.menu ul li {
    font: 400 16px/20px 'Roboto', sans-serif;
    background: rgba(255, 192, 0, 0.9);
    border-bottom: 1px solid #000;
    text-transform: none;
}

.menu ul li a {
    background: url(/images/menu-li-bg.png) no-repeat 10px 17px;
    padding: 10px 10px 10px 30px;
}

.menu ul li:hover {
    background: rgba(36, 105, 175, 0.9);
}

.menu ul li a {
    color: #00203c;
}

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

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

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

.toggleMenu {
    font: 500 20px/30px 'Fira Sans', sans-serif;
    text-transform: uppercase;
}

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

.Wrapper {
    font: normal 14px/20px 'Fira Sans', sans-serif;
    background: #003668;
    color: #fff;
}

.Wrapper li:hover {
    background: #00203C;
}

.menu-about {
    width: 24%;
}

.menu-services {
    width: 16%;
}

.menu-patient {
    width: 20%;
}

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

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

.menu-media {
    width: 12%;
}

.menu-media ul {
    width: 160px;
}

.menu-contact {
    width: 16%;
}

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


/* Home Banner CSS */

.stickyAnimate+#Banner-Container,
.stickyAnimate+#Banner-Container-S {
    margin: 0px auto;
}

#Banner-Container-S #Banner {
    margin-top: 188px;
}

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

#Banner-Container .banner1 {
    background: url(/images/banner1-bg.jpg) no-repeat left 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 left 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 left 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;
}


/* Subpage Banner CSS */

#Banner-Container-S {
    background: #003e74;
}

#Banner-Container-S #Banner {
    padding: 25px 5px;
    color: #fff;
    font: 400 16px/20px 'Roboto', sans-serif;
}

#Banner-Container-S #Banner a:first-child {
    color: #ffc000;
}


/* Banner Content CSS */

.banner-content {
    position: absolute;
    font: 700 40px/50px 'Roboto', sans-serif;
    right: 0px;
    top: 60%;
    transform: translateY(-50%);
    padding: 15px;
    width: 40%;
}

.banner-content span {
    font: 400 26px/30px 'Roboto', sans-serif;
    display: block;
}

.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;
}

#Specialties {
    min-height: 510px;
    background: url(../images/spec-bg.jpg) no-repeat right top;
}

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

#Specialties .specImg {
    position: absolute;
    z-index: 9;
    right: -80px;
    top: 40px;
}

.specHead {
    color: #00203c;
    text-transform: uppercase;
    font: 700 40px/50px 'Fira Sans', sans-serif;
    padding: 60px 0px 25px 5px;
}

#Specialties .table-div {
    width: 75%;
}

#Specialties .table-cell {
    padding: 40px 25px 80px 50px;
    font: 400 16px/20px 'Fira Sans', sans-serif;
    color: #fff;
    position: relative;
    min-height: 330px;
}

#Specialties .table-cell li a:hover {
    color: #ffc000;
}

#Specialties .table-cell:first-child {
    background: #00203c;
}

#Specialties .table-cell:last-child {
    background: #003668;
}

.specSub {
    font: 500 30px/40px 'Fira Sans', sans-serif;
}

#Specialties .table-cell li {
    padding: 10px 0px;
}

#Specialties .table-cell:first-child li {
    border-bottom: 1px solid #1a3750;
}

#Specialties .table-cell:last-child li {
    border-bottom: 1px solid #1a4a77;
}

.specMore {
    font: 400 16px/20px 'Roboto', sans-serif;
    position: absolute;
    z-index: 1;
    left: 50px;
    bottom: 20px;
    border: 1px solid #ffc000;
    color: #ffc000;
    text-transform: uppercase;
}

.specMore:hover {
    background: #ffc000;
    color: #000;
}

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

#Doctor {
    background: url(/images/dr-bg.jpg) no-repeat left top #003668;
    min-height: 594px;
}

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

#Doctor .theme-R {
    background: #003668;
}

.drMain {
    width: 55%;
    position: absolute;
    z-index: 1;
    right: 0px;
    padding: 20px;
    bottom: 0px;
}

.drHead {
    padding: 0px 0px 20px 0px;
    text-transform: uppercase;
}

.drHead ul {
    font-size: 0px;
}

.drHead li {
    display: inline-block;
    vertical-align: top;
    font: 600 54px/58px 'Fira Sans', sans-serif;
    color: #ffc000;
}

.drHead li:first-child {
    padding: 0px 20px 0px 0px;
}

.drHead li:last-child {
    padding: 0px 0px 0px 20px;
    margin: 50px 0px 0px 0px;
    border-left: 1px solid #2071bd;
}

.drHead span {
    display: block;
    color: #fff;
}

.drHead span.drAbout {
    font: 300 28px/32px 'Roboto', sans-serif;
    text-transform: none;
}

.drHead span.drBoard {
    font: 400 18px/24px 'Fira Sans', sans-serif;
}

.drHead span.drSpec {
    font: 400 14px/20px 'Fira Sans', sans-serif;
    letter-spacing: 7px;
    color: #7ed6ff;
}

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

.drMain {
    font: 300 16px/24px 'Roboto', sans-serif;
    color: #fff;
}

.drMain .drMore {
    padding: 50px 0px 20px 0px;
}

.drMain .drMore li {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #000;
    font: 500 14px/20px 'Fira Sans', sans-serif;
    text-transform: uppercase;
    margin: 2px 0px;
}

.drMain .drMore li:hover {
    background: #ffc000;
}

.drMain .drMore li.book {
    background: #ffc000;
}

.drMain .drMore li.book:hover {
    background: #fff;
}

.drMain .drMore li span {
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/charters-li-img.png) no-repeat center top;
    margin: 0px 5px 0px 0px;
}

.drMain .drMore li a {
    display: block;
    padding: 5px 10px 5px 10px;
}

.drMain .drMore li.book span {
    background-position: center 0px;
}

.drMain .drMore li.awards span {
    background-position: center -40px;
}

.drMain .drMore li.research span {
    background-position: center -83px;
}

.drMain .drMore li.profile span {
    background-position: center -125px;
}

#Technology {
    min-height: 625px;
    background: #eaeaea;
}

#Technology .theme-L,
#Technology .theme-R {
    background: #eaeaea;
}

#Technology h2 {
    font: 600 40px/50px 'Fira Sans', sans-serif;
    color: #00203c;
    position: relative;
    padding: 90px 0px 20px 5px;
    text-transform: uppercase;
}

#Technology h2::before {
    content: '';
    width: 100px;
    height: 0px;
    border: 3px solid #ffc000;
    position: absolute;
    left: 5px;
    bottom: 0px;
}

.rjr h3 {
    font: 500 28px/32px 'Roboto', sans-serif;
    color: #014269;
    padding-bottom: 30px;
}

#Technology .table-div {
    padding: 30px 0px 0px 0px;
}

.rjr {
    font: 400 16px/24px 'Roboto', sans-serif;
    width: 40%;
    padding: 0px 20px 140px 5px;
    position: relative;
}

.techMore {
    background: #003a63;
    color: #fff;
    font: 400 16px/20px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0px 0px 0px;
}

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

.benefits {
    background: #4a4a4a;
    color: #fff;
    padding: 50px 0px 30px 0px;
    width: 30%;
}

.benefits h4 {
    font: 600 28px/32px 'Roboto', sans-serif;
    color: #ffc000;
    padding: 0px 0px 0px 40px;
    border-left: 6px solid #fff;
}

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

.benefits li {
    padding: 15px 10px 15px 20px;
    background: url(../images/benefit-li-bg.png) no-repeat left 18px;
}

.robotic {
    width: 30%;
}

#Technology .roboticFaq .theme-L {
    background: url(../images/faq-l-bg.png) no-repeat right bottom #ffc000;
}

.roboticFaq {
    padding: 20px 40px 20px 110px;
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: url(../images/faq-bg.png) no-repeat left bottom #ffc000;
    min-height: 130px;
}

.roboticFaq h4 {
    font: 600 20px/30px 'Roboto', sans-serif;
}

.robTabs {
    position: absolute;
    z-index: 9;
    right: 10px;
    bottom: 0px;
}

.robTabs li {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
}

.robTabs li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #4a4a4a;
    border-radius: 50%;
}

.robTabs li a:hover,
.robTabs li.Robot_here a {
    background: #ffffff;
}

.Robot_tabs li span,
.Review_tabs li span {
    display: none;
}

#Testimonials {
    min-height: 590px;
    background: url(../images/testimonial-bg.jpg) no-repeat center top;
}

#Testimonials h2 {
    font: 600 40px/50px 'Fira Sans', sans-serif;
    color: #012850;
    text-transform: uppercase;
    text-align: center;
    padding: 65px 0px;
}

.testList {
    height: 250px;
    width: 85%;
    font: 400 20px/30px 'Roboto', sans-serif;
    font-style: italic;
    text-align: center;
    margin: 0px auto;
    padding: 2.5% 0px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.testList::before {
    content: '\f10d';
    color: #003a63;
    font: normal 40px/50px 'fontello';
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: -13%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px;
}

.testList li {
    padding: 5%;
}

.testList img {
    float: left;
    margin: -5% 20px 10px 0px;
}

.testMore {
    border: 2px solid #003a63;
    font: 300 20px/30px 'Roboto', sans-serif;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    text-align: center;
}

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

.revTabs {
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
}

.revTabs li {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
}

.revTabs li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #d7d7d7;
    border-radius: 50%;
}

.revTabs li a:hover,
.revTabs li.Review_here a {
    background: #959595;
}

#Publications {
    background: #003668;
    min-height: 505px;
    background: url(../images/publication-bg.jpg) no-repeat calc(100% - 150px) top #003668;
}

#Publications .theme-L,
#Publications .theme-R {
    background: #003668;
}

#Publications h3 {
    text-transform: uppercase;
    color: #fff;
    font: 600 40px/50px 'Fira Sans', sans-serif;
    padding: 60px 0px 30px 0px;
}

.publication {
    width: 45%;
}

.publication li {
    padding: 20px 0px;
    font: 300 16px/30px 'Roboto', sans-serif;
    color: #fff;
    position: relative;
}

.publication li::after {
    position: absolute;
    width: 65%;
    right: 0px;
    bottom: 0px;
    content: '';
    border-bottom: 1px solid #335e86;
}

.publication img,
.publication p {
    display: inline-block;
    vertical-align: middle;
}

.publication img {
    margin-left: 10px;
}

.publication p {
    width: calc(100% - 160px);
    padding: 0px 0px 0px 30px;
}

.publication li a {
    color: #ffc000;
    font-style: italic;
}

.presentation {
    height: 560px;
    width: 400px;
    background: url(../images/presentation-bg.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.presentation h4 {
    font: 600 34px/40px 'Fira Sans', sans-serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 60px 0px 30px 0px;
}

.presentation ul {
    padding: 0px 0px 0px 40px;
}

.presentation li {
    font: 300 18px/30px 'Roboto', sans-serif;
    color: #fff;
    padding: 5px 0px;
    position: relative;
}

.presentation li::after {
    position: absolute;
    width: 65%;
    right: 11%;
    bottom: 0px;
    content: '';
    border-bottom: 1px dashed #1b3e62;
}

.presentation li:hover {
    color: #ffc000;
}

.presentation li span {
    width: 65px;
    height: 65px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin: 0px 20px 0px 0px;
    background: url(../images/resources-img.png) no-repeat;
}

.presentation li.first-visit span {
    background-position: 0px 0px;
}

.presentation li.first-visit:hover span {
    background-position: -80px 0px;
}

.presentation li.patient-forms span {
    background-position: 0px -75px;
}

.presentation li.patient-forms:hover span {
    background-position: -80px -75px;
}

.presentation li.educational-videos span {
    background-position: 0px -152px;
}

.presentation li.educational-videos:hover span {
    background-position: -80px -152px;
}

.presentation li.post-op span {
    background-position: 0px -228px;
}

.presentation li.post-op:hover span {
    background-position: -80px -228px;
}

#Videos {
    min-height: 410px;
}

#Videos ul {
    font-size: 0px;
    text-align: center
}

#Videos li {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font: 400 16px/24px 'Roboto', sans-serif;
    text-align: left;
    max-width: 270px;
    min-width: 200px;
    margin: 0px 10px;
}

#Videos li span {
    display: block;
    padding: 25px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border-top: 3px solid #ffc000;
    position: relative;
}

#Videos li span::after {
    content: '\f178';
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid #c4c4c4;
    right: 0px;
    bottom: 10px;
    font: bold 14px/26px 'fontello';
    color: #c4c4c4;
    text-align: center;
}

.vidHead {
    font: 600 34px/40px 'Fira Sans', sans-serif;
    color: #012850;
    padding: 50px 0px 30px 0px;
    text-align: center;
}

#Map {
    height: 370px;
}

.map1 {
    background: url(../images/map1-bg.jpg) no-repeat center top;
}

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

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

.map2 {
    background: url(../images/map2-bg.jpg) no-repeat center top;
}

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

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

.map3 {
    background: url(../images/map3-bg-new.jpg) no-repeat center top;
}

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

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

.map4 {
    background: url(../images/map4-bg.jpg) no-repeat center top;
}

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

.map4 .theme-R {
    background: url(../images/map4-r-bg.jpg) no-repeat left top;
}
.mapTabs {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 9;
}

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

.mapTabs li {
    display: inline-block;
    vertical-align: bottom;
    font: 400 16px/20px 'Roboto', sans-serif;
    background: #ffc000;
    padding: 25px 10px;
    width: 25%;
    min-width: 200px;
    min-height: 180px;
    color: #000;
    position: relative;
}

.mapTabs li:hover,
.mapTabs li.Map_here {
    background: #003a63;
    color: #fff;
}

.mapTabs li h4 {
    font: 500 18px/20px 'Roboto', sans-serif;
    padding-bottom: 10px;
}

.mapTabs li p {
    padding-bottom: 5px;
}

.mapTabs li p.driving {
    padding: 5px 0px;
}

.mapTabs li:hover::before,
.mapTabs li.Map_here::before {
    position: absolute;
    content: '';
    z-index: 1;
    border-top: 10px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #003a63;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
}

#Credibility {
    padding: 20px 0px;
}


/* Text CSS */

#Content-Container {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

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

.textMain a {
    color: #141414;
}

.textMain a:hover {
    color: #0000AC;
}

#Content h1 {
    font: 600 40px/50px 'Fira Sans', sans-serif;
    color: #414141;
    text-transform: uppercase;
    padding: 30px 10px 10px 10px;
    color: #00203c;
}

#Content h1 span {
    font: normal 20px/24px 'Roboto', sans-serif;
    color: #4d4d4d;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 500 22px/30px 'Fira Sans', sans-serif;
    color: #014cbe;
}

.textMain h2 span {
    font: normal 18px/22px 'Fira 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: 500 20px/30px 'Fira Sans', sans-serif;
    color: #353535;
}

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

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: normal 18px/22px 'Fira Sans', sans-serif;
    color: #014cbe;
}

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


/* Sidebar CSS */

#Sidebar {
    width: 300px;
    position: relative;
}

.meet-dr {
    border: 1px solid #002f87;
    background: #003e74;
}

.meet-head {
    font: 600 25px/30px 'Fira Sans', sans-serif;
    color: #fff;
    text-align: center;
    padding: 20px 0px;
}

.meet-head span {
    font: 400 16px/24px 'Roboto', sans-serif;
    display: block;
}

.meet-more {
    font: 400 14px/24px 'Roboto', sans-serif;
    width: 120px;
    text-align: center;
    margin: 10px auto;
    background: #ffc000;
    border-radius: 5px;
}

.meet-more a {
    padding: 5px 10px;
    display: block;
}

.resource {
    background: #003e74;
    margin: 20px 0px 0px 0px;
    border: 2px solid #003e74;
}

.resHead {
    background: #fff;
    color: #003e74;
    font: 600 26px/30px 'Roboto', sans-serif;
    text-align: center;
    padding: 10px 0px;
}

.resource li {
    padding: 10px 0px;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.resource li:last-child {
    border-bottom: 0px;
}

.resource li:hover {
    color: #ffc000;
}

.resource li span {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 40px;
    background: url(../images/resources-s-img.png) no-repeat center top;
    margin: 0px 30px;
}

.resource li.first-s span {
    background-position: center -3px;
}

.resource li.patient-s span {
    background-position: center -61px;
}

.resource li.educational-s span {
    background-position: center -116px;
}

.resource li.post-s span {
    background-position: center -162px;
}

.drBar h3 {
    font: 500 20px/26px 'Fira Sans', sans-serif;
    color: #05436C;
    padding: 20px 0px 10px 0px;
}

.drBar p {
    padding: 5px;
}

.drBar p a {
    color: #003e74;
}

.drBar h3::before {
    margin: 0px 10px 0px 5px;
}


/* Footer CSS */

#Footer-Container {
    background: #003a63;
    color: #fff;
    text-align: center;
}

#Footer {
    text-align: center;
    padding: 50px 0px;
}

.foot-list {
    text-align: center;
    border-bottom: 1px solid #1c5074;
    padding-bottom: 25px;
}

.foot-ford,
.foot-appoint,
.social-logo {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 20px;
}

.foot-appoint,
.social-logo {
    border: 1px solid #fff;
    text-align: left;
}

.foot-appoint {
    padding: 0px 15px 0px 0px;
    font: 500 16px/24px 'Roboto', sans-serif;
}

.foot-appoint span {
    background: url(../images/foot-appointment.png) no-repeat center center #fff;
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
}

.social-logo {
    padding: 5px 10px;
    font: 500 16px/24px 'Roboto', sans-serif;
}

.social-logo ul {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
}

.social-logo li {
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    color: #003a63;
    text-align: center;
    margin: 0px 2px;
}

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

.copyrights {
    font: 400 16px/24px 'Fira Sans', sans-serif;
    padding-top: 50px;
}

.copyrights p a {
    padding: 5px 15px;
}

.copyrights h2 {
    font: 400 16px/24px 'Fira Sans', sans-serif;
    padding: 5px;
}

.ypo-logo {
    padding: 10px 0px;
}


/* Contact Page */

.textMain h2.drName {
    font: 600 30px/34px 'Fira Sans', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
}

.textMain h2.drName span {
    text-transform: none;
}

.textMain h2.drName span.drB {
    font: 400 20px/26px 'Roboto', sans-serif;
    color: #004c92;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #bfcad3;
}

.textMain h2.drName span.drS {
    font: 400 18px/24px 'Roboto', sans-serif;
    color: #000;
    letter-spacing: 7px;
}

.contactMain {
    text-align: center;
}

.contactTable {
    border: 1px solid #ccc;
    text-align: left;
    width: 33%;
    margin: 20px 0px;
    display: inline-block;
    vertical-align: top;
    min-width: 25px;
    min-width: 310px;
    box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}

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

.textMain .contact-address {
    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;
    height: 250px;
}

.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 'Source Sans Pro', sans-serif;
    background: none;
    border: 2px solid #ccc;
}

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

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

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


/* Relative List */

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

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

.serMain {
    margin: 15px 0px;
}

.textMain .serDiv {
    font: 400 16px/26px 'Fira Sans', sans-serif;
    padding: 20px 50px 20px 70px;
    width: 50%;
    height: 330px;
}

.textMain .serImg {
    width: 50%;
}

.serHip {
    background: url(/images/hip-img.jpg) no-repeat center center;
}

.serKnee {
    background: url(/images/knee-img.jpg) no-repeat center center;
}

.textMain .serDiv h3 {
    font: 600 24px/30px 'Fira Sans', sans-serif;
    text-transform: uppercase;
}

.textMain .serDiv h3 a {
    color: #fff;
}

.textMain .serDiv li {
    background: url(../images/benefit-li-bg.png) no-repeat 5px 13px;
}

.textMain .serDiv li a {
    color: #fff;
    text-decoration: none;
}

.textMain .serDiv li a:hover {
    color: #ffc000;
}

.hip .serDiv {
    background: #00203c;
}

.knee .serDiv {
    background: #003a63;
}

.textMain .serMore {
    border: 1px solid #ffc000;
    font: 300 16px/30px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: top;
}

.textMain .serMore a {
    color: #ffc000;
    display: block;
    text-decoration: none;
    padding: 5px 15px;
}

.textMain .serMore a:hover {
    background: #ffc000;
    color: #000;
}

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

.textMain .resp-tabs-list {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    background: #4c89bd;
    border: 1px solid #003e74;
}

.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 20px;
    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 #c1c1c1;
    background: none;
    margin: 0px;
    padding: 10px 15px;
    background: #003668;
}

.textMain h2.resp-tab-active {
    background: #00203C;
}

.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;
}

.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 #00203C;
}

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

.drPh {
    padding: 2px;
    text-align: center;
}

.drPh img,
.textMain .drPh div {
    margin-bottom: 5px;
}

.textMain .drPh div {
    text-align: left;
}

.textMain .drPh div a {
    display: block;
    padding: 10px;
    background: #003e74;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.textMain .drPh span {
    width: 40px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.dr-appoint span {
    background: url(/images/book-appoint-img.png) no-repeat center center;
}

.dr-quote span {
    background: url(/images/dr-quote-img.jpg) no-repeat center center;
}

.popfull {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 990;
    left: 0px;
    top: 0px;
    display: none;
}

.popvideo {
    width: 75%;
    height: auto;
    padding: 40% 0 0 0;
    position: fixed;
    z-index: 999;
    background: #fff;
    display: none;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popvideo iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 4px solid #666;
}

.popclose {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #666;
    width: 30px;
    height: 30px;
    z-index: 2;
    text-align: center;
    font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
}

.popclose a {
    display: block;
    text-decoration: none;
}

.textMain .Dr-videos {
    text-align: center;
}

.textMain .Dr-videos ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

.textMain .Dr-videos li {
    margin: 0px 10px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    background: none;
    font: 400 16px/24px 'Roboto', sans-serif;
    color: #000;
    text-align: left;
    width: 260px;
    min-width: 200px;
}

.textMain .Dr-videos li span {
    display: block;
    padding: 25px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border-top: 3px solid #ffc000;
    position: relative;
}

.textMain .Dr-videos li span::after {
    content: '\f178';
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid #c4c4c4;
    right: 0px;
    bottom: 10px;
    font: bold 14px/26px 'fontello';
    color: #c4c4c4;
    text-align: center;
}

.relBar {
    background: #4C89BD;
    color: #fff;
    margin-top: 20px;
    padding: 2px;
}

.relBar h3 {
    text-align: center;
    padding: 20px 0px;
    background: #fff;
    color: #003E74;
}

.relBar .textMainBold {
    padding: 10px 20px 5px 20px;
    color: #ffc000;
}

.relBar ul {
    padding: 5px 10px;
}

.relBar li {
    padding: 5px 10px 5px 30px;
    font: 400 16px/20px 'Fira Sans', sans-serif;
    background: url(/images/benefit-li-bg.png) no-repeat 10px 12px;
}

.hipSide,
.kneeSide,
.relBar {
    display: none;
}

.hipPage .hipSide,
.kneePage .kneeSide,
.hipPage .relBar,
.kneePage .relBar {
    display: block;
}

.stickyRel {
    position: fixed;
    top: 80px;
    width: 300px;
}

.stickyPos {
    position: absolute;
    bottom: 0px;
}

.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: #b0c9e0;
    border-radius: 10px;
    position: relative;
}

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

.accessible_on .book-appoint,
.accessible_on #Specialties,
.accessible_on #Specialties .table-cell:first-child,
.accessible_on #Specialties .table-cell:last-child,
.accessible_on .specMore:hover,
.accessible_on #Doctor,
.accessible_on .drMain .drMore li,
.accessible_on .drMain .drMore li:hover,
.accessible_on #Technology,
.accessible_on .techMore,
.accessible_on .benefits,
.accessible_on .roboticFaq,
.accessible_on #Testimonials,
.accessible_on #Publications,
.accessible_on .presentation,
.accessible_on .mapTabs li,
.accessible_on .mapTabs li:hover,
.accessible_on .mapTabs li.Map_here,
.accessible_on #Footer-Container,
.accessible_on .social-logo li,
.accessible_on .hip .serDiv,
.accessible_on .knee .serDiv,
.accessible_on .textMain .serMore a:hover,
.accessible_on .meet-dr,
.accessible_on .resource,
.accessible_on .resHead,
.accessible_on .meet-more,
.accessible_on .textMain .resp-tabs-list,
.accessible_on .textMain .resp-tabs-list li,
.accessible_on .textMain .resp-tabs-list li.resp-tab-active {
    background: none;
}

.accessible_on .specImg,
.accessible_on .contact-map,
.accessible_on .revTabs {
    display: none;
}

.accessible_on .menu li {
    font: 500 16px/20px 'Roboto', sans-serif;
}

.accessible_on #Specialties .table-div {
    width: 100%;
}

.dfw-whitemode #Specialties .table-cell:first-child,
.dfw-whitemode #Specialties .table-cell:last-child,
.dfw-whitemode .specMore,
.dfw-whitemode .appoint li,
.dfw-whitemode .drMain .drMore li,
.dfw-whitemode .techMore,
.dfw-whitemode .benefits,
.dfw-whitemode .roboticFaq,
.dfw-whitemode .presentation,
.dfw-whitemode .mapTabs li,
.dfw-whitemode .foot-appoint,
.dfw-whitemode .social-logo,
.dfw-whitemode .hip .serDiv,
.dfw-whitemode .knee .serDiv,
.dfw-whitemode .textMain .serMore,
.dfw-whitemode .meet-more,
.dfw-whitemode .textMain .resp-tabs-list,
.dfw-whitemode .textMain .resp-tabs-list li {
    border: 1px solid #000;
}

.dfw-blackmode #Specialties .table-cell:first-child,
.dfw-blackmode #Specialties .table-cell:last-child,
.dfw-blackmode .specMore,
.dfw-blackmode .appoint li,
.dfw-blackmode .drMain .drMore li,
.dfw-blackmode .techMore,
.dfw-blackmode .benefits,
.dfw-blackmode .roboticFaq,
.dfw-blackmode .presentation,
.dfw-blackmode .mapTabs li,
.dfw-blackmode .foot-appoint,
.dfw-blackmode .social-logo,
.dfw-blackmode .hip .serDiv,
.dfw-blackmode .knee .serDiv,
.dfw-blackmode .textMain .serMore,
.dfw-blackmode .meet-more,
.dfw-blackmode .textMain .resp-tabs-list,
.dfw-blackmode .textMain .resp-tabs-list li {
    border: 1px solid #fff;
}

.dfw-greymode #Specialties .table-cell:first-child,
.dfw-greymode #Specialties .table-cell:last-child,
.dfw-greymode .specMore,
.dfw-greymode .appoint li,
.dfw-greymode .drMain .drMore li,
.dfw-greymode .techMore,
.dfw-greymode .benefits,
.dfw-greymode .roboticFaq,
.dfw-greymode .presentation,
.dfw-greymode .mapTabs li,
.dfw-greymode .foot-appoint,
.dfw-greymode .social-logo,
.dfw-greymode .hip .serDiv,
.dfw-greymode .knee .serDiv,
.dfw-greymode .textMain .serMore,
.dfw-greymode .meet-more,
.dfw-greymode .textMain .resp-tabs-list,
.dfw-greymode .textMain .resp-tabs-list li {
    border: 1px solid #333;
}

.dfw-whitemode #Menu-Container,
.dfw-whitemode .presentation li,
.dfw-whitemode #Footer-Container,
.dfw-whitemode .copyrights {
    border-top: 1px solid #000;
}

.dfw-blackmode #Menu-Container,
.dfw-blackmode .presentation li,
.dfw-blackmode #Footer-Container,
.dfw-blackmode .copyrights {
    border-top: 1px solid #fff;
}

.dfw-greymode #Menu-Container,
.dfw-greymode .presentation li,
.dfw-greymode #Footer-Container,
.dfw-greymode .copyrights {
    border-top: 1px solid #333;
}

.dfw-whitemode #Menu-Container,
.dfw-whitemode .publication li,
.dfw-whitemode .presentation li:last-child,
.dfw-whitemode .resource li {
    border-bottom: 1px solid #000;
}

.dfw-blackmode #Menu-Container,
.dfw-blackmode .publication li,
.dfw-blackmode .presentation li:last-child,
.dfw-blackmode .resource li {
    border-bottom: 1px solid #fff;
}

.dfw-greymode #Menu-Container,
.dfw-greymode .publication li,
.dfw-greymode .presentation li:last-child,
.dfw-greymode .resource li {
    border-bottom: 1px solid #333;
}

.dfw-whitemode .book-appoint span,
.dfw-greymode .book-appoint span,
.dfw-whitemode .foot-ford,
.dfw-greymode .foot-ford,
.dfw-blackmode .drMore li span,
.dfw-blackmode .call-appoint span {
    filter: invert(100%);
}

.dfw-whitemode .drHead li img,
.dfw-greymode .drHead li img {
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
}

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

.accessible_on #Credibility li {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.dfw-whitemode .foot-appoint span,
.dfw-greymode .foot-appoint span {
    background-color: #ccc;
}

.accessible_on .testList {
    height: auto;
}

.accessible_on .roboticFaq {
    padding: 10px;
}

.accessible_on .roboticFaq li {
    padding: 5px;
}

.accessible_on .social-logo li {
    border-radius: 0px;
}

.sun-div {
    z-index: 9999 !important;
}
.authorname {
    display: none !important;
}
@media screen and (max-width: 1100px) {
    .banner-content {
        background: rgba(255, 255, 255, 0.7);
        width: 50%;
    }

    #Specialties .specImg {
        display: none;
    }

    #Specialties .table-div {
        width: 90%;
        margin: 0px auto;
    }

    .drMain {
        padding: 10px;
    }

    .drImg {
        width: 90%;
        left: -100%;
    }

    .drHead li {
        display: block;
    }

    .drHead li:first-child,
    .drHead {
        padding: 0px 0px 10px 0px;
    }

    .drHead li:last-child {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        border-top: 1px solid #2071bd;
        border-left: 0px;
    }

    .drMain .drMore {
        padding: 10px 0px;
    }

    .benefits h4 {
        padding: 0px 0px 0px 20px;
    }

    .benefits ul {
        padding: 5px 5px 5px 20px;
    }

    .benefits li {
        padding: 10px 5px 10px 15px;
    }

    #Publications {
        background: url(../images/publication-bg.jpg) no-repeat calc(100% - 100px) top #003668;
    }

    #Publications h3 {
        padding: 30px 0px;
    }

    .publication li {
        padding: 10px 0px;
    }
}

@media screen and (max-width: 980px) {
    .drMain {
        width: 60%;
    }

    .drImg {
        left: -85%;
    }

    #Publications {
        background: url(../images/publication-bg.jpg) no-repeat calc(100% + 250px) top #003668;
    }

    .publication {
        width: 75%;
    }

    .presentation {
        position: relative;
        margin: 50px auto 0px auto;
    }

    #Technology {
        min-height: inherit;
    }

    #Technology h2 {
        padding: 40px 0px 20px 0px;
    }

    .rjr h3 {
        padding-bottom: 10px;
    }

    .techMore {
        margin: 10px 0px 0px 0px;
    }

    .roboticFaq {
        padding: 10px 20px 10px 110px;
    }

    .robotic {
        width: 25%;
    }

    .rjr {
        width: 45%;
    }
}

@media screen and (max-width: 840px) {
    #Specialties .table-div {
        width: 95%;
    }

    .drMain .drMore {
        padding: 10px 0px 0px 0px;
    }

    #Technology .table-cell {
        display: inline-block;
        vertical-align: middle;
    }

    .rjr {
        width: 100%;
        margin: 0px auto;
    }

    .benefits {
        width: 60%;
    }

    .robotic {
        width: 38%;
    }
}

@media screen and (max-width: 760px) {
    .logo a:first-child {
        width: 75%;
    }

    .logo {
        width: 60%;
    }

    .drMain {
        width: 100%;
        position: relative;
    }

    .drImg {
        position: relative;
        margin: 0px auto;
        left: auto;
        width: 67%;
    }

    .drHead li {
        display: inline-block;
        vertical-align: bottom;
    }

    .drHead li:first-child {
        padding: 0px 10px 0px 0px;
    }

    .drHead li:last-child {
        padding: 10px 0px 10px 10px;
        border-left: 1px solid #2071bd;
        border-top: 0px;
    }

    .textMain .serDiv {
        padding: 20px 15px;
    }
}

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

    /* Menu CSS */
    #Main-Menu {
        display: none;
    }

    #Mobile-Menu {
        display: block;
    }

    #Content,
    #Sidebar {
        display: block;
    }

    #Sidebar,
    #Banner-Container-S #Banner {
        margin: 0px auto;
    }

    .textMain .useFul li {
        width: 95%;
    }

    .logo {
        width: 95%;
        display: block;
        margin: 0px auto;
        text-align: center;
        padding: 10px 0px;
    }

    .appoint {
        display: block;
    }

    .appoint ul {
        text-align: center;
        padding: 10px 0px 20px 0px;
    }

    #Banner-Container {
        display: none;
    }

    #Specialties {
        background: none;
    }

    #Specialties .table-cell {
        display: block;
        min-height: inherit;
    }

    .specHead {
        padding: 10px 5px;
        text-align: center;
    }

    .drHead,
    .drMain .drMore {
        text-align: center;
    }

    .drHead li {
        font: 600 40px/50px 'Fira Sans', sans-serif;
    }

    .drHead span.drBoard {
        font: 400 13.5px/20px 'Fira Sans', sans-serif;
    }

    .drHead span.drSpec {
        letter-spacing: 3.2px;
    }

    .drHead li:last-child {
        border-left: 0px;
        border-top: 1px solid #2071bd;
    }

    .textMain .resp-tabs-list {
        display: none;
    }

    .textMain h2.resp-accordion {
        display: block;
    }

    .topicImg {
        display: none;
    }

    #Publications {
        background: #003668;
    }

    .publication {
        width: 100%;
    }

    .testList {
        height: 340px;
        font: 400 16px/24px 'Roboto', sans-serif;
    }

    .testList img {
        float: none;
        display: block;
    }

    #Testimonials {
        min-height: 600px;
    }

    .textMain .serImg {
        display: none;
    }

    .textMain .serDiv {
        height: auto;
    }

    #Technology h2,
    #Testimonials h2,
    #Publications h3 {
        padding: 20px 5px;
        text-align: center;
        font: 600 30px/40px 'Fira Sans', sans-serif
    }

    #Technology h2::before {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 480px) {
    .logo a:first-child {
        width: auto;
        border-right: 0px;
        padding-bottom: 10px;
    }

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

    .publication img {
        display: none;
    }

    .publication p {
        width: 100%;
    }

    .publication li::after {
        width: 95%;
    }

    .presentation {
        width: 100%;
    }

    #Map {
        height: auto;
    }

    #Slider4 {
        display: none;
    }

    .mapTabs {
        position: relative;
        padding: 20px 0px;
    }

    .mapTabs li {
        width: 95%;
        margin: 0px auto;
    }

    .mapTabs li:hover::before,
    .mapTabs li.Map_here::before {
        display: none;
    }
}