/*------------------------------ Global CSS ------------------------------ */

.nodisplay{
    display: none;
}


body {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    *overflow-y: none;
}

img {
    border: 0px;
    max-width: 100%;
    vertical-align: middle;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0px;
    padding: 0px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    outline: none;
}

a {
    color: #050c98;
}

a:hover {
    color: #696dcd;
}

.textMain .notFound {
    font: normal 20px/30px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 50px 0px;
}
.textMain .notFound h2 {
    font: normal 100px/120px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
.textMain .notFound h2 span {
    font: normal 50px/60px Verdana, Arial, Helvetica, sans-serif;
}


/* ------------------------------ General CSS ------------------------------ */

.hr {
    height: 10px;
    background: url("../images/hr.png") repeat-x left center;
}

.clear-float,
.clear {
    clear: both;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.videoBorder {
    border: 4px solid #333;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
}


/* ------------------------------ Banner CSS ------------------------------ */

.rslides {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.rslides li {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;
    display: none;
}

#Interactivity {
    position: relative;
}

.intra-div {
    width: 100%;
    height: 100%;
}

.Intra-L,
.Intra-R {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px;
}

.Intra-L {
    left: -100%;
}

.Intra-R {
    right: -100%;
}

.Intra-Tabs {
    position: absolute;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    right: 10px;
    bottom: 10px;
}


/* ------------------------------ Scrolling Styles ------------------------------ */

#flexiselDemo1 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    margin: 10px 0px;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    position: absolute;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    top: 10%;
    width: 40px;
    height: 100%;
    cursor: pointer;
}

.nbs-flexisel-nav-left {
    left: 0px;
}

.nbs-flexisel-nav-right {
    right: 0px;
}


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

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    cursor: pointer;
    height: 27px;
    position: absolute;
    top: 45%;
    width: 20px;
    z-index: 100;
    opacity: 0.40;
}

.nbs-flexisel-nav-left {
    left: 0px;
    background: url(../images/scroll-l.png) no-repeat scroll 0px 0px;
}

.nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/scroll-r.png) no-repeat scroll 0px 0px;
}

.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
    opacity: 0.70;
}


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

#Container,
header,
#Menu-Container,
#Intra-Container,
#Intra-Container-S,
section,
#Map-Container,
#Content-Container,
footer,
#Corona-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Header,
#Corona-Intra #Main-Menu,
#Interactivity,
#Welcome-Main,
#Knee-clinic-main,
#Request-main,
#Credibility-main,
#Content-Main,
#Credibility-main,
#Footer-container {
    max-width: 1140px;
    min-width: 310px;
    margin: 0 auto;
}

#Content-Main .intra-div,
#Header .intra-div,
.request-intra {
    display: table;
    table-layout: fixed;
}

#Content-Left,
#Sidebar,
.melbourne-logo,
.header-right,
.request-appointment,
.resources-h {
    display: table-cell;
    vertical-align: top;
}


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

#Header {
    min-height: 110px;
}

.melbourne-logo {
    width: 421px;
    padding: 28px 0 0 0px;
}

.header-right {
    float: right;
    padding: 45px 6px 0 0;
    width: 470px;
}

.header-right li {
    display: inline-block;
}

.header-right li {
    font: normal 13px/18px sans-serif;
    text-transform: uppercase;
}

.header-right li a {
    color: #262626;
}

.header-right li.book-app {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    text-align: center;
    margin: 0 25px 0 0;
    width: 210px;
}

.header-right li.book-app a {
    padding: 5px 0;
    display: block;
}

.header-right li.call-us {
    width: 220px;
    font: normal 15px/20px sans-serif;
    color: #545454;
}

.header-right li.call-us .fa {
    color: #c6c6c6;
    font-size: large;
    margin: 0 4px 0 0;
    position: relative;
    top: 2px;
}

.header-right li.call-us a {
    color: #F26B30;
    font: bold 19px/23px sans-serif;
    margin: 0 0 0 2px;
}

.header-right li.book-app:hover a {
    color: #fff;
}

.header-right li.call-us:hover a {
    color: #0066A1;
}

#Corona-Container {
    background: #F26B30;
}

#Corona-Intra {
    text-align: center;
}

#Corona-Intra a {
    display: inline-block;
    padding: 10px 0;
    font: 600 18px/24px 'Open Sans', sans-serif;
    color: #fff;
}
.welcome-intra li{
    /*width: 224px !important;*/
    width: 180px !important;
}
.dr-tabs{
    width: 92px !important;
}

/* Rectangle Out */

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F26B30;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
    color: white;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 5px;
}


/* ------------------------------ Menu CSS ------------------------------ */

#Menu-Container {
    /* background: #1a5dcb; */
    background: #0066A1;
}

#Main-Menu {
    height: 46px;
    position: relative;
}

#Mobile-Menu {
    display: none;
}

nav {
    position: relative;
}

.menu,
.menu ul {
    display: block;
}

.menu li {
    border: 0;
    float: left;
    position: relative;
    z-index: 99999;
    text-align: center;
    background: url(../images/menu-li-br.png) no-repeat scroll right center;
}

.menu li:last-child {
    margin: 0 0px 0 0;
}

.menu a {
    cursor: pointer;
    display: block;
    position: relative;
    text-decoration: none;
    font: 400 15px/46px 'Josefin Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.menu li:hover {
    background: url(../images/li-hover-bg.png) repeat-x center top 0px #0066A1;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

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

.menu ul {
    left: 0px;
    position: absolute;
    top: 48px;
    visibility: hidden;
    width: 254px;
    padding: 0px 0px 0 0;
}

.menu li li {
    display: block;
    float: none;
    margin: 0;
    background: #0066A1 url(../images/menu-li-la.png) no-repeat scroll 19px 15px;
}

.menu li li:hover {
    background: #F26B30 url(../images/menu-li-la.png) no-repeat scroll 19px 15px;
}

.menu li li li {
    background: #0066A1;
}

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

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

.menu li li li a {
    padding: 12px 17px 12px 12px !important;
}

.menu li li:last-child {
    border-bottom: none;
}

.menu li li a {
    background: none !important;
    border-bottom: medium none;
    color: #ffffff;
    font: 400 13px/18px 'Josefin Sans', sans-serif;
    height: auto;
    margin: 0;
    padding: 12px 17px 12px 46px;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
}

.menu ul ul {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 234px;
    padding: 0 0 0 0px;
}

.menu ul ul.app-sub-menu {
    width: 200px;
}

.menu .menu-right {
    position: relative;
    padding: 0 20px 0 0;
}

.menu .menu-right::before {
    position: absolute;
    content: '';
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #fff;
    z-index: 999999;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.menu ul ul ul {
    position: absolute;
    top: 0;
    visibility: hidden;
}

.menu li:hover>ul {
    top: 100%;
    visibility: visible;
}

.menu li li:hover>ul {
    left: 100%;
    top: 0;
}

.menu li li:hover>ul {
    left: 96%;
    top: 0;
}

.home-nav {
    width: 6%;
}

.practice-nav {
    width: 8%;
}

.staff-nav {
    width: 9%;
}

.location-nav {
    width: 10%;
}

.condition-nav {
    width: 10%;
}

.procedure-nav {
    width: 11%;
}

.robotic-nav {
    width: 14%;
}

.patient-nav {
    width: 12%;
}

.injury-nav {
    width: 15%;
}

.blog-nav {
    width: 6%;
}

.contact-nav {
    width: 9%;
}

.condition-nav ul {
    width: 159px !important;
}

.condition-nav ul ul {
    width: 204px !important;
}


/*-----------Mobile Menu CSS-------------*/

.menu-mobile {
    background: #1a5dcb;
    padding: 6px 0 6px 0px;
    width: 100%;
}

.menu-mobile img {
    float: none;
    margin: 1px 5px 0 0;
}

.menu-mobile a {
    color: #fff;
    font: 400 18px/22px "Open Sans", sans-serif;
    padding: 0 0 0 5px;
}

.par-menu li {
    width: 100%;
    background: #0066A1;
    border-bottom: 1px solid #3b6ab7;
}

.par-menu li li {
    background: #538ae4;
}

.par-menu li li li {
    background: #1b3b70;
}

.sub-menu {
    display: none;
}

.par-menu li li a {
    padding: 5px 0 5px 4%;
}

.par-menu li li li a {
    padding: 5px 0 5px 6%;
}

.par-menu li a {
    color: #fff;
    display: block;
    font: 400 14px/18px "Open Sans", sans-serif;
    padding: 5px 0 5px 5px;
}

.par-menu li:hover {
    background: #F26B30;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.menu-parent,
.sub-parent {
    background: url(../images/menu-li-ar.png) no-repeat scroll 98% 7px;
}

.menu-parent:hover,
.sub-parent:hover {
    background: url(../images/menu-li-ab.png) no-repeat scroll 98% 9px;
}


/* ------------------------------ Banner CSS ------------------------------ */

#Container {
    overflow: hidden;
}

#Intra-Container #Interactivity {
    height: 401px;
}

#Intra-Container-S #Interactivity {
    height: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#Intra-Container #Interactivity .banner-text {
    position: absolute;
    right: 37%;
    top: 23%;
    width: 200px;
    text-transform: uppercase;
}

#Intra-Container #Interactivity .banner5 .banner-text {
    position: absolute;
    right: 37%;
    width: 310px !important;
}

#Intra-Container #Interactivity .banner-text h2 {
    font: 700 30px/35px sans-serif;
    color: #000000;
    margin: 0 0 14px 0;
    text-align: left;
}

.service-tabs ul {
    width: 310px;
    background: #F26B30;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 7%;
    padding: 21.5px 0;
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.service-tabs li {
    font: 700 17px/22px "Josefin Sans", sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #ff7442;
}

.service-tabs li a {
    color: #fff;
    display: block;
    padding: 22px 35px 18px 35px;
    text-shadow: -1px 2px #b3390d;
    -ms-transform: skew(20deg);
    /* IE 9 */
    -webkit-transform: skew(20deg);
    /* Safari */
    transform: skew(20deg);
    /* Standard syntax */
}

.service-tabs li:hover a,
#Intra-Container .Banner_here a {
    color: #000000;
    text-shadow: 1px 1px #d2a990;
}

#Intra-Container-S #Interactivity h1 {
    font: bold 32px/38px sans-serif;
    color: #F26B30;
    padding: 58px 0 6px 0;
    text-align: center;
    margin: 0;
}

#Intra-Container .service-tabs li:last-child {
    border-bottom: none;
}

#Intra-Container .service-tabs li:hover,
.service-tabs .Banner_here {
    background: rgba(255, 172, 134, 1);
    background: -moz-linear-gradient(top, rgba(255, 172, 134, 1) 0%, rgba(255, 184, 151, 1) 27%, rgba(255, 192, 161, 1) 54%, rgba(255, 202, 175, 1) 70%, rgba(255, 210, 186, 1) 83%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 172, 134, 1)), color-stop(27%, rgba(255, 184, 151, 1)), color-stop(54%, rgba(255, 192, 161, 1)), color-stop(70%, rgba(255, 202, 175, 1)), color-stop(83%, rgba(255, 210, 186, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 172, 134, 1) 0%, rgba(255, 184, 151, 1) 27%, rgba(255, 192, 161, 1) 54%, rgba(255, 202, 175, 1) 70%, rgba(255, 210, 186, 1) 83%);
    background: -o-linear-gradient(top, rgba(255, 172, 134, 1) 0%, rgba(255, 184, 151, 1) 27%, rgba(255, 192, 161, 1) 54%, rgba(255, 202, 175, 1) 70%, rgba(255, 210, 186, 1) 83%);
    background: -ms-linear-gradient(top, rgba(255, 172, 134, 1) 0%, rgba(255, 184, 151, 1) 27%, rgba(255, 192, 161, 1) 54%, rgba(255, 202, 175, 1) 70%, rgba(255, 210, 186, 1) 83%);
    background: linear-gradient(to bottom, rgba(255, 172, 134, 1) 0%, rgba(255, 184, 151, 1) 27%, rgba(255, 192, 161, 1) 54%, rgba(255, 202, 175, 1) 70%, rgba(255, 210, 186, 1) 83%);
}

.service-images {
    position: absolute;
    width: 283px;
    height: 262px;
    bottom: -66px;
    right: 392px;
    z-index: 150;
    background: url(../images/serv-img-bg.png) no-repeat scroll center bottom;
}


/*---------------Request Appointment-----------*/

#Request-bg {
    background: #1b5aca;
}

#Request-main {
    min-height: 350px;
    background: url(../images/request-main-bg.png) no-repeat scroll center top/ auto 100%;
}

.request-intra {
    width: 100%;
    padding: 64px 0 0 0;
}

.request-intra h3 {
    margin: 0 0 23px 0;
    color: #ffffff;
    font: 300 24px/28px "Josefin Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.request-intra h3 a {
    color: #ffffff;
}

.request-intra h3 a:hover {
    color: #dae2f0;
}

.request-intra h3 span {
    font: 700 24px/28px "Josefin Sans", sans-serif;
}

.request-appointment {
    width: 534px;
}

.resources-h {
    padding: 0 65px;
    border-left: 1px solid #799fe1;
}

.resources-h li {
    display: inline-block;
    font: 700 13px/20px "Muli", sans-serif;
    text-transform: uppercase;
    vertical-align: top;
    text-align: center;
    width: 32%;
}

.resources-h li a {
    color: #fff;
    display: block;
}

.resources-h li a .bgspan {
    position: relative;
    margin: 0 auto 23px;
    display: block;
    width: 105px;
    height: 100px;
    background: rgba(255, 89, 0, 1);
    background: -moz-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 89, 0, 1)), color-stop(29%, rgba(254, 102, 7, 1)), color-stop(47%, rgba(254, 112, 11, 1)), color-stop(50%, rgba(254, 112, 11, 1)), color-stop(78%, rgba(252, 137, 22, 1)), color-stop(79%, rgba(252, 137, 22, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: -o-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: -ms-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: linear-gradient(to bottom, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    border: 1px solid #fe9a57;
}

.resources-h li:hover .bgspan {
    background: rgba(213, 180, 163, 1);
    background: -moz-linear-gradient(top, rgba(213, 180, 163, 1) 0%, rgba(232, 203, 183, 1) 29%, rgba(240, 212, 192, 1) 47%, rgba(240, 212, 192, 1) 50%, rgba(254, 231, 209, 1) 77%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213, 180, 163, 1)), color-stop(29%, rgba(232, 203, 183, 1)), color-stop(47%, rgba(240, 212, 192, 1)), color-stop(50%, rgba(240, 212, 192, 1)), color-stop(77%, rgba(254, 231, 209, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 180, 163, 1) 0%, rgba(232, 203, 183, 1) 29%, rgba(240, 212, 192, 1) 47%, rgba(240, 212, 192, 1) 50%, rgba(254, 231, 209, 1) 77%);
    background: -o-linear-gradient(top, rgba(213, 180, 163, 1) 0%, rgba(232, 203, 183, 1) 29%, rgba(240, 212, 192, 1) 47%, rgba(240, 212, 192, 1) 50%, rgba(254, 231, 209, 1) 77%);
    background: -ms-linear-gradient(top, rgba(213, 180, 163, 1) 0%, rgba(232, 203, 183, 1) 29%, rgba(240, 212, 192, 1) 47%, rgba(240, 212, 192, 1) 50%, rgba(254, 231, 209, 1) 77%);
    background: linear-gradient(to bottom, rgba(213, 180, 163, 1) 0%, rgba(232, 203, 183, 1) 29%, rgba(240, 212, 192, 1) 47%, rgba(240, 212, 192, 1) 50%, rgba(254, 231, 209, 1) 77%);
    transition: background 0.5s ease-out 0s;
    border: 1px solid #e2d2ca;
}

.resources-h li:hover a {
    color: #ff5c02;
}

.resources-h li .iconspan {
    position: absolute;
    top: 30px;
    left: 38px;
    width: 39px;
    height: 39px;
    margin: 0 auto;
    display: block;
    background: url(../images/sprite.png) no-repeat scroll 0px 0px;
}

.resources-h li.patient-h .iconspan {
    background-position: 0px 0px;
}

.resources-h li.admission-h .iconspan {
    background-position: -56px 0px;
}

.resources-h li.Protocol-h .iconspan {
    background-position: -113px 0px;
}

.resources-h li.patient-h:hover .iconspan {
    background-position: 0px -56px;
}

.resources-h li.admission-h:hover .iconspan {
    background-position: -56px -56px;
}

.resources-h li.Protocol-h:hover .iconspan {
    background-position: -113px -56px;
}


/*------------Knee Clinic CSS----------------*/

#Knee-clinic-bg {
    background: url(../images/knee-clinic-bg.jpg) no-repeat scroll center bottom;
}

#Knee-clinic-main {
    min-height: 453px;
}

.knee-intra {
    background: #F26B30 none repeat scroll 0 0;
    float: right;
    height: 414px;
    position: relative;
    width: 47%;
    padding: 65px 57px;
}

.knee-intra::before {
    background: rgba(0, 0, 0, 0) url("../images/knee-intra-bg-h.png") no-repeat scroll right top;
    content: "";
    height: 414px;
    left: -133px;
    position: absolute;
    top: 0;
    width: 137px;
}

.knee-intra h2 {
    color: #fff;
    font: 700 70px/74px "Josefin Sans", sans-serif;
    margin: 0;
    text-transform: uppercase;
}

.knee-intra h2 span {
    color: #fff;
    font: 400 34px/40px "Josefin Sans", sans-serif;
    display: block;
    margin: -10px 0 0 4px;
}

.yellow-text {
    border-bottom: 1px solid #fff;
    float: left;
    margin: 19px 0 0;
    width: 100%;
}

.yellow-text p {
    color: #f6ff00;
    font: 400 16px/20px "Muli", sans-serif;
    margin: 0;
}

.yellow-text p span {
    font: 400 24px/28px "Muli", sans-serif;
}

.yellow-text .knee-read-more {
    background: #fff;
    width: 111px;
    text-transform: uppercase;
    text-align: center;
    margin: 6px 0 0 0;
    float: right;
}

.yellow-text .knee-read-more a {
    display: block;
    color: #343434;
    font: 700 13px/13px "Josefin Sans", sans-serif;
    padding: 12px 0;
}

.yellow-text .knee-read-more a:hover {
    color: #F26B30;
}

.knee-text {
    color: #fff;
    float: left;
    font: 600 15px/20px "Muli", sans-serif;
    margin: 30px 0 0;
}

.knee-text a {
    font: 800 15px/20px "Muli", sans-serif;
    color: #fff;
    text-decoration: underline;
}

.knee-text a:hover {
    color: #f6ff00;
}

.hvr-grow {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*------------------Welcome To MHK--------------*/

#Welcome-bg {
    background: url(../images/welcome-bg.png) no-repeat scroll center top;
}

#Welcome-Main {
    min-height: 560px;
}

.welcome-intra {
    width: 100%;
    text-align: center;
    padding: 80px 0 0 0;
}

.welcome-intra h2 {
    color: #fff;
    font: 400 29px/34px "Josefin Sans", sans-serif;
    margin: 0px 0 10px 0;
}

.welcome-intra h2 span {
    font: 700 29px/34px "Josefin Sans", sans-serif;
}

.welcome-intra p {
    color: #a3c2fc;
    font: 400 16px/25px "Muli", sans-serif;
    margin: 0 auto;
    width: 90%;
}

.welcome-intra p span {
    font: 600 16px/20px "Muli", sans-serif;
}

.welcome-intra ul {
    margin: 0px 0 0 0;
}

.welcome-intra li {
    display: inline-block;
    /*width: 279px;*/
    width: 180px !important;
    height: 394px;
    position: relative;
    background: url(../images/dr-li-bg.png) no-repeat scroll right top;
    vertical-align: top;
}

.welcome-intra li h2 {
    color: #1e1e1e;
    font: 700 16px/24px "Josefin Sans", sans-serif;
    /*margin: 22px 0 0;*/
    margin: 60px 0 0;
}

.welcome-intra li h2 span {
    font: 400 13px/18px 'Work Sans', sans-serif;
    color: #1d1d1d;
    display: block;
}

.welcome-intra li.dirk-h {
    margin: 0 7%;
}

.greyscale {
    filter: grayscale(100%);
}

.greyscale:hover {
    filter: none;
}

.welcome-img {
    /*width: 200px;*/
    width: 160px;
    height: auto;
    margin: 25px 0px 0px 0px;
    border: 8px solid #0066A1;
    border-radius: 50%;
}

.welcome-img:hover {
    border: 8px solid #548aed;
}

.plus-dr {
    background: rgba(0, 0, 0, 0) url("../images/dr-plus-bg.png") no-repeat scroll center center;
    bottom: 30%;
    height: 52px;
    left: 40%;
    position: absolute;
    width: 84px;
}

.dr-read-more {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 112px;
    border-radius: 20px;
    border: 1px solid #d7d7d7;
    margin-top: 18px;
}

.dr-read-more a {
    color: #707172;
    display: block;
    font: 700 13px/13px "Josefin Sans", sans-serif;
    padding: 10px 0 7px 0;
}

.dr-read-more a:hover {
    color: #F26B30;
}

.welcome-intra li:hover .plus-dr {
    background: url("../images/dr-plus-bg-h.png") no-repeat scroll center center;
}


/*---------------Our Staff ---------------*/

.dr-img img:hover {
    border-radius: 50%;
    border: 4px solid #5082d4;
}

.our-specialists {
    float: left;
    margin: 0px 0 0 0;
    width: 100%;
}

.our-specialists .dr-tab {
    width: 96%;
    float: left;
    background: #81affa;
    padding: 3px 3px 3px 3px;
    margin: 0 0 15px 0;
    min-height: 160px;
    vertical-align: top;
}

.our-specialists .dr-tab.left {
    margin: 0 5px 15px 0;
}

.dr-tab .dr-img {
    float: left;
    margin: 10px;
    width: 20%;
}

.dr-tab .dr-descrp {
    float: left;
    margin: 0 0 0 10px;
    text-align: left;
    width: 55%;
}

.our-specialists .dr-descrp h1 {
    font: 700 18px/24px "Josefin Sans", sans-serif;
    color: #fff !important;
    margin: 18px 0 9px 0;
    text-transform: uppercase;
}

.our-specialists .dr-descrp .dr-specialist {
    font: 400 13px/18px 'Work Sans', sans-serif;
    color: #1d1d1d;
    margin: 0 0 30px 0;
}

.dr-specialist.drow {
    margin: 0 0 39px 0px !important;
}

.our-specialists .dr-descrp a {
    display: block;
    color: #fff !important;
    background: #0066a1;
    font: 400 12px/13px "Josefin Sans", sans-serif;
    padding: 10px 0 7px 0;
    border-radius: 16px;
    width: 116px;
    text-align: center;
    text-transform: uppercase;
}

.our-specialists .dr-descrp a:hover {
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    background: #F26B30;
    color: #fff !important;
    text-decoration: none !important;
}

.dr-tab.left.campbell-s .dr-specialist {
    margin: 0 0 47px 0;
}


/*------------------Aside CSS---------------------*/

#Content-Container {
    padding: 50px 0 0 0;
}

#Content-Left {
    padding: 0 4px;
    width: 67%;
    float: right;
}

#Content-Main {
    margin-bottom: 3%;
}

.textMain p:first-child {
    margin: 0 0 10px 0;
}

#Sidebar {
    width: 320px;
    padding-bottom: 5%;
    float: left;
}

.no-sidebar aside {
    display: none !important;
}

.no-sidebar #Content-Left {
    width: 100%;
}

.aside-services {
    width: 100%;
    float: left;
}

.aside-services ul {
    padding: 13px 0 0 0;
    background: #F26B30;
}

.aside-services li {
    font: 700 18px/22px "Josefin Sans", sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #ff7442;
    position: relative;
    text-shadow: -1px 2px #a2330c;
}

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

.aside-services li a {
    color: #fff;
    display: block;
    padding: 22px 35px 18px 35px;
}

.aside-services li:hover a {
    color: #000000;
}

.aside-services li:hover {
    background: #fed9c8;
    text-shadow: 1px 1px #87746b;
}

.aside-services li:hover::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-width: 63px 20px 0 0;
    border-color: #fed9c8 transparent transparent transparent;
    border-style: solid;
}

.aside-services li:last-child:hover::after {
    border-width: 84px 20px 0 0;
}

.aside-dr {
    width: 100%;
    float: left;
    background: url("../images/aside-dr-bg.png") no-repeat scroll center top;
    height: 530px;
    margin: 40px 0 0 0;
}

.aside-dr h2 {
    color: #fff;
    font: 700 29px/34px "Josefin Sans", sans-serif;
    margin: 0px 0 11px 0;
    padding: 40px 0 0 0;
    text-align: center;
}

.aside-dr-tabs {
    position: relative;
    height: 447px;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}

.aside-dr-tabs::after,
.aside-dr-tabs::before {
    position: absolute;
    height: 270px;
    width: 1px;
    background: #ededed;
    bottom: 0;
    right: 0;
    content: "";
}

.aside-dr-tabs:before {
    bottom: 0;
    left: 0 !important;
}

.aside-dr-tabs li {
    width: 100%;
    height: 394px;
    position: relative;
    background: url(../images/dr-li-bg.png) no-repeat scroll 93% top;
    vertical-align: top;
}

.aside-dr-tabs li img {
    margin: 30px 0px 0px 60px;
}

.aside-dr-tabs h2 {
    color: #1e1e1e;
    font: 700 19px/24px "Josefin Sans", sans-serif;
    margin: 0px 0 11px 0;
    padding: 22px 0 0 0;
    text-align: center;
}

.aside-dr-tabs li h2 span {
    font: 400 13px/18px 'Work Sans', sans-serif;
    color: #1d1d1d;
    display: block;
}

.aside-dr-tabs .dr-read-more {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 112px;
    border-radius: 20px;
    border: 1px solid #d7d7d7;
    margin-top: 18px;
}

.aside-dr-tabs .dr-read-more a {
    color: #707172;
    display: block;
    font: 700 13px/13px "Josefin Sans", sans-serif;
    padding: 11px 0 8px 0;
}

.aside-dr-tabs li:hover .plus-dr {
    background: url("../images/dr-plus-bg-h.png") no-repeat scroll center center;
    bottom: 30%;
    left: 40%;
}

.aside-dr-tabs .dr-read-more:hover a {
    color: #F26B30;
}

.dr-tabs {
    position: absolute;
    bottom: 5%;
    right: 42%;
    z-index: 100;
    width: 74px;
}

.dr-tabs li {
    display: inline-block;
    margin: 0 5px 0 0px;
    border-radius: 50%;
    background: none !important;
    width: auto;
    height: auto;
}

.dr-tabs li a {
    display: block;
    height: 10px;
    width: 10px;
    border: 1px solid #bababa;
    border-radius: 50%;
}

.dr-tabs li:hover a,
.dr-tabs .Meet-dr_here a {
    background: #F26B30 !important;
    border: none;
}

.aside-resources {
    width: 100%;
    float: left;
    background: url("../images/aside-resources-bg.png") no-repeat scroll center top;
    height: 377px;
    margin: 40px 0 0 0;
}

.aside-resources h2 {
    color: #fff;
    font: 700 28px/32px "Josefin Sans", sans-serif;
    margin: 0px 0 25px 0;
    padding: 38px 0 0 0;
    text-transform: uppercase;
    text-align: center;
}

.aside-resources li {
    font: 700 13px/20px "Muli", sans-serif;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.aside-resources li a {
    color: #fff;
    display: block;
    padding: 16px 25px 23px 0px;
}

.aside-resources li:hover a {
    color: #f6e2d7;
}

.aside-resources li a .bgspan {
    width: 73px;
    height: 70px;
    background: rgba(255, 89, 0, 1);
    background: -moz-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 89, 0, 1)), color-stop(29%, rgba(254, 102, 7, 1)), color-stop(47%, rgba(254, 112, 11, 1)), color-stop(50%, rgba(254, 112, 11, 1)), color-stop(78%, rgba(252, 137, 22, 1)), color-stop(79%, rgba(252, 137, 22, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: -o-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: -ms-linear-gradient(top, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    background: linear-gradient(to bottom, rgba(255, 89, 0, 1) 0%, rgba(254, 102, 7, 1) 29%, rgba(254, 112, 11, 1) 47%, rgba(254, 112, 11, 1) 50%, rgba(252, 137, 22, 1) 78%, rgba(252, 137, 22, 1) 79%);
    border: 1px solid #fe8a3b;
    float: left;
    margin: -16px 19px 0 29px;
}

.aside-resources li .iconspan {
    width: 39px;
    height: 39px;
    margin: 0 auto;
    display: block;
    background: url(../images/sprite.png) no-repeat scroll 0px 0px;
    margin-top: 14px;
}

.aside-resources li.patient-h .iconspan {
    background-position: 0px 0px;
}

.aside-resources li.admission-h .iconspan {
    background-position: -56px 0px;
}

.aside-resources li.Protocol-h .iconspan {
    background-position: -113px 0px;
}

.aside-resources li:hover .bgspan {
    background: rgba(170, 182, 203, 1);
    background: -moz-linear-gradient(top, rgba(170, 182, 203, 1) 0%, rgba(190, 202, 224, 1) 27%, rgba(205, 217, 239, 1) 54%, rgba(207, 219, 241, 1) 66%, rgba(211, 223, 245, 1) 83%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170, 182, 203, 1)), color-stop(27%, rgba(190, 202, 224, 1)), color-stop(54%, rgba(205, 217, 239, 1)), color-stop(66%, rgba(207, 219, 241, 1)), color-stop(83%, rgba(211, 223, 245, 1)));
    background: -webkit-linear-gradient(top, rgba(170, 182, 203, 1) 0%, rgba(190, 202, 224, 1) 27%, rgba(205, 217, 239, 1) 54%, rgba(207, 219, 241, 1) 66%, rgba(211, 223, 245, 1) 83%);
    background: -o-linear-gradient(top, rgba(170, 182, 203, 1) 0%, rgba(190, 202, 224, 1) 27%, rgba(205, 217, 239, 1) 54%, rgba(207, 219, 241, 1) 66%, rgba(211, 223, 245, 1) 83%);
    background: -ms-linear-gradient(top, rgba(170, 182, 203, 1) 0%, rgba(190, 202, 224, 1) 27%, rgba(205, 217, 239, 1) 54%, rgba(207, 219, 241, 1) 66%, rgba(211, 223, 245, 1) 83%);
    background: linear-gradient(to bottom, rgba(170, 182, 203, 1) 0%, rgba(190, 202, 224, 1) 27%, rgba(205, 217, 239, 1) 54%, rgba(207, 219, 241, 1) 66%, rgba(211, 223, 245, 1) 83%);
    border: 1px solid #b1c6ec;
}

.aside-resources li.patient-h:hover .iconspan {
    background-position: 0px -56px;
}

.aside-resources li.admission-h:hover .iconspan {
    background-position: -56px -56px;
}

.aside-resources li.Protocol-h:hover .iconspan {
    background-position: -113px -56px;
}


/*------------------Conditions CSS------------*/

.conditions-tabs {
    width: 100%;
    float: left;
    margin: 45px 0 0 0;
}

.conditions-tabs ul {
    text-align: center;
}

.conditions-tabs li {
    display: inline-block;
    width: 297px;
    min-height: 478px;
    -moz-box-shadow: 0px 2px 5px #e5e5e5;
    -webkit-box-shadow: 0px 2px 5px #e5e5e5;
    box-shadow: 0px 2px 5px #e5e5e5;
    vertical-align: top;
    background: none !important;
    position: relative;
    padding: 0 !important;
    margin: 0 2% 3% 2%;
}

.mhk-c {
    box-shadow: none !important;
}

.mhk-c img {
    margin: 0 auto;
    margin-top: 56%;
}

.condition-text {
    width: 87%;
    margin: 0 auto;
    text-align: center;
    margin-top: 55px;
}

.condition-text h2 {
    color: #222222 !important;
    text-align: center !important;
    font: bold 20px/24px sans-serif !important;
    text-transform: uppercase;
    margin: 0;
}

.textMain .condition-text p {
    margin: 18px 0 0 0;
    color: #707070;
}

.condition-text .read-more-c {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 140px;
    border-radius: 20px;
    margin-top: 35px;
    background: #ebebeb;
}

.condition-text .read-more-c a {
    color: #818181;
    display: block;
    font: 400 12px/16px "Muli", sans-serif;
    padding: 11px 0 9px 0;
}

.condition-text .read-more-c:hover {
    background: #F26B30;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.condition-text .read-more-c:hover a {
    color: #fff;
    text-decoration: none;
}

.center-c {
    text-align: center !important;
    width: 90%;
    margin: 0 auto !important;
}

.conditions-tabs li:hover {
    -moz-box-shadow: 0px 2px 20px #e5e5e5;
    -webkit-box-shadow: 0px 2px 20px #e5e5e5;
    box-shadow: 0px 2px 20px #e5e5e5;
}


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

.Credibility-intra {
    text-align: center;
    width: 100%;
    padding: 33px 0;
    float: left;
}

.Credibility-intra li {
    text-align: center;
}


/*----------Related Links CSS-------*/

.related-links {
    text-align: center;
}

.textMain .related-links li {
    display: inline-block;
    width: 30%;
    height: 62px;
    background: #e4e4e4;
    padding: 0 !important;
    vertical-align: top;
    margin: 0 5px 9px 0;
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.textMain .related-links li:hover {
    background: #F26B30;
}

.related-links li a {
    color: #000;
    text-transform: uppercase;
    display: block;
    text-align: left;
    font: 700 15px/20px 'Josefin Sans', sans-serif;
    padding: 17px 21px 15px 16px;
    -ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    background: url(../images/related-link-ar.png) no-repeat 93% center;
}

.related-links li:hover a {
    color: #fff;
    text-decoration: none;
    background: url(../images/related-link-ar-h.png) no-repeat 93% center;
}

.nodisplay {
    background: none !important;
}

.related-links .double-l a {
    padding: 11px 21px 15px 16px !important;
}


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

.useful-links-tab {
    width: 100%;
}

.useful-links-tab li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: left;
    margin: 0 11px 20px 0;
    padding: 5px 10px !important;
    width: 48%;
    box-shadow: 0 0 3px;
    vertical-align: top;
}

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

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

.logo-sec img {
    margin: 10px 0 0 0;
}

.link-tab>h3 {
    background: #1a5dca;
    margin: 0;
    padding: 9px 0;
    color: #fff !important;
    text-align: center !important;
}

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

.fb-text {
    font-size: 20px;
}

.fb-text a {
    color: #025384;
}

.fb-text .fa {
    font-size: 45px;
    margin: 0 0 0 8px;
    color: #025384;
}


/*-----Landing page CSS-----*/

.page-links {
    display: block;
    margin-top: 20px;
    text-align: right;
    border-bottom: 1px solid #ccc;
}

.page-links li {
    background: #3891e3 none repeat scroll 0 0;
    display: inline-block;
    font: 700 12px/19px 'Muli', sans-serif;
    margin: 0 0px 0 0;
    text-align: left;
}

.page-links li a {
    text-transform: uppercase;
    color: #fff;
    padding: 5px 7px 5px 7px;
    display: block;
}


/*----------Individual contact page CSS------------*/

.contact-links.individual li {
    width: 32%;
    background-image: none !important;
}

.contact-locs.individual-locs {
    width: 100%;
    margin: 35px auto;
    float: left;
}

.contact-locs.individual-locs .contact-map {
    width: 65%;
    height: 300px;
}

.contact-locs.individual-locs .contact-sec p {
    width: 32%;
    font: 400 19px/28px "Muli", sans-serif !important;
}

.contact-locs.individual-locs .contact-sec p .textMainBold {
    font: 700 23px/30px "Muli", sans-serif;
    color: #676767;
}


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

footer {
    background: #0066a1 url('../images/footer-bg.png') no-repeat center -90px;
    overflow: hidden;
}

#Footer-container {
    min-height: 383px;
    width: 100%;
    padding: 0px 2px 0 2px;
    /* background: url(../images/footer-main-bg.png) no-repeat scroll center top/ auto 100%; */
}

.footer-main {
    width: 100%;
    float: left;
    padding: 38px 2px 70px 2px;
    font: 400 15px/20px 'Muli', sans-serif;
    border-bottom: 1px solid #4779cd;
}

.footer-main a {
    color: #9dc2ff;
}

.footer-main a:hover {
    color: #f3f5f9;
}

.footer-main h3 {
    font: 700 19px/24px 'Josefin Sans', sans-serif;
    color: #ffffff;
    margin: 0 0 21px 0;
    text-transform: uppercase;
}

.foot-links {
    width: 25%;
    float: left;
}

.foot-whatwedo {
    width: 25%;
    float: left;
}

.foot-search {
    width: 235px;
    float: left;
}

.foot-follow {
    float: right;
    width: 21%;
}

.foot-links li {
    display: inline-block;
    margin-bottom: 4px;
    width: 46%;
}

.foot-whatwedo li {
    margin-bottom: 4px;
}

.foot-whatwedo li a {
    color: #9ec3ff;
}

.foot-search .website-search {
    width: 235px;
    float: left;
}

.foot-search #tfq {
    font: 400 15px/20px 'Muli', sans-serif;
    color: #9ec3ff;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #8caee5 !important;
    padding: 5px 0 7px 0px;
    width: 235px;
    float: left;
    border: none;
    -webkit-padding-before: 7px !important;
}

.foot-search .tfbutton2 {
    background: url("../images/search-icon.png") no-repeat scroll center 6px;
    cursor: pointer;
    height: 31px;
    width: 32px;
    text-indent: -999px;
    border: none;
    margin: 0 0 0 -33px;
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
}

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

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

.google-lang {
    width: 100%;
    margin: 50px 0 0 0;
    float: left;
}

.foot-follow .smo {
    float: left;
    width: 100%;
}

.foot-follow .smo li {
    display: inline-block;
    margin: 0 28px 0 0;
}

.foot-follow .smo li a {
    display: block;
}

.foot-follow .smo li .fa {
    color: #bbcff0;
    font-size: x-large;
}

.foot-follow .smo li:hover {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    transform: rotate(360deg);
    transition: all 0.3s ease-in 0s;
}

.foot-follow .smo li:hover .fa, .foot-follow .smo li.facebook:hover, .foot-follow .smo li.youtube:hover {
    color: #fff;
    opacity: 1.0 !important;
}

.doctoralia-img {
    clear: both;
    float: left;
    margin: 48px 0 0;
}

.foot-intra {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

.foot-copyright {
    float: left;
    width: 70%;
    text-align: right;
}

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

.foot-copyright .dr-site {
    color: #ffffff;
}

.foot-copyright .dr-site a {
    font: 400 15px/20px 'Muli', sans-serif;
    color: #ffffff;
}

.foot-copyright .dr-site a:hover {
    color: #d6e0f2;
}

.foot-quick-links {
    font: 400 15px/20px 'Muli', sans-serif;
    color: #ffffff;
}

.foot-quick-links a {
    color: #ffffff;
}

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

.foot-ypo {
    width: 140px;
    float: left;
    border-left: 1px solid #477acf;
    min-height: 46px;
    margin: 8px 0 0 37px;
}

.foot-ypo img {
    float: right;
}


/*-------------Dr profile page-----------*/

.dr-img-p {
    float: right;
    margin: 5px 0 10px 20px;
    padding-bottom: 10px;
}

.dr-ph {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 4px solid #0066a1;
    margin: 0 auto;
}

.dr-ph:hover {
    border: 4px solid #ff7442;
    cursor: pointer;
    box-shadow: 2p 2px 2px #000;
}

.dr-img-p h2 {
    background: #0066a1;
    color: #fff !important;
    font: 700 16px/20px "Muli", sans-serif !important;
    text-align: center !important;
    padding: 6px;
    margin: 7px 0 0 0;
    text-transform: uppercase;
}

.dr-img-p h2 span {
    display: block;
    font: 400 13px/20px "Muli", sans-serif !important;
    text-transform: none;
    margin: 5px 0 0 0;
    color: #C5C5C5;
}

.dr-tab.staff {
    width: 96%;
}

.dr-tab.staff p {
    text-align: justify;
    float: left;
    color: #000000;
}

.dr-tab.staff h1 {
    margin: 18px 0 0px 0;
}

.dr-tab.staff .dr-descrp {
    width: 74%;
}

.dr-profile-p p a span {
    color: #1a55c7;
}


/*-----------------Multimedia CSS----------------------------*/

.multimedia-iframe iframe {
    border: none;
    height: 300px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 2px solid #1d5ccb;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/*----------------------------- Navigation Starts ------------------------------*/

.navigation {
    font: 400 16px/20px 'Open Sans', sans-serif;
    color: #000000;
    margin: 0px 0 0px 0;
    text-align: center;
}

.navigation a {
    color: #000000;
    margin: 0px 17px;
}

.navigation a:hover {
    color: #cc2c2c;
}

.navigation a:first-child {
    margin: 0 17px 0 0;
}

.navigation span {
    margin: 0px 0 0 17px;
}


/*------------------------- textMain Starts ------------------------------*/

.textMain {
    font: 400 16px/24px "Muli", sans-serif;
    color: #676767;
    text-align: justify;
}

.textMain a {
    color: #215ecd;
}

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

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

.textMain ol {
    padding: 0px;
    margin: 10px 0px 0px 45px;
}

.textMain ul li {
    background: url(../images/textmain-li-bg.png) no-repeat 5px 15px;
    padding: 5px 0px 5px 25px;
    list-style: none;
}

.textMain ol li {
    padding: 5px 0px 5px 0px;
    list-style: decimal;
    background: none;
}

.textMain ul ul,
.textMain ol ol {
    margin: 0px;
    padding: 5px 0px 5px 20px;
}

.textMain ul ul li {
    background: none;
    padding: 5px 0px;
    list-style: circle;
}

.textMain ol ol li {
    padding: 5px 0px;
    list-style-type: lower-alpha;
}

.textMain ul ul ul li {
    list-style: square;
}

.textMain ol ol ol li {
    list-style: lower-roman;
}

.textMain li p {
    margin: 5px 0px;
}


/*----------------------------- textMain Heading Starts ------------------------*/

.textMain h1 {
    font: bold 32px/38px sans-serif;
    color: #F26B30;
    text-align: left;
    margin: 0 0 0 0px;
}

.textMain h2 {
    font: 700 26px/34px "Muli", sans-serif;
    color: #0066A1;
    text-align: left;
    margin: 18px 0 11px 0;
}

.textMain h2 a {
    color: #4c85e2;
}

.textMain h2 a:hover {
    text-decoration: underline;
}

.textMain h3 {
    font: 700 22px/26px "Muli", sans-serif;
    color: #093b8d;
    text-align: left;
    margin: 18px 0 11px 0;
}

.textMain h3 a {
    color: #355b99;
}

.textMain h3 a:hover {
    text-decoration: underline;
}

.textMain h4 {
    font: 700 18px/18px "Muli", sans-serif;
    color: #5e97f6;
    text-align: left;
}

.textMain h4 a {
    color: #5b9df4;
}

.textMain h4 a:hover {
    text-decoration: underline;
}

.textMainBold {
    font: 700 16px/24px "Muli", sans-serif;
    color: #676767;
    text-align: left;
}

.textMainBold a {
    color: #1a5dcb;
}

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

.PDFtext {
    font: normal 12px 'Open Sans', sans-serif;
    color: #999999;
}

.PDFtext img {
    margin: 0 8px 0 0;
    float: left;
}


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

#google_translate_element a:hover {
    color: #000 !important;
}

.goog-te-menu-value img {
    margin-right: 40px !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    border-left: none !important;
}

.about-list li {
    background: #0066A1 !important;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px 0 5px 13px !important;
    width: 40%;
}

.about-list a {
    color: #fff;
    display: block;
    padding: 5px 0 7px;
    text-align: left;
}


/* Sweep To Bottom */

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F26B30;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
    color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.image-l-a {
    float: left;
    margin: 8px 39px 12px 0;
    box-shadow: 9px 9px 0px #ebecee;
    width: 46%;
}

.image-c {
    margin: 0 auto 10px;
    box-shadow: 0px 0px 16px #ebecee;
    width: 35%;
    margin-top: 10px;
    text-align: center;
}

.about-list.patientforms li {
    width: 45% !important;
}

.about-list a:hover {
    text-decoration: none;
}

.faq-head {
    background-color: #0066A1;
    color: #fff !important;
    font: 600 18px/19px 'Work Sans', sans-serif !important;
    margin: 5px 0 0;
    padding: 10px 10px 10px 24px;
    text-transform: uppercase;
}

.mandatory {
    color: #ed1c28;
}

.reviews {
    height: auto;
    margin: 20px auto 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.reviews img {
    margin: 5px;
    padding: 0;
}


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

.contact-page {
    width: 100%;
}

.contact-page h2 {
    font: 700 33px/35px "Muli", sans-serif;
    text-align: center !important;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.contact-links {
    width: 100%;
}

.contact-links ul {
    text-align: center;
}

.contact-links ul li {
    display: inline-block;
    width: 29%;
    vertical-align: top;
    background: #0066A1;
    padding: 0px !important;
    font: 700 17px/24px "Muli", sans-serif !important;
    text-align: center;
    color: #fff;
    margin: 0 0 5px 0;
}

.fax-num {
    min-height: 44px;
}

.contact-links ul li a {
    color: #fff;
    display: block;
    padding: 10px 0px 10px 5px !important;
}

.contact-links ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.contact-links .ph-less-h a {
    padding: 5px 0px 5px 5px !important;
}

.contact-links ul li .fa {
    color: #fff;
    font-size: xx-large;
    margin: 13px 0px 0 0px;
}

.contact-page .contact-locs {
    text-align: center;
}

.contact-page .contact-locs li {
    display: inline-block;
    width: 45%;
    box-shadow: 0 0 5px;
    min-height: 220px;
    padding: 10px;
    margin: 0 5px 5px 5px;
    background: none !important;
    vertical-align: top;
}

.contact-sec p {
    width: 44%;
    float: left;
    text-align: left;
    margin: 0 14px 0 0 !important;
    font: 400 15px/24px "Muli", sans-serif !important;
}

.contact-sec p .textMainBold {
    font: 700 15px/24px "Muli", sans-serif;
}

.contact-map {
    float: left;
    width: 52%;
    height: 200px;
    border: 1px solid #ccc;
}

.contact-map iframe {
    width: 100%;
    border: none;
    height: 100%;
}


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

.gm-style .gm-style-iw {
    overflow: visible !important;
    position: relative !important;
    padding: 70px 0px 10px 0px;
    background: url(../images/map-sec-bg-icon.png) no-repeat scroll center 10px #F26B30 !important;
    width: 300px;
    top: -40px;
    left: 2%;
}

.gm-style .gm-style-iw::after {
    border-top: 2px solid #fc9863;
    border-right: 2px solid #fc9863;
    top: 11px;
    content: "";
    height: 24px;
    position: absolute;
    right: 4%;
    width: 24px;
}

.gm-style .gm-style-iw::before {
    border-left: 2px solid #fc9863;
    border-bottom: 2px solid #fc9863;
    bottom: 11px;
    content: "";
    height: 24px;
    position: absolute;
    left: 4%;
    width: 24px;
}

.gm-style>div>div>div>div>div>div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    position: relative;
    text-align: center;
}

.gm-style>div>div>div>div>div>div>div>div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.gm-style>div>div>div>div>div {
    /* background: #fefefe; */
    color: #fff !important;
    font: normal 20px/31px 'open_sansregular';
	z-index:9999 !important;
	position:absolute !important;
}

.gm-style>div>div>div>div>div>div>div {
    top: -6px !important;
}
.gm-style .gm-style-iw-t {
	height:100%;
	position:unset;
}


.gm-style>div>div>div>div>div>div>div>div {
    box-shadow: none !important;
    font: 700 17px/22px "Josefin Sans", sans-serif;
    text-transform: none;
    color: #fff;
    padding-right: 10px;
    margin-left: 12px;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
}

.gm-style-iw p {
    font: 300 15px/22px "Muli", sans-serif;
    margin-left: 12px;
    color: #fff;
}

.gm-style-iw p a {
    color: #fff;
}


/*-----Accordian-------*/

.accordion {
    margin: 1em 0;
}

.accordion h2 {
    background-color: #0066A1;
    background-image: url("../images/bullets.png"), url("../images/plus.png");
    background-position: 8px 17px, right center;
    background-repeat: no-repeat, no-repeat;
    color: #fff;
    cursor: pointer;
    font: 600 18px/19px 'Work Sans', sans-serif !important;
    margin: 5px 0 0;
    padding: 10px 10px 10px 24px;
    position: relative;
    text-transform: uppercase;
}

.accordion h2.current {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2981d2;
    background-image: url("../images/bullets.png"), url("../images/minus.png");
    background-position: 8px 17px, right center;
    background-repeat: no-repeat, no-repeat;
    border-bottom: 0 solid #4a4f53;
    border-image: none;
    border-left: 1px solid #4a4f53;
    border-right: 1px solid #4a4f53;
    border-top: 1px solid #4a4f53;
    color: #fff;
    cursor: default;
}

.accordion div.pane {
    border: 1px solid #4a4f53;
    padding: 15px 10px 10px;
    display: none;
}


/*-----------Back to Top------------------*/

#backtotop,
#backtobot {
    cursor: pointer;
    right: 12px;
    position: fixed;
    z-index: 10000;
    width: 38px;
    height: 38px;
    font: 400 12px/40px 'Open Sans', sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}

#backtotop {
    bottom: 10px;
    background: url(../images/up-arrow-icon.png) no-repeat scroll center top;
    display: none;
}

#backtobot {
    bottom: 10px;
    background: url(../images/down-arrow-icon.png) no-repeat scroll center top;
}

#backtotop a,
#backtobot a {
    display: block;
    text-indent: -9999px;
}

#backtotop:hover,
#backtobot:hover {
    opacity: 0.9;
}

.print-page {
    text-align: right;
    margin: 0;
    position: relative;
    z-index: 9;
    margin: -25px 0px 25px;
}

.print-page a {
    color: #fff;
    background: #fd9b5d;
    padding: 8px 14px 8px 32px;
    font: 400 18px/24px "Work Sans", sans-serif;
    position: relative;
}

.print-page a::before {
    position: absolute;
    content: "\f1c1";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    top: 9px;
    left: 9px;
    font-size: 18px;
}

/* .prf iframe {
    min-height: 4890px !important;
}
 */
.blog-posts li {
    border-bottom: 1px dotted #F26B30;
    background-image: none !important;
    padding: 10px 0px !important;
}

.textMain .specal-quote {
    text-align: center;
    padding: 0;
    margin: 30px auto;
    display: inline-block;
    width: 100%;
}

.textMain .specal-quote p {
    position: relative;
    padding: 10px 0;
    font: 600 20px/28px 'Work Sans', sans-serif;
    width: 70%;
    margin: auto;
    min-width: 300px;
    color: #0066A1;
}

.textMain .specal-quote p span {
    display: block;
}

.textMain .specal-quote p::before,
.textMain .specal-quote p::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
}

.textMain .specal-quote p::before {
    background: url('../images/quote-before.png') no-repeat left top;
    left: 0;
    top: -20px;
    background-size: 40px;
}

.textMain .specal-quote p::after {
    background: url('../images/quote-after.png') no-repeat right bottom;
    bottom: -20px;
    right: 0;
    background-size: 40px;
}

.textMain .conditions-procedures-list {
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

.textMain .conditions-procedures-list li {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin: 10px;
    min-width: 250px;
    text-align: left;
    padding: 0;
}

.textMain .conditions-procedures-list li a {
    background: #0066A1;
    color: #fff;
    font: 400 18px/24px "Muli", sans-serif;
    padding: 12px 12px;
    display: block;
    text-align: center;
}

.textMain .images-list{text-align: center;}
.textMain .images-list li{display: inline-block;vertical-align: top;padding: 0;margin: 10px;background: none;}
.textMain .images-list li img{}
.textMain .img_center{text-align: center;}
.textMain .img_center img{}

.foot-follow .smo {float: left;width: 140px;}

.smo li a {width: 40px; height: 40px; }
.smo li {margin: 0px auto !important;}

.smo li.facebook {
	background: url(/images/fb-icon.png) no-repeat center center;
	background-size: 40px !important;
	opacity: 0.7;
}
.smo li.youtube {
    background: url(/images/youtube-icon-upd.png) no-repeat center center;
    background-size: 40px !important;
    opacity: 0.7;
}

.smo li.linkedin {
    float: right;
    margin: 6px 0 0 0 !important;
}

/*----------Media screen---------------*/

@media screen and (max-width: 1030px) {
    .welcome-intra li {
	/*width: 199px !important;*/
	width: 165px !important;
}
    .menu a {
	font: 400 13px/46px 'Josefin Sans', sans-serif;
}
    
    #main-form-block #form_4758 {
	height: 240px !important;
}
    
    .welcome-intra li h2 {
	font: 700 14px/24px "Josefin Sans", sans-serif;
}
    
}
@media screen and (max-width: 993px) {
    .welcome-intra li.dirk-h {
        margin: 0 3%;
    }
    .resources-h {
        padding: 0 4%;
    }
    .resources-h li {
        width: 31%;
    }
    #Intra-Container #Interactivity .banner-text {
        right: 42%;
    }
    .service-tabs ul {
        right: 8%;
    }
    #Content-Left {
        width: 65%;
    }
    .our-specialists .dr-tab {
        width: 90%;
    }
    .our-specialists .dr-descrp .dr-specialist {
        margin: 0 0 48px 0;
    }
    .dr-tab.staff .dr-descrp {
        width: 69%;
    }
    .contact-map {
        width: 55%;
    }
    .textMain .related-links li,
    .textMain .related-links li {
        width: 48%;
    }
    .practice-nav {
        width: 7%;
    }
    .menu a {
        font-size: 11px;
    }
}

@media screen and (max-width: 899px) {
    .melbourne-logo {
        width: 42%;
    }
    .menu a {
        font: 400 11px/46px 'Josefin Sans', sans-serif;
    }
    .header-right {
        width: auto;
    }
    .header-right li.book-app {
        margin: 0 9px 0 0;
        width: 190px;
    }
    .location-nav {
        width: 8%;
    }
    .patient-nav {
        width: 12%;
    }
    .blog-nav {
        width: 7%;
    }
    #Intra-Container #Interactivity .banner-text {
        right: 50%;
    }
    #Intra-Container #Interactivity .banner5 .banner-text {
        right: 48%;
    }
    .service-tabs ul {
        right: 10%;
    }
    .welcome-intra p {
        width: 99%;
    }
    .welcome-intra li.dirk-h {
        margin: 0 0%;
    }
    .welcome-intra li {
        width: 252px;
    }
    .welcome-intra li .plus-dr {
        bottom: 39%;
        left: 38%;
    }
    .knee-intra {
        padding: 65px 3%;
    }
    .yellow-text .knee-read-more {
        margin: 18px 0 0 0;
    }
    .request-appointment,
    .resources-h {
        display: inherit;
    }
    .request-appointment {
        margin: 0 auto;
        height: 200px;
    }
    .resources-h {
        padding: 0 4%;
        margin: 0 auto 4%;
        float: none;
        border-left: none;
    }
    .footer-main {
        padding: 38px 2px 40px 2px;
    }
    .foot-intra {
        padding: 20px 0 8px 0;
    }
    .foot-links {
        width: 33%;
    }
    .foot-whatwedo {
        width: 33%;
    }
    .foot-follow {
        float: none;
        width: 157px;
        clear: both;
        padding: 3% 0 0 0;
    }
    .doctoralia-img {
        margin: 24px 0 0;
    }
    .foot-copyright {
        float: none;
        width: 100%;
        text-align: center;
    }
    .foot-ypo {
        float: none;
        border-left: none;
        min-height: auto;
        margin: 0 auto;
        margin-top: 3%;
    }
    #Content-Left {
        width: 55%;
    }
    .our-specialists .dr-descrp .dr-specialist {
        margin: 0 0 30px 0;
    }
    .dr-tab.staff {
        width: 98%;
    }
    .dr-tab.staff .dr-descrp {
        width: 59%;
    }
    .contact-links ul li {
        width: 44%;
    }
    .contact-page h2 {
        font: 700 25px/35px "Muli", sans-serif;
    }
    .contact-sec p {
        width: 92%;
        margin: 0 15px 12px 0 !important;
    }
    .contact-map {
        width: 100%;
        float: none;
        clear: both;
    }
    .textMain .related-links li {
        width: 80%;
    }
    .contact-links.individual li {
        width: 49%;
    }
    .contact-locs.individual-locs .contact-sec p {
        width: 100%;
        text-align: center;
    }
    .contact-locs.individual-locs .contact-map {
        width: 100%;
    }
    .contact-locs.individual-locs li {
        background-image: none !important;
        padding: 5px 0px 5px 0px !important;
    }
    .print-page {
        text-align: center;
        margin: 5px 0px 25px;
    }
    
    .welcome-intra li {
	width: 260px !important;
}
    
    .menu li li:hover > ul, .menu ul {width: 200px;}
    .menu ul {left: -60px;}
}

@media screen and (max-width: 763px) {
   /* .par-menu {
	width: 300px;
	margin: 0px auto;
}*/
   #Mobile-Menu {
	display: block;
	text-align: center;
}
    #Menu-Container,
    .Wrapper {
        display: none;
        text-align: left;
    }
    .melbourne-logo,
    .header-right,
    #Content-Left,
    #Sidebar,
    #Content-Main .intra-div {
        display: inherit;
    }
    .melbourne-logo {
        width: 421px;
        margin: 0 auto;
    }
    .header-right {
        width: 427px;
        float: none;
        margin: 0 auto;
        padding: 26px 0 18px 0;
    }
    #Intra-Container #Interactivity #Slider1 li {
        background-position: left top;
    }
    #Intra-Container #Interactivity .banner-text {
        display: none;
    }
    .service-images {
        width: 38%;
        bottom: -59px;
        background-size: 100% auto;
    }
    .service-tabs ul {
        padding: 22px 0;
    }
    .welcome-intra h2 {
        font: 400 27px/34px "Josefin Sans", sans-serif;
    }
    .foot-whatwedo {
        width: 28%;
    }
    .foot-links {
        width: 34%;
    }
    #Content-Left {
        width: 100%;
        float: none;
    }
    #Sidebar {
        padding-bottom: 41%;
        float: none;
        margin: 0 auto;
        margin-top: 8%;
        clear: both;
    }
    #Content-Container {
        padding: 20px 0 40px 0;
    }
    .contact-links ul li {
        width: 55%;
    }
    .dr-img-p {
        float: none;
        margin: 5px 0 10px 0px;
        padding-bottom: 10px;
    }
    .gm-style>div>div>div>div>div>div>div>div {
        font: 700 14px/22px "Josefin Sans", sans-serif;
    }
    .welcome-intra h2 span {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .hip-pain-bg {
        background: url(../images/serv-img1-mob.png) no-repeat scroll 10px center !important;
    }
    .hip-procedures-bg {
        background: url(../images/serv-img2-mob.png) no-repeat scroll 10px center !important;
    }
    .knee-pain-bg {
        background: url(../images/serv-img3-mob.png) no-repeat scroll 10px center !important;
    }
    .knee-procedures-bg {
        background: url(../images/serv-img4-mob.png) no-repeat scroll 10px center !important;
    }
    .knee-sports-bg {
        background: url(../images/serv-img5-mob.png) no-repeat scroll 10px center !important;
    }
    .service-tabs li a {
        padding: 22px 26px 18px 90px;
        -ms-transform: skew(0deg);
        -webkit-transform: skew(0deg);
        transform: skew(0deg)
    }
    .service-tabs ul {
        position: static;
        -ms-transform: skew(0deg);
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
        clear: both;
        margin: 0 auto;
        margin-top: 15px;
    }
    .textMain {
        text-align: left;
        padding: 15px;
    }
    #Welcome-Main {
        margin: 460px 0 0 0;
    }
    .Wrapper {
        width: 100%;
        position: absolute;
        z-index: 99999;
    }
   /* #Knee-clinic-bg {
        height: auto;
        background: none;
    }*/
    #Knee-clinic-main,
    #Knee-clinic-bg {
        min-height: auto;
    }
    .par-menu {
	text-align: left;
}
}

@media screen and (max-width: 633px) {
      #Knee-clinic-bg {
        height: auto;
        background: none;
    }
    
    #Slider1 {
        display: none;
    }
    .service-images {
        display: none;
    }
    .welcome-intra {
        padding: 45px 0 0 0;
    }
    .welcome-intra h2 {
        font: 400 27px/38px "Josefin Sans", sans-serif;
    }
    .knee-intra {
        width: 72%;
    }
    .foot-links {
        width: 235px;
        margin: 0 auto;
        float: none;
    }
    .foot-whatwedo,
    .foot-search {
        width: 235px;
        margin: 0 auto;
        float: none;
        margin-top: 6%;
    }
    .foot-follow {
        width: 235px;
        padding: 6% 0 0 0;
        margin: 0 auto;
    }
    .dr-tab.staff .dr-descrp {
        width: 72%;
    }
    #backtotop,
    #backtobot {
        background: none;
    }
    .contact-links ul li {
        width: 73%;
    }
    .contact-page .contact-locs li {
        width: 90%;
    }
    .contact-links.individual li {
        width: 100%;
    }
    #Welcome-Main {
        margin: 5px 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    .knee-intra {
        width: 100%;
    }
    .request-appointment {
        width: auto;
    }
    .resources-h li {
        display: inherit;
        width: 72%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .resources-h li a .bgspan {
        margin: 0 auto 14px;
    }
    .melbourne-logo {
        width: 96%;
    }
    .header-right {
        width: 88%;
    }
    .header-right li {
        display: inherit;
        margin: 0 auto !important;
    }
    .header-right li.call-us {
        margin-top: 5% !important;
    }
    #Sidebar {
        width: 318px;
    }
    .aside-services li:hover::after {
        display: none;
    }
    .our-specialists .dr-tab {
        width: 100%;
    }
    .our-specialists .dr-tab.left {
        margin: 0 0px 5px 0;
    }
    .dr-tab .dr-img {
        float: none;
        margin: 0 auto;
        width: 150px;
        margin-top: 5px;
    }
    .dr-tab .dr-descrp {
        text-align: center;
        width: 100%;
    }
    .our-specialists .dr-descrp h1 {
        text-align: center;
    }
    .our-specialists .dr-descrp .dr-specialist,
    .dr-tab.left.campbell-s .dr-specialist {
        margin: 0 0 16px 0;
    }
    .our-specialists .dr-descrp a {
        margin: 0 auto;
    }
    .dr-tab.staff .dr-descrp {
        width: 94%;
    }
    .contact-links ul li {
        width: 100%;
    }
    .about-list li {
	width: 275px;
}
}

@media screen and (max-width: 360px) {
    .welcome-intra h2 span {
        font: 700 25px/34px "Josefin Sans", sans-serif;
    }
}