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

#Map-container,
#Service-container,
#Credibility-container,
#Edu-container,
#Pub-container,
#Mapping-container,
#Dr-container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Cred-main,
#Service-main,
#Map-main,
#Edu-main,
#Pub-main,
#Mapping-main,
#Dr-main {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/*----------- Header CSS -----------*/

#Header {
    min-height: 100px;
}

#Header .table-div {
    padding: 27px 2px 0 2px;
}

.table-cell.logo {
    width: 390px;
}

.table-cell.header-right {
    text-align: right;
}

.phone-h {
    font: 300 24px/28px 'Muli', sans-serif;
    margin: -5px 0 10px 0;
}

.phone-h a,
.header-right li a:hover {
    color: #024ac3;
}

.phone-h::before {
    color: #024ac3;
    margin: 0px 10px 0 0;
    font-size: 22px;
    position: relative;
    top: 2px;
}

.header-right li {
    display: inline-block;
    vertical-align: top;
    font: 600 13px/17px 'Muli', sans-serif;
    text-transform: uppercase;
}

.header-right li a,
.phone-h a:hover {
    color: #525252;
}

.header-right li:before {
    color: #024ac3;
    margin: 0px 10px 0 0;
    font-size: 18px;
    position: relative;
}

.header-right li:first-child {
    margin-right: 25px;
}


/* Menu CSS */

#Menu-Container {
    border-top: 1px solid #e5e5e5;
}

.menu li {
    height: 52px;
    color: #fff;
    font: 600 14px/17px 'Muli', sans-serif;
    text-transform: uppercase;
}

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

.menu li a:hover,
.menu li:hover > a {
    color: #034fcd;
}

.menu li li {
    background: #1a5cc8 url(../images/li-arrow.png) no-repeat scroll 22px 18px;
    -webkit-transition: all 700ms ease-out;
    -ms-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
}

.menu li li:hover {
    background: #013387 url(../images/li-arrow.png) no-repeat scroll 22px 18px;
}

.menu li:hover span {
    border-bottom: 4px solid #034fcd;
    padding: 0 0 13px 0;
}

.menu-home:hover::before {
    width: 20px;
    height: 4px;
    background: #034fcd;
    content: '';
    position: absolute;
    bottom: 0;
    left: 19px;
}

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

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

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

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

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

.menu-about {
    width: 16%;
}

.menu-services {
    width: 12%;
}

.menu-patient {
    width: 14%;
}

.menu-appointment {
    width: 16%;
}

.menu-blog {
    width: 11%;
}

.menu-faq {
    width: 12%;
}

.menu-contact {
    width: 14%;
}

.menu .menu-appointment ul li {
    width: 236px;
}

.menu .menu-faq ul li {
    width: 134px;
}

.menu .menu-faq ul {
    left: 14%;
}

.menu ul li li {
    width: 172px;
}


/* Home Banner CSS */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Subpage Banner CSS */

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

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

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

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

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

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

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

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

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

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

#Banner-Container-S .banner4 {
    background: url(../images/sub-banner4-m.jpg) no-repeat center top;
}

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

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

#Banner-Container-S .banner5 {
    background: url(../images/sub-banner5-m.jpg) no-repeat center top;
}

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

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


/* Banner Content CSS */

.banner-content {
    position: absolute;
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    right: 3%;
    top: 29%;
    padding: 15px;
}

.banner-head {
    color: #000000;
    font: 300 45px/50px 'Muli', sans-serif;
    text-transform: uppercase;
}

.banner-head span {
    display: block;
    font-weight: 900;
}

.Banner_auto,
.Banner_auto span,
.Banner_nav span,
.slidePrev::before,
.slideNext::before,
.slidePlay::before,
.slidePause::before,
.Banner_auto:hover span,
.Banner_nav:hover span {
    display: none;
}

.Banner_nav {
    bottom: 50%;
    width: 23px;
    height: 42px;
}

#Banner-Container .Banner_nav.slidePrev,
#Banner-Container-S .Banner_nav.slidePrev {
    left: 0px;
    background: url(../images/banner-arrow-l.png) no-repeat 0 0;
}

#Banner-Container .Banner_nav.slideNext,
#Banner-Container-S .Banner_nav.slideNext {
    right: 0;
    left: inherit;
    background: url(../images/banner-arrow-r.png) no-repeat 0 0;
}

#Banner-Container-S .Banner_nav.slidePrev,
#Banner-Container-S .Banner_nav.slideNext {
    top:
}


/*--------------Services CSS----------------*/

#Service-container {
    background: url(../images/services-bg.jpg) no-repeat center top;
}

#Service-main {
    min-height: 384px;
}

.service-intra {
    text-align: center;
    top: -80px;
    z-index: 2;
    position: relative;
}

.service-intra .nbs-flexisel-inner {
    padding: 18px 0;
    -webkit-box-shadow: 0px 15px 10px -15px #ccc;
    -moz-box-shadow: 0px 15px 10px -15px #ccc;
    box-shadow: 0px 15px 10px -15px #ccc;
}

.service-intra li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font: 700 13px/17px 'Muli', sans-serif;
    text-transform: uppercase;
}

.service-intra li div {
    width: 210px;
    height: 234px;
    background: #2c7afa;
    -webkit-transition: all 700ms ease-out;
    -ms-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    margin: 0 auto;
    position: relative;
}

.service-intra .nbs-flexisel-inner::before {
    position: absolute;
    width: 96%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    content: '';
    left: 23px;
    top: 0px;
    border-top: 1px solid #fff;
}

.service-intra li:hover div {
    background: #013387;
}

.service-intra li a {
    display: block;
    color: #ffffff;
    padding: 20px 15px 26px 15px;
}

.service-intra li.serv-total a {
    padding: 20px 15px 9px 15px;
}

.service-intra li span {
    margin: 0 auto 20px;
    width: 127px;
    height: 134px;
    display: block;
}

.service-intra li.serv-total span {
    background: url(../images/serv-total-bg.png) no-repeat 0 0;
}

.service-intra li.serv-revision span {
    background: url(../images/serv-revision-bg.png) no-repeat 0 0;
}

.service-intra li.serv-shoulder span {
    background: url(../images/serv-shoulder-bg.png) no-repeat 0 0;
}

.service-intra li.serv-elbow span {
    background: url(../images/serv-elbow-bg.png) no-repeat 0 0;
}

.service-intra li.serv-biceps span {
    background: url(../images/serv-biceps-bg.png) no-repeat 0 0;
}
.service-intra li.serv-fracture span {
    background: url(../images/serv-fracture-bg.png) no-repeat 0 0;
}

.service-intra li.serv-wrist span {
    background: url(../images/serv-wrist-bg.png) no-repeat 0 0;
}

.serv-text {
    width: 80%;
    text-align: center;
    margin: 60px auto 0;
    font: 300 17px/28px 'Muli', sans-serif;
    text-transform: uppercase;
    color: #010101;
    font-style: italic;
    position: relative;
}

.serv-text::before,
.serv-text::after {
    position: absolute;
    width: 93px;
    height: 10px;
    left: -93px;
    top: 9px;
    content: '';
    background: url(../images/serv-text-before.png) no-repeat 0 0;
}

.serv-text::after {
    background: url(../images/serv-text-after.png) no-repeat 0 0;
    left: inherit;
    right: -93px;
}


/*--------- Sidebar CSS ---------*/

#Sidebar {
    width: 320px;
}

.aside-services ul {
    padding: 9px;
    border: 1px solid #eaeaea;
    background: #f2f2f2;
}

.aside-services li {
    margin-bottom: 7px;
    font: 600 20px/25px 'Muli', sans-serif;
    background: #2c7afa;
    position: relative;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.aside-services li:hover {
    background: #013388;
}

.aside-services li a {
    color: #fff;
    padding: 17px 0 21px 25px;
    display: block;
}

.aside-services li:last-child {
    margin-bottom: 0;
}

.aside-services li a::before {
    position: absolute;
    right: 20px;
    top: 19px;
}

.aside-dr {
    width: 100%;
    min-height: 554px;
    background: url(../images/aside-dr-bg-new.jpg) no-repeat scroll center top;
    margin-top: 39px;
    padding: 36px 0 0 0;
    position: relative;
}

.aside-dr::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 186px;
    content: '';
    background: url(../images/aside-dr-shadow.png) no-repeat scroll 0 0;
}

.aside-dr-heading {
    text-transform: uppercase;
    font: 800 26px/30px 'Muli', sans-serif;
    text-align: center;
    margin-bottom: 32px;
}

.aside-dr-heading a {
    display: block;
    color: #fff;
}

.aside-dr-heading a:hover {
    color: #cfdcf3;
}

.aside-dr-heading span {
    display: block;
    font: 400 14px/20px 'Muli', sans-serif;
    text-transform: none;
    margin: 6px 0 0 0;
}

.aside-dr-more {
    font: 800 12px/12px 'Muli', sans-serif;
    color: #fff;
    margin: 22px 0 36px 0;
    border-top: 1px solid #235da8;
    border-bottom: 1px solid #235da8;
    width: 80%;
    margin: -2px auto 0px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.aside-dr-more a {
    display: block;
    padding: 18px 0px 14px 0px;
    color: #fff;
}

.aside-dr-more a:hover {
    color: #738ebf;
}

.aside-dr-more a::before {
    color: #738ebf;
    font-size: 14px;
    top: -1px;
    position: relative;
    margin: 0 12px 0 0;
}

.aside-edu {
    background: #2c7afa;
    text-align: center;
    padding: 50px 0 28px 0;
}

.aside-edu .mapping-head {
    text-transform: uppercase;
    text-align: center;
    font: 800 22px/26px 'Muli', sans-serif;
    margin: 24px 0 15px 0;
}

.aside-edu .mapping-head a {
    color: #fff;
    display: block;
}

.aside-edu .mapping-head span {
    display: block;
    font: 300 15px/20px 'Muli', sans-serif;
    margin-bottom: 7px;
}

.aside-edu .mapping-more {
    width: 45px;
    height: 45px;
    background: url(../images/mapping-more.png) no-repeat scroll 0 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.aside-edu .mapping-more:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.aside-edu .mapping-more a {
    width: 100%;
    height: 100%;
    display: block;
}

.aside-edu .mapping-more::before,
.aside-edu .mapping-more::after {
    position: absolute;
    top: 23px;
    left: -108px;
    content: '';
    width: 108px;
    height: 1px;
    background: #9abffd;
}

.aside-edu .mapping-more::after {
    right: -108px;
    left: inherit;
}

.aside-publication {
    margin: 44px 0 0 0;
}

.aside-publication .aside-heading {
    text-transform: uppercase;
    text-align: center;
    font: 800 24px/28px 'Muli', sans-serif;
    margin-bottom: 42px;
}

.aside-publication .aside-heading a {
    display: block;
    color: #5b5c5c;
}

.aside-publication .aside-heading a:hover {
    color: #1c60d2;
}

.aside-publication .news-l {
    width: 306px;
    height: 306px;
    position: relative;
    float: right;
}

.aside-publication .news-l .news-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.aside-publication .news-l::before {
    width: 304px;
    height: 306px;
    position: absolute;
    left: -12px;
    top: -12px;
    border: 1px solid #acacac;
    content: '';
}

.aside-publication .pub-date {
    width: 73px;
    height: 73px;
    background: #1c60d2;
    text-align: center;
    font: 300 12px/14px 'Muli', sans-serif;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    left: -12px;
    top: 40px;
}

.aside-publication .news-details {
    width: 272px;
    min-height: 157px;
    background: #2c7afa;
    font: 700 13.5px/20px 'Muli', sans-serif;
    position: absolute;
    bottom: 0;
    right: 0;
}

.aside-publication .news-details a {
    display: block;
    color: #fff;
    padding: 25px 25px 25px 30px;
}

.aside-edu-video {
    background: #0a3b8b;
    padding: 35px 0 22px 0;
    text-align: center;
    margin: 50px 0 0 0;
}

.aside-edu-video .edu-heading {
    text-transform: uppercase;
    text-align: center;
    font: 700 24px/28px 'Muli', sans-serif;
    color: #fff;
    margin-bottom: 26px;
}

.aside-edu-video img {
    margin: 0 auto;
}

.aside-edu-video li {
    font: 600 14px/20px 'Work Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 2px solid #234f97;
}

.aside-edu-video li:last-child {
    border-bottom: none;
}

.aside-edu-video li a {
    color: #fff;
    display: block;
    padding: 23px 0 23px 0;
}

.aside-edu-video li a span {
    width: 26px;
    height: 30px;
    float: left;
    margin: -5px 35px 0 40px;
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    background-size: 100% 100% !important;
}

.aside-edu-video li:hover a span {
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.aside-edu-video li a:hover {
    color: #93bafb;
}

.aside-edu-video li.form-h span {
    background: url(../images/forms-h-icon.png) no-repeat scroll 0 0;
}

.aside-edu-video li.visit-h span {
    background: url(../images/visit-h-icon.png) no-repeat scroll 0 0;
}

.aside-edu-video li.health-h span {
    background: url(../images/health-h-icon.png) no-repeat scroll 0 0;
}

.aside-edu-video li.online-h span {
    background: url(../images/online-h-icon.png) no-repeat scroll 0 0;
}

.aside-edu-video .protocol-btn {
    width: 290px;
    text-transform: uppercase;
    font: 300 16px/20px 'Work Sans', sans-serif;
    margin: 6px auto 0;
    -webkit-box-shadow: 0 13px 0px -6px #082e6c;
    -moz-box-shadow: 0 13px 0px -6px #082e6c;
    box-shadow: 0 13px 0px -6px #082e6c;
    text-align: left;
}

.aside-edu-video .protocol-btn a {
    display: block;
    background: #2c7afa;
    color: #fff;
    padding: 25px 30px 23px 0px;
    -webkit-transition: all 700ms ease-out;
    -ms-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
}

.aside-edu-video .protocol-btn a span {
    width: 34px;
    height: 32px;
    float: left;
    background: url(../images/protocol-icon.png) no-repeat scroll 0 0;
    margin: 4px 12px 19px 26px;
    background-size: 100% 100%;
}


/*----------Dr section CSS----------*/

#Dr-container {
    background: url(../images/dr-container-bg-new.jpg) no-repeat scroll center top;
}

#Dr-main {
    min-height: 555px;
}

.dr-img.table-cell {
    width: 681px;
}

.dr-img.table-cell img {
    margin: -27px 0 0 0;
}

.dr-text.table-cell {
    padding: 60px 0 0 24px;
}

.dr-text h1 {
    text-transform: uppercase;
    font: 800 40px/45px 'Muli', sans-serif;
    color: #fff;
    position: relative;
}

.dr-text h1 a {
    display: block;
}

.dr-text h1 a:hover {
    color: #cddbf5;
}

.dr-text h1 span {
    display: block;
    font: 400 19px/38px 'Muli', sans-serif;
}

.dr-text h1::before {
    left: -25px;
    top: 5px;
    content: '';
    position: absolute;
    width: 5px;
    height: 78px;
    background: #4988f4;
}

.dr-text p {
    font: 400 14px/25px 'Muli', sans-serif;
    color: #fff;
    margin: 22px 0px 22px 0;
}

.dr-links {
    border-top: 1px solid #235da8;
    border-bottom: 1px solid #235da8;
}

.dr-links li {
    display: inline-block;
    vertical-align: top;
    font: 800 12px/12px 'Muli', sans-serif;
    text-transform: uppercase;
    position: relative;
}

.dr-links li a {
    display: inline-block;
    padding: 16px 14px 15px 15px;
    color: #fff;
    vertical-align: top;
}

.dr-links li a:hover {
    color: #738ebf;
}

.dr-links li:first-child a {
    padding: 16px 20px 15px 0;
}

.dr-links li a::before {
    color: #738ebf;
    font-size: 17px;
    top: 0px;
    position: relative;
    margin: 0 12px 0 0;
}

.dr-links li::after {
    position: absolute;
    right: 0;
    top: 12px;
    width: 2px;
    height: 18px;
    background: #326794;
    content: '';
}

.dr-links li:last-child::after {
    display: none;
}

.dr-logo {
    margin: 20px 0 20px 0;
}

.dr-logo li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

/*.dr-logo li:last-child {
    padding-left: 38px;
    margin-left: 38px;
}

.dr-logo li:last-child {
    border-left: 2px solid #345ca3;
    width: 42%;
}*/
.dr-logo li:last-child {
    padding-left: 0px !important;
    margin: 13px 0px 0px 0px;
    border-left: none !important;
    width: 44%;
}
.logo-3 {
    width: 38% !important;
    margin: 12px 0px 0px 32px;
}





/*----------3D Mapping CSS------------*/

#Mapping-container {
    background: #2c7afa;
}

#Mapping-main {
    padding: 60px 4px;
}

.mapping-intra {
    background: #5695fb;
    border-top: 1px solid #9abffd;
}

.mapping-intra.table-div {
    padding: 50px 60px;
}

.mapping-video {
    text-align: right;
}

.table-cell.mapping-text {
    text-align: center;
    padding: 15px 20px 0 0;
}

.mapping-head {
    text-transform: uppercase;
    text-align: center;
    font: 800 36px/40px 'Muli', sans-serif;
}

.mapping-head a {
    color: #fff;
    display: block;
}

.mapping-head a:hover {
    color: #e3ecfb;
}

.mapping-head span {
    display: block;
    font: 300 20px/24px 'Muli', sans-serif;
}

.table-cell.mapping-text p {
    font: 400 16px/26px 'Muli', sans-serif;
    margin: 30px 0 30px 0;
    color: #fff;
}

.mapping-more {
    width: 45px;
    height: 45px;
    background: url(../images/mapping-more.png) no-repeat scroll 0 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.mapping-more:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.mapping-more a {
    width: 100%;
    height: 100%;
    display: block;
}

.mapping-more::before,
.mapping-more::after {
    position: absolute;
    top: 23px;
    left: -205px;
    content: '';
    width: 206px;
    height: 1px;
    background: #9abffd;
}

.mapping-more::after {
    right: -205px;
    left: inherit;
}


/*----------Publication CSS-----------*/

#Pub-main {
    min-height: 542px;
}

.pub-intra {
    padding: 60px 2px 75px 2px;
}

.pub-heading {
    text-transform: uppercase;
    text-align: center;
    width: 615px;
    position: relative;
    font: 800 36px/40px 'Muli', sans-serif;
    margin: 0 auto;
}

.pub-heading a {
    color: #5b5c5c;
    display: block;
}

.pub-heading a:hover {
    color: #1c60d2;
}

.pub-heading::before,
.pub-heading::after {
    position: absolute;
    top: 20px;
    left: -205px;
    content: '';
    width: 175px;
    height: 1px;
    background: #d7d8d8;
}

.pub-heading::after {
    right: -205px;
    left: inherit;
}

.pub-sec.table-div {
    padding: 58px 0 0 0;
}

.news-l,
.news-r {
    width: 385px;
    height: 306px;
    position: relative;
}

.pub-l.table-cell {
    padding-left: 17px;
}

.news-l .news-img,
.news-r .news-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.news-l::before,
.news-r::before {
    width: 385px;
    height: 306px;
    position: absolute;
    left: -12px;
    top: -14px;
    border: 1px solid #acacac;
    content: '';
}

.news-l .news-img {
    background: url(../images/new-l-bg.jpg) repeat scroll 0 0;
}

.news-r .news-img {
    background: url(../images/new-r-bg.jpg) repeat scroll 0 0;
}

.pub-r.table-cell {
    padding: 0 0 0 36px;
}

.pub-date {
    width: 74px;
    height: 72px;
    background: #1c60d2;
    text-align: center;
    font: 300 12px/14px 'Muli', sans-serif;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    left: -13px;
    bottom: 60px;
}

.pub-date span {
    display: block;
    font: 700 26px/34px 'Muli', sans-serif;
}

.news-details {
    width: 374px;
    min-height: 167px;
    background: #2c7afa;
    font: 700 16px/22px 'Muli', sans-serif;
    position: absolute;
    bottom: 0;
    right: -41%;
}

.news-details a {
    display: block;
    color: #fff;
    padding: 30px 40px 30px 40px;
}

.news-details a:hover {
    color: #dfe7f5;
}


/*-----------Patient education CSS---------*/

#Edu-container {
    background: url(../images/edu-bg.jpg) repeat scroll 0 0;
}

#Edu-main {
    min-height: 676px;
}

.edu-intra {
    padding: 65px 0 50px 0;
}

.edu-heading {
    text-transform: uppercase;
    text-align: center;
    font: 700 36px/40px 'Muli', sans-serif;
    color: #fff;
    margin-bottom: 44px;
}

.video-c {
    width: 422px;
    text-align: center;
}

.protocol-btn {
    width: 78%;
    text-transform: uppercase;
    font: 300 28px/32px 'Work Sans', sans-serif;
    margin: 26px auto 0;
    -webkit-box-shadow: 0 13px 6px -6px #082e6c;
    -moz-box-shadow: 0 13px 6px -6px #082e6c;
    box-shadow: 0 13px 2px -6px #082e6c;
    text-align: left;
}

.protocol-btn a {
    display: block;
    background: #2c7afa;
    color: #fff;
    padding: 25px 48px 23px 58px;
    -webkit-transition: all 700ms ease-out;
    -ms-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
}

.protocol-btn a:hover {
    background: #2263cd;
}

.protocol-btn a span {
    width: 50px;
    height: 48px;
    float: left;
    background: url(../images/protocol-icon.png) no-repeat scroll 0 0;
    margin: 11px 18px 0 0;
}

.resource-l,
.resource-r {
    width: 178px;
    position: relative;
    right: -80px;
}

.resource-r {
    right: inherit;
    left: -80px;
}

.resource-l li,
.resource-r li {
    font: 600 14px/20px 'Work Sans', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 36px 0 45px 0;
    position: relative;
}

.resource-l li:first-child,
.resource-r li:first-child {
    padding-bottom: 45px;
}

.resource-l li:first-child::before,
.resource-r li:first-child::before {
    position: absolute;
    bottom: 0;
    left: -9px;
    content: '';
    width: 100%;
    height: 2px;
    background: #24519c;
}

.resource-l li:first-child::before {
    right: -9px;
    left: inherit;
}

.resource-l li a,
.resource-r li a {
    color: #fff;
    display: block;
}

.resource-l li a:hover,
.resource-r li a:hover {
    color: #93bafb;
}

.resource-l li a span,
.resource-r li a span {
    width: 49px;
    height: 49px;
    display: block;
    margin: 0 auto 15px;
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.resource-l li:hover a span,
.resource-r li:hover a span {
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.resource-l li.form-h span {
    background: url(../images/forms-h-icon.png) no-repeat scroll 0 0;
}

.resource-l li.visit-h span {
    background: url(../images/visit-h-icon.png) no-repeat scroll 0 0;
}

.resource-r li.health-h span {
    background: url(../images/health-h-icon.png) no-repeat scroll 0 0;
}

.resource-r li.online-h span {
    background: url(../images/online-h-icon.png) no-repeat scroll 0 0;
}


/*-----------Credibility CSS----------*/

.cred-intra {
    padding: 21px 4px;
}

.cred-intra ul {
    text-align: center;
}

.cred-intra ul li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    position: relative;
}

.cred-intra ul li::after {
    position: absolute;
    content: '';
    right: 0;
    top: 15px;
    background: #dddddd;
    width: 1px;
    height: 58px;
}

.cred-intra ul li:last-child::after {
    display: none;
}


/*---------Map CSS----------*/

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

#Map-main {
    min-height: 319px;
}

.map-address {
    position: absolute;
    left: 9%;
    bottom: 13%;
    width: 374px;
    min-height: 224px;
    background: #0a3b8b;
    padding: 30px 70px 30px 60px;
}

.map-heading {
    font: 800 20px/24px 'Muli', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
}

.map-heading a:hover {
    color: #cddbf5;
}

.map-address p {
    font: 300 15px/20px 'Muli', sans-serif;
    color: #ffffff;
    padding: 0 0 0 29px;
    position: relative;
}

.map-address p::before {
    color: #98bfff;
    position: absolute;
    left: 0;
}

.map-address p.loc-add::before {
    font-size: 20px;
}

.map-address p.loc-add {
    color: #98bfff;
    margin-bottom: 15px;
}

.map-address p.map-ph {
    margin-bottom: 6px;
}

.map-add-intra::after {
    position: absolute;
    right: -56px;
    bottom: 57px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 0px 56px;
    border-color: transparent transparent transparent #0a3b8b;
}

.map-address p a:hover {
    color: #d0e0f9;
}


/*--------- Footer CSS ----------*/

#Footer-Container {
    background: #0a3b8b;
}

#Footer {
    min-height: 240px;
}

.footer-intra {
    text-align: center;
    padding: 45px 2px 36px 2px;
}

.social-logo .foot-heading {
    font: 800 16px/20px 'Muli', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
}

.social-logo {
    width: 300px;
    text-align: center;
    margin: 0 auto;
}

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

.social-logo li {
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 30px;
    font-size: 20px;
}

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

.social-logo li a.font-icon::before {
    color: #2c7afa;
    font-size: 24px;
}

.social-logo li a.font-icon:hover::before {
    color: #fff;
}
.twitter a{
    background: url(../images/twitter-logo.png) no-repeat center center;
}
.twitter a:hover{
    background: url(../images/twitter-logo-hover.png) no-repeat center center;
}
.quick-links {
    font: 300 13px/18px 'Muli', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    width: 76%;
    margin: 0 auto;
    padding-bottom: 8px;
    border-bottom: 1px solid #234f97;
}

.quick-links a {
    color: #fff;
    padding: 0 11px;
}

.quick-links a:hover {
    color: #c4d8f8;
}

.copyright {
    font: 400 15px/20px 'Muli', sans-serif;
    color: #ffffff;
    padding: 19px 0 0 0;
}

.ypo-logo {
    width: 120px;
    float: right;
    margin: -20px 0 0 0;
}


/*------------ Navigation CSS -----------*/

.navigation {
    font: 600 14px/20px 'Muli', sans-serif;
    padding: 36px 0px 6px 10px;
    color: #1c60d2;
}

.navigation a {
    text-decoration: none;
    padding: 0 15px;
    color: #595959;
}

.navigation a:first-child {
    padding: 0 15px 0 0;
}

.navigation span {
    padding: 0 0 0 15px;
}


/*-----------Service Page css---------*/

.services-tabs {
    width: 100%;
    min-height: 340px;
    padding: 22px;
    border-top: 3px solid #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(transparent));
    background-image: -webkit-linear-gradient(#e6e6e6, transparent);
    background-image: -moz-linear-gradient(#e6e6e6, transparent), -moz-linear-gradient(#e6e6e6, transparent);
    background-image: -o-linear-gradient(#e6e6e6, transparent), -o-linear-gradient(#e6e6e6, transparent);
    background-image: linear-gradient(#e6e6e6, transparent), linear-gradient(#e6e6e6, transparent);
    -moz-background-size: 3px 100%;
    background-size: 3px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    margin: 20px 0 10px 0;
}

.serv-img-l {
    width: 350px;
}

.serv-text-r {
    padding: 0 0 0 56px;
}

.textMain .serv-text-r li {
    background: none !important;
    padding: 7px 5px 5px 25px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.textMain .serv-text-r li::before {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #979797;
    position: absolute;
    left: 0;
    top: 14px;
}

.textMain .serv-text-r .heading-serv {
    font: 600 36px/40px 'Muli', sans-serif;
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 28px;
}

.textMain .serv-text-r .heading-serv a {
    color: #1c60d2;
}

.textMain .serv-text-r .heading-serv::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #dcdcdc;
    width: 128px;
    height: 5px;
}

.textMain .services-tabs.elbow .serv-text-r .heading-serv {
    text-align: right;
}

.textMain .services-tabs.elbow .serv-text-r p {
    text-align: justify;
}

.textMain .services-tabs.elbow .serv-text-r .heading-serv::after {
    left: inherit;
    right: 0;
}

.textMain .services-tabs.elbow .serv-text-r {
    padding: 0 56px 0 0px;
}


/*----------- Text CSS -----------*/

.textMain {
    font: 400 14px/24px 'Muli', sans-serif;
    color: #393939;
}

.textMain a {
    color: #063b91;
}

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

.textMain h1,
.textMain .hTag1 {
    font: 600 36px/40px 'Muli', sans-serif;
    color: #1c60d2;
    padding-bottom: 26px;
    margin-bottom: 24px;
    position: relative;
}

.textMain h1::after,
.textMain .hTag1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #dcdcdc;
    width: 128px;
    height: 5px;
}

.textMain h1 span {
    font: normal 20px/30px 'Muli', sans-serif;
    color: #4d4d4d;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 700 32px/38px 'Muli', sans-serif;
    color: #264c8d;
}

.textMain h2 span,
.textMain .hTag2 span {
    font: 600 22px/37px 'Muli', sans-serif;
    color: #3b3b3b;
    display: block;
}

.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: 700 28px/35px 'Muli', sans-serif;
    color: #082f6f;
}

.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: 500 25px/30px 'Muli', sans-serif;
    color: #014cbe;
}

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


/*----------Contact Us CSS----------*/

.location-sec {
    width: 100%;
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    margin: 20px 0;
}

.location-sec .loc-l,
.location-sec .map-r {
    display: inline-block;
    vertical-align: top;
}

.location-sec .loc-l {
    width: 300px;
    font-weight: 600;
    padding-top: 20px;
}

.loc-adds,
.loc-dir,
.loc-ph,
.loc-mail {
    padding: 0 0 0 28px !important;
    position: relative;
}

.loc-adds.font-icon::before,
.loc-dir.font-icon::before,
.loc-ph.font-icon::before,
.loc-mail.font-icon::before {
    font-size: 22px;
    position: absolute;
    left: 0;
    color: #0a3b8b;
    top: -1px;
}

.loc-mail.font-icon::before {
    font-size: 18px;
}

.loc-dir.font-icon,
.loc-ph.font-icon {
    margin: 20px 0 !important;
}

.location-sec .map-r {
    width: 73.8%;
    height: 250px;
}

.location-sec .map-r iframe {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
}


/* Profile Schema */

.schemaTable 
{    padding: 3px;
    border: 1px solid #0b3d91;
    width: 90%;
    margin: 0 auto;
}

.textMain .schemaTitle {
    background: #0b3d91;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
    font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
}

.textMain .schemaTable .table-div {
    margin: 0px;
    padding: 0px;
    border-spacing: 3px;
}

.textMain .schemaTable .table-cell {
    margin: 0px;
    padding: 10px;
    border: 1px solid #0b3d91;
    position: relative;
    background: none;
}

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

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

.textMain .schemaTable p::before {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 17px;
    color: #003b8e;
}


/*-----------Accessbility CSS---------*/

.accessible_on .service-intra {
    top: 6px;
}

.accessible_on #Menu-Container {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.accessible_on .menu-home:hover::before,
.accessible_on .pub-heading::before,
.accessible_on .pub-heading::after,
.accessible_on .cred-intra ul li::after,
.accessible_on .dr-text h1::before {
    display: none;
}

.accessible_on .menu li:hover span {
    border-bottom: none;
    padding: 0 0 16px 0;
}

.accessible_on .service-intra li {
    border: 1px solid #000;
}

.accessible_on .menu-home span {
    vertical-align: 0;
}

.accessible_on .dr-img.table-cell img {
    margin: 0px 0 0 0;
}

.accessible_on .dr-logo li img {
    background: #000;
    padding: 4px;
}

.accessible_on #Dr-container,
.accessible_on #Mapping-container,
.accessible_on #Pub-container,
.accessible_on #Edu-container,
.accessible_on #Credibility-container,
.accessible_on #Map-container,
.accessible_on #Footer-Container,
.accessible_on .aside-dr,
.accessible_on .aside-edu,
.accessible_on .aside-publication,
.accessible_on .aside-edu-video {
    border-top: 1px solid #000;
}

.accessible_on .mapping-intra {
    border: none;
}

.accessible_on .mapping-intra.table-div {
    padding: 20px 60px;
}

.accessible_on #Mapping-main {
    padding: 30px 4px;
}

.accessible_on #Pub-main {
    min-height: 480px;
}

.accessible_on .news-details {
    background: none;
    bottom: -167px;
    right: 0;
}

.accessible_on .pub-intra {
    padding: 30px 2px 175px 2px;
}

.accessible_on .resource-l li a span,
.accessible_on .resource-r li a span,
.accessible_on .protocol-btn a span,
.accessible_on .aside-edu-video li a span {
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
    -o-filter: brightness(0);
    filter: brightness(0);
}

.accessible_on.dfw-blackmode .protocol-btn a span {
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.accessible_on .protocol-btn {
    box-shadow: none;
}

.accessible_on .pub-date {
    background: none;
    color: inherit;
    left: -20px;
    bottom: -82px;
}

.accessible_on .map-address {
    position: static;
    margin: 0 auto;
}

.accessible_on #Map-main {
    min-height: auto;
    padding: 15px 0;
}

.accessible_on .ypo-logo {
    float: none;
    margin: 20px auto 0;
}

.accessible_on .social-logo li {
    margin: 0 5px;
}

.accessible_on.dfw-blackmode .service-intra li,
.accessible_on .dr-links,
.accessible_on .dr-logo li:last-child,
.accessible_on.dfw-blackmode #Dr-container,
.accessible_on.dfw-blackmode #Pub-container,
.accessible_on .news-l::before,
.accessible_on .news-r::before,
.accessible_on.dfw-blackmode #Edu-container,
.accessible_on.dfw-blackmode .protocol-btn,
.accessible_on.dfw-blackmode #Credibility-container,
.accessible_on.dfw-blackmode .map-address,
.accessible_on.dfw-blackmode #Map-container,
.accessible_on.dfw-blackmode .quick-links,
.accessible_on.dfw-blackmode #Footer-Container,
.accessible_on.dfw-blackmode #Mapping-container,
.accessible_on.dfw-blackmode #Menu-Container,
.accessible_on.dfw-blackmode #Sidebar,
.accessible_on.dfw-blackmode .aside-dr,
.accessible_on.dfw-blackmode .aside-edu,
.accessible_on.dfw-blackmode .aside-publication,
.accessible_on.dfw-blackmode .aside-edu-video,
.accessible_on .aside-edu-video li,
.accessible_on .quick-links,
.accessible_on #Mobile-Menu {
    border-color: inherit;
}

.accessible_on .mapping-more:hover {
    transform: none;
}

.accessible_on.dfw-blackmode .resource-r li a span,
.accessible_on.dfw-blackmode .resource-l li a span,
.accessible_on.dfw-blackmode .aside-edu-video li a span {
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.accessible_on.dfw-blackmode .table-cell.logo img {
    padding: 5px;
    background: #fff;
}

.accessible_on #Sidebar {
    border: 1px solid #000;
    padding: 27px 0px 20px 0px;
}

.accessible_on .aside-services ul {
    border: none;
    background: none;
}

.accessible_on .aside-dr {
    padding: 20px 0 0 0;
    background: none;
}

.accessible_on .aside-dr-more {
    border: none;
    margin: 6px auto 0px;
}

.accessible_on .aside-publication {
    margin: 10px 0 0 0;
    padding-top: 10px;
}

.accessible_on .aside-publication .news-details a {
    padding: 10px;
}

.accessible_on .aside-publication .news-details {
    width: 85%;
    bottom: -156px;
}

.accessible_on .aside-publication .pub-date {
    left: -14px;
    bottom: -65px;
    top: inherit;
}

.accessible_on .aside-publication .aside-heading {
    margin-bottom: 10px;
}

.accessible_on .aside-publication .news-l {
    margin: 0 auto;
    float: none;
}

.accessible_on .aside-edu-video {
    margin: 147px 0 0 0;
}

.accessible_on .services-tabs {
    border: 3px solid #000;
    background-image: none;
}


/*-----------------Easy tabs CSS------------------*/

.textMain .conditions-page #Condition-Procedure-Tab {
    background: none;
    text-transform: none;
}

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

.textMain .conditions-page .resp-tabs-list.hor_1 li {
    display: inline-block !important;
    vertical-align: top;
    font: 500 15px/18px 'Work Sans', sans-serif;
    text-transform: uppercase;
    position: relative;
    width: 190px;
    height: auto;
    padding: 0px;
    margin: 3px 1px;
    text-align: center;
    background: #0b3d91 !important;
    color: #ffffff;
    border-radius: 5px;
}

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

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

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

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

.textMain .conditions-page .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #2c7afa !important;
    color: #fff;
}

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

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

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

.textMain .conditions-page h2.resp-accordion {
    font-size: 17px;
    margin: 0px;
    padding: 0;
    text-transform: uppercase;
    background: #0b3d91 !important;
    border-bottom: 1px solid #a2b7db;
}

.textMain .conditions-page h2.resp-accordion a {
    display: block;
    padding: 3px 10px;
    color: #fff;
}


/*-----------Vertical tabs-----------*/

.textMain .conditions-page .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.textMain .conditions-page .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.textMain .conditions-page .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.textMain .conditions-page .resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.textMain .conditions-page .resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
}

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

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

.textMain .conditions-page h2.resp-tab-active {
    background: #216ce9 !important;
}

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

.textMain .conditions-page .resp-easy-accordion .resp-tab-content {
    border: 1px solid #195ac8;
}

.textMain .conditions-page .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #195ac8;
}

.textMain .conditions-page .resp-jfit {
    width: 100%;
    margin: 0px;
}

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

.textMain .conditions-page h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
}

.textMain .conditions-page .resp-tabs-list li a {
    color: #fff;
    position: relative;
    display: block;
    padding: 14px 3px;
}

.textMain .conditions-page .resp-tabs-list li a span {
    float: left;
    width: 116px;
    height: 115px;
    margin: -45px 10px 0 0;
}

.textMain .blog-list li {
    border-bottom: none;
}


/*----------Other CSS--------------*/

.align-r.mapping a {
    padding: 7px 10px;
}

.align-r.mapping a.pdf-icon::before {
    color: #fff;
    margin-right: 9px;
    top: 1px;
    position: relative;
}

.review-form {
    width: 640px;
    margin: 0 auto;
}

.textMain ul.protocol-list li {
    background: none;
    padding: 5px 5px 5px 5px;
}

.media-more a,
.align-r a {
    padding: 5px 8px;
    background: #003c8e;
    color: #fff;
}

.media-more a:hover,
.align-r a:hover {
    color: #e2ebfa;
}

.patientformpage .subList .form-rl,
.firstvistpage .subList .visit-rl,
.insurancepage .subList .health-rl {
    display: none;
}

.img-r img {
    border: 1px solid #ccc;
}

.contact-form {
    width: 640px;
    margin: 0 auto;
}

.topicimage {
    float: left;
    width: 230px;
    margin: 16px 18px 11px 0;
    border: 1px solid #ccc;
}

.pdftext {
    font-size: 12px;
}

.dr-page #Content-Container {
    background: url(../images/dr-page-bg-new.jpg) no-repeat scroll center top;
}

.dr-page .textMain h1 {
    text-transform: uppercase;
    font: 800 46px/52px 'Muli', sans-serif;
    color: #2564d2;
}

.dr-page .textMain h1 span {
    font: 400 20px/36px 'Muli', sans-serif;
}

.dr-profile-img {
    float: right;
    margin: -139px 0 16px 87px;
}

.dr-page .accordead,
.dr-page .textMain .accordead {
    border: none;
    border-bottom: 1px dotted #989898;
    background: none;
    text-transform: uppercase;
    letter-spacing: 0;
    font: 700 17px/26px 'Muli', sans-serif;
}

.dr-page .textMain .accordead a {
    color: #323232;
    padding: 15px 10px 15px 58px;
}

.dr-page .accordead a::after,
.dr-page .textMain .accordead a::after {
    left: 0;
    background: #9a9a9a;
    padding: 5px 11px 4px 11px;
    color: #fff;
    right: inherit;
    top: 9px;
}

.dr-page .accordead.show_accord a {
    color: #2564d2;
}

.dr-page .accordead.show_accord a::after,
.dr-page .textMain .accordead.show_accord a::after {
    background: #2564d2;
}

.dr-page .accordane,
.dr-page .textMain .accordane {
    background: #f3f3f3;
    border: none;
    padding: 15px 10px 15px 60px;
}

.year-r {
    width: 200px;
    margin: 0 14% 0 0;
    float: right;
    font-weight: 700;
}

.dr-page .textMain .accordane li {
    margin: 8px 0;
}

.dr-page .textMain .accordane .references-list li {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin: 1%;
}


/*------Useful links CSS--------*/

.useful-links-tab {
    width: 100%;
    margin-top: 40px !important;
}

.useful-links-tab li {
    background: none !important;
    display: inline-block;
    margin: 0 11px 20px 0;
    padding: 5px 5px !important;
    width: 48%;
    border: 1px solid #6c7074;
    vertical-align: top;
    min-height: 188px;
}

.useful-links-tab li .logo-sec {
    text-align: center;
}

.useful-links-tab .logo-sec a {
    display: block;
}

.link-tab > .link-head {
    background: #185699;
    font: 600 16px/20px 'Work Sans', sans-serif;
    margin: 5px 0 0 0;
    padding: 6px 0;
    color: #fff !important;
    text-align: center !important;
}

.link-tab p {
    text-align: center;
}


/*-------Other CSS--------*/

.textMain ul.testimonial-list li {
    width: 80%;
    border: 1px solid #c4e2f2;
    padding: 30px 70px;
    background: #e0ecf3;
    margin: 50px 0 75px 0;
    position: relative;
    clear: both;
    -webkit-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    position: relative;
}

.textMain ul.testimonial-list li::before {
    position: absolute;
    content: '\f10d';
    transition: all 400ms ease-out;
    display: inline-block;
    color: #a1b8c3;
    left: 19px;
    top: -21px;
    font-family: "fontello";
    font-size: 56px;
}

.textMain ul.testimonial-list li::after {
    position: absolute;
    content: '\f10e';
    transition: all 400ms ease-out;
    display: inline-block;
    color: #a1b8c3;
    right: 19px;
    bottom: -21px;
    font-family: "fontello";
    font-size: 56px;
}

.review-tabs {
    width: 80%;
    border: 1px solid #c4e2f2;
    padding: 30px 70px;
    background: #e0ecf3;
    margin: 50px 0 75px 0;
    position: relative;
    clear: both;
    -webkit-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.review-tabs span {
    position: absolute;
    display: inline-block;
    color: #a1b8c3;
    -webkit-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.review-tabs:hover {
    -webkit-box-shadow: inset 0px 0px 7px 9px rgba(176, 216, 240, 0.42);
    box-shadow: inset 0px 0px 7px 9px rgba(176, 216, 240, 0.42);
}

.review-tabs:hover span {
    color: #1b658b;
}

.review-tabs .quote-l::before,
.review-tabs .quote-r::before {
    font-size: 56px;
}

.review-tabs .quote-l {
    left: 19px;
    top: -21px;
}

.review-tabs .quote-r {
    right: 19px;
    bottom: -21px;
}

.review-tabs p {
    text-align: right;
}
.sun-div {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

#sun-pop {
    border-radius: 5px;
    display: none;
    left: 0;
    right: 0;
    margin: 0px auto;
    overflow: hidden;
    position: fixed;
    top: 8%;
    width: 600px;
    z-index: 9999;
    padding: 10px;
    background: #ffffff;
    font: normal 14px/20px  'Muli', sans-serif;
    animation-duration: 800ms;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sun-button {
    color: #e73e51;
    cursor: pointer;
    font: 700 15px/15px   'Muli', sans-serif;
    height: 20px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 5px;
    width: 20px;
    z-index: 101;
}

.sun-close {
    border-radius: 4px;
    bottom: -8px;
    color: #e73e51;
    cursor: pointer;
    font: 400 15px/15px   'Muli', sans-serif;
    height: 25px;
    position: absolute;
    right: -10px;
    text-align: center;
    width: 70px;
    z-index: 101;
}

#sun-pop p {
    padding: 5px 0;
    margin: 0 auto;
    font: 400 15px/22px 'Muli', sans-serif;
    color: #333;
}
 

#sun-pop .logo-popup {
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding: 8px 0 8px 0;
}

#sun-pop .logo-popup img {
    max-width: 100%;
}
.map-address h4 {
    color: #fff;
    font: bold 16px/22px 'Muli', sans-serif;
    margin: 5px 0px;
}

.Maps_auto span, .Maps_nav span {
	display: none;
}

#Maps0 {
	background: url(../images/map-bg-new.jpg) no-repeat center top;
}
#Maps1 {
	background: url(../images/map-bg1.jpg) no-repeat center top;
}
#Maps2 {
	background: url(../images/map-bg2.jpg) no-repeat center top;
}

 

/*------------Media Screen------------*/

@media screen and (max-width: 1193px) {
    .dr-img.table-cell {
        width: 646px;
        position: absolute;
        bottom: 0;
    }
    .dr-text.table-cell {
        padding: 60px 2px 0 24px;
    }
    .dr-logo {
        z-index: 1;
        position: relative;
    }
    .dr-links li a {
        padding: 16px 14px 15px 7px;
    }
    .mapping-intra.table-div {
        padding: 50px 19px;
    }
    .news-details {
        width: 82%;
        right: -16%;
    }
    .resource-r {
        left: -19px;
    }
    .resource-l,
    .resource-r {
        right: -19px;
    }
    .protocol-btn {
        font: 300 22px/32px 'Work Sans', sans-serif;
    }
    .protocol-btn a {
        padding: 25px 48px 23px 31px;
    }
    .map-address {
        left: 1%;
    }
    .quick-links {
        width: 96%;
    }
    .location-sec .map-r {
        width: 67.6%;
    }
    .useful-links-tab li {
        width: 47%;
    }
}

@media screen and (max-width: 979px) {
    .serv-text::after {
        right: -102px;
    }
    .serv-text::before {
        left: -102px;
    }
    #Service-container {
        background-size: cover;
    }
    .dr-intra.table-div,
    .dr-intra .table-cell {
        display: inherit;
    }
    .dr-img.table-cell img {
        margin: 30px 0 0 0;
    }
    .dr-img.table-cell {
        width: 614px;
        position: static;
        margin: 0 auto 0;
    }
    #Dr-container {
        background-color: #003989;
    }
    .dr-text h1::before {
        left: -21px;
    }
    .dr-logo {
        margin: 34px 0 0px 0;
        padding-bottom: 19px;
    }
    .mapping-head {
        font: 800 32px/40px 'Muli', sans-serif;
    }
    .mapping-more::before,
    .mapping-more::after {
        width: 153px;
    }
    .mapping-more::after {
        right: -153px;
    }
    .mapping-more::before {
        left: -153px;
    }
    .pub-sec.table-div,
    .pub-sec .table-cell {
        display: inherit;
    }
    .news-l,
    .news-r {
        margin: 0 auto 34px;
    }
    .aside-publication .news-l {
        margin: 0;
    }
    .pub-l.table-cell,
    .pub-r.table-cell {
        padding-left: 0;
    }
    .news-details {
        width: 90%;
        right: -38%;
    }
    .pub-intra {
        padding: 40px 2px 25px 2px;
    }
    .resource-l,
    .resource-r {
        width: 170px;
    }
    .resource-l {
        right: 0;
    }
    .resource-r {
        left: 0;
    }
    .protocol-btn {
        font: 300 20px/26px 'Work Sans', sans-serif;
    }
    .protocol-btn a {
        padding: 20px 8px 20px 14px;
    }
    .protocol-btn a span {
        margin: 3px 14px 0 0;
    }
    #Edu-main {
        min-height: 612px;
    }
    .cred-intra ul li::after {
        display: none;
    }
    .cred-intra ul li {
        width: 17%;
        margin: 0 1%;
    }
    .map-add-intra::after {
        right: inherit;
        left: -56px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .map-address {
        left: inherit;
        right: 2%;
        width: 316px;
        padding: 30px 35px 30px 35px;
    }
    .quick-links a {
        padding: 0 9px;
    }
    .quick-links {
        width: 100%;
        font: 300 13px/27px 'Muli', sans-serif;
    }
    .footer-intra {
        padding: 34px 2px 28px 2px;
    }
    .menu li {
        font: 600 13px/17px 'Muli', sans-serif;
    }
    .textMain .serv-text-r li {
        width: 100%;
    }
    .location-sec .map-r {
        width: 58.2%;
    }
    .useful-links-tab li {
        width: 96%;
    }
    .dr-profile-img {
        float: none;
        margin: 0px 0 16px 0px;
        text-align: center;
    }
    .dr-profile-img img {
        -webkit-box-shadow: 0 8px 6px -6px #000;
        -moz-box-shadow: 0 8px 6px -6px #000;
        box-shadow: 0 8px 6px -6px #000;
    }
    .dr-page #Content-Container {
        background: none;
    }
    .textMain .subList li {
        width: 78%;
    }
}

@media screen and (max-width: 767px) {
    #Main-Menu {
        display: none;
    }
    #Mobile-Menu {
        display: block;
    }
    #Content,
    #Sidebar {
        display: block;
    }
    #Header .table-div {
        padding: 17px 2px 15px 2px;
    }
    #Header .table-div,
    #Header .table-cell,
    .mapping-intra.table-div,
    .mapping-intra .table-cell,
    .edu-sec.table-div,
    .edu-sec .table-cell {
        display: inherit;
    }
    .table-cell.logo {
        margin: 0 auto 20px;
    }
    .table-cell.header-right {
        text-align: center;
    }
    .phone-h {
        margin: 0px 0 20px 0;
    }
    .banner-head {
        font: 300 36px/46px 'Muli', sans-serif;
    }
    .mapping-intra.table-div {
        padding: 24px 19px;
    }
    .mapping-video {
        text-align: center;
        margin: 24px 0 10px 0;
    }
    .news-details {
        right: -32%;
    }
    .resource-l,
    .resource-r {
        position: static;
        margin: 0 auto;
    }
    .video-c {
        margin: 0 auto;
    }
    .map-add-intra::after {
        bottom: 21px;
    }
    #Sidebar {
        margin: 0 auto;
        padding: 20px 0px 20px 0px;
    }
    .services-tabs .table-cell,
    .services-tabs.table-div {
        display: inherit;
    }
    .serv-img-l {
        margin: 0 auto;
    }
    .serv-text-r,
    .textMain .services-tabs.elbow .serv-text-r {
        padding: 0 0 0 0px;
    }
    .textMain .serv-text-r li {
        width: 49%;
    }
    .textMain .serv-text-r .heading-serv::after {
        left: 40%;
    }
    .textMain .serv-text-r .heading-serv,
    .textMain .services-tabs.elbow .serv-text-r .heading-serv {
        text-align: center;
    }
    .textMain .services-tabs.elbow .serv-text-r .heading-serv::after {
        right: 40%;
    }
    .textMain .conditions-page h2.resp-accordion {
        display: block;
    }
    .textMain .conditions-page .resp-tabs-list.hor_1 {
        display: none;
    }
    .location-sec .map-r {
        width: 100%;
    }
    .useful-links-tab {
        text-align: center;
    }
    .useful-links-tab li {
        width: 47%;
    }
    .dr-page .textMain .accordane .references-list li {
        width: 90%;
        margin: 1%;
    }
    .year-r {
        width: 148px;
        margin: 0 0 0 0;
    }
    .textMain .subList li {
        width: 49%;
    }
}

@media screen and (max-width: 640px) {
    .ada-off span {
        border-radius: 0;
        background: url(../images/accessible-w.png) no-repeat center 23px #003263;
    }
    .dr-img.table-cell {
        width: 475px;
    }
    #Dr-container {
        background-size: cover;
    }
    .dr-text.table-cell {
        padding: 30px 4px 0 4px;
        text-align: center;
    }
    .dr-links li a:hover {
        color: #eae3e3;
    }
    .dr-img.table-cell img {
        -webkit-box-shadow: 0 8px 6px -6px #000000;
        -moz-box-shadow: 0 8px 6px -6px #000000;
        box-shadow: 0 8px 6px -6px #000000;
    }
    .pub-heading {
        width: auto;
    }
    .pub-heading::before,
    .pub-heading::after {
        display: none;
    }
    .news-details {
        width: 100%;
        right: 0;
        bottom: -170px;
        min-height: 170px;
    }
    .news-l,
    .news-r {
        margin: 0 auto 203px;
    }
    .protocol-btn {
        width: 92%;
    }
    .map-add-intra::after {
        display: none;
    }
    .map-address {
        background: rgba(10, 59, 139, .9);
    }
    .ypo-logo {
        float: none;
        margin: 20px auto 0px;
    }
    .useful-links-tab li {
        width: 80%;
    }
    .dr-page .accordane,
    .dr-page .textMain .accordane {
        padding: 15px 10px 15px 40px;
    }
    .contact-form {
        width: 318px;
    }
    .textMain .subList li {
        width: 320px;
    }
    .subList {
        text-align: center;
    }
    #sun-pop {
        top: 20px;
        width: 92%;
        position: absolute;
    }
    .schemaTable .table-cell {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .table-cell.logo {
        width: auto;
        text-align: center;
    }
    #Banner-Container,
    #Banner-Container-S {
        display: none;
    }
    .service-intra {
        top: 0;
    }
    .serv-text {
        font: 300 13px/28px 'Muli', sans-serif;
    }
    .dr-img.table-cell {
        width: auto;
    }
    .dr-text h1 {
        font: 800 34px/45px 'Muli', sans-serif;
    }
    .dr-text h1 span {
        font: 400 14px/32px 'Muli', sans-serif;
    }
    .mapping-head {
        font: 800 24px/34px 'Muli', sans-serif;
    }
    .table-cell.mapping-text p {
        margin: 15px 0 30px 0;
    }
    .pub-heading {
        font: 800 31px/40px 'Muli', sans-serif;
    }
    .news-l,
    .news-r {
        width: 310px;
        height: 277px;
    }
    .news-l::before,
    .news-r::before {
        width: 308px;
        height: 288px;
    }
    .news-details a {
        padding: 20px 20px 20px 20px;
    }
    .cred-intra ul li {
        width: 34%;
        margin: 0 6% 5px 6%;
    }
    .video-c {
        width: auto;
        padding: 0 4px;
    }
    .serv-text {
        margin: 30px auto 0px;
        padding-bottom: 10px;
    }
    .textMain .serv-text-r li {
        width: 100%;
    }
    .useful-links-tab li {
        width: 100%;
    }
    .dr-page .textMain .accordane .references-list li {
        width: 100%;
        margin: 1% 0;
    }
    .year-r {
        margin: 0 0 0 17px;
        float: none;
    }
    .dr-page .textMain h1 {
        font: 800 36px/45px 'Muli', sans-serif;
    }
    .dr-page .textMain h1 span {
        font: 400 17px/30px 'Muli', sans-serif;
    }
    .topicimage {
        float: none;
        margin: 9px 0;
    }
    .textMain .conditions-page .resp-tab-content {
        padding: 15px 0;
    }
    .review-form {
        width: 306px;
    }
    .write-review {
        float: none;
        width: 228px;
        margin: 10px auto 10px;
    }
}

@media screen and (max-width: 375px) {
    .news-l::before,
    .news-r::before {
        display: none;
    }
    .pub-date {
        left: 0px;
    }
    .edu-heading {
        font: 700 28px/37px 'Muli', sans-serif;
        margin-bottom: 21px;
    }
    .edu-intra {
        padding: 25px 0 10px 0;
    }
    .protocol-btn {
        width: 100%;
        font: 300 19px/26px 'Work Sans', sans-serif;
    }
    .serv-img-l {
        width: auto;
        text-align: center;
    }
    .textMain .serv-text-r .heading-serv {
        font: 600 30px/40px 'Muli', sans-serif;
        padding-bottom: 18px;
        margin-bottom: 19px;
    }
    .textMain .serv-text-r .heading-serv::after {
        left: 25%;
    }
    .textMain .services-tabs.elbow .serv-text-r .heading-serv::after {
        right: 25%;
    }
    .textMain .subList li {
        width: 292px;
    }
}