/*--------------Font-Ello-------------*/

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


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

.pop-up-logo {
    margin: 5px auto;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px 0;
}

.sun-close {
    bottom: -8px !important;
}

.popup-dates {}

.popup-heading {
    font: 700 18px/25px 'Lato', sans-serif !important;
    text-align: center;
    color: #063C79;
}

#sun-pop {
    width: 550px !important;
}

#sun-pop p a {
    color: #213C74;
    font: 400 15px/21px 'Lato', sans-serif !important;
}

#sun-pop p {
    font: 400 15px/21px 'Lato', sans-serif !important;
    padding: 2px 0;
}

#Map-Container,
#Our-Specialities,
#Dr-Section,
#In-The-News,
#Patient-Resource,
#Map-Location,
#Credibility-Sec,
#information{
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Our-Specialities-Intra,
#Dr-Section-Intra,
#In-The-News-Intra,
#Patient-Resource-Intra,
#Map-Location-Intra,
#Credibility-Sec-Intra,
#Map-main,
#information-content{
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/*--------Sticky header-------*/

header.sticky #Header {
    min-height: 120px;
    text-align: center;
}

header.sticky .logo {
    padding: 12px 0;
}

header.sticky .logo img {
    width: 140px;
}


/* Header CSS */

#Header {
    min-height: 150px;
    text-align: center;
}

.logo {
    text-align: center;
    padding: 20px 0;
}

.office-loc {
    color: #000000;
    font: 400 13px/20px 'Lato', sans-serif;
    text-transform: uppercase;
    padding: 10px 0;
    float: left;
    margin-top: -57px;
}

.office-loc a {
    background: url(../images/location-icn.png) left center no-repeat;
    padding: 10px 0px 10px 22px;
}

.call-appnt-list {
    float: right;
    max-width: 292px;
    width: 36%;
    margin-top: -75px;
}

.call-appnt-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0 15px 2%;
}

.call {
    color: #000000;
    font: 700 18px/24px 'Lato', sans-serif;
    padding: 8px 0;
}

.appnt {
    color: #ffffff;
    font: 400 13px/20px 'Lato', sans-serif;
    text-transform: uppercase;
    background: #a4be95;
    border-radius: 5px;
    padding: 5px 22px;
}


/* Menu CSS */

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

.menu li {
    height: 50px;
    color: #585858;
    font: 400 13px/20px 'Lato', sans-serif;
    text-transform: uppercase;
}

.menu li a {
    padding: 15px 0px;
    color: #585858;
}

.menu li:hover>a {
    color: #94ad85;
    transition: 0.7s all ease;
}

.menu li li {
    background: #ffffff;
}

.menu li li a {
    position: relative;
}

.menu li li:hover>a::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 14px;
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 11px;
    z-index: 9999;
}

.menu ul {
    padding: 0;
}

.menu-home {
    width: 7%;
}

.menu-about {
    width: 10%;
}

.menu-obesity {
    width: 13%;
}

.menu-surgery {
    width: 12%;
}

.menu-circle {
    width: 20%;
}

.menu-research {
    width: 12%;
}

.menu-news {
    width: 12%;
}

.menu-contact {
    width: 14%;
}

.menu li li {
    width: 250px;
}

.menu-research ul li,
.menu-news ul li {
    width: 240px;
}

.menu-surgery ul li {
    width: 315px;
}

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

.menu li:hover>ul {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(238, 238, 238, 1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(238, 238, 238, 1);
    box-shadow: 0px 0px 10px 5px rgba(238, 238, 238, 1);
}

.menu li li:hover>ul {
    padding: 0 12px;
}

#Mobile-Menu {
    background: #a4be95;
}

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

.Wrapper {
    background: #a1b496;
    font: 400 14px/22px 'Lato', sans-serif;
}

.parentMenu li:hover,
.parentMenu li.actMenu,
.parentMenu li.actMenu li {
    background: #c0d1b7;
    transition: 0.7s all ease;
}

.parentMenu li a {
    color: #2e2e2e;
}

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

.menu-home img {
    margin: -7px 0 0 0;
    filter: brightness(0);
}

.menu-home:hover img {
    filter: none;
}

.menu li.menu-wl-prog li {
    width: 238px !important;
}

.menu .menu-weight-loss li {
    width: 232px;
}


/* Home Banner CSS */

.playbtn {
    width: 139px;
    height: 160px;
}

#Banner-Container .playbtn {
    margin: 182px auto 0;
}

#Banner-Container-S .playbtn {
    margin: 80px auto 0;
}

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

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


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

#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;
}
*/


/* Subpage Banner CSS */

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

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


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

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

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


/* Banner Content CSS */

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

.banner-more {
    font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
    border-radius: 10px;
    border: 1px solid #fff;
    display: inline-block;
}


/* Navigation CSS */

.navigation {
    font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #0054a5;
    padding: 50px 0px 10px 10px;
}

.navigation a {
    color: #414141;
}


/* Text CSS */

.textMain {
    font: normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #2d2f2f;
}

.textMain h1 {
    font: 700 36px/42px 'Lato', sans-serif;
    color: #579ce5;
}

.textMain h1.yourweight span {
    font: normal 20px/30px 'Lato', sans-serif;
    color: #6c6b6b;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 600 30px/40px 'Lato', sans-serif;
    color: #6c6b6b;
}

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

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

.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 600 25px/30px 'Lato', sans-serif;
    color: #353535;
}

.yourweightpage .textMain h3,
.yourweightpage .hTag3,
.yourweightpage .textMain h2.hTag3,
.yourweightpage .textMain h4.hTag3 {
    text-transform: uppercase;
}

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

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 400 20px/30px 'Lato', sans-serif;
    color: #014cbe;
}

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


/* Sidebar CSS */

#Sidebar {
    width: 320px;
}


/*---------------- Homepage Section Part---------------*/

.our-special-list {
    padding: 20px 0;
    text-align: center;
}

#Our-Specialities .pTitle {
    color: #000000;
    font: 700 28px/36px 'Lato', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
}

#Our-Specialities .pDesc {
    width: 95%;
    margin: 0 auto;
    max-width: 626px;
    color: #595959;
    font: 400 16px/24px 'Lato', sans-serif;
    text-align: center;
    padding-bottom: 25px;
}

#Our-Specialities .pDesc a {
    color: #1469c3;
    text-decoration: underline;
}

#Our-Specialities .pDesc span {
    color: #1469c3;
    font: 600 16px/24px 'Lato', sans-serif;
}

#Our-Specialities-Intra {
    padding: 45px 0;
}

.our-special-list li {
    color: #000000;
    font: 400 15px/22px 'Lato', sans-serif;
    text-transform: uppercase;
}

.our-special-list li a {
    transition: 0.7s all ease;
    display: block;
    padding: 170px 15px 0px 15px;
}

.sleeve-gastric a {
    background: url(../images/our-spec-sleeve-gastrectomy.png) no-repeat center 6px;
}

.band-removal a {
    background: url(../images/our-spec-band-removal-conversion.png) no-repeat center 3px;
}

.anastomosis-bypass a {
    background: url(../images/our-spec-single-anastomosis-bypass.png) no-repeat top center;
}

.roux-en a {
    background: url(../images/our-spec-roux-en-y-gastric-bypass.png) no-repeat center 10px;
}

.sleeve-gastric:hover a {
    background: url(../images/our-spec-sleeve-gastrectomy-hover.png) no-repeat center 6px;
}

.band-removal:hover a {
    background: url(../images/our-spec-band-removal-conversion-hover.png) no-repeat center 3px;
}

.anastomosis-bypass:hover a {
    background: url(../images/our-spec-single-anastomosis-bypass-hover.png) no-repeat top center;
}

.roux-en:hover a {
    background: url(../images/our-spec-roux-en-y-gastric-bypass-hover.png) no-repeat center 10px;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 50px;
    top: 5px !important;
}

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

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

#Dr-Section {
    background: url(../images/dr-sec-bg.jpg) no-repeat top center;
    min-height: 627px;
    background-size: cover;
}

#Dr-Section-Intra {
    padding-top: 49px;
}

.dr-list {
    text-align: left;
    width: 68%;
}

#Dr-Section .dr-img {
    width: 54%;
    vertical-align: bottom;
    height: 577px;
}

#Dr-Section .dr-txt {
    vertical-align: middle;
    padding: 10px 1%;
}

#Dr-Section .dr-Name {
    color: #000000;
    font: 700 43px/46px 'Lato', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
}

#Dr-Section .dr-Name span {
    display: block;
    color: #2e3131;
    font: 400 18px/24px 'Lato', sans-serif;
    text-transform: uppercase;
    padding: 8px 0;
}

#Dr-Section .pDesc {
    display: block;
    color: #484747;
    font: 400 15px/22px 'Lato', sans-serif;
    padding-bottom: 22px;
    text-align: justify;
}

#Dr-Section .view-pro {
    display: block;
    color: #000000;
    font: 700 15px/22px 'Lato', sans-serif;
    text-transform: uppercase;
    width: 110px;
    padding: 10px 0;
}

#Dr-Section .prev {
    position: absolute;
    z-index: 999;
    bottom: 80px;
    left: 37.5%;
    width: 37px;
    height: 50px;
    background: url(../images/dr-sec-left-arrow.png) no-repeat center center #a4be95;
}

#Dr-Section .prev span {
    display: none;
}

#Dr-Section .next span {
    display: none;
}

#Dr-Section .next {
    position: absolute;
    z-index: 999;
    bottom: 80px;
    left: 41%;
    width: 37px;
    height: 50px;
    background: url(../images/dr-sec-right-arrow.png) no-repeat center center #b9d2de;
}

.BSR-Login {
    position: absolute;
    right: 0;
    top: 9%;
    background: #a4be95;
    width: 27.5%;
    min-width: 263px;
    text-align: center;
    padding: 30px 2%;
}

.BSR-Login .pHead {
    color: #ffffff;
    font: 400 26px/32px 'Lato', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 20px 0;
}

.BSR-Login .pHead::before {
    content: '';
    position: absolute;
    background: #cdd9c5;
    width: 31px;
    height: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.BSR-Login .pDesc {
    color: #ffffff;
    font: 400 15px/22px 'Lato', sans-serif;
    padding: 20px 0;
}

.BSR-Login .login {
    display: block;
    color: #f6f4f4;
    font: 700 18px/24px 'Lato', sans-serif;
    text-transform: uppercase;
    width: 80%;
    border: 1px solid #ffffff;
    min-width: 125px;
    padding: 10px 0;
    margin: 0 auto 15px auto;
}

#In-The-News-Intra {
    padding: 50px 0;
}

#In-The-News .pTitle {
    color: #000000;
    font: 400 22px/26px 'Lato', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
}

#In-The-News .pHead {
    color: #5a5a5a;
    font: 400 15px/24px 'Lato', sans-serif;
    text-align: center;
    padding-bottom: 5px;
}

#In-The-News .pHead span {
    display: block;
    color: #5a5a5a;
    font: 900 15px/22px 'Lato', sans-serif;
    text-align: center;
}

/*#In-The-News .video-container {
    width: 42%;
    min-width: 300px;
    display: block;
    vertical-align: top;
    margin: 0 auto;
}*/

#Patient-Resource {
    -webkit-box-shadow: inset 0px 5px 6px 3px rgba(240, 240, 240, 1);
    -moz-box-shadow: inset 0px 5px 6px 3px rgba(240, 240, 240, 1);
    box-shadow: inset 0px 5px 6px 3px rgba(240, 240, 240, 1);
}

#Patient-Resource-Intra {
    padding: 60px 0;
}

#Patient-Resource .pTitle {
    color: #000000;
    font: 700 28px/36px 'Lato', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.hm-pt-res {
    text-align: center;
}

.hm-pt-res li {
    display: inline-block;
    vertical-align: top;
    margin: 20px 2%;
    color: #000000;
    font: 400 15px/22px 'Lato', sans-serif;
    text-transform: uppercase;
    width: 15%;
}

.hm-pt-res li a {
    display: block;
    padding-top: 140px;
    transition: 0.7s all ease;
}

.hm-pt-res-candidate a {
    background: url("../images/hm-pt-res-candidate.png") no-repeat top center;
}

.hm-pt-res-first-visit a {
    background: url("../images/hm-pt-res-first-visit.png") no-repeat top center;
}

.hm-pt-res-download-forms a {
    background: url("../images/hm-pt-res-download-forms.png") no-repeat top center;
}

.hm-pt-res-payment-option a {
    background: url("../images/hm-pt-res-payment-option.png") no-repeat top center;
}

.hm-pt-res-urgent-appnt a {
    background: url("../images/make-app-ico.png") no-repeat top center;
}

.hm-pt-res-candidate:hover a {
    background: url("../images/hm-pt-res-candidate-hover.png") no-repeat top center;
}

.hm-pt-res-first-visit:hover a {
    background: url("../images/hm-pt-res-first-visit-hover.png") no-repeat top center;
}

.hm-pt-res-download-forms:hover a {
    background: url("../images/hm-pt-res-download-forms-hover.png") no-repeat top center;
}

.hm-pt-res-payment-option:hover a {
    background: url("../images/hm-pt-res-payment-option-hover.png") no-repeat top center;
}

.hm-pt-res-urgent-appnt:hover a {
    background: url("../images/make-app-ico-on.png") no-repeat top center;
}

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

#Map-main {
    min-height: 389px;
    position: relative;
}

.coc-locs li {
    position: absolute;
    width: 226px;
    font: 700 17px/22px 'Lato', sans-serif;
    text-align: center;
}

.coc-locs li span a {
    display: block;
    color: #fff;
    background: #063d7b;
    padding: 11px 0;
    position: relative;
}

.coc-locs li span a:hover {
    background: #8ca97b;
}

.coc-lakeview {
    top: 30px;
    right: 38%;
}

.coc-norwest {
    top: 74px;
    left: 14%;
}

.coc-westmead {
    bottom: 59px;
    left: 20%;
}

.coc-locs li.coc-norwest span a::after,
.coc-locs li.coc-westmead span a::after {
    position: absolute;
    content: '';
    right: -14px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #063d7b;
}

.coc-locs li.coc-norwest span a:hover::after,
.coc-locs li.coc-westmead span a:hover::after {
    border-color: transparent transparent transparent #8ca97b;
}

.coc-locs li.coc-lakeview span a::before {
    position: absolute;
    content: '';
    left: -14px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 14px 10px 0;
    border-color: transparent #063d7b transparent transparent;
}

.coc-locs li.coc-lakeview span a:hover::before {
    border-color: transparent #8ca97b transparent transparent;
}

.coc-locs .txt-container {
    background: #8ca97b;
    padding: 7px 0 7px 0;
    text-align: center;
    border: 1px solid #6b8959;
    display: none;
    position: absolute;
    width: 100%;
}

.name-tab.hover {
    background: #8ca97b;
}

.coc-locs li.coc-lakeview span .name-tab.hover::before {
    border-color: transparent #8ca97b transparent transparent;
}

.coc-locs li.coc-norwest span .name-tab.hover::after,
.coc-locs li.coc-westmead span .name-tab.hover::after {
    border-color: transparent transparent transparent #8ca97b;
}

.coc-locs .pHead {
    color: #ffffff;
    font: 700 17px/22px 'Lato', sans-serif;
    padding-bottom: 5px;
}

.coc-locs .pHead span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 5px;
}

.coc-locs .add {
    color: #ffffff;
    font: 400 16px/22px 'Lato', sans-serif;
    padding-bottom: 10px;
}

.coc-locs .txt-container p {
    color: #ffffff;
    font: 600 16px/22px 'Lato', sans-serif;
    padding-top: 10px;
    border-top: 1px solid #6b8959;
}

.coc-locs .txt-container p em {
    font-style: normal;
    background: url(../images/phone-w.png) no-repeat scroll 0 2px;
    padding-left: 20px;
}

.coc-locs .direction {
    color: #f7f4f4;
    font: 400 15px/22px 'Lato', sans-serif;
    padding: 5px 10px 10px 10px;
    text-decoration: underline;
}

.coc-lakeview .txt-container.showMap {
    margin-top: 10px;
    left: 0;
    display: block;
}

.coc-norwest .txt-container.showMap {
    top: 53px;
    left: 0;
    display: block;
}

.coc-westmead .txt-container.showMap {
    bottom: 0;
    right: -149%;
    display: block;
}

.Map-Tabs {
    position: absolute;
    z-index: 9;
    right: 0;
    left: 60%;
    margin: auto;
    top: 100px;
    width: 52px;
}

.Map-Tabs li {
    width: 52px;
    height: 80px;
}

.Map-Tabs li:hover a,
.Map-Tabs .Map_here a {
    background: url("../images/map-loc-icn.png") no-repeat center center #a4be95;
}

.Map-Tabs li a {
    display: block;
    width: 52px;
    height: 81px;
    background: url("../images/map-loc-icn.png") no-repeat center center #579ce5;
    transition: 0.7s all ease;
}

.Map-Tabs li span {
    display: none;
}

.rslides:after {
    content: '';
    clear: both;
    display: block;
}

#Credibility-Sec-Intra {
    padding: 30px 0;
}


/*-------------------- Footer Section -----------------*/

#Footer-Container {
    background: url(../images/footer-bg.jpg) no-repeat top center;
    min-height: 469px;
    background-size: cover;
}

#Footer {
    padding: 50px 0;
}

.footer-menu-list {
    text-align: center;
}

.footer-menu-list.ofc-loc {
    border-bottom: 1px solid #95c1f0;
    margin-bottom: 20px;
}

.footer-menu-list>li {
    text-align: left;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    position: relative;
    min-height: 226px;
    margin-left: 1%;
    margin-bottom: 29px;
}

.footer-menu-list .pHead {
    color: #ffffff;
    font: 700 20px/30px 'Lato', sans-serif;
    text-transform: uppercase;
    padding-bottom: 14px;
}

.footer-menu-list .postadd .pHead {
    padding-bottom: 10px;
}

.footer-menu-list .subHead {
    color: #ffffff;
    font: 700 14px/22px 'Lato', sans-serif;
    text-transform: uppercase;
    display: block;
}

.footer-menu-list .pAdd {
    color: #ffffff;
    font: 400 16px/31px 'Lato', sans-serif;
}

.footer-subMenu li {
    color: #ffffff;
    font: 400 16px/26px 'Lato', sans-serif;
}

.footer-subMenu li a {
    display: block;
    background: url(../images/dotted-bullet.png) no-repeat left center;
    padding: 4px 0px 4px 22px;
}

.noHead-loc .pAdd {
    padding-top: 44px;
}

.footer-menu-list .view-mr {
    position: absolute;
    bottom: 1px;
    left: 23px;
    width: 52px;
    color: #ffffff;
    font: 700 16px/22px 'Lato', sans-serif;
    text-decoration: underline;
    padding: 5px 0;
}

.footer-menu-list .direction {
    position: absolute;
    bottom: 1px;
    left: 0px;
    width: 119px;
    color: #ffffff;
    font: 700 16px/22px 'Lato', sans-serif;
    text-decoration: underline;
    padding: 5px 0;
}

.footer-menu-list .list-li {
    width: 20%;
}

.social-logo {
    text-align: left;
}

.social-logo li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 1%;
}

.social-logo li a {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    background: none !important;
}

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

.social-logo li a::before {
    position: absolute;
    font-family: 'fontello';
    color: #ffffff;
    font-size: 21px;
    left: 0;
    right: 0;
    top: 7px;
    text-align: center;
}

.facebook a::before {
    content: '\F09A';
}

.twitter a::before {
    content: '\F099';
}

.yelp a::before {
    content: '\F1E9';
}

.utube a::before {
    content: '\F167';
}

.linkedin a::before {
    content: '\F0E1';
}

.googleplus a::before {
    content: '\F30F';
}

.social-logo .bing a::before {
    content: '';
    background: url(../images/bing-icon.png) no-repeat top center;
    width: 30px;
    height: 30px;
    top: 9px;
}

.footer-access-list {
    text-align: center;
    position: relative;
    border-top: 1px solid #95c1f0;
}

.footer-access-list li {
    float: left;
    color: #ffffff;
    font: 400 13px/20px 'Muli', sans-serif;
    margin: 20px 1%;
}

.copyrights {
    width: 36%;
    text-align: left;
}

.copyrights h3 {
    color: #ffffff;
    font: 400 13px/20px 'Muli', sans-serif;
}

.useful-access {
    width: 43%;
}

.footer-access-list .ypo-logo {
    float: right;
    width: 11%;
    min-width: 102px;
    text-align: right;
}

.footer-access-list::after {
    content: '';
    clear: both;
    display: block;
}

.useful-access a {
    margin: 0px 3%;
    display: inline-block;
}


/*--------------------Subpage CSS-----------------*/

.navigation {
    color: #579ce5;
    font: 400 15px/22px 'Lato', sans-serif;
}

.navigation a {
    color: #5a5a5a;
    font: 400 15px/22px 'Lato', sans-serif;
    padding: 0 6px 0 6px;
}

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

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

.title-desc {
    color: #414141 !important;
    font: 400 15px/26px 'Lato', sans-serif !important;
}

.dr-infos .pDesc {
    color: #414141;
    font: 400 15px/26px 'Lato', sans-serif;
}

.dr-infos .pHead {
    color: #579ce5;
    font: 700 43px/50px 'Lato', sans-serif;
    text-transform: uppercase;
}

.dr-infos .pHead span {
    display: block;
    color: #000000;
    font: 400 20px/26px 'Lato', sans-serif;
    padding: 20px 0;
}

.dr-infos .view-pro {
    display: block;
    color: #000000;
    font: 700 15px/22px 'Lato', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 0;
}

.dr-infos {
    background: url(../images/our-surgeons-dr-bg.jpg) no-repeat center 10%;
    position: relative;
    min-height: 560px;
    background-size: contain;
    padding-top: 9%;
}

.dr-infos::after {
    content: '';
    display: block;
    clear: both;
}

.dr-infos .img-container {
    display: none;
}

.txt-container.left {
    float: left;
    width: 29%;
}

.txt-container.right {
    float: right;
    width: 31%;
}

.left .pHead {
    text-align: right;
}

.dr-infos .pDesc {
    text-align: justify;
    line-height: 30px;
}

.dr-infos .txt-container {
    min-height: 446px;
    position: relative;
    padding-bottom: 48px;
}

.dr-infos .txt-container::before {
    content: '';
    position: absolute;
    background: #e4e0ed;
    height: 1px;
    bottom: 4%;
    width: 20%;
    left: 0;
    right: 0;
    margin: auto;
}

.txt-container.left .view-pro {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.txt-container.right .view-pro {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.Services .main-servies-list>li {
    background: none;
    position: relative;
    margin: 50px auto;
    padding: 0;
}

.Services .main-servies-list .txt-container {
    padding: 5%;
}

.Services .main-servies-list>li::after {
    content: '';
    display: block;
    clear: both;
}

.Services .main-servies-list>li:nth-child(odd) .img-container {
    float: left;
    width: 50%;
}

.Services .main-servies-list>li:nth-child(odd) .txt-container {
    float: left;
    width: 50%;
}

.Services .main-servies-list>li:nth-child(even) .img-container {
    float: right;
    width: 50%;
}

.Services .main-servies-list>li:nth-child(even) .txt-container {
    float: right;
    width: 50%;
}

.main-servies-list .pHead {
    color: #579ce5;
    font: 700 30px/38px 'Lato', sans-serif;
    padding-bottom: 10px;
}

.Services .service-sublist {
    padding: 0;
    display: inline-block;
}

.Services .service-sublist li {
    color: #585858;
    font: 400 18px/26px 'Lato', sans-serif;
    list-style: none;
    padding: 0;
}

.Services .service-sublist li:last-child a {
    border-bottom: none;
}

.Services .service-sublist li a {
    padding: 10px 0px 10px 30px;
    display: block;
    text-decoration: none;
    background: url(../images/service-bullet.png) no-repeat left center;
    border-bottom: dotted 1px #d2d9d9;
    min-width: 245px;
}


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

#Sidebar .pTitle {
    background: url("../images/accordion-hide.png") no-repeat 96% center #579ce5;
    color: #ffffff;
    font: 700 18px/26px 'Lato', sans-serif;
    text-transform: uppercase;
    padding: 17px 25px 17px 25px;
}

.sb-accordion {
    background: #f3f4f3;
}

.accordane,
.textMain .accordane {
    padding: 28px;
    border: none;
    border: 1px solid #ccc;
}

.accordion-sublist li {
    color: #414141;
    font: 400 18px/26px 'Lato', sans-serif;
    border-bottom: dotted 1px #9b9b9b;
}

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

.accordion-sublist li a {
    display: block;
    background: url("../images/sb-bullet.png") no-repeat left center;
    padding: 12px 0px 12px 22px;
}

#Sidebar .show_accord {
    background: url("../images/accordion-show.png") no-repeat 96% center #a4be95;
}

.accordead,
.textMain .accordead {
    border: none;
}

.accordion {
    margin: 50px 0px;
}

.sb-dr-list {
    text-align: center;
}

.sb-dr-list .pHead {
    font: 700 24px/32px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #000000;
    background: #e6f2f4;
    padding: 25px 0px;
}

.sb-dr-list .pHead span {
    display: block;
    font: 400 16px/22px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #2e3131;
}

.sb-dr-list .view-pro {
    display: block;
    font: 700 15px/22px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #000000;
    background: #a4caef;
    padding: 14px 0;
}

.sb-the-news .phead {
    color: #000000;
    font: 700 24px/32px 'Lato', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 46px 0 14px 0;
}

.sb-the-news .subHead {
    color: #5a5a5a;
    font: 700 15px/22px 'Lato', sans-serif;
    text-align: center;
    padding-bottom: 20px;
}

.sb-the-news .subHead span {
    display: block;
    color: #5a5a5a;
    font: 900 15px/22px 'Lato', sans-serif;
    text-align: center;
}

.sb-the-news {
    margin-bottom: 50px;
}

.sb-pt-res {
    -webkit-box-shadow: inset 0px 26px 18px -9px rgba(240, 240, 240, 1);
    -moz-box-shadow: inset 0px 26px 18px -9px rgba(240, 240, 240, 1);
    box-shadow: inset 0px 26px 18px -9px rgba(240, 240, 240, 1);
}

.sb-pt-res .pHead {
    color: #000000;
    font: 700 24px/32px 'Lato', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 28px 0;
}

.sb-pt-res-list li {
    color: #000000;
    font: 400 18px/26px 'Lato', sans-serif;
    text-transform: uppercase;
}

.sb-pt-res-list li a {
    display: block;
    padding: 29px 0px 29px 120px;
    transition: 0.7s all ease;
}

.sb-pt-res-list .candidate a {
    background: url("../images/sb-pt-res-candidate.png") no-repeat 30px center;
}

.sb-pt-res-list .first-visit a {
    background: url("../images/sb-pt-res-first-visit.png") no-repeat 30px center;
}

.sb-pt-res-list .download-forms a {
    background: url("../images/sb-pt-res-download-forms.png") no-repeat 30px center;
}

.sb-pt-res-list .payment-policy a {
    background: url("../images/sb-pt-res-payment-policy.png") no-repeat 30px center;
}

.sb-pt-res-list .urgent-appnt a {
    background: url("../images/sb-pt-res-urgent-appnt.png") no-repeat 30px center;
}

.sb-pt-res-list .candidate:hover a {
    background: url("../images/sb-pt-res-candidate-hover.png") no-repeat 30px center;
}

.sb-pt-res-list .first-visit:hover a {
    background: url("../images/sb-pt-res-first-visit-hover.png") no-repeat 30px center;
}

.sb-pt-res-list .download-forms:hover a {
    background: url("../images/sb-pt-res-download-forms-hover.png") no-repeat 30px center;
}

.sb-pt-res-list .payment-policy:hover a {
    background: url("../images/sb-pt-res-payment-policy-hover.png") no-repeat 30px center;
}

.sb-pt-res-list .urgent-appnt:hover a {
    background: url("../images/sb-pt-res-urgent-appnt-hover.png") no-repeat 30px center;
}


/*------BMI Calculator---------*/

.bmi-table {
    width: 300px;
    border: 1px solid #000;
}

.bmi-table ul {
    margin: 0px !important;
}

.bmi-table li {
    float: left;
    width: 50%;
    background: none !important;
    border-bottom: 1px solid #000;
}

.bmi-table li:nth-child(1n) {
    border-right: 1px solid #000;
}

.bmi-calculator {
    padding: 15px 2%;
}

.left-text {
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px 0 0;
}

.indi-text {
    margin: 0 0 10px 0;
}

.indi-text label {
    font: 400 15px/30px 'Lato', sans-serif;
    display: inline-block;
    width: 60px;
}

.indi-text input {
    border: 2px solid #e1e1e1;
    border-radius: 40px;
    padding: 10px;
    outline: none;
    width: 208px;
}

.indi-text .submit-btn {
    text-align: center;
    position: relative;
    width: 216px;
    background: url(../images/submit-bg.png) no-repeat center center;
    cursor: pointer;
    height: 40px;
    border: none;
}

.bmi-block {
    display: none;
    font: 400 15px/30px 'Lato', sans-serif;
}

.bmiMain {
    text-align: center;
}


/*-----------Floating Menu-----------*/

.floating-menu {
    position: fixed;
    right: 0px;
    width: 105px;
    height: 321px;
    z-index: 10;
    margin-top: 60px;
    display: table;
    z-index: 9999;
}

.floating-menu li {
    width: 105px;
    height: 105px;
    margin-bottom: 3px;
    text-align: center;
    text-transform: uppercase;
    font: 400 12px/16px "Work Sans", sans-serif;
    background: #0f7dbf;
}

.floating-menu li.b-location span {
    margin-bottom: 23px;
}

.floating-menu li:hover {
    background: #1295e3;
}

.floating-menu li a {
    display: block;
    height: 105px;
    display: table-cell;
    vertical-align: middle;
    width: 105px;
    color: #ffffff;
}

.floating-menu li a span {
    border: 6px solid #fff;
    border-radius: 50%;
    display: block;
    height: 25px;
    margin: auto;
    width: 24px;
    position: relative;
    margin-bottom: 11px;
}

.floating-menu li.b-location a span::before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 14px solid #fff;
    bottom: -16px;
    content: "";
    left: -2px;
    position: absolute;
}

.floating-menu li.ur-appoint a span {
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: url(../images/sprite.png) no-repeat -17px -287px;
}

.floating-menu li.p-hour a span {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 27px;
    width: 27px;
}

.floating-menu li.p-hour a span::before {
    background: #fff none repeat scroll 0 0;
    bottom: 7px;
    content: "";
    height: 2px;
    left: 5px;
    position: absolute;
    width: 8px;
}

.floating-menu li.p-hour a span::after {
    background: #fff none repeat scroll 0 0;
    bottom: 7px;
    content: "";
    height: 8px;
    left: 11px;
    position: absolute;
    width: 2px;
}


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

.cost-table {
    border: none;
    margin-top: 20px;
}

.cost-heading td {
    border-top: 1px solid #1b3d6d;
    border-left: 1px solid #1b3d6d;
    border-right: 1px solid #1b3d6d;
    border-bottom: none;
}

.cost-green {
    background: #809971;
    padding: 35px 28px 35px 28px;
}

.cost-blue {
    background: #073d7b;
    padding: 35px 28px 35px 28px;
}

.note-box {
    border: 1px solid #ccc;
    padding: 30px 28px 30px 28px;
}

.cost-box.blue {
    margin-top: 30px;
}

.cost-green p,
.textMain .cost-green h3,
.cost-green li,
.cost-blue p,
.textMain .cost-blue h3,
.cost-blue li {
    color: #fff;
}

.textMain .cost-box ul li {
    background: url(../images/bullet-w.gif) no-repeat 15px 15px;
}

.note-box .PDFtext {
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    color: #073d7d;
}

.program-cost-page .textMain {
    text-align: justify;
}

.img-r.cost-img {
    margin: 19px 0 20px 27px;
}

.img-l.bb img {
    border: 1px solid #f1f1f1;
}

.blog-img {
    float: right;
    margin: 0 0 10px 10px;
}

.textMain .blogMain .detailed-post-content li {
    border-bottom: none;
    background: url(../images/bullet-b.gif) no-repeat 15px 15px;
    padding: 5px 5px 5px 30px;
}

.team-image {
    text-align: center;
}

.team-image li {
    background: none !important;
    padding: 5px !important;
    display: inline-block;
    vertical-align: top;
}

.textcenter {
    text-align: center;
}

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

.smo-list.surgeon-page {
    margin: 0 0 0 0;
}

.txt-container.left .smo-list.surgeon-page {
    text-align: left;
}

.txt-container.right .smo-list.surgeon-page {
    text-align: right;
}

.bmiimge {
    margin: 0 8px 0 8px;
}

.bmi-list li {
    background: none !important;
    padding: 5px !important;
}

.bmi-list li span {
    float: left;
    width: 100px;
    font-weight: bold;
}

.no-sidebar #Sidebar {
    display: none;
}

#siteMap li img {
    display: none;
}


/*.drpage.dr-roy #Content-Container{
    background: url("../images/dr-roy-brancatisano-profile-bg.jpg") no-repeat top center;
}*/

.smo-list {
    text-align: center;
    margin-top: 20px;
}

.smo-list img {
    margin: 0 5px;
}

.dr-image-l {
    float: left;
    margin: 0 40px 20px 0;
}

.drpage .textMain h1 {
    font: 700 43px/48px 'Lato', sans-serif;
    color: #579ce5;
    text-transform: uppercase;
}

.drpage .textMain h1 span {
    display: block;
}

.drpage .textMain h1 span.dr-specialise {
    font: 400 20px/24px 'Lato', sans-serif;
    color: #4d4d4d;
    text-transform: none;
}

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

.staff-list li {
    display: inline-block;
    width: 234px;
    vertical-align: top;
    border: 2px solid #c5c5c5;
    background: none !important;
    padding: 20px 20px 20px 20px !important;
    text-align: left;
    margin: 0 5% 5% 0;
    min-height: 371px;
    text-align: center;
}

.staff-list li img {
    border: 1px solid #ccc;
}

.staff-list .staff-name {
    color: #0e4288;
    font: 400 20px/25px 'Lato', sans-serif;
    padding: 0;
    text-transform: uppercase;
    margin: 18px 0 0 0;
}

.staff-list .staff-name span {
    display: block;
    color: #2e2e2e;
    font: 400 15px/20px 'Lato', sans-serif;
    text-transform: none;
}

.staff-more {
    width: 107px;
    text-align: center;
    font: 400 15px/15px 'Lato', sans-serif;
    font-size: 17px;
    margin: 23px auto 0;
}

.staff-more a {
    color: #fff;
    padding: 6px 0 8px 0;
    background: #0e4288;
    display: block;
    font: 400 15px/15px 'Lato', sans-serif;
    text-decoration: none;
}

.staff-more a:hover {
    background: #3678d2;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.staff-page h1 span {
    display: block;
    font: 400 18px/22px 'Lato', sans-serif;
    color: #2e2e2e;
}

.staff-img {
    float: right;
    margin: 18px 0 10px 14px;
    width: 172px;
    border: 1px solid #ccc;
}

.staff-page .staff-name-s {
    font: 600 16px/20px 'Lato', sans-serif;
    color: #fff;
    background: #4880bc;
    text-align: center;
    padding: 7px 0;
}

.pdfs-links li {
    background: none !important;
    padding: 9px 0 !important;
    font-weight: bold;
}

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

.file-pdf {
    float: left;
    margin: 2px 8px 0 0px;
    width: 16px;
    height: 22px;
    background: url(../images/pdf-icon.png) no-repeat scroll 0 0;
}

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


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

.contact-page h1 {
    text-transform: uppercase;
    font: 800 41px/47px 'Lato', sans-serif;
    text-align: center;
}

.contact-page h1 span {
    color: #464646;
    font: 600 18px/22px 'Lato', sans-serif;
    text-transform: none;
    letter-spacing: 3px;
}

.contact-page .textMain h1::before {
    left: 24%;
}

.textservloc {
    font-size: 17px !important;
    color: #545151;
    text-align: center;
    margin: 0 0 6px 0;
}

.contact-intra {
    float: left;
    width: 100%;
    margin-bottom: 3%;
    margin-top: 2%;
    border: 1px solid #ccc;
    margin: 0 0% 3% 0;
}

.no-sidebar.contact-page.locationpage .contact-intra {
    margin: 3% 0% 5% 0;
}

.contact-intra .address-l {
    float: left;
    width: 30%;
    padding: 5px;
    min-height: 298px;
    text-align: left;
    border-right: 1px solid #ccc;
}

.contact-intra .address-l li {
    background: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
    text-align: left;
}

.contact-intra .address-l .phone-c,
.contact-intra .address-l .fax-c,
.contact-intra .address-l .dir-c,
.contact-intra .address-l .car-c,
.contact-intra .address-l .email-c {
    float: left;
    margin: 4px 13px 0 6px;
    width: 20px;
    height: 19px;
}

.contact-intra .address-l .phone-c {
    background: url(../images/phone.png) no-repeat scroll 0 0;
}

.contact-intra .address-l .dir-c {
    background: url(../images/dir-icon.png) no-repeat scroll 0 0;
}

.contact-intra .address-l .fax-c {
    background: url(../images/fax-icon.png) no-repeat scroll 0 0;
}

.contact-intra .address-l .email-c {
    background: url(../images/mail-icon.png) no-repeat scroll 0 0;
    margin-top: 8px;
}

.contact-intra .address-l .car-c {
    background: url(../images/car.png) no-repeat scroll 0 0;
    margin: 5px 10px 10px 6px;
}

.text-center.textsize {
    font-size: 20px !important;
    color: #545151;
    text-align: center;
}

.text-center.textsize a {
    text-decoration: none;
}

.text-center.textsize a:hover {
    text-decoration: underline;
}

.contact-intra .address-l .loc-heading {
    background: #4075ad;
    color: #fff;
    font: 600 18px/20px 'Lato', sans-serif;
    margin: 0;
    padding: 7px;
    text-align: left;
}

.contact-map {
    float: left;
    margin: 0 0 0 0%;
    width: 70%;
    height: 298px;
}

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

.postal-add {
    padding: 0 20px;
    background: #eaeaea;
    min-height: 100px;
}

.postal-add .mail-c {
    background: url(../images/mail-icon.png) no-repeat scroll 0 0;
    float: left;
    width: 16px;
    height: 11px;
    margin: 6px 8px 4px 0;
}

.contact-cal.formpage {
    text-align: center;
}

.contact-cal.formpage li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    text-align: left;
    background: #0f7dbf;
    padding: 6px 5px !important;
    color: #fff;
    font: 600 16px/20px 'Lato', sans-serif;
    min-height: 38px;
}

.contact-cal.formpage li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.contact-cal.formpage .phone-c,
.contact-cal.formpage .fax-c,
.contact-cal.formpage .email-c {
    float: left;
    margin: 4px 7px 0 6px;
    width: 20px;
    height: 19px;
    filter: invert(1) brightness(153%);
}

.contact-cal.formpage .phone-c {
    background: url(../images/phone.png) no-repeat scroll 0 0;
}

.contact-cal.formpage .fax-c {
    background: url(../images/fax-icon.png) no-repeat scroll 0 0;
}

.contact-cal.formpage .email-c {
    background: url(../images/mail-icon.png) no-repeat scroll 0 0;
    margin: 7px 7px 0 6px;
}

.contact-frm {
    text-align: center;
    width: 480px;
    margin: 20px auto 0;
}

.contact-frm h2 img {
    margin: -6px 10px 0 0;
}

.anchor-tag {
    position: absolute;
    display: block;
    margin-top: -200px;
}

.main-circle {
    text-align: center;
    margin: 100px auto;
    width: 360px;
    position: relative;
    background: url(../images/circle-main-bg1.png) no-repeat scroll center center;
    min-height: 360px;
    background-size: cover;
}

.main-circle img {
    margin: 85px auto 0;
    width: 100px;
}

.circle-buttons li {
    position: absolute;
    background: none;
}

.circle-buttons li span {
    position: absolute;
    width: 200px;
    cursor: pointer;
    color: #fff;
    font: 600 14px/18px 'Lato', sans-serif;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin: 0px;
    background: #063d7b;
    transition: 0.7s all ease;
}

.circle-buttons li span a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
}

.circle-buttons li span:hover,
.circle-buttons li.activeCircle span,
.circle-buttons li:hover span,
.circle-buttons li.circleActive span {
    background: #a5c095;
    color: #fff;
}

.circle-buttons li:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border: 3px solid #004a97;
    border-radius: 15px;
    background: #fff;
}

.circle-buttons li:hover:before,
.circle-buttons li.activeCircle:before,
.circle-buttons li.circleActive:before {
    border: 3px solid #779a8a;
    border-radius: 15px;
    background: #a5c095;
    cursor: pointer;
}

.btn1 {
    top: -16px;
    left: 136px;
}

.btn2 {
    top: 26px;
    right: 79px;
}

.btn3 {
    top: 111px;
    right: 21px;
}

.btn4 {
    top: 217px;
    right: 25px;
}

.btn5 {
    bottom: 50px;
    right: 87px;
}

.btn6 {
    bottom: 17px;
    right: 188px;
}

.btn7 {
    bottom: 46px;
    left: 37px;
}

.btn8 {
    bottom: 124px;
    left: -26px;
}

.btn9 {
    top: 118px;
    left: -34px;
}

.btn10 {
    top: 34px;
    left: 17px;
}

.btn-hover1 {
    top: -70px;
    left: -56px;
}

.btn-hover1::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 23px solid #063d7b;
    bottom: -33px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover1:before,
.btn-hover1:hover:before,
.activeCircle .btn-hover1:before,
.circle-buttons li.circleActive span.btn-hover1:before {
    border-top: 23px solid #a5c095;
}

.btn-hover2 {
    left: 84px;
    top: -30px;
}

.btn-hover2::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 24px solid #063d7b;
    border-bottom: 0 solid transparent;
    border-top: 21px solid transparent;
    bottom: 0px;
    left: -31px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover2:before,
.btn-hover2:hover:before,
.activeCircle .btn-hover2:before,
.circle-buttons li.circleActive span.btn-hover2:before {
    border-right: 24px solid #a5c095;
}

.btn-hover3 {
    left: 90px;
    top: -33px;
}

.btn-hover3::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 24px solid #063d7b;
    border-bottom: 0 solid transparent;
    border-top: 21px solid transparent;
    bottom: 0px;
    left: -31px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover3:before,
.btn-hover3:hover:before,
.activeCircle .btn-hover3:before,
.circle-buttons li.circleActive span.btn-hover3:before {
    border-right: 24px solid #a5c095;
}

.btn-hover4 {
    top: -35px;
    left: 90px;
}

.btn-hover4::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 24px solid #063d7b;
    border-bottom: 0 solid transparent;
    border-top: 21px solid transparent;
    bottom: 0px;
    left: -31px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover4:before,
.btn-hover4:hover:before,
.activeCircle .btn-hover4:before,
.circle-buttons li.circleActive span.btn-hover4:before {
    border-right: 24px solid #a5c095;
}

.btn-hover5 {
    top: -14px;
    left: 117px;
}

.btn-hover5::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 24px solid #063d7b;
    border-bottom: 0 solid transparent;
    border-top: 21px solid transparent;
    bottom: 0px;
    left: -31px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover5:before,
.btn-hover5:hover:before,
.activeCircle .btn-hover5:before,
.circle-buttons li.circleActive span.btn-hover5:before {
    border-right: 24px solid #a5c095;
}

.btn-hover6 {
    top: 66px;
    left: -53px;
}

.btn-hover6::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 23px solid #063d7b;
    top: -33px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover6:before,
.btn-hover6:hover:before,
.activeCircle .btn-hover6:before,
.circle-buttons li.circleActive span.btn-hover6:before {
    border-bottom: 24px solid #a5c095;
}

.btn-hover7 {
    right: 68px;
    top: -10px;
}

.btn-hover7::before {
    content: '';
    position: absolute;
    border-left: 24px solid #063d7b;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 18px solid transparent;
    bottom: 0px;
    left: 196px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover7:before,
.btn-hover7:hover:before,
.activeCircle .btn-hover7:before,
.circle-buttons li.circleActive span.btn-hover7:before {
    border-left: 24px solid #a5c095;
}

.btn-hover8 {
    right: 32px;
    top: -30px;
}

.btn-hover8::before {
    content: '';
    position: absolute;
    border-left: 24px solid #063d7b;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 18px solid transparent;
    bottom: 0px;
    left: 196px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover8:before,
.btn-hover8:hover:before,
.activeCircle .btn-hover8:before,
.circle-buttons li.circleActive span.btn-hover8:before {
    border-left: 24px solid #a5c095;
}

.btn-hover9 {
    right: 42px;
    top: -40px;
}

.btn-hover9::before {
    content: '';
    position: absolute;
    border-left: 24px solid #063d7b;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 18px solid transparent;
    bottom: 0px;
    left: 196px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover9:before,
.btn-hover9:hover:before,
.activeCircle .btn-hover9:before,
.circle-buttons li.circleActive span.btn-hover9:before {
    border-left: 24px solid #a5c095;
}

.btn-hover10 {
    top: -36px;
    right: 55px;
}

.btn-hover10::before {
    content: '';
    position: absolute;
    border-left: 24px solid #063d7b;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 18px solid transparent;
    bottom: 0px;
    left: 196px;
    right: 0;
    width: 0;
    transition: 0.7s all ease;
}

.circle-buttons li:hover span.btn-hover10:before,
.btn-hover10:hover:before,
.activeCircle .btn-hover10:before,
.circle-buttons li.circleActive span.btn-hover10:before {
    border-left: 24px solid #a5c095;
}

.swidth {
    width: 283px !important;
}

.yourweightpage article {
    position: relative;
}

.tab-deatails {
    display: none;
    text-align: center;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(164, 190, 149, 0.9);
    padding: 96px 27px 27px 29px;
    position: absolute;
    top: 28.5%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.circleFull {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
    left: 0;
    top: 0;
}

#btn9.tab-deatails {
    padding: 46px 27px 27px 29px;
}

.bmi-cal {
    border: 1px solid #dad6d6;
    padding: 10px;
    width: 310px;
    background: #deeaf5cc;
    box-shadow: 2px 2px 2px #ececec;
}

.txtfield {
    border: 1px solid #d2cfcf;
    padding: 3px;
}

.HometextMain {
    padding: 10px;
}

.reviews {
    font: bold 22px/30px 'Lato', sans-serif;
    font-weight: bold;
    color: #959393;
    text-decoration: none;
    text-align: center;
}

.reviews1 {
    font: bold 22px/30px 'Lato', sans-serif;
    font-weight: bold;
    color: #eed12b;
    text-decoration: none;
    text-align: center;
}

.reviews2 {
    font: bold 13px 'Lato', sans-serif;
    font-weight: bold;
    font-weight: normal;
    color: #554f61;
    text-decoration: none;
    text-align: center;
}

.reviews3 {
    font: bold 13px 'Lato', sans-serif;
    font-weight: bold;
    color: #554f61;
    text-decoration: none;
    text-align: center;
}

#In-The-News .pateint-jl .pTitle {
    padding-top: 40px;
}

.pateint-jl {
    display: block;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
}

.pateint-jl .main-circle {
    margin: 80px auto;
}

.pateint-jl .pTitle {
    color: #000000;
    font: 400 28px/36px 'Lato', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.pateint-jl .pTitle span {
    display: block;
    color: #5a5a5a;
    font: 400 15px/24px 'Lato', sans-serif;
    text-align: center;
    padding-bottom: 20px;
}

.pateint-jl .main-circle {
    width: 360px;
    min-height: 360px;
}

.pateint-jl .main-circle img {
    margin: 85px auto 0;
    width: 100px;
}

.pateint-jl .circle-buttons li::before {
    width: 30px;
    height: 30px;
}

.pateint-jl .btn1 {
    top: -7px;
    left: 163px;
}

.pateint-jl .btn-hover1 {
    top: -68px;
    left: -73px;
}

.pateint-jl .btn2 {
    top: 32px;
    right: 80px;
}

.pateint-jl .btn-hover2 {
    left: 54px;
    top: -30px;
}

.pateint-jl .btn3 {
    top: 116px;
    right: 26px;
}

.pateint-jl .btn-hover3 {
    left: 57px;
    top: -30px;
}

.pateint-jl .btn4 {
    top: 209px;
    right: 26px;
}

.pateint-jl .btn-hover4 {
    top: -33px;
    left: 56px;
}

.pateint-jl .btn5 {
    bottom: 58px;
    right: 86px;
}

.pateint-jl .btn-hover5 {
    top: -23px;
    left: 61px;
}

.pateint-jl .btn6 {
    bottom: 20px;
    right: 197px;
}

.pateint-jl .btn-hover6 {
    top: 57px;
    left: -72px;
}

.pateint-jl .btn7 {
    bottom: 59px;
    left: 52px;
}

.pateint-jl .btn-hover7 {
    right: 35px;
    top: -18px;
}

.pateint-jl .btn8 {
    bottom: 150px;
    left: -4px;
}

.pateint-jl .btn-hover8 {
    right: 32px;
    top: -30px;
}

.pateint-jl .btn9 {
    top: 115px;
    left: -2px;
}

.pateint-jl .btn-hover9 {
    right: 31px;
    top: -40px;
}

.pateint-jl .btn10 {
    top: 32px;
    left: 51px;
}

.pateint-jl .btn-hover10 {
    top: -47px;
    right: 36px;
}

.pateint-jl .circle-buttons li span {
    width: 173px;
}

.pateint-jl .btn-hover10::before,
.pateint-jl .btn-hover9::before,
.pateint-jl .btn-hover8::before,
.pateint-jl .btn-hover7::before {
    left: 169px;
}

.tab-close {
    width: 26px;
    height: 24px;
    margin: 20px auto 0;
    text-align: center;
}

.pateint-jl .tab-close {
    width: 23px;
    margin: 26px auto 0;
}

#btn9 .tab-close {
    margin: 10px auto 0;
}

.tab-close a {
    font-size: 16px;
    font-weight: 700;
    color: #616260;
    text-decoration: none;
    border: 2px solid #616260;
    border-radius: 50%;
    display: block;
}

.pateint-jl h3 {
    font: 600 23px/30px 'Lato', sans-serif;
    color: #353535;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.pateint-jl p {
    font: normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #2d2f2f;
}

.pateint-jl .tab-deatails {
    width: 360px;
    height: 360px;
    padding: 96px 27px 27px 29px;
    top: 37.7%;
}

.pateint-jl .journey-info,
.yourweightpage .journey-info {
    padding: 10px;
    background: rgba(52, 53, 54, 0.8);
    color: #fff;
    font: 400 16px/20px 'Lato', sans-serif;
    text-align: center;
    display: none;
    width: 98%;
    margin: 10px auto 0;
}

.parentMenu li {
    text-transform: uppercase;
}

.thanku {
    margin: 10px auto;
    text-align: center;
    font: 400 45px/56px 'Lato', sans-serif;
    color: #3b3b3b;
}

.thanku img {
    margin-bottom: 25px;
}

.thanku span {
    color: #a4be95;
}

.img-rg {
    float: right;
    margin: 15px 5px 10px 15px;
}

.cost-list {
    color: #ffffff !important;
}

.clear {
    clear: both;
}
#information{
   background: url(../images/after-before-banner.jpg) no-repeat scroll center top;
}
#information-content p{
   color: #fff;
}
.pcp-ph {
    background: url(../images/patient-celebration-party-banner.png) no-repeat scroll center top;
    position: relative;
    width: 100%;
    height: 543px;
    margin: 10px auto;
}
.pcp-event{
   /* background: url(../images/weight-loss-surgery.png) no-repeat scroll center top;*/
    position: relative;
    width: 100%;
    height: 350px;
    margin: 10px auto;
}
.pcp-event p{
   padding: 3px 0px !important;
}
.weight-loss{
   position: absolute;
   top: 8%;
   left: 30%;
   text-align: center;
   background: #fff;
   width: 40%;
   border: 1px solid #6C6B6B;
}
.weight-loss p{
   color: #000 !important;
}
.news-section li{
   display: inline-block;
   width: 49%;
   vertical-align: top;
}
.weight-loss-section{
   background: url(../images/before-after-home.png) no-repeat scroll center top;
   height: 480px;
   position: relative;
}
.weight-loss-content{
   width: 400px;
   float: right;
   font: 400 15px/22px 'Lato', sans-serif;
   padding: 20px 2px 0 0;
   position: relative;
}
.free-patient{
   background:#063d7b;
   color:#fff;
   font: 400 16px/24px 'Lato', sans-serif;
   text-align: center;
   padding: 9px;
   position: absolute;
   bottom: 0;
   left: -8px;
}
.before-txt{
   background: #fff;
   text-align: center;
   color: #063d7b;
   padding: 9px;
   position: absolute;
   right: 2px;
   bottom: 0px;
   width: 159px;
}
.address-content{
   position: absolute;
   bottom: -75px;
}
.parking{
   position: absolute;
   bottom: -120px;
}
.reg-info{
   position: absolute;
   bottom: -185px;
   background:#063d7b;
   color:#fff;
   font: 400 14px/22px 'Lato', sans-serif;
   padding: 5px 10px 5px 15px;
}
.after-txt{
   position: absolute;
   bottom: 3%;
   left: 19%;
   color:#063d7b;
   font: 400 16px/24px 'Lato', sans-serif;
   background:#fff;
   padding: 8px 20px;
}
.read-more{
   display: none;
}
.register-call{
   width: 58%;
   margin: 0 auto;
}
#information-content p{
   text-align: center;
}
.after-before {
    position: relative;
    margin: 20px auto;
   
    text-align: center;
}

.after-before ul {
    padding: 0px !important;
    margin: 0px !important;
}

.after-before li {
    background: none !important;
    position: relative;
    min-height: 350px;
    padding: 0px !important;
    font: 700 20px/24px 'Lato', sans-serif;
    color: #a5c095;
}

.before-p {
    display: inline-block;
    width: 250px;
}

.after-p {
    display: inline-block;
    width: 250px;
}


/*.lisa-paul img{margin:18% 0px;}*/

.event {
    clear: both;
    display: block !important;
    color: #ffffff;
    font: 900 18px/20px 'Lato', sans-serif;
    text-transform: uppercase;
    background: #063d7b;
    border-radius: 5px;
    padding: 10px 10px;
    margin: -50px auto 0 auto !important;
    width: 84%;
    border-bottom: 3px solid #a4be95;
    border-right: 3px solid #a4be95;
    transition: all ease-out 600ms;
    letter-spacing: 1px;
    position: relative;
    float: right;
}

.event a {
    display: block;
}

.event span {
    position: absolute;
    left: -40px;
    background: url(../images/patient-event-icon.png) no-repeat 0 0;
    width: 71px;
    height: 71px;
    top: -16px;
    transition: all ease-out 600ms;
}


/*.event:hover span{background: url(../images/event-hover.png) no-repeat 0 0; transition: all ease-out 600ms;}
.event:hover{transition: all ease-out 600ms;border-bottom: 3px solid #579ce5; border-right: 3px solid #579ce5;  */


/*
    -moz-box-shadow: 1px 3px 2px #ccc;
    -webkit-box-shadow: 1px 3px 2px #ccc;
    box-shadow: 1px 3px 2px #ccc;
}*/

.weight-loss-h {
    padding: 10px;
    background: #063d7b;
    color: #fff;
    text-align: center;
    margin: 0px auto 30px auto;
    font: 900 18px/20px 'Lato', sans-serif;
    border: 6px double #fff;
    transition: all ease-out 500ms;
}

.weight-loss-h a {
    display: block;
    color: #fff;
}

.weight-loss-h:hover {
    background: #a4be95;
    transition: all ease-out 500ms;
}

.weight-loss-h:hover a {
    color: #063d7b;
}


/*------------------ Media Query ----------*/

@media screen and (max-width:1110px) {
    .dr-infos .pHead {
        font-size: 33px;
        line-height: 44px;
    }
    .contact-intra .address-l {
        width: 35%;
    }
    .contact-map {
        width: 65%;
    }
    .footer-menu-list>li {
        min-height: 223px;
    }
    #In-The-News .video-container,
    #In-The-News .pateint-jl {
        display: block;
    }
    #In-The-News .video-container {
        width: 70%;
        margin: 0 auto;
    }
    .pateint-jl {
        margin: 20px 0 0 0%;
    }
    .coc-lakeview {
        right: 36%;
    }
    .coc-norwest {
        left: 7%;
    }
    .coc-westmead {
        left: 15%;
    }
    .after-before {
        width: 100%;
    }
}

@media screen and (max-width:960px) {
    #Dr-Section .dr-Name {
        font-size: 36px;
        line-height: 42px;
    }
    .BSR-Login .pHead {
        font-size: 20px;
        line-height: 26px;
    }
    .footer-menu-list>li {
        min-height: 300px;
    }
    .copyrights {
        width: 32%;
        text-align: center;
    }
    .useful-access {
        width: 48%;
    }
    .useful-access a {
        margin: 0px 2%;
    }
    .dr-list {
        width: 50%;
        position: relative;
        left: 10%;
        min-width: 300px;
    }
    #Dr-Section .dr-img {
        display: block;
        width: auto;
    }
    #Dr-Section .dr-txt {
        display: block;
        width: auto;
    }
    .BSR-Login {
        top: 25%;
        width: 34.5%;
    }
    #Dr-Section .prev {
        bottom: 15px;
        left: 44.5%;
    }
    #Dr-Section .next {
        bottom: 15px;
        left: 49%;
    }
    .Services .main-servies-list .txt-container {
        padding: 0 5%;
    }
   /*.weight-loss{
      left: 32%;
   }*/
}

@media screen and (max-width:860px) {
    .menu-home {
        width: 9.5%;
    }
    .menu-about {
        width: 9%;
    }
    .menu-weight-loss {
        width: 15%;
    }
    .menu-wl-prog {
        width: 25%;
    }
    .menu-first {
        width: 13%;
    }
    .menu-blog {
        width: 8%;
    }
    .menu-news {
        width: 9%;
    }
    .menu-contact {
        width: 11.5%;
    }
    #Dr-Section .dr-Name {
        font-size: 30px;
        line-height: 36px;
    }
    .BSR-Login {
        top: 5%;
    }
    .Map-Tabs {
        left: 62.5%;
    }
    .footer-menu-list>li {
        min-height: 234px;
    }
    .footer-menu-list .pAdd {
        font-size: 14px;
        line-height: 30px;
    }
    .footer-subMenu li {
        font-size: 14px;
        line-height: 25px;
    }
    .footer-menu-list .pHead {
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 10px;
    }
    .footer-menu-list .subHead {
        font-size: 14px;
    }
    .noHead-loc .pAdd {
        padding-top: 36px;
    }
    #Dr-Section-Intra {
        padding: 50px 0;
    }
    .dr-list {
        width: 63%;
        position: relative;
        left: unset;
        min-width: 300px;
        margin: auto;
    }
    .BSR-Login {
        position: static;
        margin: 20px auto;
        width: 40%;
        min-width: 270px;
    }
    .dr-infos .pHead {
        font-size: 30px;
        line-height: 42px;
    }
    .contact-intra .address-l,
    .contact-map {
        width: 100%;
    }
    .contact-intra .address-l {
        min-height: 205px;
        border-right: none;
    }
    #Content-Main .table-div,
    #Content-Main .table-cell {
        display: block;
    }
    #Sidebar {
        margin: 0 auto;
    }
    .footer-menu-list .list-li {
        width: 30%;
    }
    .footer-menu-list>li {
        width: 30%;
    }
    .postadd {
        margin-top: 35px;
    }
    .office-loc {
        padding: 10px 0 10px 10px;
    }
    .call-appnt-list {
        width: 37%;
    }
    .contact-cal.formpage li {
        width: 32%;
    }
    .coc-lakeview {
        right: 32%;
    }
    .coc-norwest {
        top: 119px;
        left: 0%;
    }
    .coc-westmead {
        left: 6%;
    }
    .img-r.cost-img {
        margin: 19px 0 20px 0px;
        float: none;
        text-align: center;
    }
    .img-r.laparoscopic-img {
        width: 180px;
    }
   .news-section li{
      display: block;
      width: 72%;
      margin: 10% auto;
   }
   .after-txt{
      bottom: 4%;
      left: 0.5%;
      font: 400 14px/20px 'Lato', sans-serif;
      padding: 5px 15px;
   }
    /*.lisa-paul img{margin:21% 0px 20% 0px;}*/
}

@media screen and (max-width:767px) {
    .office-loc {
        float: none;
        margin: 10px 2%;
        display: block;
        vertical-align: top;
    }
    .call-appnt-list {
        float: none;
        margin: 0;
        display: inline-block;
        width: 100%;
    }
    .call-appnt-list li {
        margin: 10px 2% !important;
    }
    .menu li {
        text-transform: capitalize;
    }
    .hm-pt-res li {
        min-width: 158px;
    }
    .loc-list .txt-container {
        width: 234px;
        margin: auto;
        left: -25px;
        right: 0;
    }
    .Map-Tabs {
        left: 0;
        right: -239px;
        margin: auto;
    }
    .loc-list .txt-container::before {
        display: none;
    }
    .footer-menu-list>li {
        min-width: 250px;
        min-height: 226px;
        margin: 20px 1%;
    }
    .footer-access-list li {
        margin: 20px 2%;
    }
    .useful-access a {
        margin: 10px 2%;
    }
    .footer-access-list li {
        float: none;
        display: inline-block;
        width: 98%;
    }
    .footer-access-list .ypo-logo {
        float: none;
    }
    #Dr-Section .dr-img {
        height: unset;
    }
    #Dr-Section .prev {
        left: 42.5%;
    }
    .dr-infos {
        background: none;
    }
    .dr-infos .img-container {
        display: block;
        width: 290px;
        margin: auto;
        border: solid 2px #414141;
        padding: 10px 4px 0px 4px;
    }
    .dr-infos .txt-container {
        float: none;
        display: block;
        width: 81%;
        margin: 0px auto 30px auto;
        min-width: 290px;
    }
    .dr-infos .pHead {
        text-align: left !important;
        padding-top: 20px;
    }
    .Services .main-servies-list>li .img-container {
        float: none !important;
        display: block !important;
        width: auto !important;
        text-align: center;
        margin-bottom: 22px;
    }
    .Services .main-servies-list>li .txt-container {
        float: none !important;
        display: block !important;
        width: auto !important;
    }
    .main-servies-list .pHead {
        font-size: 25px;
        line-height: 35px;
    }
    .Services .main-servies-list>li {
        width: 74%;
        min-width: 300px;
    }
    #colorbox {
        width: 90% !important;
        height: 100% !important;
        left: 5% !important;
    }
    #cboxWrapper,
    #cboxContent,
    #cboxLoadedContent {
        width: 99% !important;
        height: 100% !important;
    }
    #cboxMiddleLeft,
    #cboxMiddleRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxBottomLeft,
    #cboxTopLeft,
    #cboxTopCenter,
    #cboxTopRight {
        display: none !important;
    }
    #cboxLoadedContent {
        margin: 10px 10px 10px 3px !important;
    }
    .footer-menu-list li.postadd {
        min-height: 164px;
        margin: 20px 1% 0 1%;
    }
    .footer-menu-list {
        text-align: left;
        margin-left: 2%;
    }
    .noHead-loc .pAdd {
        padding-top: 0px;
    }
    .footer-menu-list>li {
        min-height: 204px;
    }
    .contact-cal.formpage li {
        width: 308px;
        margin: 2px 0;
    }
    .event {
        margin: 15px 0 15px 0%;
    }
   /*.weight-loss{
      left: 28%;
      
   }*/
}

@media screen and (max-width:680px) {
    .tab-deatails,
    .pateint-jl .tab-deatails {
        width: 290px;
        height: 290px;
        padding: 40px 22px 27px 22px;
    }
    #btn9.tab-deatails {
        padding: 26px 25px 27px 25px;
    }
    .tab-deatails p {
        padding: 5px 0px;
    }
    .main-circle,
    .pateint-jl .main-circle {
        width: 260px;
        min-height: 260px;
    }
    .btn1 {
        left: 87px;
    }
    .btn2 {
        right: 43px;
    }
    .btn3 {
        top: 79px;
        right: 16px;
    }
    .btn-hover3 {
        left: 64px;
        top: -33px;
    }
    .btn4 {
        top: 162px;
        right: 23px;
    }
    .btn-hover4 {
        top: -35px;
        left: 79px;
    }
    .btn5 {
        bottom: 38px;
        right: 67px;
    }
    .btn-hover5 {
        top: -14px;
        left: 102px;
    }
    .btn6 {
        bottom: 12px;
        right: 134px;
    }
    .btn7 {
        bottom: 40px;
        left: 5px;
    }
    .btn-hover7 {
        right: 30px;
        top: -10px;
    }
    .btn8 {
        bottom: 102px;
        left: -36px;
    }
    .btn-hover8 {
        right: 23px;
        top: -30px;
    }
    .btn9 {
        top: 79px;
        left: -41px;
    }
    .btn-hover9 {
        right: 12px;
        top: -54px;
    }
    .btn10 {
        top: 10px;
        left: 2px;
    }
    .btn-hover10 {
        top: -36px;
        right: 28px;
    }
    .main-circle img,
    .pateint-jl .main-circle img {
        margin: 59px auto 0;
        width: 78px;
    }
    .yourweightpage .textMain h3,
    .yourweightpage .hTag3 {
        font: 600 22px/28px 'Lato', sans-serif;
    }
    #In-The-News-Intra {
        padding: 12px 0;
    }
    .pateint-jl .btn1 {
        top: -11px;
        left: 118px;
    }
    .pateint-jl .btn2 {
        top: 24px;
        right: 59px;
    }
    .pateint-jl .btn3 {
        top: 78px;
        right: 26px;
    }
    .pateint-jl .btn4 {
        top: 147px;
        right: 23px;
    }
    .pateint-jl .btn5 {
        bottom: 48px;
        right: 68px;
    }
    .pateint-jl .btn6 {
        bottom: 18px;
        right: 149px;
    }
    .pateint-jl .btn7 {
        bottom: 49px;
        left: 31px;
    }
    .pateint-jl .btn8 {
        bottom: 114px;
        left: -9px;
    }
    .pateint-jl .btn9 {
        top: 78px;
        left: -9px;
    }
    .pateint-jl .btn10 {
        top: 23px;
        left: 31px;
    }
    .pateint-jl .tab-deatails {
        top: 40%;
    }
    .pateint-jl h3 {
        font: 600 17px/30px 'Lato', sans-serif;
    }
    .coc-locs li .txt-container.showMap {
        display: none;
    }
    .coc-lakeview {
        right: 29%;
    }
    .coc-norwest {
        top: 147px;
        left: 2%;
    }
    .coc-locs li.coc-norwest span a::after,
    .coc-locs li.coc-westmead span a::after {
        right: 72px;
        top: -17px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .coc-westmead {
        bottom: 7px;
        left: 12%;
    }
    .after-before li {
        min-height: auto;
    }
    /*
.lisa-paul img {
	 margin: 10px 0px; width:90%;
}
.lisa-paul img {
	margin: 5% 0px;
}
*/
}
@media screen and (max-width:640px) {
   .weight-loss{
      width: 70%;
      left: 15%;
   }
   .patient-call{
      display: block;
   }
   .weight-loss-section{
      display: none;
   }
   .read-more{
      display: block;
      text-align: center;
      background: #063d7b;
      color: #fff;
      padding: 5px 10px;
      width: 30%;
      margin: 0 auto;
      font: 400 15px/22px 'Lato', sans-serif;
   }
   .news-section li{
     border-bottom: 1px solid #000;
      padding-bottom: 10px;
      width: 89%;
     margin: 5% auto;
   }
}

@media screen and (max-width:614px) {
    /*
	 .lisa-paul img {
	 margin: 10% 0px; 
}
*/
    .pateint-jl .journey-info,
    .yourweightpage .journey-info {
        display: block;
    }
    .pateint-jl {
        margin: 0 0 0 0;
    }
    .img-rg {
        float: none;
        margin: 15px auto;
        text-align: center;
    }
}

@media screen and (max-width:566px) {
    #Dr-Section .dr-Name {
        font-size: 25px;
    }
    .footer-menu-list>li {
        min-height: unset;
    }
    .floating-menu {
        display: none;
    }
    .footer-menu-list li.postadd {
        min-height: unset;
    }
    .footer-menu-list {
        text-align: center;
        margin-left: 0;
    }
    .footer-menu-list .direction {
        bottom: inherit;
    }
    .pateint-jl .journey-b,
    .yourweightpage .textMain .journey-b {
        display: none;
    }
    /*
.lisa-paul img {
	margin: 10px 0px;
}
*/
    .before-p,
    .after-p {
        width: 49%;
    }
    .after-before img {
        width: 90%;
    }
    #sun-pop {
        padding: 12px !important;
        width: 99% !important;
    }
   /*.weight-loss{
      left: 20%;
   }
}*/

@media screen and (max-width:480px) {
    /*
.lisa-paul img {
	margin: 25% 0px;
}
*/
    #Dr-Section .prev {
        left: 39.5%;
    }
    .contact-page h1 {
        font: 800 37px/47px 'Lato', sans-serif;
    }
    .text-center.textsize {
        font-size: 18px !important;
    }
    .drpage .textMain h1 {
        font: 700 31px/40px 'Lato', sans-serif;
    }
    .dr-image-l {
        float: none;
        margin: 0 auto;
        width: 68%;
    }
    .drpage .textMain h1,
    .staff-page .textMain h1 {
        text-align: center;
    }
    .call-appnt-list li {
        margin: 0px 2% 5px 0 !important;
    }
    .office-loc {
        margin: 0 auto;
        width: 165px;
        display: block;
    }
    .textMain .subList li {
        display: inherit;
        width: 63%;
    }
    .staff-img {
        float: none;
        margin: 0 auto;
    }
    #In-The-News .video-container {
        width: 100%;
    }
    .call-appnt-list {
        width: 74%;
    }
    .coc-lakeview {
        right: 23%;
    }
    .coc-locs li.coc-norwest span a::after,
    .coc-locs li.coc-westmead span a::after {
        right: 127px;
    }
    .img-r.laparoscopic-img {
        width: 180px;
        float: none;
        margin: 0 auto;
    }
    .cost-blue,
    .cost-green {
        padding: 35px 10px 35px 10px;
    }
    .pcp-ph,.pcp-event{
        background-size: 175%;
    }
    #flexisel3 .nbs-flexisel-item img {
        width: 90%;
    }
   /*.weight-loss{
      left: 15%;
   }*/
}

@media screen and (max-width:400px) {
   .weight-loss p span{
      display: block;
   }
}
@media screen and (max-width:375px) {
    .dr-image-l {
        width: 87%;
    }
    .textMain .subList li {
        width: 80%;
    }
    #cboxWrapper,
    #cboxContent,
    #cboxLoadedContent {
        width: 279px !important;
        height: auto !important;
    }
    #cboxLoadedContent {
        margin: 10px 7px 18px 3px !important;
    }
    .call-appnt-list {
        width: 100%;
    }
    .coc-lakeview {
        right: 10%;
    }
    .coc-locs li.coc-norwest span a::after,
    .coc-locs li.coc-westmead span a::after {
        right: 177px;
    }
   
}


/*
@media screen and (max-width:320px) {
.lisa-paul img {
    margin: 26% 0px;
}
}*/