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

@font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.eot');
    src: url('fonts/fontello.eot#iefix') format('embedded-opentype'), url('fonts/fontello.woff') format('woff'), url('fonts/fontello.ttf') format('truetype'), url('fonts/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

#Map-Container,
#Corona-Container,
#Banner-Service,
#Specialties-Container,
#Techniques-Container,
#Profile-Container,
#Education-Container,
#Map-Container,
#Profile-Container,
#Resources-Container,
#News-Container,
#Testimonials-Container,
#Watch-Container,
#Blog-Container,
#Referrals-Container,
#Credibility-Container,
#Team-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Corona-intra,
#Banner,
#Specialties-Section,
#Techniques-Section,
#Profile-Section,
#Testimonials-Section,
#News-Section,
#Education-Section,
#Map-Section,
#Map-Intra-Section,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Credibility,
#Team {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}
.web-image{
    text-align: center;
}
.web-image img{
    text-align: center;
    border: 2px solid #000;
}

#Corona-Container {
    background: rgba(255, 255, 255, 0.5);
    clear: both;
    position: absolute;
    z-index: 99;
    top: 127px;
    display: none;
}

#Corona-intra {
    text-align: center;
    font: 400 23px/29px 'Muli', sans-serif;
    color: #000;
    padding: 10px 0;
}

#Corona-intra ul {
    text-align: center;
}

#Corona-intra ul li {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 160px;
    margin: 15px 10px 0 10px;
}

#Corona-intra ul li a {
    display: block;
    font: 400 16px/23px 'Muli', sans-serif;
    color: #fff;
    padding: 7px 0;
    background: #c4162f;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 15px;
}

#Corona-intra ul li a:hover {
    background: #000;
}


/* ADA */

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


/* Scroller CSS */

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


/* Header CSS */

#Header-Container {
    position: absolute;
    top: 0px;
    z-index: 999;
}

#Header {
    min-height: 100px;
    padding: 15px 0px 0px;
}

.logo {
    width: 35.6%;
    vertical-align: middle;
    position: relative;
    padding-right: 1%;
}

.logo a {
    display: inline-block;
}

.health {
    vertical-align: middle;
    width: 150px;
}

.health a {
    display: inline-block;
}

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

.appoint {
    padding-top: 16px;
}

.appoint-list li {
    display: inline-block;
    vertical-align: top;
    color: #23354b;
}

.appoint-list {
    margin-bottom: 10px;
}

.appoint-list li a {
    display: block;
}

.call-appoint {
    text-align: right;
}

.appoint-list {
    width: 100%;
}

.appoint-list li {
    position: relative;
}

.h-appoint1 {
    font: 300 16px/40px 'Muli', sans-serif;
    margin-right: -4px;
}

.h-appoint2 {
    font: 300 13px/35px 'Muli', sans-serif;
}

.h-appoint2 {
    border-radius: 20px;
    border: 1px solid #c7c7c8;
    text-transform: uppercase;
}

.h-appoint2 a {
    padding: 0px 17px 0px 55px;
    transition: all 0.6s ease-in-out;
    color: #313131;
    border-radius: 20px;
}

.h-appoint1 a {
    padding: 0px 25px 0px 55px;
    transition: all 0.6s ease-in-out;
    color: #161916;
}

.h-appoint1::before {
    position: absolute;
    content: '';
    background: url(../images/phone-icn.png) no-repeat center;
    width: 19px;
    height: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 27px;
}

.h-appoint2::before {
    position: absolute;
    content: '';
    background: url(../images/appoin-icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
}

.h-appoint2 a:hover {
    background: #373737;
    color: #fff;
}


/* Menu CSS */

.menu-patient li ul {
    left: -100%;
}

.menu li {
    text-transform: uppercase;
}

.menu li li {
    text-transform: none;
}

.menu-home {
    width: 10%;
}

.menu-about {
    width: 18%;
}

.menu-services {
    width: 17%;
}

.menu-patient {
    width: 19%;
}

.menu-media {
    width: 10%;
}

.menu-faqs {
    width: 8%;
}

.menu-contact {
    width: 17%;
}

.menu li {
    font: 400 13px/25px 'Muli', sans-serif;
    height: 50px;
    color: #313131;
    transition: all 0.6s ease-in-out;
    text-transform: uppercase;
}

.menu li li {
    font: 300 15px/20px 'Muli', sans-serif;
}

.menu ul li a {
    padding: 9px 15px 9px 30px;
}

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

.menu ul li a {
    color: #fff;
    background: url(../images/menu-hover.png) no-repeat 15px center;
}

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

.menu li li {
    background: #2d2d2d;
    color: #fff;
    padding: 0px;
}

.menu li li:hover {
    background: #c4162f;
}

.menu-about li {
    width: 225px;
}

.menu-patient li {
    width: 300px;
}

.menu-services li {
    width: 300px;
}

.menu-media li {
    width: 180px;
}

.menu-faqs li {
    width: 150px;
}


/*.menu li.menu-patient:hover .pi-menu ul, .menu li.menu-patient:hover li.pi-menu  {
    background: none;
}*/

.menu li a {
    padding: 12px 0px;
}

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

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

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

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

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

.toggleMenu {
    font: 400 16px/30px 'Rubik', sans-serif;
}

.toggleMenu a {
    border: 1px solid #ccc;
}

.Wrapper {
    font: 400 14px/20px 'Muli', sans-serif;
}

.menu li {
    position: relative;
    padding-bottom: 12px;
}

.menu li::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #ac162c;
    content: '';
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.menu li:hover::before {
    width: 100%;
}

.menu li li::before {
    display: none;
}


/* Home Banner CSS */

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

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


/* Subpage Banner CSS */

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

#Banner-Container-S #Banner {
    min-height: 292px;
}


/* Banner Content CSS */

.banner-content {
    position: absolute;
    right: 30px;
    top: 45%;
    padding: 15px;
    text-align: left;
}

.spe-head {
    font: 400 40px/45px 'Playfair Display', serif;
    color: #c4162f;
    text-transform: uppercase;
}

.bann-book {
    border-radius: 20px;
    text-transform: uppercase;
    font: 300 13px/48px 'Muli', sans-serif;
    width: 160px;
    text-align: center;
    margin: 20px 0px;
}

.bann-book a {
    background: #141d26;
    border-radius: 20px;
    transition: 0.5s ease all;
    display: block;
    color: #fff;
}

.bann-book a:hover {
    background: #c4162f;
}


/* Navigation CSS */

#Specialties-Container {
    background: #2d2d2d;
}

#Specialties-Section {
    text-align: center;
    padding: 30px 0px 50px;
}

.spe-heading1 {
    font: 400 30px/45px 'Playfair Display', serif;
    text-transform: uppercase;
    padding: 0px 0px 30px;
    color: #fff;
}

.specialties-intra li {
    vertical-align: middle;
    text-transform: uppercase;
    font: 400 18px/25px 'Muli', sans-serif;
}

.specialties-intra li a {
    padding: 170px 0px 40px 0px;
    display: block;
    color: #fff;
}

.specialties-intra .specialties-tab1 {
    background: url(../images/hip-icon.png) no-repeat center top;
}

.specialties-intra .specialties-tab2 {
    background: url(../images/hip-artho.png) no-repeat center top;
}

.specialties-intra .specialties-tab3 {
    background: url(../images/hip-car.png) no-repeat center top;
}

.specialties-intra .specialties-tab4 {
    background: url(../images/hip-prox.png) no-repeat center top;
}

.specialties-intra .specialties-tab5 {
    background: url(../images/glu-icon.png) no-repeat center top;
}

.specialties-intra .specialties-tab6 {
    background: url(../images/knee-car.png) no-repeat top center;
}

.specialties-intra .specialties-tab7 {
    background: url(../images/acl-icon.png) no-repeat top center;
}

.specialties-intra .specialties-tab8 {
    background: url(../images/meniscus-icon.png) no-repeat top center;
}

.specialties-intra .specialties-tab9 {
    background: url(../images/sports-img.png) no-repeat top center;
}

.specialties-intra .specialties-tab1:hover a {
    background: url(../images/hip-icon-h.png) no-repeat center top;
}

.specialties-intra .specialties-tab2:hover a {
    background: url(../images/hip-artho-h.png) no-repeat center top;
}

.specialties-intra .specialties-tab3:hover a {
    background: url(../images/hip-car-h.png) no-repeat center top;
}

.specialties-intra .specialties-tab4:hover a {
    background: url(../images/hip-prox-h.png) no-repeat center top;
}

.specialties-intra .specialties-tab5:hover a {
    background: url(../images/glu-icon-h.png) no-repeat center top;
}

.specialties-intra .specialties-tab6:hover a {
    background: url(../images/knee-car-h.png) no-repeat top center;
}

.specialties-intra .specialties-tab7:hover a {
    background: url(../images/acl-icon-h.png) no-repeat top center;
}

.specialties-intra .specialties-tab8:hover a {
    background: url(../images/meniscus-icon-h.png) no-repeat top center;
}

.specialties-intra .specialties-tab9:hover a {
    background: url(../images/sports-medicine-h.png) no-repeat top center;
}

#Specialties-Section .nbs-flexisel-nav-left {
    width: 35px;
    color: #979ba0;
    left: 0px;
}

#Specialties-Section .nbs-flexisel-nav-right {
    width: 35px;
    color: #979ba0;
    right: 0px;
}

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

#Profile-Section {
    height: 578px;
}

#Profile-Section .table-div {
    padding: 50px 0px 0px;
}

.profile-img img {
    position: absolute;
    bottom: 0;
    left: -12%;
    width: 46%;
}


/*.profile-img::before {
    content: "";
    background: url(../images/travis-g-maak-md-img.png) no-repeat 0px 0px;
    height: 552px;
    width: 546px;
    left: -150px;
    bottom: -45px;
    position: absolute;
}*/

.top-dr {
    /*width: 335px;*/
    width: 27.8%;
}

.profile-text {
    padding-right: 1%;
    width: 55%;
    position: relative;
}

.about-hd {
    font: 200 20px/40px 'Muli', sans-serif;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

.about-hd::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0px;
    background: #fff;
    height: 4px;
    width: 30px;
}

.profile-text h1 {
    font: 400 42px/40px 'Playfair Display', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0px 0px;
}

.dr-name {
    font: 400 14px/20px 'Muli', sans-serif;
    color: #fff;
    display: block;
    text-transform: uppercase;
    padding: 10px 0px 25px;
}

.focused li {
    font: 400 14px/20px 'Muli', sans-serif;
    color: #fff;
    display: block;
    padding: 0px 0px 0px 20px;
    background: url(../images/list-icon.jpg) no-repeat left center;
    margin: 0px 0px 10px;
}

.profile-view {
    margin: 22px 0px 0px;
}

.profile-view li {
    display: inline-block;
}

.profile-view li a {
    padding: 0px 20px;
}

.about-dr {
    text-transform: uppercase;
    font: 400 16px/48px 'Muli', sans-serif;
    text-align: center;
    margin: 0px 2px;
}

.about-dr a {
    background: #141d26;
    border-radius: 20px;
    transition: 0.5s ease all;
    display: block;
    color: #fff;
}

.about-dr a:hover {
    background: #fff;
    color: #000;
}

.about-appoint {
    text-transform: uppercase;
    font: 300 14px/48px 'muli', sans-serif;
    text-align: center;
    margin: 20px auto 0px;
}

.about-appoint a {
    background: #ffffff;
    border-radius: 20px;
    transition: 0.5s ease all;
    display: block;
    color: #000;
}

.about-appoint a:hover {
    color: #fff;
    background: #141d26;
}

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

#Team .heading {
    text-transform: uppercase;
    color: #292929;
    font: 400 30px/42px 'Playfair Display', sans-serif;
    padding: 0px 0px 30px;
    text-align: center;
}

#Team li {
    display: inline-block;
    border-right: 1px solid #cccccc !important;
    vertical-align: top;
}

#Team li img {
    vertical-align: middle;
}

#Team .nbs-flexisel-nav-right::before,
#Team .nbs-flexisel-nav-left::before {
    display: none;
}

#Techniques-Container {
    background: #2d2d2d;
}

#Techniques-Section {
    padding: 10px 0px 30px 0px;
}

.cartilage-intra {
    background: url(../images/new-tech-bg.png) no-repeat center top;
    width: 100%;
    min-height: 530px;
    background-size: cover;
}

.cutting {
    padding: 120px 0px 0px 90px;
    width: 60%;
}

.cutting .heading1 {
    font: 200 30px/40px 'Muli', sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.cutting .heading2 {
    font: 400 43px/45px 'Playfair Display', sans-serif;
    color: #fff;
    padding: 0px 0px 30px;
    text-transform: uppercase;
}

.cutting p {
    color: #ffffff;
    font: 300 16px/24px 'Muli', sans-serif;
}

.technique-more {
    font: 300 14px/42px 'Muli', sans-serif;
    text-align: center;
    margin: 20px 0px;
    width: 150px;
    text-transform: uppercase;
}

.technique-more a {
    background: #262626;
    border-radius: 20px;
    transition: 0.5s ease all;
    display: block;
    color: #fff;
}

.technique-more a:hover {
    background: #e5113c;
}

#News-Container {
    background: #f3f3f3;
}

#News-Section {
    min-height: 732px;
}

.news-heading {
    text-transform: uppercase;
    color: #292929;
    font: 400 30px/42px 'Playfair Display', sans-serif;
    padding: 50px 0px;
    text-align: center;
    position: relative;
    background: url(../images/new-public-bg.png) no-repeat center center;
}

.news-intra {
    background: url(../images/femoroacetabular-impingement-syndrome.jpg) no-repeat left center;
    height: 482px;
}

.news-intra .news-In {
    margin: 15px 6% 0px auto;
}

.news-In {
    position: relative;
    background: #fff;
    padding: 20px 30px 0px 45px;
    height: 464px;
    width: 336px;
}

.news-In:before {
    position: absolute;
    content: '';
    background: #e6e9f0;
    width: 8px;
    height: 102px;
    top: 0;
}

.news-intra .news-In:before {
    right: 0;
}

.publications .news-In:before {
    left: 0;
}

.publications {
    background: url(../images/public-bg.png) no-repeat right center;
}

.publications .news-In {
    margin: 15px 0px 0px 6%;
}

.news-In .heading1 {
    text-transform: uppercase;
    color: #818181;
    font: 300 16px/42px 'Muli', sans-serif;
}

.news-In .heading2 {
    color: #d30e32;
    font: 600 16px/24px 'Muli', sans-serif;
    padding: 0px 0px 50px 0px;
    text-transform: uppercase;
}

.publications .heading2 {
    padding: 0px 0px 0px 0px;
}

.news-In .heading3 {
    color: #454545;
    font: 300 13px/24px 'Muli', sans-serif;
    padding: 0px 0px 0px 50px;
    background: url(../images/news-date.png) no-repeat left center;
    position: relative;
}

.news-In .heading3::before {
    position: absolute;
    bottom: -7px;
    content: "";
    height: 2px;
    width: 17px;
    left: 0px;
    background: #9a9a9a;
}

.news-In p {
    color: #3d3d3d;
    font: 400 14px/26px 'Muli', sans-serif;
    padding: 35px 0px 0px 0px;
}

.newsKnow {
    font: 300 14px/42px 'Muli', sans-serif;
    text-align: center;
    margin: 30px 0px 0px;
    width: 150px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.newsKnow a {
    border-radius: 20px;
    border: 1px solid #cccccc;
    transition: 0.5s ease all;
    display: block;
    color: #fff;
    background: #d30e32;
}

.newsKnow a:hover {
    background: #000;
}

.news-more {
    font: 300 14px/42px 'Muli', sans-serif;
    text-align: center;
    margin: 30px auto 0px;
    width: 150px;
    text-transform: uppercase;
}

.news-more a {
    border-radius: 20px;
    border: 1px solid #cccccc;
    transition: 0.5s ease all;
    display: block;
    color: #000;
}

.news-more a:hover {
    background: #e5113c;
}


/* Testimonials CSS */

#Testimonials-Container {
    background: #262626;
}

#Testimonials-Section {
    text-align: center;
    min-height: 520px;
    padding: 45px 0px 0px;
}

.pt-head {
    font: 400 30px/30px 'Playfair Display', sans-serif;
    text-transform: uppercase;
    margin-bottom: 85px;
    text-align: center;
    width: 360px;
    margin: 0px auto 0px;
    padding: 60px 0px 20px;
    position: relative;
    color: #fff;
}

.pt-head::before {
    background: url(../images/star-logo.png) no-repeat 0px 0px;
    position: absolute;
    width: 155px;
    height: 53px;
    content: "";
    top: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
}

.pt-rm {
    margin-top: 153px;
    margin-bottom: 10px;
}

.pt-main {
    position: relative;
    width: 75%;
    margin: 0px auto;
}

.pt-main::before {
    position: absolute;
    content: '';
    background: url(../images/coats-left.png) no-repeat right bottom;
    width: 99px;
    height: 209px;
    left: -132px;
    top: -76px;
}

.pt-main::after {
    position: absolute;
    content: '';
    background: url(/images/coats-right.png) no-repeat right bottom;
    width: 99px;
    height: 209px;
    right: -114px;
    top: -76px;
}

.pt-text {
    font: 300 16px/30px 'Muli', sans-serif;
    color: #fff;
}

.pt-rm li {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font: 400 14px/30px 'Muli', sans-serif;
    color: #fff;
    margin: 0px 2px;
}

.pt-rm li a {
    border-radius: 20px;
    display: block;
    padding: 6px 20px;
    transition: 0.5s ease all;
    border: 1px solid #515151;
    color: #fff;
}

.pt-rm li a:hover {
    background: #bf0b26;
    color: #fff;
}

.stories-s-Tabs {
    text-align: center;
    position: absolute;
    z-index: 99;
    bottom: -135px;
    right: -92px;
    left: 0px;
    margin: 0px auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 96px;
}

.stories-s-Tabs li {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
}

.stories-s-Tabs li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #7d7d7d;
    border-radius: 50%;
}

.stories-s-Tabs li a:hover,
.stories-s-Tabs li.stories-s_here a {
    background: #ffffff;
}

.stories-s_auto {
    display: none;
}

.complimentary {
    position: absolute;
    bottom: -145px;
    background: #363636;
    text-align: center;
    width: 100%;
    min-height: 260px;
    z-index: 99;
    padding: 40px 10px 55px;
    color: #fff;
}

.complimentary .head1 {
    text-transform: uppercase;
    font: 400 30px/40px 'Playfair Display', sans-serif;
    padding: 0px 0px 10px;
}

.complimentary p {
    font: 400 14px/22px 'Muli', sans-serif;
}

.complimentary p span {
    display: block;
}

.through {
    font: 300 14px/30px 'Muli', sans-serif;
    background: #a71529;
    width: 50%;
    margin: 20px auto 0px;
    border-radius: 20px;
    color: #c3c3c3;
}

.through span {
    color: #fff;
}

#Education-Container {
    background: #ab162c;
    padding: 150px 0px 0px;
}

#Education-Section {
    min-height: 850px;
    padding: 50px 0px 0px;
    text-align: center;
}

#Education-Section div {
    text-transform: uppercase;
    font: 400 30px/40px 'Playfair Display', sans-serif;
    color: #fff;
    text-align: center;
    padding: 0px 0px 20px;
}

.resources-list {
    border-top: 1px solid #bd4556;
    padding: 40px 0px 0px 0px;
    margin: 40px 0px 0px;
}

.resources-list li {
    display: inline-block;
    width: 22%;
    margin: 10px 10px 8px;
    position: relative;
    text-transform: uppercase;
    font: 300 15x/24px 'Muli', sans-serif;
    vertical-align: middle;
}

.resources-list li:first-child {
    text-align: left;
}

.resources-list li:last-child {
    text-align: right;
}

.patient-forms-h span {
    margin: 0px 42px 20px !important;
}

.payment-h span {
    margin: 0px 0px 20px 173px !important;
}

.resources-list li a {
    color: #ffffff;
    display: block;
    font-size: 26px !important;
}

.resources-list li::after {
    position: absolute;
    right: 0px;
    content: "";
    height: 70px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: 0px;
    width: 1px;
    background: #bd4556;
}

.resources-list li:last-child::after {
    display: none;
}

.resources-list span {
    display: block;
    margin: 0px auto 20px;
    width: 46px;
    height: 50px;
}

.patient-forms-h span {
    background: url(../images/patient-forms-icon.png) no-repeat 0px 0px;
}

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

.insurance-h span {
    background: url(../images/insurance-icon.png) no-repeat 0px 0px;
}

.payment-h span {
    background: url(../images/payment-options-icon.png) no-repeat 0px 0px;
}

.resources-list li a:hover {
    color: #262626
}

.patient-forms-h:hover span {
    background: url(../images/patient-forms-icon-h.png) no-repeat 0px 0px;
}

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

.insurance-h:hover span {
    background: url(../images/insurance-icon-h.png) no-repeat 0px 0px;
}

.payment-h:hover span {
    background: url(../images/payment-options-icon-h.png) no-repeat 0px 0px;
}

.multimedia-h {
    display: inline-block;
}

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

#Credibility li {
    display: inline-block;
    vertical-align: middle;
}

#Credibility .nbs-flexisel-nav-left {
    width: 35px;
    color: #979ba0;
    left: -9px;
}

#Credibility .nbs-flexisel-nav-right {
    width: 35px;
    color: #979ba0;
    right: -9px;
}

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

#Map-Section {
    min-height: 300px;
}

#Map-Section .heading1 {
    text-transform: uppercase;
    font: 400 30px/40px 'Playfair Display', sans-serif;
    color: #fff;
    text-align: center;
    padding: 50px 0px 40px;
}

.add-intra {
    position: absolute;
    bottom: -100px;
    z-index: 99;
    width: 100%;
}

.add-intra ul {
    text-align: center;
    padding: 5px 0px 0px;
}

.add-intra li {
    background: #363636;
    border: 10px solid #262626;
    height: 280px;
    margin: 0px 7px 0px;
    display: inline-block;
    width: 31%;
    vertical-align: top;
    padding: 35px 0px 0px;
}

.add-intra .heading2 {
    font: 800 18px/20px 'Muli', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 0px 20px;
}

.add-intra p {
    font: 300 14px/22px 'Muli', sans-serif;
    color: #fff;
}

.footer-link {
    position: relative;
    padding: 30px 0px 0px 0px;
}

.footer-link::after {
    content: "";
    margin: auto;
    top: 20px;
    left: 0px;
    right: 0px;
    background: #4a4a4a;
    width: 70%;
    height: 1px;
    position: absolute;
}

.footer-link a {
    font: 400 18px/22px 'Muli', sans-serif;
    color: #fff;
    padding: 0px 0px 0px 10px;
}

.footer-link a:hover {
    color: #ac162c;
}


/* Footer CSS */

#Footer-Container {
    background: #262626;
}

#Footer {
    min-height: 310px;
    padding: 90px 0px 20px;
}

.copyrights {
    padding: 35px 0px 10px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.copyrights p a {
    padding: 0px 15px;
    font: 300 14px/23px 'Muli', sans-serif;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.copyrights p a:hover {
    color: #ac162c;
}

.copy-text {
    text-align: center;
    font: 300 15px/23px 'Muli', sans-serif;
    color: #fff;
}

.copy-text a {
    color: #fff;
}

.copy-text a:hover {
    color: #ac162c;
}

#Footer h2 {
    font: 300 15px/23px 'Muli', sans-serif;
    color: #fff;
    text-align: center;
    padding: 5px;
}

#Footer h2 a:hover {
    color: #ac162c;
}

.social-header {
    text-align: center;
    margin: 20px auto 20px;
    width: 230px;
}

.social-header li {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin: 0px 5px;
}

.social-header li span {
    display: none;
}

.social-header li a {
    display: block;
    width: 30px;
    background: #ac162c;
    height: 30px;
    padding: 5px 0px 0px;
}

.social-header .font-icon::before {
    font-size: 15px;
}

.social-header li a:hover {
    background: #fff;
    color: #ac162c;
}

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


/* Navigation CSS */

#navigation {
    font: 400 15px/20px 'Muli', sans-serif;
    padding: 170px 0px 20px 0px;
    text-align: center;
    color: #c4162f;
    text-transform: uppercase;
}

#navigation h1 {
    font: 400 40px/50px 'Playfair Display', sans-serif;
    color: #c4162f;
    text-transform: uppercase;
}

#navigation a {
    color: #313131;
}

#navigation a:hover {
    color: #c4162f;
}


/* Text CSS */

.textMain {
    padding: 40px 30px 50px 10px;
    font: 400 16px/24px 'Muli', sans-serif;
    color: #454545;
}

.textMain a {
    color: #c4162f;
}

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

.textMain h1 {
    font: 700 30px/34px 'Muli', sans-serif;
    color: #414141;
    text-align: center;
}

.textMain h1 span {
    font: 400 18px/24px 'Muli', sans-serif;
    color: #4d4d4d;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 700 30px/30px 'Playfair Display', sans-serif;
    color: #c4162f;
}

.textMain h2 span {
    font: 400 18px/22px 'Muli', 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: 700 24px/26px 'Playfair Display', sans-serif;
    color: #4e4e4e;
}

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

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


/* Sidebar CSS */

#Sidebar {
    width: 320px;
}

.dr-intra-s {
    height: 479px;
    background: url(../images/dr-bg-s.jpg) no-repeat center top;
    text-align: center;
    margin: 0px 0px 80px;
    padding: 40px 0px 0px;
    position: relative;
}

.dr-name-s {
    color: #fff;
    font: 400 26px/40px 'Playfair Display', sans-serif;
    padding: 0px 0px 2px 0px;
    text-transform: uppercase;
}

.board-cert {
    color: #fff;
    font: 300 13px/24px 'Muli', sans-serif;
    text-transform: uppercase;
    padding: 3px 0px 12px 0px;
    position: relative;
}

.dr-intra-s img {
    margin: -14px 0px 0px -5px;
}

.profile-more {
    font: 400 14px/40px 'Muli', sans-serif;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: -15px;
    z-index: 9;
    right: 0px;
    margin: auto;
    left: 0px;
}

.profile-more a {
    display: block;
    color: #fff;
    border-radius: 20px;
    transition: background 700ms ease-out;
    background: #c00b26;
}

.profile-more a:hover {
    background: #000;
}

.resources-s {
    height: 620px;
    border-radius: 5px;
    padding: 50px 0px 0px;
    background: #ac162c;
}

.resources-s img {
    margin: 0px 0px 30px 33px;
    position: relative;
}

.resources-s .heading1 {
    font: 400 26px/30px 'Playfair Display', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 0px 28px 0px;
    color: #fff;
}

.resources-s ul {
    border-top: 1px solid #bd4556;
    text-align: center;
    margin: 0px auto;
    padding: 25px 0px 0px;
}

.resources-s li {
    display: block;
    font: 400 15px/20px 'Muli', sans-serif;
    text-align: left;
    text-transform: uppercase;
    position: relative;
}

.resources-s li::after {
    position: absolute;
    right: 0px;
    content: "";
    height: 1px;
    bottom: 0px;
    margin: auto;
    width: 257px;
    background: #bd4556;
    left: 0px;
}

.resources-s li:last-child::after {
    display: none;
}

.resources-s li a {
    display: block;
    color: #000000;
    transition: background 700ms ease-out;
    height: 100%;
    padding: 25px 0px;
    color: #fff;
}

.resources-s li span {
    width: 46px;
    height: 46px;
    margin: -13px 20px 0px;
    display: inline-block;
    float: left;
}

.resources-s li.resources-tab5 span {
    background: url(../images/patient-forms-icon.png) no-repeat 0px 0px;
}

.resources-s li.resources-tab6 span {
    background: url(../images/first-visit-icon.png) no-repeat 0px 0px;
}

.resources-s li.resources-tab7 span {
    background: url(../images/insurance-icon.png) no-repeat 0px 0px;
}

.resources-s li.resources-tab8 span {
    background: url(../images/payment-options-icon.png) no-repeat 0px 0px;
}

.resources-s li a:hover {
    background: #242424;
}

.specialties-s-tab1,
.specialties-s-tab4 {
    background: #f0f0f0;
    height: 375px;
    position: relative;
}

.specialties-s-tab1 .theme-L {
    left: -100%;
    background: #f0f0f0;
}

.specialties-s-tab4 .theme-R {
    right: -100%;
    background: #f0f0f0;
}

.specialties {
    margin: 30px auto;
}

.specialties-s-tab1,
.specialties-s-tab3 {
    padding: 25px 0px 0px 23%;
    position: relative;
}

.specialties-s-tab2,
.specialties-s-tab4 {
    padding: 25px 0px 0px 26%;
    position: relative;
}

.specialties-s-tab1::before {
    height: 274px;
    width: 261px;
    content: "";
    background: url(../images/shoulder-img.png) no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
}

.specialties-s-tab2::before {
    height: 274px;
    width: 261px;
    content: "";
    background: url(../images/hip-img.png) no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 20px;
}

.specialties-s-tab3::before {
    height: 274px;
    width: 261px;
    content: "";
    background: url(../images/knee-img-s.jpg) no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
}

.specialties-s-tab4::before {
    height: 274px;
    width: 261px;
    content: "";
    background: url(../images/sports-medicine.png) no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 20px;
}

.dp-profile-img {
    position: relative;
    float: left;
    margin: 0px 2.5% 20px 0px;
    width: 49%;
}

.pro-name {
    color: #c4162f;
    font: 400 50px/60px 'Playfair Display', sans-serif;
    text-transform: uppercase;
    margin: 40px 0px 30px 0px;
}

.pro-name span {
    color: #878787;
    font: 400 16px/20px 'Muli', sans-serif;
    display: block;
}

.dwn {
    margin: 40px auto;
    text-align: center;
}

.dwn a {
    background: #000 url(../images/pdf-icon.png) no-repeat 15px center;
    padding: 15px 20px 15px 40px;
    color: #fff;
    border-radius: 20px;
    display: inline-block;
}

.dwn a:hover {
    background: #c4162f url(../images/pdf-icon.png) no-repeat 15px center;
    color: #fff;
}

.staff-list {
    text-align: center;
}

.textMain .staff-list li {
    display: inline-block;
    margin: 10px 10px;
    background: none;
    border: 1px solid #ededed;
    padding: 5px;
    vertical-align: top;
    text-align: center;
    width: 270px;
    height: 250px;
}

.staff-name {
    font: 700 18px/24px 'Muli', sans-serif;
    color: #c00b26;
    padding: 15px 0px 0px;
}

.staff-name span {
    font: 400 16px/24px 'Alata', sans-serif;
    display: block;
    color: #000;
}

.staff-list p span {
    margin: 0px 10px;
}


/* Contact Page */

.textMain .contact-links {
    padding: 30px 0 0 0;
}

.textMain .contact-links li {
    padding: 5px 0 0 63px;
    background: none;
    font: 500 18px/24px 'Montserrat', sans-serif;
    margin-bottom: 46px;
    position: relative;
}

.textMain .contact-links li::before {
    width: 40px;
    height: 40px;
    background: #313131;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 7px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: -5px;
}

.textMain .contact-links li a {
    text-decoration: none;
}

.infosec iframe {
    height: 380px;
    width: 100%;
    -webkit-box-shadow: 4px 5px 5px 0px rgba(217, 211, 211, 0.75);
    border: none;
}


/* Submit Testimonials */

.textMain .write-review {
    font: 400 16px/20px 'Rubik', sans-serif;
    float: right;
    position: relative;
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    background: #c4162f;
    transition: background 700ms ease-out;
    color: #fff;
    border-radius: 5px;
}

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

.textMain .write-review a:hover {
    background: #000;
    color: #fff;
}


/* 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 15px/20px 'Rubik', 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 #013866;
}

.textMain .relList li a {
    padding: 5px 15px;
    background: #141d26;
    color: #fff;
    transition: background 700ms ease-out;
}

.textMain .relList li a:hover {
    background: #c00b26;
}

.textMain .subList li {
    border: none;
}

.textMain .subList li a {
    padding: 20px;
    text-align: center;
    background: #ac162c;
    color: #fff;
    transition: background 700ms ease-out;
}

.textMain .subList li a:hover {
    background: #000;
}


/*--Popup Video---*/

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

.popvideo {
    width: 75%;
    height: auto;
    padding: 40% 0 0 0;
    position: fixed;
    z-index: 10005;
    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 .ed-more {
    text-align: right;
}

.textMain .ed-more li {
    display: inline-block;
    background-image: none;
    padding: 0 !important;
}

.textMain .ed-video {
    background: #19a6f5;
}

.textMain .ed-more li a {
    text-decoration: none;
    display: block;
    padding: 8px 10px 8px 0px;
    color: #fff;
}

.textMain .ed-video a span {
    background: url("../images/loadmove.png") no-repeat 5px center;
    padding: 1px 5px 1px 25px;
}

.textMain .video-more {
    background: #1c1f4c;
}

.textMain .ed-more .video-more a {
    color: #fff;
    transition: all 0.4s ease-in-out;
}

.textMain .video-more a:hover {
    background: #19a6f5;
    color: #000;
}

.textMain .ed-video a {
    transition: all 0.4s ease-in-out;
}

.textMain .ed-video a:hover {
    background: #1c1f4c;
    color: #fff;
}

.textMain .video-more a span {
    padding: 1px 5px 1px 25px;
    background: url("../images/plus-w-img.png") no-repeat 8px center;
}

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

.vidFloat {
    float: right;
    width: 45%;
    height: 100%;
    margin: 1%;
}

.hTag2.bg-cond {
    text-align: center;
}

.readMore-cond a {
    display: block;
    background: #114a9f;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #91b8ee;
}

.textMain .con-pro ul li {
    background: #e7ecee;
    background: -moz-linear-gradient(left, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
    background: -webkit-linear-gradient(left, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
    background: linear-gradient(to right, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    min-height: 450px;
    width: 31%;
    padding: 25px;
    opacity: 1;
    position: relative;
    height: auto;
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: perspective(600px) translate3d(0, 0, 0);
    text-align: left;
}

.con-pro ul li::before {
    display: none;
}

.con-pro ul li a {
    text-decoration: none;
    color: #000;
}

.con-pro ul li:hover {
    color: #0f0f0f;
    transition: background 0.5s;
    background: #2c2c2c9c;
    transform: scale(1.01);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

.con-pro ul li:hover .ReadMore {
    display: none;
}

.con-pro ul li a:hover {
    color: #0f0f0f;
}

.con-pro h3 {
    font: 700 20px/22px 'Muli', sans-serif;
    padding: 8px;
    color: #275699;
}

.con-pro p {
    font: 400 15px/26px 'Muli', sans-serif;
    padding: 8px;
    margin: 5px !important;
    clear: both;
}

.readMore a {
    display: block;
    background: #275699;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #87a4cc;
    margin: 2px 15px 2px auto;
}

.readMore a:hover {
    background: #2c2c2c;
    color: #fff;
}

.rollover {
    visibility: hidden;
    color: #fc0;
    opacity: 1;
    position: absolute;
    z-index: 999;
    left: 0px;
    top: 40%;
    margin: 15px auto 0px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.rollover p {
    position: relative;
    width: 135px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    vertical-align: top;
    font: 400 15px/32px 'Rubik', sans-serif;
}

.rollover p a {
    display: block;
    padding: 44px 0px 0px 0px;
}

.con-pro ul li:hover .rollover {
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.con-pro ul li .eduMore {
    left: -35px;
}

.con-pro ul li .reMore {
    right: -35px;
}

.con-pro ul li:hover .eduMore {
    left: -3px;
}

.con-pro ul li:hover .reMore {
    right: -3px;
}

.eduMore {
    background: url(/images/edumore-bg.png) no-repeat center 12px #fff;
}

.reMore {
    background: url(/images/remore-bg.png) no-repeat center 12px #fff;
}

.hip-th,
.shoulder-th {
    padding: 5px 15px 5px 0px;
    float: left;
}

.readMore-cond a {
    display: block;
    background: #24272e;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #87a4cc;
}

.readMore-cond a:hover {
    background: #c4162f;
    color: #fff;
}

.floats {
    float: left;
}

.align-center-bx {
    text-align: center;
    font: 400 48px/52px 'Rubik', sans-serif;
    font-size: 0;
}

.bodyoverlay {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: absolute;
    background-color: #000000;
    opacity: .6;
}

.cond-proc-window {
    width: 330px;
    border-radius: 6px;
    box-shadow: 0 0 5px #ccc;
    background: #f25252;
    position: fixed;
    bottom: 5%;
    right: 4%;
    z-index: 999;
    text-align: center;
    color: #fff;
    text-align: center;
    padding: 0;
}

.cond-proc-window p {
    font: 400 17px/28px 'Poppins', sans-serif !important;
    padding: 10px 36px 10px 50px;
    cursor: pointer;
}

.cond-proc-window p::before {
    margin: 0 8px 0 -19px;
    font-size: 21px;
}

.cond-proc-window .clsbtn {
    color: #fff;
}

.cond-proc-window li {
    cursor: pointer;
}

.cond-proc-pop-up {
    position: fixed;
    width: 50%;
    padding: 10px;
    background: #f4f8fb;
    border-radius: 15px;
    box-shadow: 0 0 5px #b5bbc4;
    margin: 0 auto;
    display: none;
    z-index: 9999;
    border: 2px solid #ccc;
    left: 8%;
    top: 24%;
    -webkit-transform: translate(24%, -14%);
    -moz-transform: translate(24%, -14%);
    -ms-transform: translate(24%, -14%);
    -o-transform: translate(24%, -14%);
    transform: translate(24%, -14%);
}

.proc-r,
.cond-l {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.cond-proc-pop-up .clspop {
    right: 10px;
    top: 6px;
}

.cond-proc-pop-up .hTag4 {
    padding-left: 12px;
}

.textMain .cond-proc-window .hTag4 {
    padding: 10px 0 10px 13px;
}

.textMain .cond-proc-window ul {
    padding: 0 0 0 0;
    margin: 0;
}

.dr-imp-sec.post {
    min-height: 424px;
}


/*PDF CSS*/

.textMain ul.pdf-lists {
    text-align: center;
}

.textMain ul.pdf-lists li {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    padding: 4px;
    margin: 20px 4px;
    background: none;
    font: 400 25px/25px 'Poppins', sans-serif;
    min-width: 290px;
}

.textMain ul.pdf-lists li a {
    text-decoration: none;
    display: block;
}

.textMain ul.pdf-lists li img {
    border: 1px solid #ccc;
}

.textMain ul.pdf-lists li span {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #9c3a69;
}

.textMain ul.pdf-lists li {
    position: relative;
}

.textMain ul.pdf-lists li .pdf-main {
    position: relative;
    transition: all 0.6s linear;
    display: inline-block;
}

.textMain ul.pdf-lists li p.pdf-zoom {
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0px;
    margin: 0px;
}

.textMain ul.pdf-lists li p.pdf-zoom span {
    display: none;
    color: #fc0;
    padding-top: 75%;
    opacity: 1;
    position: absolute;
    z-index: 999;
    left: 0px;
    right: 0px;
    margin: 15px auto 0px;
    font: 400 20px/25px 'Poppins', sans-serif !important;
}

.textMain ul.pdf-lists li p.pdf-zoom:hover span {
    display: block;
}

.textMain ul.pdf-lists li p.pdf-span {
    padding: 0px;
}

.textMain ul.pdf-lists li p.pdf-zoom a::after {
    width: 0%;
    height: 0%;
    padding-top: 65%;
    right: 0px;
    margin: 0px auto;
    border-radius: 4px;
    left: 0px;
    top: 0px;
    font-size: 45px;
    font-family: "fontello";
    position: absolute;
    background: rgba(12, 13, 13, .55);
    transition: all 0.6s linear;
}

.textMain ul.pdf-lists li p.pdf-zoom:hover a::after {
    content: '\e823';
    color: #fff;
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}

.textMain ul.pdf-lists li p.pdf-download {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    right: -35px;
}

.textMain ul.pdf-lists li p.pdf-download a {
    display: block;
    width: 36px;
    height: 36px;
    position: relative;
    overflow: hidden;
    transition: 0.5s all ease;
    float: right;
    background: rgba(12, 13, 13, .55);
    z-index: 9;
}

.textMain ul.pdf-lists li p.pdf-download a::before {
    position: absolute;
    color: #ffffff;
    font-size: 20px;
    left: -4px;
    text-align: center;
    padding: 9px 0 9px 0;
    width: 46px;
    height: 46px;
    top: -2px;
    font-family: "fontello";
    content: '\E82D'
}

.textMain ul.pdf-lists li p.pdf-download::after {
    content: '';
    display: block;
    clear: both;
}

.textMain ul.pdf-lists li p.pdf-download:hover a {
    width: 115px;
}

.textMain ul.pdf-lists li p.pdf-download span {
    opacity: 0;
    padding: 8px 0 6px 25px;
    display: block;
    margin: 0px;
}

.textMain ul.pdf-lists li p.pdf-download b {
    display: block;
    opacity: 0;
    padding: 8px 0px;
    width: 277px;
    background: rgba(12, 13, 13, .55);
    text-align: right;
    padding-right: 8px;
}

.textMain ul.pdf-lists li p.pdf-download:hover a span {
    display: inline-block;
    color: #ffffff;
    font: 400 15px/22px 'Poppins', sans-serif;
    opacity: 1;
}

.textMain ul.pdf-lists li p.pdf-download:hover b {
    opacity: 1;
    display: inline-block;
    color: #fff;
    font: 400 15px/22px 'Poppins', sans-serif;
    animation: animatetop 0.6s;
}

.ReadMore {
    margin: 0px 0px 0px 15px;
}

.ReadMore a {
    font: 400 15px/20px 'Muli', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 15px 0px auto;
}

.noteDisclaimer {
    text-align: center;
    background: #ac162c;
    color: #fff;
}

.textMain .hl-lst ul {
    text-align: center;
}

.textMain .hl-lst ul li {
    display: inline-block;
    vertical-align: top;
    background: #ac162c;
    margin: 4px;
    padding: 5px;
    font: 400 18px/24px 'Muli', sans-serif;
}

.textMain .hl-lst ul li a {
    color: #fff;
    display: block;
    padding: 5px 15px;
}

@keyframes animatetop {
    from {
        top: -50px;
        opacity: 0
    }
    to {
        top: 20;
        opacity: 1
    }
}

.textMain ul.pdf-lists li p.pdf-download:hover b::after {
    position: absolute;
    content: '\F107';
    left: 0px;
    top: 0px;
    font-family: "fontello";
    font-size: 22px;
    padding: 8px 2px 0px 12px;
}

.textMain ul.pdf-lists li p.pdf-download:hover a {
    background: #0350a0;
    color: #fff;
}

.textMain ul.pdf-lists li p.pdf-download b {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -38px;
    right: 0px;
}

.textMain ul.pdf-lists li .pdf-main:hover img {
    background: rgba(0, 0, 0, 0.5);
}

.navigation a:hover {
    text-decoration: underline;
}

.textMain .testimonial-list {
    column-count: 2;
}

.textMain .testimonial-list li {
    padding: 20px 10px 20px 10px;
    position: relative;
    background: #f0f1f5;
    margin: 20px 20px 60px 20px;
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

.textMain .testimonial-list .authorname {
    text-align: right;
    font-style: italic;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
}

.textMain .testimonial-list li::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #c4162f;
    border-right: 5px solid #c4162f;
    bottom: -16px;
    right: -12px;
}

.textMain .testimonial-list li::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: 5px solid #c4162f;
    border-left: 5px solid #c4162f;
    top: -16px;
    left: -12px;
}

.textMain .rela {
    background: #e8e8e8 !important;
    color: #000 !important;
}

.pattetpg {
    text-align: center;
}

.aside-about,
.dr-loc-s {
    margin: 20px 0;
}

.aside-dr-heading {
    background: #43b8f5;
    text-align: center;
    padding: 15px 0 17px 0;
    color: #fff;
    font: 700 30px/25px 'Philosopher', sans-serif;
    text-transform: uppercase;
}

.aside-about,
.dr-loc-s {
    margin: 20px 0;
}

.aside-head {
    font: 700 24px/28px 'Philosopher', serif;
    color: #0b4fa4;
    margin-bottom: 5px;
}

.aside-head::before {
    margin: 0 10px 0 0;
}

.aside-about p {
    font: 400 14px/24px 'Rubik', serif;
    color: #2d2f2f;
}

.aside-about p a,
.specialize-s p a {
    color: #0b4fa4;
}

.specialize-s {
    padding: 20px 0;
    border-top: 1px solid #ccc;
}

.review-s,
.aside-appt {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.review-all {
    width: 200px;
    text-align: center;
    margin-top: 20px;
}

.review-all a {
    display: block;
    color: #fff;
    background: #262d3e;
    border-radius: 20px 0px 0px 0px;
    font: 400 18px/40px 'Rubik', serif;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.review-all a:hover {
    background: #43b8f5;
}

.nav-span {
    padding: 0px 5px;
}

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

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

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

.relBar li {
    padding: 5px 10px 5px 30px;
    font: 400 14px/20px 'Rubik', sans-serif;
    background: url(../images/menu-hover.png) no-repeat 10px 12px;
}

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

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

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

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

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

.textMain .conditions-page .resp-tabs-list li {
    cursor: pointer;
    display: inline-block !important;
    font: 400 15px/18px 'Muli', sans-serif;
    text-transform: uppercase;
    height: auto;
    padding: 0px 0px !important;
    background: #c4162f !important;
    border-radius: 3px 3px 0px 0px;
    margin: 12px 6px;
    text-align: center;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a {
    text-decoration: none;
    padding: 15px 50px !important;
    display: block;
    color: #ffffff;
    --color-smoke: #012048;
    box-shadow: -1px 4px 4px var(--color-smoke);
    position: relative;
}

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

.textMain .conditions-page .resp-tabs-list.hor_1 li a::before {
    border-bottom: 3px solid #141d26;
    position: absolute;
    transition: width 1s;
    left: 0;
    content: '';
    width: 0px;
    bottom: 0px;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a:hover::before {
    color: #012A84;
    width: 100%;
}

.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: #141d26 !important;
}

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

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

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

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

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

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

.KnowMore a {
    background: #000;
    font: 400 16px/24px 'Muli', sans-serif;
    display: block;
    padding: 5px;
    color: #fff;
    width: 120px;
    text-align: center;
}

.KnowMore a:hover {
    background: #c4162f;
    color: #fff;
    text-decoration: none;
}

.utahImg {
    margin: 20px 0px;
}

.contact-info {
    text-align: center;
}

.contactTable {
    margin-bottom: 20px;
    margin-top: 25px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}

.contact-pg-main.c-pg-odd {
    margin-right: 1.5%;
}

.contact-pg-main {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    min-width: 310px;
}

.contact-address {
    width: auto;
    display: block;
    padding: 10px;
    position: relative;
    background: #ac162c;
    color: #fff;
}

.textMain .contact-address p a {
    color: #fff;
}

.textMain .contactus p {
    padding: 1px 0px;
}

.textMain .contactus {
    text-align: center;
}

.contact-address p.textMainBold {
    padding: 5px 0px;
    text-align: center;
    font: 500 21px/30px 'Muli', serif;
}

.contact-address p {
    position: relative;
    padding: 5px 10px 0px 30px;
    font: 400 16px/28px 'Muli', sans-serif;
}

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

.contact-map {
    position: relative;
    display: block;
    width: auto;
    height: 295px;
}

.contactTable {
    display: block;
    width: auto;
}

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

.contact-tab-left,
.contact-tab-right {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: left;
}

.dis-note {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: #4e4e4e;
    padding: 10px 5px 10px 25px
}

.dis-note span {
    color: #ff4949;
}
.textMain .eventDoc ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}
.textMain .eventDoc li {
    margin: 0px;
    padding: 0px;
    font: 400 16px/28px 'Muli', sans-serif;
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    min-width: 150px;
    text-align: center;
    background: none;
}
.textMain .eventDoc li span {
    width: 150px;
    height: 150px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    margin: 0px auto 10px auto;
}
.textMain .docEvent > ul {
    font-size: 0px;
    margin: 0px;
    padding: 0px;
}
.textMain .eveLi {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    min-width: 250px;
    margin: 0px;
    padding: 5px;
    font: 400 16px/28px 'Muli', sans-serif;
    background: none;
}

@media screen and (max-width: 1065px) {
    /*.logo {
        width: 300px;
        padding: 0px 20px 0px 0px;
    }

    .health {
        width: 175px;
    }*/
    /*.profile-text {
        width: 59%;
        padding: 0px 0px 0px 10px;
    }

    .profile-img img {
        margin: 95px 23px 0px;
    }*/
    #Profile-Section {
        height: auto;
        padding: 50px 0px;
    }
    .profile-img img {
        left: -17%;
        width: 49%;
    }
    .foot-credi {
        padding: 0px 0px 32px;
    }
    .cutting {
        padding: 95px 0px 0px 44px;
        width: 55%;
    }
    .resources-list-l {
        float: left;
        margin: 6% 0 0 10px;
    }
    .multimedia-h {
        width: 98%;
        padding: 0px 0px 0px;
    }
    .add-intra li {
        padding: 10px 0px;
    }
    .add-line::after {
        display: none;
    }
    .copyrights p a {
        padding: 0px 5px;
    }
    /*.top-dr {
        background: none;
        width: 234px;
    }*/
    .profile-text h1 {
        font-size: 36px
    }
    .profile-img::before {
        bottom: -134px;
    }
    .resources-list li {
        width: 20%;
    }
    .payment-h span {
        margin: 0px auto 20px !important;
    }
    .resources-list li:last-child {
        text-align: center;
    }
    .resources-list li:first-child {
        text-align: center;
    }
    .patient-forms-h span {
        margin: 0px auto 20px !important;
    }
    .specialties-s-tab1,
    .specialties-s-tab3 {
        padding: 25px 0px 0px 25%;
    }
    .specialties-s-tab2,
    .specialties-s-tab4 {
        padding: 25px 0px 0px 27%;
    }
    .spe-head {
        text-shadow: 12px 0 30px #ffffff, 14px 0 30px #ffffff, 15px 2px 30px rgba(64, 77, 0, 0.5), 15px 0 45px #ffffff, 17px 0 45px #ffffff;
    }
    .pro-name {
        font-size: 4.6Vw;
        line-height: 5Vw;
    }
}

@media screen and (max-width: 1024px) {
    .profile-img::before {
        bottom: -114px;
    }
    /*.profile-img {
        position: relative;
        width: 380px;
    }*/
    .specialties-s-tab1::before,
    .specialties-s-tab2::before,
    .specialties-s-tab3::before,
    .specialties-s-tab4::before {
        width: 235px;
        background-size: 100%;
        height: 249px;
    }
    nav {
        position: absolute;
        left: 0;
        margin: 15px 0px 0px;
    }
    .menu-about {
        width: 17%;
    }
    .menu-services {
        width: 18%;
    }
    .menu-media {
        width: 12%;
    }
    .menu-faqs {
        width: 12%;
    }
    .menu-patient {
        width: 18%;
    }
    .logo {
        width: 42.6%;
    }
    .appoint-list {
        margin-bottom: 0;
    }
    .appoint {
        padding-top: 0;
        vertical-align: middle;
    }
    #Header {
        padding: 8px 0px 0px;
        min-height: 128px;
    }
    .health {
        width: 15%;
    }
    .h-appoint1 a {
        padding: 0px 10px 0px 25px;
    }
    .h-appoint1::before {
        left: 2px;
        top: 2px;
    }
    .appoint-list li {
        margin: 1px;
    }
    .menu li {
        padding: 0;
    }
}

@media screen and (max-width: 960px) {
    .resources-list {
        padding: 20px 0px 20px 0px;
        margin: 20px 0px 0px;
    }
    .resources-list li::after {
        right: -10px;
    }
    .copyrights p a {
        padding: 0px 3px;
        letter-spacing: 0px;
    }
    .add-intra .heading1 {
        font-size: 20px;
    }
    #Education-Section {
        min-height: 511px;
    }
    .quality {
        font-size: 24px;
    }
    .cutting {
        width: 71%;
    }
    #Profile-Container {
        background-size: cover;
    }
    #Profile-Section .table-cell {
        display: inline-block;
        vertical-align: bottom;
    }
    #Profile-Section .table-div {
        padding: 0;
    }
    .top-dr {
        width: 100%;
        text-align: center;
        padding: 35px 0px 20px;
        border-top: 2px solid #fff;
    }
    #Profile-Section {
        padding: 30px 0px 15px;
    }
    .profile-img,
    .profile-text {
        width: 49%;
    }
    .profile-img img {
        width: auto;
        position: relative;
        left: auto;
        bottom: auto;
    }
    .specialties-s-tab1::before,
    .specialties-s-tab2::before,
    .specialties-s-tab3::before,
    .specialties-s-tab4::before {
        background-size: 184px;
    }
    .specialties-s-tab1,
    .specialties-s-tab3 {
        padding: 25px 0px 0px 20%;
    }
    .specialties-s-tab2,
    .specialties-s-tab4 {
        padding: 25px 0px 0px 24%;
    }
    .contact-pg-main {
        width: 84%;
    }
    .h-appoint1 a {
        padding: 0px 5px 0px 25px;
    }
    .h-appoint1 {
        font: 300 15px/40px 'Muli', sans-serif;
    }
    .h-appoint2 a {
        padding: 0px 12px 0px 35px;
    }
    .h-appoint2::before {
        left: 15px;
    }
    #News-Section {
        min-height: auto;
        padding-bottom: 35px;
    }
}

@media screen and (max-width: 860px) {
    #Header .table-div {
        text-align: center;
    }
    .accessible_on #Header-Container {
        background: none;
    }
    #Header {
        padding: 0;
        min-height: auto;
    }
    .logo,
    .appoint,
    .health {
        display: inline-block;
        width: auto;
        margin: 5px;
    }
    #Corona-Container {
        top: 174px;
    }
    #Header-Container {
        position: relative;
        top: auto;
        z-index: 999;
        background: #e1e2e6;
    }
    nav {
        position: relative;
        left: auto;
        margin: 5px 0px 0px;
    }
    .appoint {
        width: 100%;
        margin: 0;
    }
    .call-appoint {
        text-align: center;
    }
    .menu-faqs {
        width: 11%;
    }
    .menu-services {
        width: 17%;
    }
    .about-appoint {
        margin: 2px;
    }
    .profile-view li {
        line-height: 40px;
    }
    .profile-view li a {
        padding: 0px 15px;
    }
    .about-dr {
        font-size: 15px;
    }
    .profile-view {
        margin: 15px 0px;
    }
    .specialties-s .table-cell {
        min-height: 280px;
        margin: 20px 0px;
    }
    .specialties-s .table-cell,
    .specialties-s-tab2,
    .specialties-s-tab4 {
        display: block;
        padding: 10px 10px 10px 275px;
    }
    .specialties-s-tab1::before,
    .specialties-s-tab2::before,
    .specialties-s-tab3::before,
    .specialties-s-tab4::before {
        background-size: auto;
        height: 275px;
        width: 261px;
    }
}

@media screen and (max-width: 780px) {
    /* #Header-Container {
        position: inherit;
    }

    #Header .table-cell {
        display: block;
    }

    .logo {
        width: 410px;
        margin: 0px auto;
    }

    .health {
        margin: 20px auto 0px;
        width: 150px;
    }*/
    #Specialties-Section {
        padding: 29px 5px 15px;
    }
    .dp-profile-img {
        float: none;
        margin: 0px auto;
        text-align: center;
        width: auto;
    }
    .pro-name {
        font-size: 30px;
        line-height: 34px;
        margin: 10px 0px;
    }
    .news-intra,
    .publications {
        border: 10px solid #c4c5ca;
        background: #fff;
    }
    .news-intra .news-In,
    .publications .news-In {
        margin: auto 10px;
        height: auto;
        width: auto;
        padding: 10px;
    }
    .news-In::before {
        display: none;
    }
    .news-In {
        margin: auto;
    }
    #Education-Container {
        padding: 150px 0px 30px;
    }
    .services-list ul {
        text-align: center;
    }
    #Education-Section {
        min-height: 450px;
        padding: 20px 0px 0px;
    }
    #Education-Section div {
        padding: 20px 0px 0px;
    }
    .stories-s-Tabs {
        bottom: -130px;
    }
    .arthroscopic-intra {
        width: 363px;
    }
    .textMain .con-pro ul li {
        width: 300px;
    }
    .textMain .servi-list li {
        display: block;
        width: 240px;
    }
    .textMain .servi-list li a {
        padding: 0px 0px 0px 0px !important;
    }
    #Footer {
        min-height: inherit;
    }
    .logo::after {
        display: none;
    }
    .spe-head {
        font: 400 28px/30px 'Playfair Display', serif;
    }
    .add-intra li {
        height: 240px;
    }
    .add-intra {
        bottom: -70px;
    }
    #Banner-Container-S #Banner {
        height: inherit;
    }
    #navigation {
        padding: 30px 0px 30px
    }
    .top-dr {
        display: none;
    }
    .profile-img::before {
        bottom: -135px;
    }
    .cutting .heading2 {
        font: 400 30px/45px 'Playfair Display', sans-serif;
    }
    .cutting .heading1 {
        font: 200 25px/40px 'Muli', sans-serif;
    }
}

@media screen and (max-width: 767px) {
    .appoint-list {
        border-bottom: none;
    }
    .logo::after {
        display: none;
    }
    .profile-text h1 {
        margin: 47px 0px 0px;
    }
    .cutting {
        padding: 95px 0px 0px 20px;
    }
    .complimentary p span {
        display: inline-block;
    }
    .complimentary {
        width: 97%;
        margin: auto;
        left: 0;
        right: 0;
    }
    .through {
        width: auto;
        display: inline-block;
        padding: 0px 10px;
    }
    .add-intra li {
        height: 240px;
        margin: 0px -1px 0px;
    }
    .add-intra p {
        font: 300 13px/22px 'Muli', sans-serif;
    }
    .resources-list li::after {
        right: -10px;
    }
    .resources-list li {
        min-width: 125px;
        margin: 15px;
    }
    #Credibility .nbs-flexisel-nav-left {
        left: 0px;
    }
    #Credibility .nbs-flexisel-nav-right {
        right: 0px;
    }
    .arthroscopic-intra::before,
    .arthroscopic-intra::after {
        display: none;
    }
    .condition-intra {
        left: -267px;
    }
    .arthroscopic-intra {
        width: 278px;
    }
    .services-intra .heading {
        font: 700 25px/30px 'Muli', sans-serif
    }
    .profile-text h1 {
        font: 400 30px/35px 'Playfair Display', sans-serif;
    }
    .about-dr {
        font: 400 14px/48px 'Muli', sans-serif;
    }
    .profile-img::before {
        left: -225px;
        bottom: -80px;
    }
    .profile-text h1 {
        margin: 20px 0px 0px;
    }
    #Profile-Section .table-cell {
        width: 100%;
        padding: 10px;
    }
    .top-dr {
        border: 0;
        padding: 15px 0px 10px;
        text-align: center;
    }
    .profile-img {
        text-align: center;
    }
    .pt-main {
        width: 85%;
    }
}

@media screen and (max-width: 640px) {
    /* Menu CSS */
    #Main-Menu {
        display: none;
    }
    #Mobile-Menu {
        display: block;
    }
    #Content,
    #Sidebar {
        display: block;
    }
    #Sidebar {
        margin: 0px auto;
    }
    .textMain .useFul li {
        width: 95%;
    }
    .textMain .schemaTable .table-cell {
        display: block;
        margin: 0px auto;
    }
    .textMain {
        padding: 10px 10px 50px 10px;
    }
    #Mobile-Menu {
        display: block;
    }
    .toggleMenu a {
        color: #000;
    }
    .Wrapper {
        background: #000;
    }
    nav {
        text-align: left;
    }
    .parentMenu li a {
        color: #fff;
    }
    .parentList > .dropMenu::after,
    .parentList .subparentList > .dropMenu::after {
        color: #fff;
    }
    .parentMenu li:hover {
        background: #c4162f;
    }
    .parentMenu li li:hover {
        background: #000;
    }
    .appoint-list li {
        margin: 0px 0px 10px;
    }
    #Sidebar {
        padding: 0px 0px 20px 0px;
    }
    .EducationVideos p,
    .SportsMedicine p {
        font-size: 17px;
    }
    .footer-link::after {
        display: none;
    }
    nav {
        border-top: none;
    }
    #Testimonials-Section {
        padding: 35px 10px;
    }
    .EduSports {
        padding: 10px 0px 0px;
    }
    .MoreVideos {
        bottom: -15px;
    }
    .stories-s-Tabs {
        bottom: -240px;
        width: 100px;
    }
    .Map-Tabs li {
        width: 280px;
    }
    #Banner-Container {
        display: none;
    }
    .quality {
        font-size: 20px;
        line-height: 24px;
    }
    #Corona-Container {
        position: relative;
        top: auto;
        background: #e1e2e6;
    }
    #Corona-intra ul li {
        margin: 12px 0px 5px;
        width: 150px;
    }
    #Corona-intra ul li a {
        font: 400 15px/23px 'Muli', sans-serif;
    }
    .specialties-s-tab1::before,
    .specialties-s-tab2::before,
    .specialties-s-tab3::before,
    .specialties-s-tab4::before {
        height: 185px;
        width: 170px;
        background-size: 100%;
    }
    .specialties-s-tab1,
    .specialties-s-tab4 {
        height: auto;
    }
    .specialties-s .table-cell,
    .specialties-s-tab2,
    .specialties-s-tab4 {
        padding: 10px 10px 10px 195px;
    }
    #navigation h1 {
        font: 400 26px/30px 'Playfair Display', sans-serif;
    }
    #Banner-Container-S #Banner {
        min-height: auto;
    }
    .textMain .con-pro ul li {
        min-height: inherit;
    }
}

@media screen and (max-width: 639px) {
    #Footer {
        min-height: inherit;
        padding: 13px 10px 10px;
    }
    #Map-Section .heading1 {
        padding: 10px 0px 10px;
        font: 400 20px/33px 'Playfair Display', sans-serif;
    }
    #Map-Container {
        background: url(../images/map-bg.jpg) no-repeat center top;
        background-size: cover;
    }
    .add-intra {
        background: none;
        height: inherit;
        position: inherit;
        bottom: 0px;
        padding: 0px 0px 0px;
    }
    .footer-link {
        padding: 10px 0px 0px 0px;
    }
    .add-intra li {
        margin: 0px 2px 10px;
        height: 175px;
        width: 300px;
    }
    .foot-credi {
        display: none;
    }
    #Footer .table-cell {
        display: block;
        width: 99%;
    }
    .multimedia-h {
        padding: 14px 0px 0px;
    }
    .multi-view li {
        margin: 20px auto 0px;
    }
    .cartilage-intra {
        background: #c00b26;
        min-height: auto;
        padding: 15px 0px 15px 0px;
    }
    .cutting {
        padding: 15px 0px 0px 15px;
        width: 97%;
    }
    .cutting .heading2 {
        font: 400 30px/40px 'Playfair Display', sans-serif;
    }
    .cutting .heading1 {
        font: 200 21px/35px 'Muli', sans-serif;
    }
    .technique-more {
        margin: 20px 0px;
    }
    #Techniques-Section {
        padding: 0;
        height: inherit;
    }
    #Techniques-Container {
        background: none;
    }
    .pt-rm li {
        margin: 0px 2px 5px;
    }
    #Footer h2 {
        padding: 10px 0px 10px;
    }
    #Profile-Section .table-cell {
        display: block;
        margin: 0px auto 10px;
        text-align: center;
    }
    .focused {
        text-align: left;
    }
    .profile-view {
        margin: 20px 0px 0px;
        text-align: center;
    }
    .profile-view {
        margin: 20px 0px 0px;
        text-align: center;
    }
    #Profile-Section {
        height: inherit;
        text-align: center;
    }
    #Profile-Section .table-div {
        padding: 10px 0px 0px;
    }
    .profile-img img {
        display: block;
    }
    .profile-text {
        width: 97%;
    }
    .about-hd::before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0px;
        background: #fff;
        height: 4px;
        width: 30px;
        right: 0px;
        margin: auto;
    }
    .profile-img img {
        margin: 10px 0px 0px;
    }
    .condition-intra {
        display: none;
    }
    .arthroscopic-intra {
        margin: 0px 30px 0px;
    }
    #Arthroscopic-Section {
        min-height: 320px;
    }
    .arthroscopic-intra {
        width: 310px;
        float: none;
        margin: 0px 20px 0px;
    }
    #Arthroscopic-Container {
        background: #0094ea;
        padding: 0px;
    }
    #Arthroscopic-Section {
        padding: 15px 0px 20px;
        height: inherit;
    }
    .multimedia-h {
        display: block;
        margin: 0px auto;
    }
    .pt-head {
        font: 400 25px/26px 'Playfair Display', sans-serif;
        width: 300px;
        margin: 0px auto 0px;
        padding: 60px 0px 20px;
    }
    .textMain .testimonial-list {
        column-count: 1;
    }
    .infosec .table-cell {
        display: block;
    }
    .directly .table-cell {
        display: block;
    }
    #News-Section .table-cell {
        display: block;
    }
    .news-In {
        padding: 3px 30px 0px 15px;
        margin: 0px auto;
    }
    .news-heading {
        padding: 15px 0px;
    }
    .publications .news-In {
        margin: 15px 0px 0px 0%;
    }
    .news-intra,
    .publications {
        background: none;
    }
    .news-In .heading2 {
        padding: 0px 0px 15px 0px;
    }
    .news-intra .news-In,
    .publications .news-In {
        margin: 0;
    }
    .news-intra {
        height: auto;
    }
    .news-In p {
        padding: 20px 0px;
    }
    .newsKnow {
        margin: 0px 0px 0px;
    }
    .publications {
        width: auto;
        margin: 0px auto;
    }
    #Team li {
        border-right: none !important;
    }
    .profile-img::before {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .pt-head {
        margin: 12px auto 0px;
    }
    .specialties-head {
        text-align: center;
    }
    .Specialties-heading {
        font-size: 16px;
    }
    .cutting .heading2 {
        padding: 0px 0px 9px;
    }
    .copyrights {
        padding: 8px 0px 10px;
    }
    #navigation {
        padding: 22px 6px 16px;
    }
    #Banner-Container-S {
        background-size: cover;
    }
    .about-dr a {
        background: #fff;
        color: #000;
    }
    .about-dr a:hover {
        background: #c4162f;
        color: #fff;
    }
    #Team {
        text-align: center;
        padding: 0px 0px 9px;
    }
    #Team .heading {
        padding: 0px;
    }
    .cutting .heading2 {
        line-height: 35px;
    }
    #Education-Section div {
        padding: 0px 0px 0px;
    }
    .resources-list {
        padding: 23px 0px 0px 0px;
        margin: 10px 0px 0px;
    }
    .resources-list li {
        margin: 0px 10px 16px;
    }
    .resources-list li:last-child::after {
        display: block;
    }
    .quality {
        font: 400 20px/24px 'Philosopher', sans-serif;
        padding: 10px 0px 10px;
    }
    .pt-main::before,
    .pt-main::after {
        display: none;
    }
    .pt-main {
        width: 95%;
    }
    .pt-head {
        width: inherit;
    }
    .pt-rm {
        margin-top: 190px;
        margin-bottom: 10px;
    }
    .pt-rm li a {
        padding: 6px 6px
    }
    .pt-rm li {
        font: 400 13px/25px 'Muli', sans-serif;
    }
    #Testimonials-Section {
        min-height: 609px;
    }
    .stories-s-Tabs {
        bottom: -260px;
    }
    .logo {
        width: 310px;
        padding: 0px;
    }
    #navigation {
        font: 400 12px/20px 'Muli', sans-serif;
    }
    .textMain {
        font: 400 15px/24px 'Muli', sans-serif;
    }
    .pro-name span {
        font: 400 13px/20px 'Muli', sans-serif;
    }
    .appoint {
        padding-top: 0px;
    }
    .health {
        width: 170px;
        margin: 10px auto 0px;
    }
    .appoint-list li {
        margin: 0px 0px 0px;
    }
    .relList,
    .subList {
        text-align: center;
    }
    .textMain .subList li {
        width: 280px;
    }
    .infosec iframe {
        height: 225px;
    }
    .complimentary {
        position: absolute;
        bottom: -89px;
        padding: 15px 5px 20px;
    }
    #Education-Container {
        padding: 100px 0px 30px;
    }
    .specialties-s .table-cell,
    .specialties .table-cell {
        display: block;
    }
    .specialties-s-tab1,
    .specialties-s-tab4 {
        height: inherit;
    }
    .specialties-s-tab1,
    .specialties-s-tab3,
    .specialties-s-tab2,
    .specialties-s-tab4 {
        padding: 6px 10px 10px 10px;
        background: #f0f0f0;
    }
    .specialties-s-tab1 .theme-L,
    .specialties-s-tab4 .theme-R {
        display: none;
    }
    .profile-text h1 {
        font: 400 25px/35px 'Playfair Display', sans-serif;
    }
    .contact-tab-left,
    .contact-tab-right {
        display: block;
        width: 88%;
    }
    .contact-address p.textMainBold {
        font-size: 19px;
    }
    #Education-Section div {
        font: 400 25px/30px 'Playfair Display', sans-serif;
    }
    .complimentary .head1 {
        font: 400 25px/30px 'Playfair Display', sans-serif;
    }
    .dwn a {
        background: #000 url(../images/pdf-icon.png) no-repeat 10px center;
        padding: 15px 15px 15px 30px;
    }
    .accordTitle,
    .textMain .accordTitle {
        font-size: 19px;
    }
    .accordTitle a,
    .textMain .accordTitle a {
        padding: 5px 10px 0px 55px;
    }
    .specialties-s-tab1::before,
    .specialties-s-tab2::before,
    .specialties-s-tab3::before,
    .specialties-s-tab4::before {
        display: none;
    }
    .specialties-s .table-cell,
    .specialties-s-tab2,
    .specialties-s-tab4.specialties-s .table-cell,
    .specialties-s-tab2,
    .specialties-s-tab4 {
        padding: 20px;
    }
    .specialties {
        margin: 0px auto;
    }
    .rollover {
        position: relative;
        visibility: visible;
        top: auto;
        left: auto;
    }
    .rollover p {
        font: 400 14px/30px 'Rubik', sans-serif;
        width: 115px;
    }
    .con-pro ul li .eduMore {
        left: -3px;
    }
    .con-pro ul li .reMore {
        right: -3px;
    }
    .ReadMore {
        display: none;
    }
    .con-pro ul li:hover {
        background: #e7ecee;
        background: -moz-linear-gradient(left, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
        background: -webkit-linear-gradient(left, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
        background: linear-gradient(to right, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
        transform: scale(1);
    }
}