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

#Map-Container {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

#Accessibility,
#Banner,
#Content-Main,
#Credibility,
#Footer,
#Header,
#Main-Menu,
#Mobile-Menu,
#Service {
    max-width: 1200px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0;
    position: relative
}


/* Scroller CSS */

.dotted-border {
    border-bottom: 1px dotted #dd2e1d
}

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

.video-container {
    height: 0;
    margin: 20px 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    border: 3px solid #dd2e1d
}

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

#qlinks ul.tabs {
    line-height: 40px;
    list-style: outside none none;
    margin: 10px 0 20px;
    padding: 0;
    text-align: center
}

#qlinks ul.tabs li {
    background: 0 0;
    display: inline-block;
    margin: 5px 5px 5px 0;
    padding: 0
}

#qlinks ul.tabs li a {
    background: #dd2e1d;
    color: #fff;
    padding: 10px 11px;
    text-decoration: none;
    box-shadow: 2px -3px 6px var(--color-smoke);
    --color-smoke: #012048;
    font-size: 14px
}

#qlinks ul.tabs li a:hover {
    color: #000;
    background: #d9d3d0
}


/* Menu CSS */


/*.menu li li{background:rgba(8, 109, 194, .5)}*/

.menu-home a span {
    display: none;
}

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

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

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

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

.toggleMenu {
    font: bold 16px/30px Verdana, Arial, Helvetica, sans-serif
}

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

.Wrapper {
    font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif
}


/* Home Banner CSS */

#Banner-Container #Banner {
    height: 576px
}

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

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

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

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

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

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

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

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

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


/* Text CSS */

.textMain a {
    color: #dd2e1d
}

.textMain a:hover {
    color: #3e3e4d
}

.textMain h1 {
    font: 600 30px/34px Verdana, Arial, Helvetica, sans-serif;
    color: #414141
}

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

.hTag2,
.textMain h2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    color: #dd2e1d;
    font-size: 30px;
    line-height: 32px
}

.textMain h2 span {
    font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;
    color: #000
}

.hTag2 a,
.textMain h2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: #dd2e1d
}

.hTag3,
.textMain h2.hTag3,
.textMain h3,
.textMain h4.hTag3 {
    font-weight: 700;
    font-size: 24px;
    color: #dd2e1d;
    font-family: 'Crimson Text', serif
}

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

.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4,
.textMain h4 {
    color: #dd2e1d;
    font-size: 18px
}

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


/* Contact Page */

.contactTable {
    border-spacing: 5px;
    border: 2px solid #ccc
}

.contactTable:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    -moz-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    -ms-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    -o-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2)
}

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

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

.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: 100%;
    position: absolute;
    z-index: 9;
    border: 0
}


/* Profile Schema */

.textMain .schemaTable {
    padding: 5px;
    text-align: center
}

.textMain .schemaTitle {
    padding: 5px 10px;
    font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif
}

.textMain .schemaTable ul {
    margin: 0;
    padding: 0;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    -moz-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    -ms-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    -o-box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2);
    box-shadow: 0 0 10px 1px rgba(51, 51, 51, .2)
}

.textMain .schemaTable li {
    margin: 0;
    padding: 10px;
    position: relative;
    background: 0 0;
    border-right: 1px dotted #ccc;
    min-width: 250px;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.textMain .schemaTable li:last-child {
    border-right: 0
}

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

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

.textMain .schemaTable p::before {
    position: absolute;
    left: 5px;
    top: 5px
}


/* Submit Testimonials */

.textMain .write-review {
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    float: right;
    position: relative;
    border: 2px solid #ccc
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none
}

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


/* Usefull Links Page */

.textMain .useFul {
    margin: 15px 0;
    padding: 0
}

.textMain .useFul ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center
}

.textMain .useFul li {
    margin: 1%;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    min-width: 290px;
    font: 400 16px/20px 'Source Sans Pro', sans-serif;
    background: 0 0;
    border: 2px solid #ccc
}

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

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

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

.testimonial-p p {
    display: inline-block;
    width: 30%;
    margin: 10px;
}

.testimonial-p img {
    border: 2px solid rgba(0, 0, 0, 0.7);
}

.crosslink {
    padding-bottom: 10px;
    border-bottom: 5px solid red;
    width: 100%;
    margin: 20px 10px;
}
.crosslink a{
font: 400 16px/22px 'Muli', sans-serif;	
}

.textMain .list-two {
    text-align: center;
    padding: 0;
    margin: 15px auto;
}

.textMain .list-two li {
    padding: 0;
    margin: 10px 15px;
    background: none;
    display: inline-block;
    vertical-align: top;
    color: #dd2e1d;
    font: 600 24px/32px 'Muli', sans-serif;
}

.textMain .list-two li.contact-tel a {
    color: #dd2e1d;
    padding-left: 8px;
}

.rd-mr{
    float: right;
    margin: 10px auto;
    padding: 0;
}

.rd-mr a{
    display: block;
    border: 2px solid #333 !important;
    padding: 10px 15px!important;
    border-radius: 10px;
    color: #dd2e1d;
}

.yt-video iframe{
    width: 100%;
    height: 412px;
    border: 3px solid #dd2e1d;
    
}



@media screen and (max-width: 640px) {
    .yt-video iframe{
    width: 90%;
    }
    .contactTable .table-cell {
        display: block;
        width: 100%
    }
    .contact-address {
        border-radius: 10px 10px 0 0
    }
    .contact-map {
        height: 250px;
        border-radius: 0 0 10px 10px
    }
    .textMain .useFul li {
        width: 95%
    }
    .textMain .schemaTable .table-cell {
        display: block;
        margin: 0 auto
    }
}

#navigation,
#footer-map-section {
    max-width: 1200px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.header-logo {
    float: left;
    margin: 20px 0 28px
}

.header-right {
    float: right;
    text-align: right;
    color: #29292a;
    font-weight: 700;
    margin: 12px 0 15px
}

.header-right p {
    display: inline-block
}

.header-right p a {
    padding: 0 0 0 20px
}

.header-right p.header-phone a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1px;
    background: url(../images/header-phone-icon.png) no-repeat 0 center
}

.header-right p.header-appointment a {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .2px;
    text-transform: uppercase;
    background: url(../images/header-appointment-icon.png) no-repeat 0 2px;
    margin: 0 0 0 44px
}

#Menu-Container {
    clear: right;
    float: right;
    width: 56%;
    background: #d8d7d5;
    border-radius: 5px 0 0 5px
}

.menu li.menu-home {
    width: 8.83%!important
}

.menu li.menu-about {
    width: 13.33%!important
}

.menu li.menu-treatments {
    width: 19.33%!important
}

.menu li.menu-patient-info {
    width: 28.83%!important
}

.menu li.menu-blog {
    width: 10.83%!important
}

.menu li.menu-contact {
    width: 18.83%!important
}

.menu li a {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .4px;
    color: #2f2d2c;
    text-transform: uppercase;
    padding: 17px 0
}

.menu li:hover a {
    color: #dd2e1d
}

.menu ul li a:hover {
    background: rgba(255, 255, 255, .8);
    color: #dd2e1d!important;
    border-radius: 5px
}

.menu ul {
    background: rgba(216, 215, 213, .9);
    border-radius: 5px
}

.menu ul li a:hover {
    background: rgba(255, 255, 255, .8);
    color: #dd2e1d!important;
    border-radius: 5px
}

.menu .font-icon::before {
    content: attr(data-icon);
    font-family: fontello;
    font-size: 8px;
    vertical-align: top;
    float: left;
    color: #63605d;
    margin: 0 10px 2px 0
}

.menu ul li a:hover.font-icon::before {
    color: #dd2e1d
}

#menu-extention {
    position: absolute;
    width: 50%;
    height: 49px;
    background: #d8d7d5;
    top: 52px;
    right: 0;
    z-index: -1
}

.menu li.menu-home a:hover {
    background: url(../images/erik-stark-home-icon-mouse.png) no-repeat center 19px;
    min-height: 49px
}

.menu li.menu-home a:hover img {
    display: none
}

#navigation-container {
    background: #f5f2f0;
    text-align: center
}

#navigation h1 {
    font-family: 'Crimson Text', serif;
    font-size: 58px;
    line-height: 58px;
    color: #dd2e1d;
    font-weight: 400;
    padding: 38px 0 15px
}

.navigation {
    font-size: 18px;
    line-height: 20px;
    color: #2f2d2c;
    padding: 0 0 45px
}

.navigation span {
    display: inline-block;
    margin: 0 10px 0
}

.navigation a {
    color: #dd2e1d
}

.navigation a:hover {
    color: #2f2d2c
}

#Content {
    float: left;
    width: calc(100% - 375px);
    margin: 40px 0 0
}

.textMain p.aligncenter {
    text-align: center
}

.textMain p.alignright {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 35%
}

.textMain p.alignleft {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 35%
}

#Sidebar {
    float: right;
    width: 320px;
    margin: 60px 0 0
}

.sidebar-doctor-section {
    background: url(../images/sidebar-doctor-img-new.jpg) no-repeat center 0;
    text-align: center;
    padding: 38px 2% 0;
    font-family: 'Crimson Text', serif;
    min-height: 552px
}

.sidebar-doctor-head {
    font-size: 44px;
    line-height: 46px;
    letter-spacing: -.14px;
    color: #dd2e1d;
    font-weight: 600
}

.sidebar-doctor-section p {
    font-size: 20px;
    line-height: 20px
}

.sidebar-doctor-section a.readmore {
    display: inline-block;
    font-family: Muli, sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .4px;
    background: #dd2e1d;
    color: #fffefe;
    text-transform: uppercase;
    padding: 14px 35px;
    margin: 335px 0 0
}

.sidebar-patient-resources-head {
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: -.25px;
    color: #392c1e;
    margin: 60px 0 22px
}

.sidebar-patient-education {
    margin: 0 0 22px
}

.sidebar-patient-resources li {
    background: url(../images/.sidebar-patient-resources-divider.png) no-repeat 0 bottom;
    display: table;
    width: 100%
}

.sidebar-patient-resources li:last-child {
    background: 0 0
}

.sidebar-patient-resources li a {
    display: table-cell;
    font-weight: 800;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #4a4848;
    height: 66px;
    vertical-align: middle;
    background: url(../images/sidebar-patient-resources.png) no-repeat 8px 5px;
    padding: 0 0 0 78px
}

.sidebar-patient-resources li.pre-post-op-instructions a {
    background-position-y: -64px
}

.sidebar-patient-resources li.community-involvement a {
    background-position-y: -130px
}

.sidebar-patient-resources li.insurance-information a {
    background-position-y: -200px
}

.sidebar-patient-resources li a:hover {
    background-image: url(../images/sidebar-patient-resources-mouse.png);
    color: #dd2e1d
}

#footer-map-container {
    background: url(../images/map-bg-new.jpg) no-repeat center 0;
    padding: 218px 0 0;
    margin: 0 0 -153px;
    position: relative;
    z-index: 1
}

.footer-map {
    max-width: 588px;
    margin: 0 auto 0;
    text-align: center;
    background: #dd2e1d;
    border: 8px solid #f3f3f3;
    padding: 0 0 0
}

.footer-map-inner-section {
    background: url(../images/map-top-arrow.png) no-repeat center 0;
    margin: -33px 0 0;
    color: #fff;
    letter-spacing: .25px
}

.footer-map-head {
    font-family: 'Crimson Text', serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 85px 0 35px;
    text-transform: uppercase
}

.footer-map-address {
    line-height: 18px
}

.footer-map-phone-section {
    font-family: 'Crimson Text', serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    margin: 22px 0
}

.footer-map-phone-section span {
    display: inline-block;
    margin: 0 14px
}

.footer-map-phone-section span.font-icon::before {
    margin: 0 8px 0 0
}

.footer-map-hours {
    font-size: 15px;
    line-height: 18px;
    padding: 0 0 60px
}

#Footer-Container {
    background: #d9d3d0
}

.credibility {
    padding: 202px 0 45px
}

.credibility li {
    float: left;
    text-align: center;
    border-right: 1px solid #a9a19a;
    padding: 0 2.5%
}

.credibility li:last-child {
    border: 0
}

.credibility li.osnc {
    width: 23.75%
}

.credibility li.aaos {
    width: 25%
}

.credibility li.aossm {
    width: 26.5%
}

.credibility li.aana {
    width: 24.75%
}

.footer-smo {
    background: url(../images/footer-smo-border.gif) no-repeat center;
    text-align: center
}

.footer-smo ul {
    display: inline-block;
    vertical-align: middle
}

.footer-smo li {
    float: left;
    width: 38px;
    margin: 0 4px
}

.footer-smo li a {
    display: block;
    height: 38px;
    background: url(../images/smo1.png) no-repeat 0 0
}

.footer-smo li a span {
    display: none
}

.footer-smo li.twitter a {
    background-position-x: -47px
}

.footer-smo li.linkedin a {
    background-position-x: -94px
}

.footer-smo li.youtube a {
    background-position-x: -140px
}

.footer-smo li.instagram a {
    background-position-x: right
}

.footer-menu {
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #392c1e;
    text-transform: uppercase;
    padding: 0 0 48px
}

.footer-logo {
    margin: 30px 0 18px
}

.footer-menu>span {
    display: inline-block;
    margin: 0 1.2%;
}

.footer-menu p.copyrights {
    font-size: 15px;
    line-height: 17px;
    letter-spacing: .3px;
    text-transform: initial;
    margin: 18px 0 22px
}

.full-width {
    float: none!important;
    width: auto!important;
    padding: 1px 0 18px
}

.services-page>ul>li {
    background: 0 0;
    padding: 0;
    margin: 0 0 50px
}

.services-page ul li .services-page-img {
    float: left;
    width: 46.75%;
    min-height: 434px;
    background-repeat: no-repeat;
    background-position: center 0
}

.services-page ul li.services-box1 .services-page-img {
    background-image: url(../images/services-box1-bg.jpg)
}

.services-page ul li.services-box2 .services-page-img {
    background-image: url(../images/services-box2-bg.jpg)
}

.services-page ul li.services-box3 .services-page-img {
    background-image: url(../images/services-box3-bg.jpg)
}

.services-page ul li.services-box4 .services-page-img {
    background-image: url(../images/services-box4-bg.jpg)
}

.services-page ul li.services-box5 .services-page-img {
    background-image: url(../images/services-box5-bg.jpg)
}

.services-page ul li.services-box6 .services-page-img {
    background-image: url(../images/services-box6-bg.jpg)
}




.services-page ul li:nth-child(2n) .services-page-img {
    float: right
}

.services-page ul li:nth-child(2n) .services-page-intro {
    margin-left: 0;
    margin-right: -9.25%
}

.services-page ul li .services-page-intro {
    background: #f5f2f0;
    float: left;
    width: 60.75%;
    margin: 50px 0 0 -9.25%;
    padding: 0 2% 0 5%;
    line-height: 28px;
    position: relative;
    min-height: 314px
}

.services-page-intro h2 {
    font-family: 'Crimson Text', serif;
    font-size: 46px;
    line-height: 43px;
    background: url(../images/services-head-border.gif) no-repeat 0 bottom;
    padding: 48px 0 32px;
    margin: 0 0 20px;
    font-weight: 400
}

.textMain li .services-page-intro p {
    margin: 0
}

.services-page-intro a.readmore {
    position: absolute;
    width: 132px;
    padding: 5px 0 5px 12px;
    background: url(../images/services-readmore.jpg) no-repeat 111% center rgb(222, 47, 30);
    right: 0px;
    bottom: 0px;
    color: #fff
}

.profile {
    background: url(../images/profile-image-new.jpg) no-repeat center 0
}

.profile #Content {
    width: 53.5%
}

.profile-head {
    font-family: 'Crimson Text', serif;
    font-weight: 600;
    font-size: 40px;
    color: #dd2e1d;
    /* line-height:69px */
}

.profile-head span {
    font-size: 40px;
    font-weight: 400
}

.profile-head p {
    margin: 12px 0 0;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.04px;
    color: #232634
}

.accordResponsive .tabTitle::after,
.accordResponsive .textMain .tabTitle::after,
.accordTitle::after,
.textMain .accordTitle::after {
    right: auto;
    left: 0;
    color: #fff;
    background: #393838;
    padding: 18px 22px;
    font-size: 22px
}

.accordResponsive .tabTitle,
.accordResponsive .textMain .tabTitle,
.accordTitle,
.textMain .accordTitle {
    background: #d9cac3;
    font-family: 'Crimson Text', serif;
    border: 0;
    font-size: 32px;
    color: #393838;
    padding: 14px 0 13px 75px;
    margin: 12px 0 0
}

.accordResponsive .tabTitle a,
.accordResponsive .textMain .tabTitle a,
.accordTitle a,
.textMain .accordTitle a {
    color: #393838
}

.accordContent,
.accordResponsive .tabContent,
.textMain .accordContent,
.textMain .accordResponsive .tabContent {
    padding: 0 20px;
    border: 0
}

.textMain .accordContent.table li {
    background: 0 0;
    padding: 0 0 15px;
    display: table;
    width: 100%
}

.textMain .accordContent li p {
    display: table-cell
}

.textMain .accordContent li p.col1 {
    width: 35%;
    font-weight: 800;
    font-size: 18px!important;
    color: #202020
}

.accordTitle.showAccord {
    background: #dd2e1d
}

.accordTitle.showAccord a {
    color: #fff
}

.tabs ul li {
    float: left;
    background: 0 0;
    padding: 0;
    width: 48%;
    margin: 0 1% 12px;
    display: table
}

.tabs ul li a {
    display: table-cell;
    background: #3e3e4d;
    height: 55px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    padding: 0 8px 0 20px;
    border-radius: 15px 0
}

.tabs ul li a:hover {
    background: #dd2e1d;
    color: #fff
}

ul.pdf-list li {
    background: none;
    padding: 0
}

.textMain .blogMain ul.pagelet_652 .post-meta-entry,
.textMain .blogMain ul.pagelet_652 .read-more,
.textMain .blogMain ul.pagelet_652 h3 {
    display: none
}

span.testimonial-name {
    font-style: italic;
    text-align: right;
    display: block
}

#siteMap li#site-img-srcimageserikstarkhomeiconpng-althomehome img {
    display: none
}

#form-element-list li .control-sublabel {
    color: #4e4e4e!important
}

@media screen and (max-width :1200px) {
    #Accessibility,
    #Banner,
    #Content-Main,
    #Credibility,
    #Footer,
    #Header,
    #Mobile-Menu,
    #Service {
        padding-left: 2%;
        padding-right: 2%
    }
    .menu li.menu-home {
        width: 7.83%!important
    }
    .menu li.menu-about {
        width: 12.33%!important
    }
    .menu li.menu-patient-info {
        width: 31.83%!important
    }
    .menu li.menu-blog {
        width: 9.83%!important
    }
    .footer-menu span {
        margin: 0 1%
    }
}

@media screen and (max-width :980px) {
    .header-right {
        margin-top: 48px
    }
    .header-right p.header-appointment a {
        margin-left: 15px
    }
    #Menu-Container {
        float: none;
        width: auto;
        clear: both;
        border-radius: 5px
    }
    #menu-extention {
        display: none
    }
    #Content {
        width: calc(100% - 320px)
    }
    #Sidebar {
        width: 275px
    }
    .sidebar-doctor-head {
        font-size: 42px
    }
    .services-page ul li .services-page-intro {
        margin-top: 35px;
        min-height: 350px
    }
    .profile {
        background: 0 0
    }
    .profile #Content {
        width: auto;
        float: none
    }
    .footer-menu span {
        margin-bottom: 5px
    }
}

@media screen and (max-width :750px) {
    .header-logo {
        max-width: 62%
    }
    .header-right {
        margin-top: 42px
    }
    .header-right p {
        display: block;
        text-align: left
    }
    .header-right p.header-appointment a {
        margin-left: 0
    }
    #Content {
        float: none;
        width: auto
    }
    #Sidebar {
        float: none;
        width: auto;
        margin: 30px 0 0
    }
    /* .sidebar-doctor-section{float:left;width:49%;padding:25px 2% 0}
.sidebar-patient-resources{float:right;width:49%} */
    .sidebar-patient-resources-head {
        margin: 0 0 20px
    }
    .services-page ul li .services-page-img {
        display: none
    }
    .services-page ul li .services-page-intro {
        float: none!important;
        width: auto;
        margin: 0!important;
        min-height: 0;
        padding-bottom: 40px
    }
}

@media screen and (max-width :567px) {
    .header-logo {
        float: none;
        width: auto;
        text-align: center;
        max-width: 100%;
        margin: 20px 0 15px
    }
    .header-right {
        margin-top: 0;
        text-align: center;
        float: none
    }
    .header-right p {
        display: inline-block
    }
    .header-right p a {
        padding: 0 0 0 15px
    }
    .header-right p.header-appointment a {
        margin-left: 12px
    }
    #Sidebar {
        max-width: 320px;
        margin: 30px auto
    }
    .sidebar-doctor-section {
        float: none;
        width: auto;
        padding: 38px 2% 0
    }
    .sidebar-patient-resources {
        float: none;
        width: auto
    }
    .sidebar-patient-resources-head {
        margin: 60px 0 22px
    }
    .footer-map-phone-section span {
        margin: 0 5px
    }
    .textMain p.alignright,
    .textMain p.alignleft {
        float: none;
        margin: 0 0 20px;
        text-align: center;
        max-width: 100%
    }
    #navigation h1 {
        font-size: 48px;
        line-height: 48px
    }
}

@media screen and (max-width :480px) {
    .credibility li {
        width: 50%!important;
        min-height: 78px
    }
    .credibility li.aaos {
        border: 0
    }
    .tabs ul li {
        float: none;
        width: 100%;
        margin: 0 0 18px
    }
}


/*Anusha*/

#Banner-Container #Banner {
    height: 500px
}

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

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

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

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

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

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

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

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

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

.banner-content {
    position: absolute;
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    left: 80%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    width: 491px
}

.banner-content p {
    font: 58px/56px 'Crimson Text', serif;
    color: #dd2e1d;
    display: block
}

.banner-content li {
    float: left;
    list-style-type: disc;
    color: #dd2e1d
}

.banner-content li a {
    font: 18px/25px Muli, sans-serif;
    color: #000;
    display: block;
    padding: 10px 9px 0 13px;
    background: url(../images/dot.png) 0 20px no-repeat
}

.banner-content1 {
    position: absolute;
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    left: 80%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    width: 491px
}

.banner-content1 li {
    float: none;
    list-style-type: disc;
    color: #dd2e1d
}

.banner-content1 li a {
    font: 18px/25px Muli, sans-serif;
    color: #000;
    display: block;
    padding: 10px 0 0 16px;
    background: url(../images/dot.png) 0 19px no-repeat
}

#Banner .Banner_auto.autoPlay.slidePause {
    display: none
}

.clear {
    clear: both
}

#state {
    position: relative;
    width: 100%
}

.state {
    width: 1200px;
    margin: auto
}

.state1 {
    width: 87%;
    margin: auto;
    padding: 30px 0
}

.state1 span {
    color: #dd2e1d;
    text-align: center;
    font: 42px/50px 'Crimson Text';
    display: block
}

.state1 p {
    padding: 20px 0 45px 0;
    text-align: center;
    font: 17px/30px Muli, sans-serif;
    color: 3e3e4d;
    background: url(../images/bar.jpg) center bottom no-repeat
}

#doctor-section {
    position: relative;
    width: 100%
}

.doctor-section {
    width: 1200px;
    margin: auto;
    background: url(../images/dr-bg-new.jpg) center top no-repeat;
    height: 718px;
    position: relative
}

#doctor-section .doctor-section .theme-L {
    background: url(../images/dr-bg-x.jpg) repeat-x right top
}

#doctor-section .doctor-section .theme-R {
    background: url(../images/doctor-r.jpg) no-repeat left top
}

.doctor-left {
    float: left;
    width: 50%;
    margin: 125px 30px 0 0
}

.doctor-left h1 a {
    color: #dd2e1d;
    text-align: center;
    font: 97px/100px 'Crimson Text';
    display: inline
}

.doctor-left h1 a span {
    color: #dd2e1d;
    text-align: center;
    font: 63px/70px 'Crimson Text';
    display: inline
}

.doctor-left span {
    color: #232634;
    display: block;
    font: 28px/35px 'Crimson Text'
}

.doctor-left p {
    color: #3e3e4d;
    font: 17px/30px Muli, sans-serif;
    display: block;
    padding: 30px 0
}

.doctor-left ul {
    margin: 10px 0 0 0
}

.doctor-left li {
    float: left;
    margin: 0 10px 0 0;
    border: 2px solid #ccc
}

.doctor-left li a {
    text-transform: uppercase;
    color: #3e3e4d;
    font: bold 17px/22px Muli, sans-serif;
    display: block;
    padding: 15px 9px 15px 49px
}

.doctor-left li a.meet {
    background: #2f2d33;
    color: #fff;
    text-align: center;
    padding: 15px 26px
}

.doctor-left li a.award {
    background: url(../images/award.png) no-repeat 18px 13px
}

.doctor-left li a.publication {
    background: url(../images/publication.png) no-repeat 21px 15px
}

.publisher {
    width: 100%;
    float: left;
    margin: 42px 0 0 0
}

.publisher li {
    margin: 0 2px;
    float: left;
    border: #ffdead
}

.publisher li img {
    filter: grayscale(100%);
}

.publisher li a {
    padding: 0
}

.doctor-right {
    float: left;
    width: 40%;
    margin: -30px 0 0 0
}

.doctor-right img {
    display: none
}

#hurt {
    position: relative;
    width: 100%
}

.hurt {
    width: 1200px;
    margin: auto;
    background: url(../images/hurt.jpg) center top no-repeat;
    height: 809px;
    position: relative
}

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

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

.hurt-right {
    width: 40%;
    float: right;
    margin: 78px 0 0 0
}

.hurt-right span {
    color: #dd2e1d;
    display: block;
    font: 56px/60px 'Crimson Text'
}

.hurt-right p {
    color: #3e3e4d;
    font: 16px/29px Muli, sans-serif;
    display: block;
    padding: 20px 0
}

.hurt-right1 {
    width: 100%;
    background: #dd2e1d;
    padding: 30px 0;
    margin: 40px 0 0 0
}

.hurt-right1 li {
    float: none;
    padding: 0 40px;
    border-bottom: 1px solid #af2316
}

.hurt-right1 li:last-child {
    border-bottom: none
}

.hurt-right1 li a {
    background: url(../images/arow.png) 328px 23px no-repeat;
    text-transform: uppercase;
    color: #fff;
    font: 16px/22px Muli, sans-serif;
    display: block;
    padding: 20px 0
}

.hurt-right1 li.hurttab_here,
.hurt-right1 li:hover {
    background: #fff
}

.hurt-right1 li.hurttab_here a,
.hurt-right1 li:hover a {
    color: #dd2e1d
}

.hurt-left {
    width: 320px;
    float: left;
    position: relative;
    margin: 40px 0 0 0
}

.hurt-left li a {
    height: 31px;
    width: 31px;
    position: relative;
    display: block
}

.hurt-left a.div1 {
    left: 298px;
    top: 88px;
    background: url(../images/bullet-h.png) 0 0 no-repeat
}

.hurt-left a.div2 {
    left: 233px;
    top: 129px;
    background: url(../images/bullet-h.png) 0 0 no-repeat
}

.hurt-left a.div3 {
    left: 349px;
    top: 470px;
    background: url(../images/bullet-h.png) 0 0 no-repeat
}

.hurt-left a.div4 {
    left: 349px;
    top: 470px;
    background: url(../images/bullet-h.png) 0 0 no-repeat
}

.hurt-left a.div5 {
    left: 178px;
    top: 470px;
    background: url(../images/bullet-h.png) 0 0 no-repeat
}

.hurttab_auto,
.hurttab_nav.slideNext,
.hurttab_nav.slidePrev {
    display: none
}

#services {
    width: 100%;
    position: relative
}

.services {
    width: 1200px;
    margin: auto;
    height: 506px;
    position: relative
}

#services .services .theme-L {
    background: url(../images/service-l.jpg) no-repeat right top
}

#services .services .theme-R {
    background: url(../images/service-r-new.jpg) no-repeat left top
}

.services li {
    float: left;
    height: 506px;
    width: 280px
}

.services li.sports-med {
    background: url(../images/sports-med.jpg) center top no-repeat
}

.services li.sports-med:hover {
    background: url(../images/sports-med-h.jpg) center top no-repeat
}

.services li.anterior {
    background: url(../images/anterior.jpg) center top no-repeat;
    width: 318px
}

.services li.anterior:hover {
    background: url(../images/anterior-h.jpg) center top no-repeat
}

.services li.rotator {
    background: url(../images/rotator.jpg) center top no-repeat;
    width: 321px
}

.services li.rotator:hover {
    background: url(../images/rotator-h.jpg) center top no-repeat
}

.services li.regenerativ {
    background: url(../images/regenerativ-new.jpg) center top no-repeat;
    width: 281px
}

.services li.regenerativ:hover {
    background: url(../images/regenerativ-h-new.jpg) center top no-repeat
}

.services li a {
    padding: 306px 25px 0;
    display: block
}

.services li a span {
    color: #fff;
    display: block;
    text-align: center;
    font: 34px/40px 'Crimson Text';
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 155px
}

#Credibility {
    width: 100%;
    position: absolute;
    display: none
}

.services ul.desktop {
    display: block
}

#reviews {
    width: 100%;
    position: relative
}

.reviews {
    width: 1200px;
    margin: auto;
    height: 620px;
    position: relative;
    background: url(../images/testimonial-bg.jpg) center top no-repeat
}

#reviews .reviews .theme-L {
    background: url(../images/testimonial-l.jpg) no-repeat right top
}

#reviews .reviews .theme-R {
    background: url(../images/testimonial-r.jpg) repeat-x left top
}

.reviews-right {
    float: right;
    width: 38%;
    margin: 62px 0 0 0
}

.reviews-right span {
    background: url(../images/star.jpg) 0 0 no-repeat;
    width: 250px;
    padding: 10px;
    display: block;
    height: 77px
}

.reviews-right a {
    color: #292929;
    display: block;
    padding: 10px 0 0 0;
    font: 56px/60px 'Crimson Text'
}

.reviews-right1 {
    width: 100%;
    float: left;
    padding: 23px 0 0 0
}

.patient-testimonials-post-meta-entry {
    display: none
}

.patient-testimonials-recent-post-content p a {
    margin: 0
}

.patient-testimonials-recent-post-content p.patient-testimonials-recent-post-title {
    display: none
}

p.patient-testimonials-read-more a {
    margin: 0!important;
    background: 0 0!important;
    color: red!important;
    display: inline!important;
    padding: 0;
    font-size: 15px!important
}

p.patient-testimonials-recent-post-excerpt {
    display: inline!important
}

p.patient-testimonials-read-more {
    display: inline!important
}

.reviews-right1 span {
    font: 48px/55px Muli, sans-serif;
    text-transform: uppercase;
    color: #dd2e1d;
    display: block;
    background: 0 0;
    padding: 0;
    width: auto
}

.reviews-right1 p {
    color: #323232;
    display: block;
    padding: 1px 0;
    font: 16px/32px Muli, sans-serif
}

.reviews-right1 p span {
    padding: 20px 0 0 0;
    display: block;
    color: #454545;
    font: bold 20px/25px Muli, sans-serif;
    text-transform: inherit
}

.reviews-right p a {
    padding: 9px;
    display: block;
    color: #fff;
    font: bold 20px/25px Muli, sans-serif;
    text-align: center;
    width: 188px;
    margin: 267px 0 0 0;
    background: #dd2e1d;
    clear: both;
    display: block
}

.testimonial_auto.autoPlay.slidePause,
.testimonial_nav.slideNext,
.testimonial_nav.slidePrev {
    display: none
}

.testimonial-Tabs {
    position: absolute;
    z-index: 9;
    margin: 0;
    padding: 0;
    bottom: 5px;
    right: 5px
}

.testimonial-Tabs li {
    display: inline-block;
    position: relative;
    background: #003263;
    width: 20px;
    height: 5px
}

.testimonial-Tabs li.testimonial_here {
    background: #fff
}

.testimonial-Tabs li a {
    display: block;
    width: 100%;
    height: 100%
}

.testimonial-Tabs li span {
    position: absolute;
    z-index: 1;
    font: normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background: rgba(255, 255, 255, .7);
    padding: 0 3px;
    display: none;
    width: 100%;
    left: 0;
    bottom: 100%;
    height: auto
}

.testimonial-Tabs li a:hover span,
.testimonial-Tabs li.testimonial_here a span {
    display: block
}

#cartilage {
    width: 100%;
    position: relative
}

.cartilage {
    width: 1200px;
    margin: auto;
    height: 604px;
    position: relative;
    background: url(../images/cartilage.jpg) center top no-repeat
}

#cartilage .cartilage .theme-L {
    background: #d9d4d1
}

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

.cartilage-left {
    float: left;
    width: 56%;
    margin: 59px 0 0 0
}

.cartilage-left a {
    color: #dd2e1d;
    font: 60px/70px 'Crimson Text';
    display: block
}

.cartilage-left a span {
    background: url(../images/line.png) no-repeat left bottom;
    padding: 10px 0;
    color: #392c1e;
    font: 30px/40px Muli, sans-serif;
    display: block
}

.cartilage-left span {
    color: #dd2e1d;
    font: bold 24px/30px Muli, sans-serif;
    display: block;
    padding: 46px 0 0 0
}

.cartilage-left p {
    padding: 20px 0;
    color: #392c1e;
    font: 16px/32px Muli, sans-serif;
    display: block
}

.cartilage-left p a {
    margin: 51px 0 0 0;
    padding: 9px;
    display: block;
    color: #fff;
    font: 14px/23px Muli, sans-serif;
    text-align: center;
    width: 139px;
    background: #dd2e1d;
    clear: both;
    display: block;
    text-transform: uppercase
}
#news-section-title {
    width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.news-section-title {
    max-width: 1200px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.news-section-title a {
    color: #392c1e;
    font: 56px/60px 'Crimson Text';
    display: block;
    text-align: center;
    padding: 43px 0 26px
}
#news-section {
    width: 100%;
	margin: 50px auto;
	padding: 0;
	position: relative;
	background:#dd2e1d;
	height:400px;
}
.news-section {
    max-width: 1200px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.news-section-main{
	display:table;
}
.news-section-l,.news-section-r{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
.news-section-l{
	color:#ffffff;
}
.news-section-l p{
	margin:30px 0px 40px 0px;
}
.news-section-r img {
	position:relative;
	top:-40px;
}
.news-section a {
    color: #392c1e;
    font: 56px/60px 'Crimson Text';
    display: block;
    text-align: center;
    padding: 43px 0 26px
}
.news-section p a {
    padding: 9px;
    display: block;
    color: #dd2e1d;
    font: 14px/23px Muli, sans-serif;
    text-align: center;
    width: 139px;
    background: #ffffff;
    clear: both;
    display: block;
    text-transform: uppercase;
}
#blog-section {
    width: 100%;
    position: relative;
    margin: -33px 0 0 0
}

.blog-section {
    width: 1200px;
    margin: auto;
    height: 358px;
    position: relative;
    background: url(../images/blog-bg.jpg) center top no-repeat
}

.blog-section a {
    text-align: center;
    color: #392c1e;
    font: 60px/70px 'Crimson Text';
    display: block;
    padding: 50px 0 0 139px
}

.blog-section-main {
    width: 70%;
    margin: auto
}

.blog-left {
    background: url(../images/rectangle.png) 0 top no-repeat;
    width: 314px;
    float: left;
    margin: 0 118px 0 0;
    height: 364px
}

.blog-left img {
    margin: auto;
    float: none;
    display: block;
    padding: 32px 0 0 0
}

.recent-post-content {
    width: auto;
    height: 181px
}

.recent-blog-posts ul,
.recent-blog-posts ul li {
    position: relative
}

p.recent-post-excerpt {
    padding: 20px 0 0 0;
    display: inline
}

.recent-post-content p.recent-post-title a {
    color: #dd2e1d;
    font: 36px/50px Muli, sans-serif;
    display: block;
    text-align: left;
    padding: 10px 0 9px 0;
    width: auto;
    left: 0;
    position: relative;
    clear: both;
    background: 0 0;
    top: 0;
    text-transform: inherit
}

.recent-post-content p.read-more {
    display: inline
}

.recent-post-content p.read-more a {
    background: 0 0;
    display: inline;
    text-transform: inherit;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    text-align: left;
    color: #dd2e1d;
    clear: inherit;
    padding: 0 0 0 10px
}

.recent-post-meta-entry p {
    color: #393734;
    font: 16px/28px Muli, sans-serif;
    display: block;
    padding: 30px 0
}

.blog-section p a {
    padding: 9px;
    display: block;
    color: #fff;
    font: 14px/23px Muli, sans-serif;
    text-align: center;
    width: 139px;
    background: #dd2e1d;
    clear: both;
    display: block;
    text-transform: uppercase;
    position: relative;
    top: 0;
    left: 439px
}

.recent-post-meta-entry {
    display: none
}

.blog-section-main a.blogs_auto.autoPlay.slidePause,
a.blogs_nav.slideNext,
a.blogs_nav.slidePrev {
    font-size: 15px;
    padding: 0;
    display: inline;
    line-height: 0
}

.blog-section-main a span {
    display: none
}

.blogs_auto,
.blogs_nav {
    position: absolute;
    z-index: 99;
    display: block;
    width: 20px;
    height: 20px;
    bottom: 5px;
    text-align: center;
    float: right;
    margin: 0 0 0 160px;
    font-size: 15px!important;
    left: 0;
    padding: 0!important;
    line-height: 10px!important
}

.blogs_auto {
    left: 30px
}

.blogs_nav.slidePrev {
    left: 5px
}

.blogs_nav.slideNext {
    left: 55px
}

#resource {
    width: 100%;
    position: relative
}

.resource {
    width: 1200px;
    margin: auto;
    position: relative
}

.resource a {
    color: #392c1e;
    font: 56px/60px 'Crimson Text';
    display: block;
    text-align: center;
    padding: 43px 0 26px
}

.resource-left {
    float: left;
    width: 333px;
    margin: 111px 0 0 0
}

.resource-left li {
    background: url(../images/right-arow.jpg) 0 bottom no-repeat;
    float: none;
    padding: 10px 0 20px 0
}

.resource-left li:last-child {
    background: 0 0
}

.resource-left li a {
    padding: 13px 0 13px 52px;
    color: #4a4848;
    font: bold 14px/23px Muli, sans-serif;
    display: block;
    text-transform: uppercase
}

.resource-left li a.pf {
    background: url(../images/pf.jpg) 16px 0 no-repeat
}

.resource-left li a.pf:hover {
    background: url(../images/pf-h.jpg) 16px 0 no-repeat
}

.resource-left li a.poi {
    background: url(../images/poi.jpg) 16px 0 no-repeat
}

.resource-left li a.poi:hover {
    background: url(../images/poi-h.jpg) 16px 0 no-repeat
}

.resource-middle {
    width: 565px;
    float: left;
    background: url(../images/pe.jpg) center 0 no-repeat;
    height: 455px
}

.resource-middle a {
    padding: 299px 0 0 46px;
    color: #fbc713;
    font: 14px/23px Muli, sans-serif;
    display: block;
    text-transform: uppercase;
    text-align: left
}

.resource-middle a span {
    color: #fff;
    font: bold 20px/28px Muli, sans-serif;
    display: block
}

.resource-right {
    float: left;
    width: 294px;
    margin: 111px 0 0 0
}

.resource-right li {
    background: url(../images/left-arow.jpg) 0 bottom no-repeat;
    float: none;
    padding: 10px 0 20px 0
}

.resource-right li a {
    padding: 17px 0 10px 29px;
    color: #4a4848;
    font: bold 14px/23px Muli, sans-serif;
    display: block;
    text-transform: uppercase;
    text-align: left
}

.resource-right li a.community {
    background: url(../images/community.jpg) right 0 no-repeat
}

.resource-right li a.community:hover {
    background: url(../images/community-h.jpg) right 0 no-repeat
}

.resource-right li a.ii {
    background: url(../images/ii.jpg) right 0 no-repeat
}

.resource-right li a.ii:hover {
    background: url(../images/ii-h.jpg) right 0 no-repeat
}

.resource-right li:last-child {
    background: 0 0
}

@media screen and (max-width :1290px) {
    .blog-section-main {
        width: 70%;
        margin: auto
    }
}

@media screen and (max-width :1025px) {
    #Banner,
    .blog-section,
    .cartilage,
    .doctor-section,
    .hurt,
    .resource,
    .reviews,
    .services,
    .state {
        width: 100%
    }
    .blog-section-main {
        width: 90%
    }
    .banner-content {
        left: 75%;
        width: 491px
    }
    .banner-content1 {
        left: 75%;
        width: 491px
    }
    .Banner_auto,
    .Banner_nav {
        display: none
    }
    .doctor-left {
        float: left;
        width: 61%;
        margin: 125px 30px 0 10px
    }
    #Slider2 {
        left: -89px
    }
    .hurt-right {
        width: 47%;
        margin: 78px 2px 0 0
    }
    .services li.sports-med,
    .services li.anterior,
    .services li.rotator,
    .services li.regenerativ {
        float: left;
        height: 403px;
        width: 256px;
        background-size: 100%!important
    }
    .services li a {
        padding: 226px 25px 0;
        display: block
    }
    .services li a span {
        font: 28px/33px 'Crimson Text';
        padding: 20px 0
    }
    .services {
        height: auto;
        float: left
    }
    .reviews-right {
        width: 42%;
        margin: 62px 0 0 0
    }
    .cartilage-left {
        width: 65%;
        margin: 59px 0 0 5px
    }
    .blog-left {
        margin: 0 50px 0 5px
    }
    .resource-middle {
        width: 38%;
        height: 313px;
        background-size: 100%!important
    }
    .resource-middle a {
        padding: 204px 0 0 22px;
        font: 14px/15px Muli, sans-serif
    }
    .resource-left,
    .resource-right {
        margin: 61px 0 0 0
    }
	#news-section{
		height:auto;
	}
	.news-section-r img {
	position: inherit;
}
}

@media screen and (max-width :1023px) {
    p.patient-testimonials-recent-post-excerpt {
        display: block!important;
        height: 95px
    }
    p.patient-testimonials-read-more {
        display: none!important
    }
    .doctor-left li {
        margin: 5px 10px 0 0
    }
    .hurt-right {
        width: 50%
    }
    #Slider2 {
        left: -109px
    }
    .services li.sports-med,
    .services li.anterior,
    .services li.rotator,
    .services li.regenerativ {
        height: 385px;
        width: 245px
    }
    .services li a span {
        font: 25px/33px 'Crimson Text';
        border: none
    }
    .reviews-right1 span {
        font: 44px/55px Muli, sans-serif
    }
    .blog-left {
        margin: 0 34px 0 5px
    }
    .resource-middle {
        width: 36%;
        height: 283px
    }
}

@media screen and (max-width :900px) {
    .recent-post-content p.recent-post-title a {
        font: 31px/44px Muli, sans-serif
    }
    .blog-section-main {
        width: 95%
    }
    .services li.sports-med,
    .services li.anterior,
    .services li.rotator,
    .services li.regenerativ {
        height: 302px;
        width: 200px
    }
    .banner-content1 {
        left: 73%;
        width: 418px
    }
    .banner-content {
        left: 69%;
        width: 475px
    }
    .state1 {
        width: 96%
    }
    .doctor-left {
        width: 71%;
        margin: 80px 30px 0 10px
    }
    .doctor-left h1 a {
        font: 82px/91px 'Crimson Text'
    }
    .doctor-left span {
        font: 23px/35px 'Crimson Text'
    }
    .doctor-left li {
        margin: 6px 10px 0 0
    }
    .doctor-section {
        background: url(../images/dr-bg.jpg) -259px top no-repeat
    }
    .publisher {
        width: auto;
        margin: 42px 0 0 0;
        background: #f2f2f2
    }
    .publisher li {
        margin: 0 10px 0 0
    }
    .publisher ul {
        margin: 0;
        background: #f2f2f2
    }
    .hurt {
        background: url(../images/hurt.jpg) -102px top no-repeat
    }
    .hurt-right span {
        color: #dd2e1d;
        font: 43px/45px 'Crimson Text'
    }
    #Slider2 {
        left: -102px
    }
    .services li a {
        padding: 182px 10px 0;
        display: block
    }
    .services li a span {
        font: 21px/24px 'Crimson Text';
        padding: 20px 0;
        border: none
    }
    .reviews {
        height: auto;
        background: #efefef;
        float: left
    }
    .reviews-right {
        width: 98%;
        margin: auto;
        float: none
    }
    .reviews-right1 span {
        text-align: center
    }
    .reviews-right span {
        margin: auto
    }
    .reviews-right a {
        text-align: center
    }
    .reviews-right p a {
        margin: auto;
        float: none
    }
    .cartilage {
        height: auto;
        background: #d1ccc8;
        float: left
    }
    .cartilage-left {
        width: 98%;
        margin: auto;
        float: none
    }
    .cartilage-left p a {
        margin: 19px 0 25px 0
    }
    .blog-right a {
        font: 33px/40px Muli, sans-serif
    }
    .blog-right {
        width: 55%
    }
    .blog-left {
        margin: 0 10px 0 5px
    }
    .blog-section p a {
        top: 0
    }
    .resource-middle a {
        padding: 165px 0 0 22px
    }
    .resource-middle {
        width: 320px;
        height: 260px
    }
    .resource-left {
        float: left;
        width: 333px;
        margin: 50px 41px 0 0
    }
    .resource-right {
        margin: auto;
        float: none;
        clear: both
    }
}

@media screen and (max-width :769px) {
    .services li.sports-med,
    .services li.anterior,
    .services li.rotator,
    .services li.regenerativ {
        height: 302px;
        width: 192px
    }
}

@media screen and (max-width :767px) {
    .recent-post-content {
        height: 214px
    }
    #Credibility .nbs-flexisel-nav-left,
    #Credibility .nbs-flexisel-nav-right {
        position: absolute;
        z-index: 99;
        padding: 241px 0 0 0;
        top: 0;
        height: 100%;
        width: 40px;
        cursor: pointer;
        background: #fff
    }
    .services ul.desktop {
        display: none
    }
    #Credibility {
        width: 100%;
        position: relative;
        display: block
    }
    .hurt {
        background: #eee;
        float: left;
        height: auto;
        border-top: 2px solid #fff
    }
    #Slider2 {
        display: none
    }
    .services li.sports-med,
    .services li.anterior,
    .services li.rotator,
    .services li.regenerativ {
        height: 418px;
        margin: 10px 0
    }
    .services li a span {
        font: 25px/29px 'Crimson Text';
        padding: 116px 0
    }
    .blog-section a {
        display: block;
        padding: 10px 0 9px 0
    }
    .blog-left {
        margin: auto;
        float: none
    }
    .blog-section a {
        padding: 10px 0 9px 0;
        text-align: center
    }
    .blog-right p {
        padding: 10px 0 0 5px
    }
    .blog-right {
        width: 98%;
        margin: auto
    }
    .blog-section p a {
        left: 274px
    }
    .resource-left {
        float: left;
        width: 312px;
        margin: 50px 3px 0 0
    }
    .blog-section {
        height: auto;
        position: relative;
        background: #f3f3f3;
        float: left
    }
    .hurt-right {
        width: 98%;
        margin: auto;
        float: none;
        clear: both
    }
    .hurt-right span {
        text-align: center
    }
    .hurt-right1 {
        width: 320px;
        background: #dd2e1d;
        padding: 30px 0;
        margin: auto;
        float: none
    }
    .doctor-section {
        background: #f2f0f1;
        height: auto;
        float: left
    }
    .doctor-right {
        float: none;
        width: 98%;
        margin: 0
    }
    .doctor-right img {
        display: block
    }
    .doctor-left {
        width: 98%;
        margin: auto;
        float: none
    }
    .banner-content,
    .banner-content1 {
        display: none
    }
    #Banner-Container .banner2 {
        background: url(../images/banner2-bg.jpg) no-repeat 0 top
    }
    #Banner-Container .banner1 {
        background: url(../images/banner1-bg.jpg) no-repeat 0 top
    }
    .contactTable .table-cell {
        display: block;
        width: 100%
    }
    .contact-address {
        border-radius: 10px 10px 0 0
    }
    .contact-map {
        height: 250px;
        border-radius: 0 0 10px 10px
    }
    .textMain .useFul li {
        width: 95%
    }
    .textMain .schemaTable .table-cell {
        display: block;
        margin: 0 auto
    }
}
@media screen and (max-width :640px) {
	#news-section{
		height:auto;
	}
	.news-section-l, .news-section-r {
	display: block;
	width: 90%;
	text-align:center;
	margin:0 auto;
}
.news-section p a {
	margin:0 auto;
}
.news-section-main {
	padding-top: 30px;
}
}
@media screen and (max-width :639px) {
    p.patient-testimonials-recent-post-excerpt {
        height: 144px
    }
    .recent-post-content {
        height: 284px
    }
    #Banner-Container #Banner {
        height: 250px
    }
    #Scroller {
        display: none!important
    }
    #Banner-Container .banner2 {
        background: url(../images/banner2-bg.jpg) no-repeat center top
    }
    #Banner-Container .banner1 {
        background: url(../images/banner1-bg.jpg) no-repeat center top
    }
    #Banner-Container .banner3 {
        background: url(../images/banner3-bg.jpg) no-repeat center top
    }
    #Banner-Container .banner1,
    #Banner-Container .banner2,
    #Banner-Container .banner3 {
        background-size: 100%
    }
    .publisher li {
        margin: 0 12px
    }
    .services li.sports-med,
    .services li.anterior,
    .services li.rotator,
    .services li.regenerativ {
        height: 492px;
        width: 313px;
        margin: 10px 0;
        float: left;
        border-bottom: 2px solid #fff
    }
    #Credibility .nbs-flexisel-inner {
        max-width: 360px
    }
    .services li a {
        max-width: 280px;
        margin: auto
    }
    .cartilage-left span {
        padding: 25px 0 0 0
    }
    .cartilage-left a span {
        font: 22px/40px Muli, sans-serif
    }
    .blog-section a {
        font: 34px/38px 'Crimson Text'
    }
    .resource-left {
        float: none;
        width: 320px;
        margin: auto
    }
    .resource-middle {
        width: 320px;
        height: 260px;
        margin: auto;
        float: none
    }
    .resource-right {
        width: 320px
    }
    .cartilage-left a {
        font: 53px/70px 'Crimson Text'
    }
    .menuClose {
        display: none
    }
    .publisher {
        width: 100%
    }
    .publisher li img {
        max-height: 72px
    }
    .doctor-right {
        max-width: 325px;
        margin: auto
    }
    .doctor-left h1 a {
        font-size: 72px;
        line-height: 74px
    }
    .parentMenu li>a img {
        display: none;
    }
}

@media screen and (max-width :479px) {
    .recent-post-content p.recent-post-title a {
        font: 26px/36px Muli, sans-serif
    }
    p.patient-testimonials-recent-post-excerpt {
        height: 193px
    }
    #Banner-Container #Banner {
        height: 189px
    }
    .doctor-left h1 a {
        font: 55px/81px 'Crimson Text'
    }
    .doctor-left h1 a span {
        font: 40px/70px 'Crimson Text'
    }
    .publisher {
        margin: 7px 0 0 0
    }
    .publisher li {
        margin: 10px auto;
        float: none;
        display: block;
        text-align: center;
    }
    .hurt-right span {
        font: 35px/45px 'Crimson Text'
    }
    .hurt-left {
        margin: 10px 0 0 0
    }
    .reviews-right a {
        font: 45px/50px 'Crimson Text'
    }
    .reviews-right1 span {
        font: 34px/46px Muli, sans-serif
    }
    .publisher li a img {
        margin: auto;
        float: none;
        display: block
    }
    .services li {
        height: 431px;
        width: 272px;
        margin: 10px 13px
    }
    #Credibility .nbs-flexisel-inner {
        width: 344px
    }
    .nbs-flexisel-nav-left {
        left: 0
    }
    .cartilage-left a {
        font: 37px/42px 'Crimson Text'
    }
    .blogs_auto,
    .blogs_nav {
        margin: 0
    }
    .blog-section p a {
        left: 111px
    }
    .resource a {
        font: 40px/20px 'Crimson Text'
    }
    .recent-post-content {
        height: 326px
    }
    .resource-middle a {
        font: 14px/13px Muli, sans-serif!important
    }
    .state1 span {
        font-size: 38px;
        line-height: 40px
    }
}

@media screen and (max-width :359px) {
    .doctor-left li {
        margin: auto;
        float: none
    }
    .doctor-left li a.meet {
        text-align: left
    }
    .recent-post-content {
        height: 370px
    }
    .testimonial-Tabs {
        display: none
    }
    .nbs-flexisel-nav-left {
        left: -13px
    }
    .services li {
        width: 282px;
        margin: 10px 16px 10px 26px
    }
    #Credibility .nbs-flexisel-inner {
        width: 325px
    }
    .crosslink {
        width: 100%;
    }
}