@font-face {
    font-family: 'Trajan';
    src: url('./fonts/TrajanBold.woff2') format('woff2'),
        url('./fonts/TrajanBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Trajan Pro 3';
    src: url('./fonts/TrajanPro3-Bold.woff2') format('woff2'),
        url('./fonts/TrajanPro3-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ---------- Theme CSS ---------- */
#Map-Container,
#Specialties-container,
#Doctor-container,
#Credibility-container,
#Resource-container,
#Am-container,
#Map-container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Specialties-intra,
#Doctor-intra,
#Credibility-intra,
#Resource-intra,
#Am-intra,
#Map-intra {
    max-width: 1170px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}

/* Header CSS */
.ada-off span {
    background: url(../images/accessible-b.png) no-repeat center center #ffff00;
    display: block;
}

.ada-hide a {
    background: #ffff00;
    color: #000;
}


header {
    background: #003d79;
    min-height: 162px;
    position: absolute;
    z-index: 9;
}

.call-appoint ul {
    display: inline-block;
    margin-right: 14%;
}

.call-appoint li {
    color: #fff;
    text-align: left;
    position: relative;
}

.call-appoint li a {
    display: block;
    position: relative;
}

.logo a {
    display: inline-block;
    margin: 13px 0px;
}

.number a {
    background: url("../images/phone-icon.png") no-repeat left center;
    padding: 0px 10px 0px 35px;
    font: 500 22px/30px 'Montserrat', sans-serif;
    margin: 0px 0px 5px 20px;
}

.booking {
    font: 500 17px/24px 'Montserrat', sans-serif;
}

.booking:hover {
    background: #225d9d;
}

.booking a {
    padding: 0px 0px 5px 0px;
}

.booking a {
    position: relative;
    padding: 3px 42px 7px 19px;
}

.booking a:after {
    content: '';
    width: 12px;
    height: 6px;
    position: absolute;
    background: url(../images/down-arrow-bg.png) no-repeat 0px 0px;
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.login {
    width: 290px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 30px;
    display: none;
    z-index: 99999;
    background: #f9f9f9;
    box-shadow: 2px 1px 3px #ece4e4;
}

.clsbtn {
    width: auto;
    padding: 1px;
    border: none;
    position: absolute;
    right: 8px;
    top: -4px;
    color: #746969;
    height: 33px;
    cursor: pointer;
    font: 700 16px/13px 'Lato', sans-serif;
    background: none;
    text-shadow: 0px -1px 2px #958c8c;
}

.booking span {
    background: url("../images/appoint-logo.png") no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 21px;
    padding: 10px 10px 10px 26px;
}

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

header.sticky {
    min-height: 140px;
}

header.sticky .call-appoint li {
    display: inline-block;
}

header.sticky .call-appoint {
    vertical-align: top;
}

header.sticky .logo {
    width: 40%;
}

header.sticky .logo a {
    width: 285px;
    margin: 7px 0px;
}

header.sticky .call-appoint ul {
    margin-right: 11%;
    margin-top: 15px;
}

/* Menu CSS */
.toggleMenu {
    color: #fff;
}

.menuClose {
    display: none;
}

.Wrapper {
    background: #003d79;
}

.parentMenu li:hover,
.parentMenu li.actMenu,
.parentMenu li.actMenu li {
    background: #2469af;
}

.parentMenu li.actMenu li:hover {
    background: #003d79;
}

nav {
    border-top: 1px solid #305a84;
    border-bottom: 1px solid #305a84;
}

.menu li {
    height: 50px;
    color: #fff;
    font: 500 17px/24px 'Montserrat', sans-serif;
    position: relative;
}

.menu > li::after {
    position: absolute;
    transition: width 1s;
    left: 0;
    content: '';
    width: 0px;
}

.menu > li:hover::after {
    width: 52%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
    border-bottom: 5px solid #fff;
}

.menu li a {
    padding: 14px 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;
}

.menu-about {
    width: 19%;
}

.menu-services {
    width: 15%;
}

.menu-patient {
    width: 19%;
}

.menu-appointment {
    width: 22%;
}

.menu-contact {
    width: 17%;
}

.menu .menu-patient ul {
    background: rgba(0, 51, 102, 0.9);
}

.menu .menu-patient li {
    width: 285px;
    background: url("../images/menu-arrow.png") no-repeat 16px center;
}
.menu .menu-about li{
    width: 303px;
}
.menu ul {
    top: 46px;
}

.menu ul li {
    background: rgba(0, 51, 102, 0.9) url("../images/menu-arrow.png") no-repeat 16px center;
    border-bottom: 1px solid #000;
}

.menu ul li:hover {
    background: rgba(36, 105, 175, 1) url("../images/menu-arrow.png") no-repeat 16px center;
}

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

.menu ul li {
    width: 250px;
}

.menu .menu-patient ul {
    width: 650px;
    left: -158px;
    text-align: left;
}

.menu .menu-patient li {
    display: inline-block;
    width: 50%;
    margin: 0 -5px 0 0;
}

/* Home Banner CSS */
#Banner-Container #Banner {
    height: 676px;
}

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

#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 center;
}

#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 center;
}

#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.jpg) no-repeat left center;
}

#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.jpg) no-repeat left center;
}

#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: 363px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Banner Content CSS */
#Banner-Container .banner-content span {
    display: block;
}

.banner-content {
    position: absolute;
    font: 700 45px/50px 'Open Sans', sans-serif;
    right: 0%;
    top: 53%;
    padding: 15px;
    text-transform: uppercase;
    text-shadow: 1px 0 0 #f4f4f6, -1px 0 0 #f4f4f6, 0 1px 0 #f4f4f6, 0 -1px 0 #f4f4f6, 1px 1px #f4f4f6, -1px -1px 0 #f4f4f6, 1px -1px 0 #f4f4f6, -1px 1px 0 #f4f4f6;
}

#Banner-Container-S .banner-content {
    font: 700 25px/30px 'Open Sans', sans-serif;
    top: 65%;
    right: 5%;
}

.Banner-Tabs li span {
    background: #1b4c82;
    color: #fff;
    bottom: 0;
}

.Banner-Tabs {
    z-index: 2;
}

/* Navigation CSS */
.navigation {
    font: 600 15px/22px 'Open Sans', sans-serif;
    padding: 50px 0px 10px 10px;
}

.navigation a {
    text-decoration: none;
    font: 400 15px/22px 'Open Sans', sans-serif;
}

/* Text CSS */
.textMain {
    font: 400 15px/25px 'Open Sans', sans-serif;
    color: #000;
}

.textMain a {
    color: #227dd7;
    font-weight: 700;
    text-decoration: none;
}

.contact-address p::before {
    color: #227dd7;
}

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

.textMain h1 {
    font: 700 30px/36px 'Trajan Pro 3', sans-serif;
    color: #003d79;
    text-transform: uppercase;
    border-bottom: 1px solid #acacac;
    padding: 10px 0px 5px 0px;
}

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

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 600 25px/30px 'Open Sans', sans-serif;
    color: #227dd7;
}

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

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

.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 600 20px/26px 'Source Sans Pro', sans-serif;
    color: #03308e;
}

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

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: normal 20px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #014cbe;
}

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

/* Sidebar CSS */
#Sidebar {
    width: 300px;
}

.s-special {
    min-height: 227px;
}

.spe-head {
    font: 700 25px/30px 'Montserrat', sans-serif;
    background: #003d79;
    padding: 14px 12px;
    color: #fff;
    text-transform: uppercase;
}

.s-special li {
    background: #227dd7;
    color: #fff;
    font: 500 26px/32px 'Montserrat', sans-serif;
}

.s-special li a {
    display: block;
    padding: 8px;
}

.s-special li span {
    display: inline-block;
    vertical-align: middle;
    height: 72px;
    width: 71px;
    margin-right: 22px;
}

.hip-sb {
    border-bottom: 1px solid #003d79;
}

.hip-sb span {
    background: url("../images/hip-sb.png") no-repeat center;
}

.hip-sb:hover span {
    background: url("../images/hip-sb-hover.png") no-repeat center;
}

.knee-sb span {
    background: url("../images/knee-sb.png") no-repeat center;
}

.knee-sb:hover span {
    background: url("../images/knee-sb-hover.png") no-repeat center;
}

.sb-profile {
    min-height: 418px;
    border: 1px solid #0a5bab;
    margin: 5px 0px;
}

.dr-sb {
    font: 700 20px/25px 'Trajan', sans-serif;
    color: #003d79;
    text-transform: uppercase;
    padding: 18px 0px 0px 10px;
}

.dr-sb span {
    display: block;
}

.sb-meet {
    color: #286cb5;
    font: 500 20px/24px 'Montserrat', sans-serif;
}

.sb-certified {
    font: 400 15px/20px 'Montserrat', sans-serif;
    color: #000;
    text-transform: none;
}

.view-sd a {
    display: block;
    width: 174px;
    border: 1px solid #9cbebd;
    font: 500 15px/20px 'Montserrat', sans-serif;
    padding: 8px 18px 8px 21px;
    margin: 17px 0px 0px 10px;
}

.view-sd span {
    background: url("../images/profile-icon.png") no-repeat center;
    vertical-align: middle;
    display: inline-block;
    width: 34px;
    height: 36px;
    margin-right: 7px;
}

.sb-resources {
    min-height: 592px;
    background: #286cb5;
}

.pat-head-sb {
    font: 600 22px/28px 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 0px 12px 15px;
}

.vid-sb {
    display: inline-block;
    margin: 0px 12px;
}

.sb-res-list {
    text-align: center;
    margin: 10px auto;
}

.sb-res-list li {
    font: 300 18px/24px 'Montserrat', sans-serif;
    background: url("../images/sb-res-bg.png") no-repeat center;
    color: #fff;
    height: 49px;
    width: 284px;
    margin: 5px auto;
    text-align: left;
}

.sb-res-list li:hover {
    background: url("../images/sb-res-bg-hover.png") no-repeat center;
}

.sb-res-list li a {
    display: block;
    padding: 5px 0px 5px 15px;
}

.sb-res-list li span {
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
    margin-right: 10px;
}

.firstvisit-sb span {
    background: url("../images/first-visit-sb.png") no-repeat center;
}

.patform-sb span {
    background: url("../images/patient-forms-sd.png") no-repeat center;
}

.preparing-sb span {
    background: url("../images/preparing-surgery-sb.png") no-repeat center;
}

.postop-sb span {
    background: url("../images/post-op-sb.png") no-repeat center;
}

.insinfo-sb span {
    background: url("../images/insurance-sb.png") no-repeat center;
}

.payment-sb span {
    background: url("../images/payment-sb.png") no-repeat center;
}

.test-sb {
    background: #dde8f4;
    font: 500 25px/30px 'Montserrat', sans-serif;
    border: 1px solid #003d79;
    margin: 6px 0px;
}

.test-sb a {
    display: block;
    padding: 9px 0px 9px 12px;
}

.test-sb span {
    display: inline-block;
    vertical-align: middle;
    background: url("../images/testi-icon.png") no-repeat;
    width: 36px;
    height: 36px;
    margin-right: 16px;
}

.test-sb a:hover {
    background: #286cb5;
    color: #fff;
    transition: 0.5s ease all;
}

.test-sb a:hover span {
    background: url("../images/testi-icon-hover.png") no-repeat;
}

.loc-sb {
    min-height: 231px;
}

.loc-head-sb {
    font: 500 25px/30px 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 17px 10px 17px 18px;
    background: #003d79;
    color: #fff;
}

.address-sb {
    background: #286cb5;
    color: #fff;
    padding: 20px 0px 0px 18px;
}

.address-sb p {
    font: 400 15px/20px 'Montserrat', sans-serif;
}

.address-sb p span {
    display: block;
    font-weight: 700;
}

.address-sb ul {
    padding: 5px 0px 15px;
}

.num-sb {
    font: 500 19px/25px 'Montserrat', sans-serif;
}

.drive-sb {
    font: 500 15px/20px 'Montserrat', sans-serif;
}

.num-sb a {
    background: url("../images/phone-icon.png") no-repeat left center;
    padding: 5px 0px 5px 30px;
}

.drive-sb a {
    padding: 5px 0px 5px 5px;
}

.drive-sb span {
    display: inline-block;
    vertical-align: middle;
    background: url("../images/loc-icon.png") no-repeat center;
    width: 13px;
    height: 19px;
    margin-right: 13px;
}

.address-sb li a {
    display: block;
}

/* Footer CSS */
#Footer-Container {
    background: #003d79;
    min-height: 312px;
}

#Footer-Container .table-cell {
    padding: 0px 5px;
}

.dr-page .f-head {}

.home .f-head {
    color: #fff;
}

.f-head {
    font: 500 22px/30px 'Montserrat', sans-serif;
    color: #26c6e1;
    padding: 43px 0px 20px 0px;
}

.ypo-logo a {
    display: inline-block;
}

.ypo-logo h2 {
    font: 300 15px/22px 'Montserrat', sans-serif;
    color: #fff;
    padding: 43px 0px 16px 0px;
}

.f-partners {
    padding-bottom: 20px;
}

.f-partners a {
    font: 300 15px/22px 'Montserrat', sans-serif;
    color: #fff;
}

.footer-list li {
    color: #fff;
    font: 300 15px/24px 'Montserrat', sans-serif;
    margin-bottom: 2px;
}

.footer-list li a {
    display: inline-block;
}
.smo-list{
    width:150px;
}
.smo-list li {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	margin: 7px 18px 0 0 !important;
}
.smo-list li a {
	width: 100%;
	height: 100%;
	display: block;
    color: #fff;
     -webkit-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.smo-list li a:hover{
    color: #5aa6f1 !important;
     -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.smo-list li a::before{
    font-size: 23px;
}
.smo-list li span {
	display: none;
}
.f-head.smo {
	padding: 43px 0px 13px 0px;
}
.twitter a{
    background: url("../images/twitter-logo.png") no-repeat center center;
    width: 21px !important;
  height: 22px !important;
}
.twitter a:hover{
    background: url("../images/twitter-logo-hover.png") no-repeat center center;
}
/* Contact Page */
.contactTable {
    margin: 30px 0px 50px;
    border-spacing: 5px;
    box-shadow: 0px 1px 15px 10px #2E34411A;
    border-radius: 10px;
}

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

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

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

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

.contact-map {
    position: relative;
}

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

/* Profile Schema */
.schemaTable {
    width: 300px;
    padding: 3px 3px 10px 3px;
    margin: auto;
    box-shadow: 0px 1px 15px 10px #2E34411A;
}

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

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

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

.textMain .schemaTable p::before {
    position: absolute;
    left: 12px;
    top: 5px;
    color: #227dd7;
}

#Specialties-container {
    background: #003d79;
}

#Specialties-intra {
    min-height: 450px;
}

.special-head {
    font: 700 30px/38px 'Montserrat', sans-serif;
    position: relative;
    padding: 33px 0px 10px 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.special-head:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 71px;
    height: 2px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.special-in {
    text-transform: uppercase;
    color: #00aecb;
    font: 500 26px/32px 'Montserrat', sans-serif;
    padding: 13px 0px 0px 23px;
}

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

.hip-on:hover .hip-bg {
    background: url("../images/hip-bg-hover.jpg") no-repeat top center;
}

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

.knee-on:hover .knee-bg {
    background: url("../images/knee-bg-hover.jpg") no-repeat top center;
}

.hipcell .table-div {
    width: 89%;
    margin: auto;
}

.hip-knee-bg {
    width: 23%;
    border: 1px solid #fff;
    vertical-align: top;
    margin-right: -4px;
    height: 275px;
    text-align: center;
}

.hip-knee-bg a {
    display: block;
    width: 81px;
    margin: 25px auto 0px auto;
    font: 700 26px/32px 'Montserrat', sans-serif;
    color: #fff;
}

.hip-knee-bg span {
    display: block;
    padding: 85px 0px 0px 0px;
}

.hip span {
    background: url("../images/hip.png") no-repeat;
}

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

.knee span {
    background: url("../images/knee.png") no-repeat;
}

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

.hip-on:hover a {
    color: #000;
}

.hip-knee-list {
    background: #fff;
    width: 53%;
}

.hip-knee-list li {
    background: url("../images/special-list-arrow.png") no-repeat 27px 14px;
}

.hip-knee-list li:hover a {
    color: #003d79;
}

.hip-knee-list li a {
    font: 600 15px/22px 'Montserrat', sans-serif;
    display: block;
    padding: 5px 5px 5px 47px;
    color: #3c3c3c;
}

.knee-list li a {
    line-height: 21px;
}

.readmore {
    text-align: right;
}

.readmore a {
    font: 300 16px/22px 'Montserrat', sans-serif;
    display: inline-block;
    color: #019a98;
    margin-right: 20px;
}

.readmore span {
    display: inline-block;
    background: url("../images/readmore-arrow.png") no-repeat center;
    width: 34px;
    height: 5px;
    margin-right: 8px;
}

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

#Doctor-intra {
    min-height: 428px;
}

.doctor {
    position: absolute;
    bottom: 0;
}

.about-dr {
    width: 55%;
    margin: 0 5px 0 auto;
}

.meet {
    text-transform: uppercase;
    color: #286cb5;
    font: 500 26px/32px 'Montserrat', sans-serif;
    padding: 49px 0px 0px 0px;
}

.about-dr h1 {
    font: 700 28px/34px 'Trajan', sans-serif;
    color: #003d79;
    /*text-transform: uppercase;*/
}

.about-dr h1 span {
    display: block;
    font: 300 20px/25px 'Montserrat', sans-serif;
    color: #000;
    text-transform: none;
}

.board {
    font: 600 15px/24px 'Montserrat', sans-serif;
    padding: 18px 0px 35px 0px;
    width: 90%;
}

.dr-list li {
    display: inline-block;
    border: 1px solid #9cbebd;
    font: 500 15px/22px 'Montserrat', sans-serif;
    vertical-align: top;
    width: 172px;
    margin: 3px 0px;
}

.dr-list li a {
    display: block;
    height: 58px;
}

.dr-list li span {
    display: inline-block;
    vertical-align: middle;
}

.honor a {
    background: url("../images/awards.png") no-repeat 20px center;
    padding: 5px 15px 0px 70px;
}

.public a {
    background: url("../images/publications.png") no-repeat 20px center;
    padding: 15px 15px 0px 53px;
}

.profile a {
    background: url("../images/profile-icon.png") no-repeat 20px center;
    padding: 15px 15px 0px 62px;
}

.dr-list li:hover {
    background: #286cb5;
    color: #fff;
    transition: 0.5s ease all;
}

.honor:hover a {
    background: url("../images/awards-hover.png") no-repeat 20px center;
}

.public:hover a {
    background: url("../images/publications-hover.png") no-repeat 20px center;
}

.profile:hover a {
    background: url("../images/profile-icon-hover.png") no-repeat 20px center;
}

#Credibility-container {
    background: #f0f0f0;
}

#Credibility-intra {
    min-height: 152px;
}

#Credibility-intra li {
    margin: 25px 0px;
}

#Credibility-intra li a {
    display: block;
}

#Credibility-intra .nbs-flexisel-nav-left::before,
#Credibility-intra .nbs-flexisel-nav-right::before {
    height: 30px;
    top: 50%;
    bottom: 0;
}

#Resource-container {
    background: #286cb5;
}

#Resource-intra {
    min-height: 442px;
    text-align: center;
}

.rescource-head {
    font: 600 30px/36px 'Montserrat', sans-serif;
    color: #f0f0f0;
    text-transform: uppercase;
    padding: 36px 0px 50px 0px;
}

.pat-video {
    display: inline-block;
    width: 37%;
}

.pat-video a {
    display: block;
}

.resource-sec {
    position: relative;
}

.resources {
    position: absolute;
}

.res-left {
    left: 2%;
}

.res-right {
    right: 2%;
}

.resources li {
    font: 500 18px/24px 'Montserrat', sans-serif;
    color: #fff;
    background: url("../images/resource-li-bg.png") no-repeat;
    width: 255px;
    height: 74px;
    text-align: left;
    margin-bottom: 10%;
}

.resources li:hover {
    background: url("../images/resource-li-bg-on.png") no-repeat;
}

.resources li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0px 25px 82px;
}

.resources li span {
    display: inline-block;
    vertical-align: middle;
    width: 144px;
}

.resources .res-w a {
    padding: 13px 0px 13px 82px;
}

.first-visit a {
    background: url("../images/first-visit.png") no-repeat 24px center;
}

.post-op a {
    background: url("../images/post-op.png") no-repeat 24px center;
}

.pat-forms a {
    background: url("../images/patient-forms.png") no-repeat 24px center;
}

.ins-info a {
    background: url("../images/insurance.png") no-repeat 24px center;
}

.preparing a {
    background: url("../images/preparing-surgery.png") no-repeat 24px center;
}

.payment a {
    background: url("../images/payment.png") no-repeat 24px center;
}

#Am-container {
    background: url("../images/am-i-bg.jpg") no-repeat top center;
}

#Am-intra {
    min-height: 458px;
    padding: 43px 0px 38px;
}

.candidate {
    background: url("../images/joint-replacement.jpg") no-repeat right center;
    min-height: 363px;
}

.about-joint {
    padding: 57px 0px 0px 0px;
    margin: 0px 0px 0px 4%;
    border: 6px solid #fff;
    min-height: 363px;
}

.candidate-head {
    font: 700 26px/32px 'Montserrat', sans-serif;
    color: #003d79;
    position: relative;
    text-transform: uppercase;
    padding: 18px 0px;
    display: inline-block;
}

.candidate-head:before,
.candidate-head:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
}

.candidate-head:before {
    border-top: 1px solid #0065a1;
    top: 0;
}

.candidate-head:after {
    border-bottom: 1px solid #0065a1;
    bottom: 0;
}

.joint {
    font: 500 17px/26px 'Montserrat', sans-serif;
    color: #1e1e1e;
    width: 62%;
    padding: 22px 0px;
}

.readmore-am a {
    font: 500 16px/24px 'Montserrat', sans-serif;
    width: 130px;
    display: block;
    background: #003d79;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    padding: 8px;
}

.readmore-am a:hover {
    background: #286cb5;
    transition: 0.5s ease all;
}

#Map-intra {
    min-height: 296px;
}

#Map-intra .table-cell {
    position: relative;
    height: 296px;
    vertical-align: middle;
}

.review-head {
    text-transform: uppercase;
    font: 600 30px/36px 'Montserrat', sans-serif;
}

.reviews {
    background: #dde8f4;
}

.reviews .theme-L {
    background: #dde8f4;
    z-index: 0;
}

.map {
    background: url("../images/map.jpg") no-repeat top center;
    text-align: right;
}

.map .theme-R {
    background: url("../images/map-right.jpg") no-repeat left top;
}

.reviews li {
    font: 400 15px/20px 'Montserrat', sans-serif;
    font-style: italic;
}

.read-review {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

.read-review a {
    display: inline-block;
    font: 400 15px/20px 'Montserrat', sans-serif;
    font-style: italic;
}

#Map-intra .reviews {
    vertical-align: top;
}

.review-head {
    text-transform: uppercase;
    font: 600 30px/36px 'Montserrat', sans-serif;
    padding: 35px 0 20px 0;
}

.reviews li p {
    position: relative;
    margin: 0px 10px 0px 50px;
    max-width: 412px;
    width: 80%;
}

.reviews li {
    font: 400 15px/22px 'Montserrat', sans-serif;
    font-style: italic;
}

.reviews li p:before,
.reviews li p:after {
    position: absolute;
    content: '';
    width: 39px;
    height: 36px;
}

.reviews li p:before {
    background: url("../images/left-quote.png") no-repeat center;
    top: -10px;
    left: -12%;
    z-index: 9;
}

.reviews li p:after {
    background: url("../images/right-quote.png") no-repeat center;
    right: 10%;
}

.map-address {
    background: #286cb5;
    color: #fff;
    padding: 20px;
    display: inline-block;
    position: relative;
    text-align: left;
}

.map-address:before {
    position: absolute;
    content: '';
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid #286cb5;
    left: -18px;
    top: 80px;
}

.practice-head {
    font: 500 30px/36px 'Montserrat', sans-serif;
    position: relative;
    text-transform: uppercase;
}

.santa p {
    font: 400 15px/22px 'Montserrat', sans-serif;
    display: inline-block;
    padding: 15px 10px 15px 0px;
}

.santa p span {
    font-weight: 700;
    display: block;
}

.santa ul {
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 0px 10px;
    margin: 20px 0px;
    border-left: 1px solid #4387d0;
}

.santa li a {
    display: block;
}

.num-a a {
    background: url("../images/phone-icon.png") no-repeat left center;
    padding: 5px 0px 5px 30px;
    font: 500 19px/25px 'Montserrat', sans-serif;
}

.drive {
    font: 500 15px/21px 'Montserrat', sans-serif;
}

.drive span {
    display: inline-block;
    vertical-align: middle;
    background: url("../images/loc-icon.png") no-repeat 5px center;
    padding: 10px 10px 10px 22px;
}

/*profile page*/
.dr-page h1 {
    font: 700 29px/35px 'Trajan', sans-serif;
    color: #003d79;
    border-bottom: 0;
    border-top: 1px solid #acacac;
}

.dr-page h1 span {
    font: 400 20px/26px 'Poppins', sans-serif;
    color: #000;
    text-transform: none;
}

.dr-float {
	float: left;
	margin: 20px 3% 1% 0px;
	border: 6px solid #003d79;
}

.dr-float a {
    background: #003d79;
    color: #fff;
    display: block;
    font: 400 18px/22px 'Source Sans Pro', sans-serif;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

.dr-float a:hover {
    color: #fff;
}

.accordead,
.textMain .accordead {
    padding: 9px 0 9px 20px;
    font: 700 20px/25px 'Trajan', sans-serif;
    background: #003d79 url(../images/plus-w.png) 98% center no-repeat;
    margin: 2px 0px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.textMain .accordead.show_accord {
    background: #003d79 url(../images/minus.png) 98% center no-repeat;
}

.accordane,
.textMain .accordane {
    padding: 15px 10px;
    border: none;
}

.textMain ul li,
.textMain ol ul li {
    background: url(../images/textmail-li.png) no-repeat 15px 15px;
}

.dr-page .accordane li .table-cell p {
    margin: 0;
    padding: 0px 0px 0px 5px;
}

.years {
    width: 35%;
    text-align: center;
}

/*end of profile page*/
/*Services Page*/
.service-pg h1 {
    text-align: center;
    border-bottom: 0;
}

.service-pg h1 span {
    display: inline-block;
    position: relative;
    font: 700 30px/36px 'Trajan Pro 3', sans-serif;
    color: #003d79;
    text-transform: uppercase;
}

.service-pg h1 span:before,
.service-pg h1 span:after {
    position: absolute;
    content: '';
    background: #acacac;
    height: 1px;
    width: 480px;
    margin: auto;
    top: 0;
    bottom: 0;
}

.service-pg h1 span:before {
    left: 108%;
}

.service-pg h1 span:after {
    right: 108%;
}

.hip-knee-se {
    margin: 30px 0px;
    padding-top: 21px;
}

.ser-hip-s {
    background: url("../images/service-hip.jpg") no-repeat right top;
}

.ser-knee-s {
    background: url("../images/service-knee.jpg") no-repeat right top;
}

.ser-head-s {
    font: 500 26px/32px 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: rgba(7, 95, 181, 1);
    color: #fff;
    padding: 10px 0px 10px 9%;
}

.service-ser {
    background: rgba(0, 61, 121, 1);
    width: 53%;
    min-height: 334px;
    padding: 32px 0px 0px 0px;
}

.service-pg .service-ser ul {
    margin-left: 8%;
}

.service-pg .service-ser li {
    background: url("../images/service-list-arrow.png") no-repeat 10px 15px;
    margin: 10px 0px;
    padding: 0;
}

.service-pg .service-ser li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font: 500 15px/22px 'Montserrat', sans-serif;
    padding: 5px 5px 5px 30px;
}

/*end of services page*/






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

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

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

.textMain .conditionpage .resp-tabs-list.hor_1 li {
    cursor: pointer;
    display: inline-block !important;
    font: 600 15px/18px 'Lato', sans-serif;
    text-transform: uppercase;
    width: 220px;
    background: #003d79 !important;
    padding: 0px;
    border-radius: 5px;
    margin: 3px;
    color: #000;
}

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

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

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

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

.textMain .conditionpage .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #3691c6 !important;
}

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

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

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

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

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

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

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

.conditionpage li:before {
    display: none !important;
}

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

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

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

.textMain .conditionpage .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 .conditionpage .resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

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

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

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

.textMain .conditionpage h2.resp-tab-active {
    background: #DBDBDB;
}

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

.textMain .conditionpage .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.textMain .conditionpage .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
}

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

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

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

.textMain .conditionpage .resp-tabs-list li a {
    text-decoration: none;
    position: relative;
    width: auto;
    color: #fff;
    display: block;
    padding: 13px 0px;
}

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

.textMain .conditionpage .resp-tabs-list li a:hover {
    position: relative;
}

.textMain .conditionpage .resp-tabs-list li:hover::before {
    display: none;
}

.textMain .conditionpage .resp-tabs-container li {
    list-style: circle;
    padding: 5px;
    margin-left: 15px;
    background-image: none;
}


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

.textMain .subList li {
    border: none;
    background: #227dd7;
    border-radius: 4px;
    overflow: hidden;
    margin: 10px 3px;
    transition: all 150ms linear;
    box-shadow: 2px 5px 10px var(--color-smoke);
    --color-smoke: #747474;
    letter-spacing: 1px;
    width: 273px;
}

.textMain .subList li a {
    display: block;
    color: #fff;
    font: 600 15px/20px 'Open Sans', sans-serif;
    padding: 10px;
}

.textMain .subList li:hover {
    background: #003d79;
}

.textMain .useful-links {
    text-align: center;
}

.textMain .use-head {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font-weight: 700;
    margin: 10px 0px 0px;
}

.textMain .useful-links li p {
    padding: 0;
}

.textMain .useful-links li a {
    display: inline-block;
}

.textMain .useful-links li {
    width: 48%;
    margin: 10px 0px;
    border: 1px solid #dedede;
    padding: 0px;
    vertical-align: top;
    display: inline-block;
    background-image: none;
    min-height: 120px;
    padding: 10px 0px;
    background: #f0f0f0;
}

.textMain .topic-inner h3 a {
    color: inherit;
}

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

.textMain .ed-more {
    text-align: right;
}

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

.textMain .video-more {
    background: #509fd7;
}

.textMain .ed-video {
    background: #062c68;
}

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

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

.textMain .ed-more .video-more a {
    color: #fff;
}

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

.ind-pg h3,
.ind-pg .hTag3 {
    background: #f1f1f1;
    padding-left: 10px;
}

.img-left {
    float: left;
    border: 6px solid #003d79;
    margin: 20px 3% 10px 0px;
}

.img-left a,
.daniel a {
    background: #003d79;
    color: #fff;
    display: block;
    font: 400 18px/23px 'Source Sans Pro', sans-serif;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

.daniel {
    width: 206px;
}

.daniel a:hover {
    color: #fff;
}

.img-left a:hover {
    color: #fff;
}

.daniel img {
    border-top: 6px solid #003d79;
    border-left: 6px solid #003d79;
    border-right: 6px solid #003d79;
}

.about-daniel {
    padding-left: 20px;
    vertical-align: middle;
}

.write-review {
    border: 0;
    background: #003d79;
    border-radius: 25px;
    position: absolute;
    right: 10px;
    top: 105px;
}

.write-review a {
    color: #fff;
    font-weight: 500;
}

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

.write-review a:before {
    display: none;
}

.write-review:before,
.write-review:after {
    display: none;
}



.textMain .partners {
    text-align: center;
    margin: 50px 0px 10px 0px;
}

.textMain .partners li {
    background-image: none;
    display: inline-block;
    text-align: center;
    padding: 0px;
    position: relative;
    min-height: 350px;
    margin: 10px 1%;
    vertical-align: top;
}

.dr-in {
    border: 1px solid #dfdfdf;
    width: 250px;
    min-height: 240px;
    position: relative;
    margin: 95px auto 10px auto;
}

.partner-img {
    padding: 10px;
    border: 1px solid #dfdfdf;
    display: inline-block;
    margin: -95px 0px 0px 0px;
    background: #fff;
}

.textMain .our-viewprofile {
    position: absolute;
    background: #227dd7;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    width: 100px;
    margin: auto;
    font-weight: 400;
}

.textMain .about-partners a {
    font-weight: 500;
    color: #000;
}





/*patient testimonials*/
.testContent.testshown {
    display: block;
}

.pattetpg {
    text-align: center;
}

.textMain .pattetpg ul li {
    display: inline-block;
    vertical-align: top;
    background: none;
    padding: 0px;
    margin: 10px;
}

.textMain .pattetpg ul li a {
    display: block;
    width: 150px;
}

.testContent {
    display: none;
}

.sptest-tb a {
    border: 5px solid #514e4e;
    padding: 5px;
    border-radius: 50%;
}

.textMain .vit-head {
    text-transform: uppercase;
    text-align: center;
}

.testimonial::before {
    position: absolute;
    content: '';
    background: url("../images/test-before.png") no-repeat;
    width: 50px;
    height: 50px;
    left: 22px;
    top: 20px;
    bottom: auto;
    margin: auto;
    background-size: 50px;
}

.testimonial {
    position: relative;
    border: 1px solid #dedede;
    padding: 30px 20px 30px 90px;
    margin: 15px 10px;
    border-radius: 2px;
    display: inline-block;
    width: 47%;
    vertical-align: top;
    min-height: 220px;
    transition: 0.4s all ease;
    -moz-box-shadow: inset 0 0 10px #acacac;
    -webkit-box-shadow: inset 0 0 10px #acacac;
    box-shadow: inset 0 0 10px #acacac;
    transition: 0.4s all ease;
}

.testimonial:hover {
    box-shadow: inset 0 0 10px #000;
}

.online-form {
    /*width: 290px;*/
    margin: 20px auto 0px;
    border: 1px solid #dedede;
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
}

.textMain .accordion h3 {
    background: #C8CFD4;
    text-align: center;
    margin: 10px 0px;
    font-size: 18px;
}

.textMain .accordion h3 a {
    display: block;
}

.textMain #form-element-list li .error {
    color:red !important;
}
.testimonial-no-record {
    display: none;
}
/*Online appointment form css*/



.contact-form-container,
.online-form-container,
.tel-a-friend-containe,
.feedback-container {
    font-family: 'Rubik', sans-serif;
}

.contact-form-container {
    color: #fff;
}

.online-form-container,
.tel-a-friend-containe,
.feedback-container {
    color: #000;
    background: #e1dcdc;
    padding: 25px 2%;
    border-radius: 10px;
}

::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

:-moz-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

::-moz-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.textMain #form-element-list {
    overflow: hidden;
}

#form-element-list li span.icon {
    display: none !important;
}

#form-element-list li input[type="text"],
#form-element-list li input[type="tel"],
#form-element-list li input[type="file"],
#form-element-list li textarea,
#form-element-list li select {
    background: none;
    border: none;
    color: inherit;
}

.textMain #form-element-list {
    text-align: center;
}

.textMain #form-element-list li {
    margin: 0 !important;
    background: none;
    list-style: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: inherit;
    padding: 9px 10px;
    margin: 8px 1% !important;
    text-align: left;
}

.textMain #form-element-list > li {
    border: 1px solid #cbc0c0;
    min-width: 261px !important;
}
.textMain #form-element-list > li.checkbox_121635 {
    border: none;
}

.textMain #form-element-list li fieldset {
    border: none;
    padding: 0;
}

#form-element-list li input[type="text"],
#form-element-list li input[type="tel"],
#form-element-list li input[type="file"],
#form-element-list li textarea,
#form-element-list li select {
    width: 95% !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: inherit;
    color: inherit !important;
}

#form-element-list li .control-fields {
    width: 95% !important;
    display: inline-block;
    vertical-align: top;
    color: inherit;
    padding: 0;
}

.textMain #form-element-list ul ul,
.textMain #form-element-list ol ol {
    margin: 0px;
    padding: 0;
}

.textMain #form-element-list {
    margin-top: 20px;
}

.textMain #form-element-list li fieldset legend {
    float: left;
}

#form-element-list li.submitbutton {
    text-align: center;
    position: relative;
}
#form-element-list li.note-text{
    border: none;
}
#form-element-list li input[type="submit"],
#form-element-list li input[type="reset"] {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 22px;
    font-family: inherit;
    border: none;
    margin: 0 2%;
    font-weight: bold;
    color: #fff;
    width: 100px;
    height: 40px;
    border-radius: 2px;
}

#form-element-list li.submitbutton .grecaptcha-badge {
    position: absolute !important;
    bottom: 8px !important;
}

#form-element-list li.submitbutton .grecaptcha-badge:hover {
    right: 4px !important;
}

.textMain #form-element-list li.your_name,
.textMain #form-element-list li.your_email,
.textMain #form-element-list li.mobile_number {
    width: 31%;
    display: inline-block;
    margin: 8px 1% !important;
}

.textMain #form-element-list li.preferred_date {
    width: 263px;
    display: inline-block;
    margin: 8px 1% !important;
}

.textMain #form-element-list li.are_you {
    width: 31%;
    display: inline-block;
    padding: 1px 0px;
    vertical-align: top;
    margin: 8px 1% !important;
}

.textMain #form-element-list li.are_you .control-fields li {
    display: inline-block;
    width: initial !important;
    vertical-align: top;
    padding: 9px 7px;
    margin: 0 2px !important;
}

.textMain #form-element-list li.are_you .control-fields {
    display: inline-block;
    width: initial !important;
    vertical-align: top;
}

.textMain #form-element-list li.are_you fieldset legend {
    padding: 4px 0;
}

.textMain #form-element-list li.captcha {
    padding: 0;
    margin: 0 !important;
    border: none !important;
}

.textMain #form-element-list li.submitbutton {
    border: none !important;
    text-align: left;
    padding: 0;
    width: 31%;
    display: inline-block;
    min-width: 220px;
    margin: 8px 1% !important;
}

#form-element-list li input[type="submit"] {
    background: #0060b7;
    padding: 10px 12px;
    height: initial;
    width: 100%;
    margin: 0;
}

#form-element-list li.reason_for_visit textarea {
    width: 100% !important;
}

.drimgp{
    width:206px;
}
.table-cell.daniel img {
	margin-top: 18px;
}
/*end of form*/


@media screen and (max-width : 960px) {
    .call-appoint ul {
        margin-right: 2%;
    }

    .hipcell .table-div {
        width: 92%;
    }

    .doctor {
        left: -5%;
    }

    .about-dr {
        width: 61%;
    }

    .board {
        width: 95%;
    }

    .res-left {
        left: 5px;
    }

    .res-right {
        right: 5px;
    }

    .resources li {
        margin-bottom: 5%;
    }

    .candidate-head {
        text-shadow: 1px 0 0 #f4f4f6, -1px 0 0 #f4f4f6, 0 1px 0 #f4f4f6, 0 -1px 0 #f4f4f6, 1px 1px #f4f4f6, -1px -1px 0 #f4f4f6, 1px -1px 0 #f4f4f6, -1px 1px 0 #f4f4f6;
    }

    .dr-float {
        margin: 20px 20px 10px 0px;
    }

    .testimonial {
        min-height: 240px;
    }

    header.sticky .call-appoint ul {
        margin-right: 1%;
    }

    .menu > li:hover::after {
        width: 65%;
    }

    .textMain #form-element-list li.reason_for_visit {
        display: inline-block;
        width: 66% !important;
    }

}

@media screen and (max-width : 860px) {
    .hip-knee-bg {
        width: 20%;
    }

    .hipcell .table-div {
        width: 97%;
    }

    .about-dr {
        width: 54%;
    }

    .board {
        padding: 18px 0px 15px 0px;
    }

    .resources li {
        background-size: 100%;
        width: 230px;
        height: 69px;
    }

    .resources li a {
        padding: 18px 0px 15px 75px;
    }

    .resources .res-w a {
        padding: 7px 0px 7px 75px;
    }

    .resources li:hover {
        background-size: 100%;
    }

    .map-address {
        padding: 20px 2px;
    }

    .santa p {
        padding: 15px 2px 15px 8px;
    }

    .reviews li p::before {
        top: -34px;
        left: -6%;
    }

    .service-ser {
        width: 60%;
        background: rgba(0, 61, 121, 0.8);
    }

    .ser-head-s {
        background: rgba(7, 95, 181, 0.4);
    }

    .textMain .use-head {
        font-weight: 600;
    }

    .textMain .useful-links li {
        min-height: 199px;
    }

    .textMain .about-daniel .accordead {
        font: 700 18px/25px 'Trajan', sans-serif;
    }

    .testimonial {
        min-height: 290px;
    }

    .menu > li:hover::after {
        width: 86%;
    }

    .menu .menu-patient ul {
        left: -221px;
    }
}

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

    .menu-specialties,
    .info-copy {
        display: block;
        margin: auto;
    }

    .hipcell {
        display: block;
        width: 83%;
        margin: 10px auto;
    }

    .hip-knee-bg {
        width: 23%;
    }

    .special-head {
        margin-bottom: 20px;
    }

    .doctor {
        position: relative;
        left: auto;
        text-align: center;
    }

    .about-dr {
        width: auto;
        margin: auto;
        text-align: center;
    }

    #Doctor-intra {
        min-height: auto;
    }

    #Doctor-container {
        background-size: cover;
    }

    .board {
        width: auto;
        padding: 18px 5px 15px 5px;
    }

    .meet {
        padding: 10px 0px 0px 0px;
    }

    .dr-list {
        padding: 10px 0px;
    }

    .resources {
        position: relative;
        left: auto;
        right: auto;
        display: inline-block;
    }

    .resources li {
        margin: 5px auto;
    }

    .pat-video {
        width: auto;
        margin: 10px auto 20px;
        padding: 5px;
    }

    .rescource-head {
        padding: 20px 0px 20px 0px;
    }

    .candidate-head {
        font: 700 24px/32px 'Montserrat', sans-serif;
    }

    .about-joint {
        margin: 0px 0px 0px 2%;
    }

    #Map-intra .table-cell {
        display: block;
        background-size: cover;
        margin: auto;
    }
    .read-review{
        bottom: 20px;
    }
    #Map-intra .table-cell.reviews {
        height: 200px;
    }

    .review-head {
        text-align: center;
        padding: 20px 0px 15px 0px;
    }

    .map-address {
        margin: 50px 0px 0px 0px;
    }

    .dr-page .accordane li .table-cell {
        display: block;
        width: auto;
        text-align: left;
    }

    .dr-page h1 span {
        font: 400 18px/24px 'Poppins', sans-serif;
    }

    .service-ser {
        width: 71%;
    }

    #Sidebar,
    #Content {
        display: block;
        margin: auto;
    }

    .textMain .about-daniel .accordead {
        padding: 9px 0 9px 12px;
        font: 700 13px/20px 'Trajan', sans-serif;
    }

    .testimonial {
        display: block;
        min-height: auto;
        width: auto;
    }

    .reviews li p {
        max-width: inherit;
        width: auto;
    }

    .menu .menu-patient ul {
        left: -268px;
    }
}

@media screen and (max-width : 640px) {
    .tel1 {
        display: inline-block;
    }

    #Header .table-cell {
        display: block;
        text-align: center;
        margin: auto;
        width: auto;
    }

    .logo a {
        margin: 5px 0px;
    }

    .call-appoint ul {
        margin: 0px auto 10px auto;
    }

    header {
        position: relative;
    }

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

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

    .banner-content {
        font: 700 30px/36px 'Open Sans', sans-serif;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

    .about-joint {
        background: rgba(255, 255, 255, 0.8);
        min-height: auto;
    }

    .joint {
        width: auto;
    }

    .candidate {
        min-height: auto;
        background-size: cover;
    }

    #Am-intra {
        min-height: auto;
        padding: 0;
    }

    .about-joint {
        padding: 20px 10px;
        margin: auto;
    }

    .dr-float {
        float: none;
        width: auto;
        margin: 10px auto;
        display: inline-block;
    }

    .float-c {
        text-align: center;
    }

    .dr-page h1 {
        text-align: center;
    }

    .doc-pg h1.doctitle {
        display: block;
    }

    .doc-pg h1 {
        display: none;
    }

    .service-ser {
        width: 90%;
    }

    .contactTable .table-cell {
        display: block;
    }

    .about-daniel,
    .daniel {
        display: block;
        margin: 10px auto;
        padding: 0;
    }

    .write-review {
        position: relative;
        right: auto;
        top: auto;
        margin: 10px 0px 0px;
    }

    header.sticky {
        position: relative;
    }

    header.sticky .logo a {
        width: auto;
    }

    header.sticky .call-appoint li {
        display: block;
    }

    header.sticky .call-appoint ul {
        margin: 0px auto 10px auto;
    }

    header.sticky {
        min-height: auto;
    }
    .reviews li p::after,.reviews li p::before{
        display: none;
    }

}

@media screen and (max-width : 480px) {
    #Banner-Container {
        display: none;
    }

    #Banner-Container-S #Banner {
        display: none;
    }

    #Footer-Container .table-cell {
        display: block;
    }

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

    .hip-knee-list,
    .hip-knee-bg {
        display: block;
        width: 300px;
        margin: auto;
    }

    .hipcell {
        width: 300px;
    }

    .hip-bg,
    .hip-bg:hover,
    .knee-bg,
    .knee-bg:hover {
        background-size: cover;
    }

    .hipcell .table-div {
        width: auto;
    }

    .readmore a {
        margin: 10px 20px 10px 0px;
    }

    .meet {
        font: 500 20px/26px 'Montserrat', sans-serif;
    }

    .about-dr h1 {
        font: 700 24px/30px 'Trajan', sans-serif;
    }

    .about-dr h1 span {
        font: 300 17px/22px 'Montserrat', sans-serif;
    }

    #Map-intra .table-cell.reviews {
        height: 300px;
    }

    .practice-head {
        font: 500 28px/36px 'Montserrat', sans-serif;
    }

    .santa ul {
        border-left: 0;
        text-align: left;
        margin: 10px auto;
    }

    .santa p {
        text-align: left;
        margin: auto;
    }

    .santa {
        text-align: center;
    }

    .map-address {
        margin: 20px 0px;
    }

    #Map-intra .table-cell {
        height: auto;
    }

    .accordead,
    .textMain .accordead {
        padding: 9px 0 9px 10px;
        font: 700 17px/22px 'Trajan', sans-serif;
    }

    .accordane,
    .textMain .accordane {
        padding: 15px 0px;
    }

    .dr-page h1 {
        font: 700 32px/38px 'Trajan', sans-serif;
    }

    .dr-page h1 span {
        font: 400 16px/21px 'Poppins', sans-serif;
    }

    .ser-hip-s,
    .ser-knee-s {
        background-size: cover;
    }

    .service-pg .service-ser ul {
        margin-left: 2%;
    }

    .service-ser {
        width: 300px;
    }

    .textMain .useful-links li {
        width: 270px;
        min-height: auto;
    }

    .textMain .use-head {
        font-weight: 700;
    }

    .topicimage {
        float: none;
        border: 0;
        text-align: center;
    }

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

    .textMain .conditionpage .resp-tabs-container li {
        margin: 2px;
    }

    .img-left {
        float: none;
        display: inline-block;
        margin: 10px auto;
    }

    .testimonial::before {
        background-size: 40px;
        width: 40px;
        height: 40px;
        left: 10px;
    }

    .textMain .pattetpg ul li {
        margin: 10px 5px;
    }

    .textMain .pattetpg ul li a {
        width: 100px;
    }

    .testimonial {
        padding: 20px 10px 20px 60px;
    }

    .textMain #form-element-list li {
        width: 97% !important;
    }
}