/*



	Theme Name:  Dr Mary Ann Johnson



	Theme URI: http://www.yourpracticeonline.com.au



*/

    /*  Global CSS  */

    

body {
	overflow-y: scroll;
 *overflow-y: none;
}
img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
}
body,  p,  h1,  h2,  h3,  h4,  h5,  h6 {
	padding: 0px;
	margin: 0px;
}
ul,  ol {
	margin: 0px;
	padding: 0px;
}
ul,  li {
	list-style: none;
}
a,  a:hover {
	text-decoration: none;
	outline: none;
}
/* General CSS */

    

.hr {
	height: 10px;
	background: url(../images/hr.gif) repeat-x left center;
	clear: both;
}
.clear-float,  .clear {
	clear: both;
}
.align-left,  .img-l {
	float: left;
	margin: 0px 15px 10px 0px;
}
.align-right,  .img-r {
	float: right;
	margin: 0px 0px 10px 15px;
}
.PDFtext {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.bgnone {
	background: none !important;
}
.bordernone {
	border: none !important;
}
.order-list ol {
	margin: 0px 0px 0px 7% !important;
}
.order-list ol li {
	list-style: decimal !important;
}
.showcase li {
	background: none !important;
}
.mandatory {
	color: #ff8204;
	font: bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}
@font-face {
	font-family: 'AgencyFB-Reg';
	src: url('../fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'), url('../fonts/AgencyFB-Reg.woff') format('woff'), url('../fonts/AgencyFB-Reg.ttf') format('truetype'), url('../fonts/AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
}
/* Credibility Slider */

    

#flexiselDemo1 {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
	overflow: hidden !important;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.nbs-flexisel-inner {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	text-align: center;
}
.nbs-flexisel-item img {
	cursor: pointer;
	position: relative;
	margin: 10px 0px;
}
.nbs-flexisel-nav-left,  .nbs-flexisel-nav-right {
	position: absolute;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	top: 10%;
	width: 40px;
	height: 100%;
}
/*.nbs-flexisel-nav-left {

    left: 0px;

    background: url(../images/flex-left-arrow.png) no-repeat center center;

}



.nbs-flexisel-nav-right {

    right: 0px;

    background: url(../images/flex-right-arrow.png) no-repeat center center;

}*/

    /* Common Banner css */

    

.intra-div,  .fluid-div,  .Intra-L,  .Intra-R {
	width: 100%;
	height: 100%;
}
.intra-div {
	display: table;
	table-layout: fixed;
}
.Intra-L,  .Intra-R {
	position: absolute;
	z-index: 99;
	padding: 0px;
	margin: 0px;
	top: 0px;
}
.Intra-L {
	left: -100%;
}
.Intra-R {
	right: -100%;
}
.rslides {
	position: relative;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	border: 0;
	width: 100%;
}
/* Back & Top CSS */

    

#backtobot,  #backtotop {
	cursor: pointer;
	right: 5px;
	position: fixed;
	z-index: 9999;
	width: 50px;
	height: 50px;
	font: 700 12px/40px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}
#backtotop {
	bottom: 10px;
	background: url(../images/up-arrow-icon.png) left top no-repeat;
}
#backtobot {
	bottom: 10px;
	background: url(../images/down-arrow-icon.png) left top no-repeat;
}
#backtobot a,  #backtotop a {
	display: block;
	text-indent: -9999px;
}
#backtobot:hover,  #backtotop:hover {
	opacity: .9;
}
/*Multimedia List Styles*/

    

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.multiBorder {
	width: 100%;
	position: relative;
	margin: 10px auto;
	padding: 100% 0px 0px 0px;
	overflow: hidden;
	height: 535px;
}
.videoBorder {
	border: 4px solid #333;
	width: 90%;
	position: relative;
	margin: 15px auto;
	padding: 55% 0px 0px 0px;
}
.videoBorder iframe,  .videoBorder embed,  .multiBorder iframe,  .multiBorder embed {
	top: 0px;
	position: absolute;
	width: 100.1%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px !important;
}
.videoborder {
	border: 4px solid #333;
	width: 90%;
	position: relative;
	margin: 15px auto;
}
.videoborder iframe,  .videoborder embed {
	top: 0px;
	position: absolute;
	width: 100.1%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px !important;
}
/*-------------Related Links-----------------*/

    

.textMain .links-tabs {
	line-height: 40px;
	list-style: outside none none;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}
.textMain .links-tabs li {
	background: none;
	display: inline-block;
	margin: 10px;
	padding: 0;
}
.textMain .links-tabs li a {
	background: #3e5f8f none repeat scroll 0 0;
	border-radius: 3px;
	font: 400 14px/18px 'Open Sans', sans-serif;
	color: #ffffff;
	padding: 10px 15px;
	text-decoration: none;
}
.textMain .links-tabs li a:hover {
	background: #bad999;
	color: #000000;
}
/*  Accordion Styles */

    

.accordion {
	margin: 1em 0;
}
.textMain .accordion h2 {
	background: url(../images/plus.png) right center no-repeat #1A335D;
	color: #fff;
	cursor: pointer;
	margin: 5px 0 0;
	padding: 4px 10px;
	font: 400 14px/22px 'Open Sans', sans-serif;
	letter-spacing: 1px;
}
.textMain .accordion h2 a {
	color: #fff;
	text-decoration: none;
}
.accordion h2.current {
	background: url(../images/minus.png) right center no-repeat #bad999;
	cursor: default;
	color: #fff;
	border-bottom: 0 solid #cccccc!important;
}
.accordion h2.current a {
	color: #000000;
}
.accordion div.pane {
	display: none;
	padding: 15px 10px 10px;
	border: 1px solid #cccccc;
}
/*  Main CSS  */

    

header,  nav,  #Banner-Container,  #Conditions-Procedures-Container,  #MeetDoctor-Container,  #Overview-Hernia-H-Container,  #Hernia-H-Container,  #Patient-Resources-H-Container,  #Map-Container,  #Have-A-Question-Container,  #Credibility-Container,  section,  footer,  #Container,  #Content-Container,  #Banner-Container,  #Banner-Container-S,  #Content-Container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}
nav {
	overflow: visible;
}
#Header,  #Banner,  #Main-Menu,  #Mobile-Container,  #Conditions-Procedures-H,  #MeetDoctor-H,  #Overview-Hernia-H,  #Hernia-H,  #Patient-Resources-H,  #Have-A-Question,  #Credibility,  #Content-Main,  #Footer,  #Banner,  #Main-Menu,  #Mobile-Menu {
	max-width: 1170px;
	min-width: 310px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
/* Header CSS */

    

#Header {
	padding: 12px 0 0 0;
}
.logo {
	float: left;
}
.header-right {
	float: right;
	padding: 35px 0 0 0;
}
.phone-no-h {
	font: 600 18px/22px 'Poppins', sans-serif;
	color: #000000;
	background: url(../images/phone-icon-h.png) no-repeat 0px 3px;
	padding: 0 0 0 25px;
	float: right;
}
.tel1 span {
	display: none;
}
.phone-no-h a {
	color: #000000;
}
.header-links {
	font: 500 14px/18px 'Poppins', sans-serif;
	color: #000000;
	margin: 18px 0 0 0;
}
.header-links li {
	display: inline-block;
}
.header-links li a {
	color: #000000;
	padding: 10px 28px 10px 28px;
	display: block;
}
.header-links li a span {
	float: left;
	width: 22px;
	height: 21px;
	margin: 0 10px 0 0px
}
.appointments-h a {
	background: #bad999;
}
.appointments-h a span {
	background: #bad999 url(../images/appointments-icon-h.png) no-repeat 0 0;
}
.appointments-h a:hover {
	background: #9baed9;
}
.appointments-h a:hover span {
	background: url(../images/appointments-icon-h.png) no-repeat 0 0;
}
.locations-h {
	background: #9baed9;
}
.locations-h a {
	background: #9baed9;
}
.locations-h a span {
	background: url(../images/locaiton-iocn-h.png) no-repeat 0 0;
}
.locations-h a:hover {
	background: #bad999;
}
.locations-h a:hover span {
	background: url(../images/locaiton-iocn-h.png) no-repeat 0 0;
}
.fixed-ql {
	position: fixed;
	background: #9baed9;
	right: 0;
	top: 42%;
	width: 90px;
	z-index: 999;
}
.fixed-ql ul li {
	text-align: center;
	color: #fff;
	font: 400 14px/18px 'Open Sans', sans-serif;
	position: relative;
	transition: 0.6s all ease;
}
.fixed-ql ul li a {
	color: #fff;
	padding: 45px 7px 10px 7px;
	display: block;
	border-bottom: 1px solid #b4c2e3;
}
.fixed-ql ul li:last-child a {
	border-bottom: none;
}
.fixed-ql li:hover {
	background: #2c481c;
}
.icon1 a,  .icon1:hover a {
	background: url(../images/open-hours-icon.png) no-repeat center 22px;
}
.icon2 a,  .icon2:hover a {
	background: url(../images/tell-a-friend-icon.png) no-repeat center 22px;
}
.icon3 a,  .icon3:hover a {
	background: url(../images/referral-form-icon.png) no-repeat center 22px;
}
/*---- Menu ----*/

    

#Main-Menu {
	display: block;
}
#Mobile-Menu {
	display: none;
}
nav {
	overflow: visible;
}
.menu li {
	font: 400 15px/49px 'Poppins', sans-serif;
	color: #ffffff;
	float: left;
	position: relative;
	text-align: center;
}
.menu li a:hover span {
	background: url(../images/menu-hover.png) repeat-x 0 0;
	height: 49px;
	width: auto;
	display: inline-block;
}
.menu li a {
	color: #000000;
	display: block;
}
.menu ul {
	position: absolute;
	z-index: 999;
	left: 0px;
	display: none;
}
.menu ul li {
	font: 400 14px/20px 'Poppins', sans-serif;
	color: #fff;
	text-align: left;
	background: #52803a;
	width: 200px;
}
.menu ul li a:hover {
	background: #2a2e37 url(../images/menu-hover-list.png) no-repeat 12px center;
	border-bottom: 1px solid #36414f;
}
.menu ul li a {
	padding: 10px 10px 10px 30px;
	background: #3e5f8f url(../images/menu-hover-list.png) no-repeat 12px center;
	border-bottom: 1px solid #3c71b7;
	color: #ffffff;
}
.menu ul ul {
	left: 100%;
	top: 0px;
}
.menu ul li li {
	background: #52803a;
}
.menu ul li li:hover {
	background: #2e3192;
}
.menu li:hover>ul {
	display: block;
}
/* Mobile Menu */

    

.Wrapper {
	position: absolute;
	z-index: 9999;
	left: 0px;
	width: 100%;
	display: none;
	background: #a1ca60;
}
.menu-mobile {
	text-align: center;
	padding: 0px;
	color: #fff;
	font: normal 20px/26px 'Roboto', sans-serif;
	background: #036;
}
.menu-mobile a {
	color: #fff;
	display: block;
}
.menu-mobile img {
	margin: 0px 10px;
}
.par-menu {
	font: normal 14px/20px 'Roboto', sans-serif;
	color: #fff;
}
.par-menu li a {
	padding: 10px 10px 10px 20px;
	color: #fff;
	display: block;
}
.par-menu li a:hover {
	background: #036;
	;
}
.par-menu li ul {
	display: none;
}
.par-menu li li a {
	padding: 10px 10px 10px 40px;
	background: #036;
	;
}
.par-menu li li a:hover {
	background: #a1ca60;
}
.par-menu li li li a {
	padding: 10px 10px 10px 60px;
	background: #036;
	;
}
.menu-home {
	width: 14%;
}
.menu-about {
	width: 11%;
}
.menu-conditions {
	width: 16%;
}
.menu-treatments {
	width: 22%;
}
.menu-referrers {
	width: 13%;
}
.menu-blog {
	width: 12%;
}
.menu-contact {
	width: 12%;
}
/*Banner CSS*/

    

#Banner {
	position: relative;
}
#Banner-Container .banner1h .Intra-L {
	background: url(../images/banner1h-l.jpg) no-repeat right top;
}
#Banner-Container .banner1h .Intra-R {
	background: url(../images/banner1h-r.jpg) no-repeat left top;
}
#Banner-Container .banner2h .Intra-L {
	background: url(../images/banner2h-l.jpg) no-repeat right top;
}
#Banner-Container .banner2h .Intra-R {
	background: url(../images/banner2h-r.jpg) no-repeat left top;
}
#Banner-Container .banner3h .Intra-L {
	background: url(../images/banner3h-l.jpg) no-repeat right top;
}
#Banner-Container .banner3h .Intra-R {
	background: url(../images/banner3h-r.jpg) no-repeat left top;
}
#Banner-Container .banner4h .Intra-L {
	background: url(../images/banner4h-l.jpg) no-repeat right top;
}
#Banner-Container .banner4h .Intra-R {
	background: url(../images/banner4h-r.jpg) no-repeat left top;
}
#Banner-Container-S .banner1s .Intra-L {
	background: url(../images/banner1s-l.jpg) no-repeat right top;
}
#Banner-Container-S .banner1s .Intra-R {
	background: url(../images/banner1s-r.jpg) no-repeat left top;
}
#Banner-Container-S .banner2s .Intra-L {
	background: url(../images/banner2s-l.jpg) no-repeat right top;
}
#Banner-Container-S .banner2s .Intra-R {
	background: url(../images/banner2s-r.jpg) no-repeat left top;
}
#Banner-Container-S .banner3s .Intra-L {
	background: url(../images/banner3s-l.jpg) no-repeat right top;
}
#Banner-Container-S .banner3s .Intra-R {
	background: url(../images/banner3s-r.jpg) no-repeat left top;
}
#Banner-Container-S .banner4s .Intra-L {
	background: url(../images/banner4s-l.jpg) no-repeat right top;
}
#Banner-Container-S .banner4s .Intra-R {
	background: url(../images/banner4s-r.jpg) no-repeat left top;
}
#Banner-Container-S .banner5s .Intra-L {
	background: url(../images/banner5s-l.jpg) no-repeat right top;
}
#Banner-Container-S .banner5s .Intra-R {
	background: url(../images/banner5s-r.jpg) no-repeat left top;
}
#Banner-Container .bullet7 {
	position: absolute;
	z-index: 6;
	left: 5%;
	top: 150px;
}
#Banner-Container-S .bullet7 {
	position: absolute;
	z-index: 6;
	left: 5%;
	top:55px;
}
#Banner-Container-S .bullet7 li,  #Banner-Container .bullet7 li {
	margin: 8px 0px 0px 0px;
	width: 10px;
	height: 10px;
}
#Banner-Container-S .bullet7 li a,  #Banner-Container .bullet7 li a {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 10px;
	background: #2b481b;
}
#Banner-Container-S .bullet7 li a:hover,  #Banner-Container-S .bullet7 li.rslides_here a,  #Banner-Container .bullet7 li a:hover,  #Banner-Container .bullet7 li.rslides_here a {
	background: #c2db92;
	border-radius: 50%;
	border: 3px solid #2b481b;
	margin: 0 0 0 -1px;
	height: 7px;
	width: 7px;
}
.banner-content-h {
	position: absolute;
	top: 25%;
	left: 55%;
}
.banner3h .banner-content-h,  .banner2h .banner-content-h {
	left: 62%;
}
.banner4h .tagline-h,  .banner4h .tagline-h span {
	color: #ffffff;
}
.banner-content-h h1 {
	font: 700 50px/54px 'Abhaya Libre', serif;
	color: #001033;
}
.banner-content-h h1 a {
	color: #001033;
}
.banner-content-h h1 span {
	display: block;
	font: 500 20px/24px 'Poppins', sans-serif;
	color: #353535;
}
.interests-head {
	font: 700 17px/21px 'Poppins', sans-serif;
	color: #000000;
	padding: 22px 0 0 0;
}
.banner1h .banner-content-h ul {
	font: 500 14px/18px 'Poppins', sans-serif;
	color: #000000;
	margin: 10px 0 0 0;
}
.banner1h .banner-content-h ul li:first-child {
	float: none !important;
	display: block !important;
}
.banner1h .banner-content-h ul li {
	background: url(../images/banner-list-icon.png)no-repeat 0 7px;
	padding: 0 0 5px 20px;
	display: block !important;
	position: static;
	margin: 0px !important;
}
.slider-readmore {
	font: 400 14px/18px 'Poppins', sans-serif;
	color: #ffffff;
	margin: 12px 0 0 0;
	width: 115px;
}
.slider-readmore a {
	display: block;
	color: #ffffff;
	text-align: center;
	border-radius: 20px;
	background: #2c481c;
	padding: 12px 0
}
.tagline-h {
	font: 700 56px/60px 'Abhaya Libre', serif;
	color: #000000;
}
.tagline-h span {
	display: block;
	font: 500 22px/26px 'Poppins', sans-serif;
	color: #353535;
	margin: 0px 0 20px 0;
}
.banner-content-s {
	position: absolute;
	top: 25%;
	left: 67%;
}
.banner4s .tagline-s,  .banner4s .tagline-s span {
	color: #ffffff;
}
.banner-content-s .drname {
	font: 400 25px/29px 'Abhaya Libre', serif;
	color: #001033;
}
.banner-content-s .drname a {
	color: #001033;
}
.banner-content-s .drname span {
	display: block;
	font: 500 15px/20px 'Poppins', sans-serif;
	color: #353535;
}
.slider-readmore-s {
	font: 400 14px/18px 'Poppins', sans-serif;
	color: #ffffff;
	margin: 12px 0 0 0;
	width: 115px;
}
.slider-readmore-s a {
	display: block;
	color: #ffffff;
	text-align: center;
	border-radius: 20px;
	background: #2c481c;
	padding: 9px 0
}
.tagline-s {
	font: 400 25px/30px 'Abhaya Libre', serif;
	color: #001033;
}
.tagline-s span {
	display: block;
	font: 500 15px/20px 'Poppins', sans-serif;
	color: #353535;
	margin: 0px 0 20px 0;
}
/*Conditiosn Procedures*/

    

#Conditions-Procedures-Container {
	background: #fdfdfd;
}
#Conditions-Procedures-H {
	padding: 70px 0 85px 0;
}
.condi-proc-h-head {
	text-transform: uppercase;
	text-align: center;
	color: #2b2b2b;
	font: 700 27px/31px 'Abhaya Libre', serif;
}
.condi-proc-h-head a {
	color: #2b2b2b;
}
.cond-proc-h-list {
	font: 500 15px/19px 'Poppins', sans-serif;
	color: #2b2b2b;
	text-align: center;
}
.cond-proc-h-list ul {
	text-align: center;
	margin: 50px 0 0 0;
}
.cond-proc-h-list li {
	display: inline-block;
	margin: 0 45px;
}
.cond-proc-h-list a {
	color: #2b2b2b;
	background: #ffffff;
	float: left;
	padding: 20px 20px 35px 20px;
	box-shadow: 0 0 10px gray;
}
.cond-proc-h-list a:hover {
	background: #2c481c;
}
.cond-proc-h-list a span {
	display: block;
	padding: 22px 0 0 0;
}
.cond-proc-h-list a:hover span {
	color: #ffffff;
}
.condi-proc-image-h,  .condi-proc-image-h:hover {
	height: 147px;
	width: 147px;
}
.gallbladder-surgery-h .condi-proc-image-h {
	background: url(../images/gallbladder-surgery-h.png) no-repeat center top;
}
.gallbladder-surgery-h:hover .condi-proc-image-h {
	background: url(../images/gallbladder-surgery-h-hover.png) no-repeat center top;
}
.hernia-surgery-h .condi-proc-image-h {
	background: url(../images/hernia-surgery-h.png) no-repeat center top;
}
.hernia-surgery-h:hover .condi-proc-image-h {
	background: url(../images/hernia-surgery-h-hover.png) no-repeat center top;
}
.oesophageal-cancer-h .condi-proc-image-h {
	background: url(../images/oesophageal-cancer-h.png) no-repeat center top;
}
.oesophageal-cancer-h:hover .condi-proc-image-h {
	background: url(../images/oesophageal-cancer-h-hover.png) no-repeat center top;
}
.gastric-cancer-h .condi-proc-image-h {
	background: url(../images/gastric-cancer-h.png) no-repeat center top;
}
.gastric-cancer-h:hover .condi-proc-image-h {
	background: url(../images/gastric-cancer-h-hover.png) no-repeat center top;
}
/*Meed Doctor CSS*/

    

#MeetDoctor-Container {
}
#MeetDoctor-H {
	height: 1060px;
	background: url(../images/meet-dr-bg.jpg) no-repeat left top;
}
#MeetDoctor-H .Intra-L {
	background: url(../images/meet-dr-l.jpg) no-repeat right top;
}
.meet-dr-section {
	position: absolute;
	left: 0px;
	top: 45px;
 z-index:
}
.meetdr-section-h {
	position: absolute;
	/* z-index: -1; */

	width: 388px;
}
.meet-dr-section h1 {
}
.meet-dr-section h1 i {
	font-style: normal;
	font: 100 37px/41px 'Roboto', sans-serif;
	color: #ffffff;
}
.meet-dr-section h1 a span {
	font: 600 41px/45px 'Abhaya Libre', serif;
	color: #ffffff;
	display: block;
	margin: 3px 0 0 0;
}
.meet-dr-section ul {
	font: 300 18px/22px 'Roboto', sans-serif;
	color: #ffffff;
	margin: 15px 0 0 0;
}
.meet-dr-section ul li {
	background: url(../images/dr-list-icon.png) no-repeat 3px 5px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}
.meet-dr-section {
	background: url(../images/dr-h-bg.png) no-repeat right top;
	height: 100%;
	position: relative;
	padding: 0 0 80px 0;
}
.drimage-h {
	position: absolute;
	right: 188px;
	top: 47px;
}
.drimage-h img {
	float: right;
	margin: 0 18.7% 0 0;
	position: relative;
}
.view-profile-h {
	font: 400 13px/17px 'Roboto', sans-serif;
	color: #ffffff;
	width: 115px;
	height: 115px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: absolute;
	bottom: -57px;
	background: #9baed9;
	left: -60px;
}
.view-profile-h div {
	position: absolute;
	background: url(../images/view-profile-bg.png) no-repeat left top;
	width: 14px;
	height: 65px;
	transform: rotate(-44deg);
	left: 17px;
	top: -9px;
}
.view-profile-h a {
	display: block;
	text-align: center;
	padding: 42px 10px;
}
.view-profile-h a span {
	display: block;
	padding: 6px 0;
	border-top: 1px solid #b4c2e3;
	border-bottom: 1px solid #b4c2e3;
	text-transform: uppercase;
	color: #ffffff;
	transform: rotate(-44deg);
	margin: 8px 0 0 0px;
}
.your-care-h {
	font: 400 13px/17px 'Roboto', sans-serif;
	color: #ffffff;
	padding: 10px;
	width: 240px;
	height: 240px;
	transform: rotate(45deg);
	position: absolute;
	bottom: -130px;
	background: #a1ca60;
	left: 133px;
}
.your-care-h div {
	position: absolute;
	background: url(../images/your-care-bg.png) no-repeat left top;
	width: 14px;
	height: 82px;
	transform: rotate(-44deg);
	left: 23px;
	top: -11px;
}
.your-care-h span {
	font: 700 28px/32px 'Roboto', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	color: #ffffff;
	transform: rotate(-44deg);
	margin: 8px 0 0 -32px;
	display: block;
}
.your-care-h ul {
	font: 400 15px/19px 'Roboto', sans-serif;
	color: #ffffff;
	transform: rotate(-44deg);
	width: 65%;
	margin: 15px 0 0 65px;
}
.your-care-h ul li:first-child {
	border-top: 1px solid #aad273;
}
.your-care-h ul li:last-child {
	width: 90%;
}
.your-care-h ul li {
	border-bottom: 1px solid #aad273;
	padding: 4px 0;
	text-align: center;
	background: none;
}
.about-dr-h {
	width: 42%;
	position: absolute;
	top: 30%;
}
.about-dr-h .line {
	height: 84px;
	width: 1px;
	background: #cccccc;
	margin: 0 auto;
}
.about-dr-h p {
	font: 400 15px/32px 'Roboto', sans-serif;
	color: #2b2b2b;
	text-align: center;
	width: 68%;
	margin: 0 auto;
	padding: 10px;
}
.publicaitons-awards ul {
	font: 400 17px/21px 'Roboto', sans-serif;
	color: #2b2b2b;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin: 50px 0 0 0;
	width: 92%;
}
.publicaitons-awards ul li {
	display: inline-block;
	margin: 0 10px;
	padding: 10px 0;
}
.publicaitons-awards li:hover {
	background: #3e5f8f;
}
.publicaitons-awards ul li a {
	display: block;
	color: #2b2b2b;
	padding: 0 0 0 20px;
	background: url(../images/profile-category-list-icon.png) no-repeat 0 4px;
}
.publicaitons-awards {
	position: absolute;
	z-index: 1;
	bottom: 234px;
	left: 0px;
	width: 60%;
}
/*Henria Overview*/

    

#Overview-Hernia-H-Container {
	z-index: 10;
}
#Hernia-H-Container {
	z-index: 9;
	margin: -190px 0 0 0;
}
#Hernia-H {
	min-height: 700px;
	background: url(../images/hernia-bg.jpg) no-repeat right top;
}
#Hernia-H .Intra-L {
	background: url(../images/hernia-l.jpg) no-repeat right top;
	height: 100%;
}
#Hernia-H .Intra-R {
	background: url(../images/hernia-r.jpg) no-repeat left top;
	height: 100%;
}
.hernia-head {
	font: 700 35px/39px 'Abhaya Libre', serif;
	color: #2b2b2b;
	text-align: center;
	padding: 0 0 30px 0;
}
.hernia-head a {
	color: #2b2b2b;
}
.about-hernia ul li {
	display: table;
	float: left;
}
.about-hernia ul li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
}
.about-hernia ul li a span {
	display: block;
	font: 400 19px/23px 'Roboto', sans-serif;
	color: #ffffff;
	margin: 20px 0 0 0;
}
.what-is-henria {
	background: url(../images/what-is-henria.png) no-repeat 0 0;
	width: 284px;
	height: 295px;
}
.what-is-henria:hover {
	background: url(../images/what-is-henria-hover.png) no-repeat 0 0;
}
.surgery-involved {
	background: url(../images/surgery-involved.png) no-repeat 0 0;
	width: 283px;
	height: 295px;
}
.surgery-involved:hover {
	background: url(../images/surgery-involved-hover.png) no-repeat 0 0;
}
.advanced-technology {
	background: url(../images/advanced-technology.png) no-repeat 0 0;
	width: 283px;
	height: 295px;
}
.advanced-technology:hover {
	background: url(../images/advanced-technology-hover.png) no-repeat 0 0;
}
.revocery-time {
	background: url(../images/recovery-time.png) no-repeat 0 0;
	width: 284px;
	height: 295px;
}
.revocery-time:hover {
	background: url(../images/recovery-time-hover.png) no-repeat 0 0;
}
.ercp {
	padding: 190px 0 0 0;
}
.ercp-head {
	font: 700 40px/44px 'Abhaya Libre', serif;
	color: #1c1c1c;
	text-align: center;
	margin: 15px 0 0 0;
}
.ercp-head a {
	color: #1c1c1c;
}
.ercp p {
	font: 400 16px/22px 'Roboto', sans-serif;
	color: #000000;
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
.gastroscopy {
	width: 455px;
	margin: 50px 0 0 20%;
}
.gastroscopy a {
	display: block;
}
.gastroscopy a i {
	font: 500 19px/23px 'Roboto', sans-serif;
	width: 180px;
	display: block;
	color: #000000;
	background: #ffffff;
	padding: 13px 0;
	border-radius: 50px;
	text-align: center;
	position: relative;
	font-style: normal;
	float: left;
	margin: 60px 0 0 0;
	box-shadow: 0 0 10px gray;
}
.gastroscopy a:hover i {
	background: #2c481c;
	color: #ffffff;
}
.gastroscopy a i::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 65px;
	background: #ffffff;
	right: -64px;
	top: 26px;
}
.gastroscopy a span {
	background: url(../images/gastroscopy.png) no-repeat right top;
	float: right;
	width: 214px;
	height: 159px;
}
.gastroscopy a:hover span {
	background: url(../images/gastroscopy-hover.png) no-repeat right top;
}
.advanced-oesophageal {
	width: 518px;
	margin: 0px 0 0 43%;
}
.advanced-oesophageal a {
	display: block;
}
.advanced-oesophageal a i {
	font: 500 19px/23px 'Roboto', sans-serif;
	width: 255px;
	display: block;
	color: #000000;
	background: #ffffff;
	padding: 13px 0;
	border-radius: 50px;
	text-align: center;
	position: relative;
	font-style: normal;
	float: right;
	margin: -23px 0 0 0;
	box-shadow: 0 0 10px gray;
}
.advanced-oesophageal a:hover i {
	background: #2c481c;
	color: #ffffff;
}
.advanced-oesophageal a i::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 56px;
	background: #ffffff;
	left: -55px;
	top: 26px;
}
.advanced-oesophageal a span {
	background: url(../images/advanced-surgery.png) no-repeat right top;
	float: left;
	width: 214px;
	height: 159px;
	margin: -80px 0 0 0;
}
.advanced-oesophageal a:hover span {
	background: url(../images/advanced-surgery-hover.png) no-repeat right top;
}
/*Patient Resources*/

    

#Patient-Resources-H {
	padding: 100px 0;
}
.patient-resources-l {
	float: left;
	position: relative;
	margin: 0 0 0 32px;
}
.patient-resources-inner {
	position: relative;
}
.patient-resources-inner::before {
	position: absolute;
	content: "";
	background: url(../images/resources-top-left.png) no-repeat 0 0;
	width: 53px;
	height: 52px;
	top: -20px;
	left: -17px;
}
.patient-resources-inner::after {
	position: absolute;
	content: "";
	background: url(../images/resources-bottom.png) no-repeat 0 0;
	width: 53px;
	height: 52px;
	bottom: -20px;
	right: -17px;
}
.patientresources {
	float: left;
	padding: 10px;
	background: rgba(255, 255, 255, 0.3);
	margin: 0px 0 0 -126px;
	position: relative;
}
.resources-head {
	font: 800 43px/47px 'Abhaya Libre', serif;
	color: #3a3a3a;
	text-align: center;
	padding: 0 0 15px 0;
}
.resurce-list {
	float: left;
}
.resurce-list ul {
	font: 400 14px/18px 'Poppins', sans-serif;
	color: #ffffff;
	width: 312px;
}
.resurce-list ul li a {
	color: #ffffff;
	background: #3e5f8f;
	display: block;
	padding: 28px 0 28px 39px;
	border-bottom: 1px solid #6e87ab;
}
.resurce-list ul li a span {
	float: left;
	width: 40px;
	height: 35px;
	margin: -5px 0 0 0;
}
.resurce-list ul li a:hover {
	background: #2c481c;
	border-bottom: 1px solid #617655;
}
.first-visit-h a span {
	background: url(../images/first-visit-h.png) no-repeat 0 0;
}
.first-visit-h a:hover span {
	background: url(../images/first-visit-h.png) no-repeat 0 0;
}
.forms-h a span {
	background: url(../images/forms-h.png) no-repeat 0 0;
}
.forms-h a:hover span {
	background: url(../images/forms-h.png) no-repeat 0 0;
}
.urgent-appointments-h a span {
	background: url(../images/urgent-appointments-h.png) no-repeat 0 0;
}
.urgent-appointments-h a:hover span {
	background: url(../images/urgent-appointments-h.png) no-repeat 0 0;
}
.bulk-bill-h a span {
	background: url(../images/bulk-bill-h.png) no-repeat 0 0;
}
.bulk-bill-h a:hover span {
	background: url(../images/bulk-bill-h.png) no-repeat 0 0;
}
.multimedia-h {
	float: left;
}
.multimedia-h a {
	background: url(../images/multimedia-h.jpg) no-repeat 0 0;
	height: 300px;
	width: 494px;
	display: block;
	position: relative;
}
.multimedia-h a span {
	font: 400 22px/26px 'Poppins', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding: 30px 0 0 0;
	display: block;
}
.watch-more-videos {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font: 500 13px/16px 'Poppins', sans-serif;
	color: #ffffff;
	font-style: normal;
}
#Have-A-Question-Container {
}
#Have-A-Question {
	background: url(../images/have-a-question-bg.jpg) no-repeat right top;
	height: 509px;
}
#Have-A-Question .Intra-R {
	background: url(../images/have-a-question-r.jpg) no-repeat left top;
}
.question-head {
	font: 600 39px/43px 'Abhaya Libre', serif;
	color: #303030;
	padding: 80px 0 0px 44px;
}
.question-h {
	width: 70%;
}
/*Credibility Container*/

    

#Credibility-Container {
	border-top: 1px solid #e6e6e6;
}
#Credibility .nbs-flexisel-inner {
	padding: 40px 0 !important;
}
/*Footer CSS*/

    

footer {
	padding: 70px 0 90px 0;
	background: url(../images/footer-bg.jpg) no-repeat center top;
}
.footer-top {
	padding: 0 0 32px 0;
	border-bottom: 1px solid #557096;
}
.footer-section-one {
	float: left;
	width: 36%;
}
.footer-head {
	font: 600 18px/22px 'Poppins', sans-serif;
	color: #ffffff;
}
.footer-list {
	font: 400 14px/18px 'Poppins', sans-serif;
	color: #ffffff;
	margin: 40px 0 0 0;
}
.footer-list ul li {
	margin: 0 0 8px 0;
}
.footer-list ul li a {
	color: #ffffff;
}
.footer-section-two {
	float: left;
	width: 43%;
}
.footer-menu {
	font: 400 14px/18px 'Poppins', sans-serif;
	color: #ffffff;
	margin: 50px 0 0 0;
}
.footer-menu a {
	color: #ffffff;
}
.websearch-translate {
	float: left;
	width: 20%;
}
/*Site Search*/

    

#newsearch {
	float: left;
	padding: 30px 0 0 0;
}
.tftextinput2 {
	margin: 0;
	padding: 5px 5px 5px 0px;
	font: 400 14px/18px 'Poppins', sans-serif;
	width: 90%;
	color: #ffffff;
	border-bottom: 1px solid #7188aa;
	border-right: 0px;
	float: left;
	background: none;
	border-top: 0px;
	border-left: 0px;
}
.tfbutton2 {
	margin: 0;
	padding: 5px 10px;
	font: 400 14px/18px 'Poppins', sans-serif;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-left: 0px;
	background: url(../images/search-icon.png) no-repeat 0 0;
	float: left;
	border: none;
	margin: 0 0 0 -30px;
}

    /* Fixes submit button height problem in Firefox */

    

    .tfbutton2::-moz-focus-inner {
 border: 0;
}
.tfclear {
	clear: both;
}
/*Google Translate*/

    

.translate-f {
	margin-top: 60px;
}
.translate-f .heading-img {
	filter: grayscale(100%) brightness(3);
	margin-bottom: 12px;
}
.goog-te-gadget-simple {
	width: 80% !important;
	background: none !important;
	padding-bottom: 0px !important;
	border: 2px solid #16a9df !important;
}
.goog-te-gadget-simple .goog-te-menu-value {
	color: #fff !important;
	display: block !important;
	width: 98%;
}
.goog-te-gadget-simple .goog-te-menu-value span:first-child {
	text-decoration: none;
	width: 80% !important;
	float: left;
	font: 400 14px/28px 'Roboto', sans-serif !important;
	height: 26px !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {
	display: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:nth-child(5) {
	background: #16a9df;
	color: #fff !important;
	float: right;
	font: 400 14px/17px 'Roboto', sans-serif !important;
	margin: -1px -1px 0px 0px;
	padding: 5px 5px 5px 5px;
}
.goog-te-gadget-simple img {
	display: none !important;
}
.translate-f:hover .heading-img {
	filter: grayscale(0%) brightness(100%);
}
.footer-bottom {
	padding: 35px 0 0 0;
}
.social-icons {
	float: left;
	width: 38%;
}
.social-icons ul li {
	float: left;
	margin: 0px 6px 0 0;
}
.social-icons li a {
	display: block;
	padding: 0 5px;
}
.social-icons li a span {
	float: left;
	width: 20px;
	height: 25px;
}
.social-icons li.facebook a span {
	background: url(../images/sprite.png) no-repeat 0px 0px;
}
.social-icons li.facebook a:hover span {
	background: url(../images/sprite.png) no-repeat -60px 0px;
}
.social-icons li.twitter a span {
	background: url(../images/sprite.png) no-repeat 0px -60px;
}
.social-icons li.twitter a:hover span {
	background: url(../images/sprite.png) no-repeat -60px -60px;
}
.social-icons li.linkedin a span {
	background: url(../images/sprite.png) no-repeat 0px -120px;
}
.social-icons li.linkedin a:hover span {
	background: url(../images/sprite.png) no-repeat -60px -120px;
}
.social-icons li.google-plus a span {
	background: url(../images/sprite.png) no-repeat 0px -180px;
}
.social-icons li.google-plus a:hover span {
	background: url(../images/sprite.png) no-repeat -60px -180px;
}
.social-icons li.youtube a span {
	background: url(../images/sprite.png) no-repeat 0px -240px;
}
.social-icons li.youtube a:hover span {
	background: url(../images/sprite.png) no-repeat -60px -240px;
}
.social-icons li.pinterest a span {
	background: url(../images/sprite.png) no-repeat 0px -300px;
}
.social-icons li.pinterest a:hover span {
	background: url(../images/sprite.png) no-repeat -60px -300px;
}
.social-icons li.doctoralia a span {
	background: url(../images/sprite.png) no-repeat 0px -360px;
}
.social-icons li.doctoralia a:hover span {
	background: url(../images/sprite.png) no-repeat -60px -360px;
}
.copy-right-text {
	font: 400 14px/18px 'Raleway', sans-serif;
	color: #ffffff;
	float: left;
	width: 40%;
}
.ypo-logo {
	float: left;
	width: 120px;
}
/*Google Map*/

    

.gm-style .gm-style-iw {
	overflow: visible !important;
	position: relative;
	border: 3px solid #52748b;
	background: #3e5f8f;
}
.gm-style > div > div > div > div > div > div {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	border: medium none !important;
	box-shadow: none !important;
	position: relative;
}
.gm-style .gm-style-iw::after {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 22px solid #3e5f8f;
	bottom: -23px;
	content: "";
	height: 0;
	left: 45%;
	position: absolute;
	width: 0;
}
.gm-style > div > div > div > div > div > div > div > div {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.gm-style > div > div > div > div > div {
	background: #fefefe;
	color: #fff !important;
	font: 400 20px/31px 'Roboto', sans-serif;
	text-align: left;
	right: 15px !important;
}
.gm-style > div > div > div > div > div > div > div {
	top: -6px !important;
}
.gm-style > div > div > div > div > div > div > div > div {
	box-shadow: none !important;
	font: 700 16px/25px 'Roboto', sans-serif;
	text-transform: none;
	padding: 10px;
	position: relative;
	width: 400px;
}
.maplocation {
	float: left;
	width: 58% !important;
	padding: 0 10px 0 0;
}
.mapimage {
	float: left;
	width: 85px !important;
	margin: 0 0 0 4%;
}
/********Contact Us CSS******* */

    

.contact-section {
	padding: 3px;
	border: 1px solid #cccccc;
	margin: 30px 0;
}
.textMain .contact-section .contactdetails {
	float: left;
	padding: 0 0 0 20px;
	width: 45%;
	margin: 20px 0 0 0;
}
.textMain .contact-section .contact-map {
	float: left;
	width: 45%;
}
.textMain .clist .contactdetails {
	float: right;
	width: 37%;
}
.textMain .clist .contact-map {
	float: left;
	margin: 0 2% 0 0;
}
.textMain .contact-section .address-contact {
	padding: 0 0 10px 35px;
	background: url(../images/location-icon-h.png) no-repeat 0 6px;
	text-align: left;
}
.main-phone {
	padding: 0 0 0 35px !important;
	background: url(../images/phicon.png) no-repeat 0 3px;
}
.web-icon {
	padding: 0 0 0 35px !important;
	background: url(../images/web-icon-contactus.png) no-repeat 0 8px;
}
.textMain .contact-section .opnhours {
	padding: 0 0 0 35px !important;
	background: url(../images/openhours-icon.png) no-repeat 0 3px;
	text-align: left;
}
.textMain .opnhours p {
	margin: 2px 0;
}
.textMain .contact-section .directions {
	padding: 0 0 15px 35px !important;
	background: url(../images/driving-directions.png) no-repeat 0 3px;
	text-align: left;
}
.google-map-view {
	border: 1px solid #cccccc;
	border-radius: 3px;
	float: right;
	margin: 10px auto;
	padding: 4px;
	width: 50%;
	height: 270px;
	position: relative;
}
.clist .google-map-view {
	border: 1px solid #cccccc;
	border-radius: 3px;
	float: left;
	margin: 10px auto;
	padding: 4px;
	width: 50%;
	height: 270px;
	position: relative;
}
.google-map-view iframe {
	border: 0 none !important;
	height: 100%;
	width: 100%;
}
.google-map-view iframe {
	position: relative;
}
.contactuspage .textMain h1,  .general-appointment-page .textMain h1 {
	font-weight: 700 !important;
	font-size: 44px;
	border-bottom: none;
}
.contactuspage .textMain h1 span,  .general-appointment-page .textMain h1 span {
	display: block;
	color: #2e4421;
}
.contactuspage .textMain h1 i,  .general-appointment-page .textMain h1 i {
	font-style: normal;
	display: block;
	font: normal 18px/36px Verdana, Arial, Helvetica, sans-serif;
	color: #a1ca60;
}
/* Sub page CSS */

    

#Content,  #Sidebar {
	display: table-cell;
	vertical-align: top;
}
#Sidebar {
	width: 300px;
	padding: 10px 0px 0 10px;
}
/* Navigation CSS */

    

.navigation {
	font: 400 15px/20px 'Poppins', sans-serif;
	color: #000000;
	padding: 20px 20px 10px 10px;
}
.navigation a {
	color: #000000;
	text-decoration: underline;
}
/* Text CSS */

    

.textMain {
	font: normal 15px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px;
}
.textMain a {
	color: #141414;
	text-decoration: underline;
}
.textMain a:hover {
	color: #141414;
	text-decoration: none;
}
.textMain p {
	padding: 10px 0;
}
.textMain ol {
	padding: 0px 0px 0px 30px;
	margin: 10px 0px;
}
.textMain ul li {
	background: url(../images/bullet-tm.gif) no-repeat 15px 12px;
	padding: 5px 0px 5px 30px;
}
.textMain ol li {
	padding: 5px 0px 5px 5px;
	list-style: decimal;
}
.textMain ul ul,  .textMain ol ol {
	margin: 0px;
	padding: 5px 0px 5px 20px;
}
.textMain ul ul li {
	background: none;
	padding: 5px 0px;
	list-style: circle;
}
.textMain ol ol li {
	padding: 5px 0px;
	list-style-type: lower-alpha;
}
.textMain ul ul ul li {
	list-style: square;
}
.textMain ol ol ol li {
	list-style: lower-roman;
}
.textMain li p {
	margin: 5px 0px;
}
.textMain h1 {
	font: 400 40px/44px 'Abhaya Libre', serif;
	color: #314f7c;
	padding: 10px 0px 20px 0px;
	border-bottom: 1px solid #838383;
	margin: 0 0 10px 0;
}
.textMain h1 span {
	font: normal 20px/36px Verdana, Arial, Helvetica, sans-serif;
	color: #606060;
}
.textMain h2,  .textMain h3,  .textMain h4,  .hTag2,  .hTag3,  .hTag4 {
	padding: 10px 0px;
}
.textMain h2,  .hTag2,  .textMain h3.hTag2,  .textMain h4.hTag2 {
	font: 700 26px/30px 'Abhaya Libre', serif;
	color: #2b481b;
}
.textMain h2 a,  .hTag2 a,  .textMain h3.hTag2 a,  .textMain h4.hTag2 a {
	color: #2b481b;
}
.textMain h3,  .hTag3,  .textMain h2.hTag3,  .textMain h4.hTag3 {
	font: 600 22px/30px 'Abhaya Libre', serif;
	color: #0000AC;
}
.textMain h3 a,  .hTag3 a,  .textMain h2.hTag3 a,  .textMain h4.hTag3 a {
	color: #0000AC;
}
.textMain h4,  .hTag4,  .textMain h2.hTag4,  .textMain h3.hTag4 {
	font: 400 16px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #0000AC;
}
.textMain h4 a,  .hTag4 a,  .textMain h2.hTag4 a,  .textMain h3.hTag4 a {
	color: #0000AC;
}
.textMainBold,  .textMain strong {
	font-weight: bold;
}
.textMain em {
	font-style: italic;
}
.PDFtext {
	font: 400 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
/*--- textMain Ends ---*/

    

#Content-Main {
	padding: 0 0 100px 0;
}
/*SidebarCSS */

    

.conditions-procedures-s {
	border: 4px solid #3e5f8f;
	width: 292px;
	background: #3e5f8f;
}
.conditions-procedures-s-head {
	font: 700 22px/26px 'Abhaya Libre', serif;
	color: #ffffff;
	text-align: center;
	padding: 18px 0 15px;
	background: #3e5f8f;
}
.conditions-procedures-s {
	font: 500 15px/19px 'Poppins', sans-serif;
	color: #2b2b2b;
}
.conditions-procedures-s ul li {
	margin: 0 0 5px 0;
}
.conditions-procedures-s ul li:last-child {
	margin: 0px;
}
.conditions-procedures-s ul li a {
	color: #2b2b2b;
	background: #e2e8f3;
	padding: 22px 0;
	display: block;
}
.conditions-procedures-s ul li a:hover {
	background: #bad999;
}
.conditions-procedures-s ul li a span {
	float: left;
	width: 59px;
	height: 62px;
	margin: -22px 10px 0 0;
}
.meet-dr-aside {
	border: 4px solid #3e5f8f;
	width: 292px;
	background: #3e5f8f;
	padding: 0 0 15px 0;
	margin: 6px 0 0 0;
}
.drimage-aside {
	background: url(../images/meet-dr-bg-aside.jpg) no-repeat 0 0;
	height: 337px;
}
.abt-dr-aside {
	padding: 24px 0 0 18px;
}
.drname-aside {
	font: 600 25px/29px 'Abhaya Libre', serif;
	color: #ffffff;
}
.drname-aside a {
	color: #ffffff;
}
.abt-dr-aside ul {
	font: 300 15px/19px 'Roboto', sans-serif;
	color: #ffffff;
	margin: 10px 0 0 0;
}
.abt-dr-aside ul li {
	background: url(../images/dr-list-icon.png) no-repeat -1px 5px;
	padding: 0px 0 0 15px;
	margin: 0 0 4px 0;
}
.dr-readmore-aside {
	width: 110px;
	font: 400 13px/17px 'Roboto', sans-serif;
	text-transform: uppercase;
	margin: 25px 0 0 0;
	color: #ffffff;
}
.dr-readmore-aside a {
	background: #9baed9;
	display: block;
	text-align: center;
	padding: 10px 0;
	color: #ffffff;
}
.hernia-overview-aside {
	margin: 6px 0 0 0;
}
.hernia-overview-head {
	background: #2f2f2f;
	font: 600 25px/29px 'Abhaya Libre', serif;
	color: #ffffff;
	padding: 11px 0 15px 15px;
}
.hernia-overview-aside ul {
	font: 400 16px/20px 'Roboto', sans-serif;
	color: #ffffff;
}
.hernia-overview-aside ul li {
	border-bottom: 1px solid #2f2f2f;
}
.hernia-overview-aside ul li a {
	color: #ffffff;
	display: block;
	padding: 22px 0;
	background: #454545;
}
.hernia-overview-aside ul li a:hover {
	background: #3e5f8f;
}
.hernia-overview-aside ul li a span {
	float: left;
	width: 47px;
	height: 44px;
	margin: -10px 15px 0 15px;
}
.understanding-ercp-aside {
	font: 300 18px/22px 'Roboto', sans-serif;
	color: #ffffff;
	margin: 6px 0 0 0;
}
.understanding-ercp-aside ul li {
	border: 1px solid #3e5f8f;
	margin: 0 0 2px 0;
}
.understanding-ercp-aside ul li a {
	color: #000000;
	display: block;
	padding: 20px 0;
	background: #e2e8f3;
}
.understanding-ercp-aside ul li a:hover {
	background: #3e5f8f;
	color: #ffffff;
}
.understanding-ercp-aside ul li a span {
	float: left;
	width: 70px;
	height: 63px;
	margin: -20px 16px 0 0;
}
.advances-aside a {
	padding: 9px 0 !important;
}
.advances-aside a span {
	margin: -10px 16px 0 0 !important;
}
.patient-resources-asdide {
	margin: 6px 0 0 0;
}
.patient-resources-asdide-head {
	font: 800 25px/29px 'Abhaya Libre', serif;
	color: #ffffff;
	padding: 15px 0 15px 10px;
	background: #2c481c;
}
.patient-resources-asdide ul {
	font: 400 15px/19px 'Poppins', sans-serif;
	color: #ffffff;
}
.patient-resources-asdide ul li {
}
.patient-resources-asdide ul li a {
	color: #000000;
	display: block;
	border-bottom: 1px solid #9cba7d;
	padding: 19px 0;
	background: #c1e09e;
}
.patient-resources-asdide ul li a:hover {
	background: #3b5b28;
	border-bottom: 1px solid #6c845e;
	color: #ffffff;
}
.patient-resources-asdide ul li a span {
	float: left;
	width: 31px;
	height: 30px;
	margin: -5px 20px 0 20px;
}
.patient-resources-asdide ul li a:hover span {
}
.first-visit-aside a span {
	background: url(../images/first-visit-aside.png) no-repeat 0 0;
}
.first-visit-aside a:hover span {
	background: url(../images/first-visit-aside-aside.png) no-repeat 0 0;
}
.forms-aside a span {
	background: url(../images/forms-aside.png) no-repeat 0 0;
}
.forms-aside a:hover span {
	background: url(../images/forms-aside-hover.png) no-repeat 0 0;
}
.urgent-appointments-aside a span {
	background: url(../images/urgent-appointments-aside.png) no-repeat 0 0;
}
.urgent-appointments-aside a:hover span {
	background: url(../images/urgent-appointments-aside-hover.png) no-repeat 0 0;
}
.bullk-bill-aside a span {
	background: url(../images/bulk-bill-aside.png) no-repeat 0 0;
}
.bullk-bill-aside a:hover span {
	background: url(../images/bulk-bill-aside-hover.png) no-repeat 0 0;
}
.educational-videos-aside {
	width: 290px;
	border: 5px solid #282828;
	margin: 6px 0 0 0;
}
.educational-videos-aside a {
	color: #ffffff;
	background: url(../images/multimedia-aside.jpg) no-repeat 0 0;
	width: 100%;
	height: 156px;
	display: block;
}
.educational-videos-aside a span {
	font: 800 22px/26px 'Abhaya Libre', serif;
	color: #ffffff;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.4);
	display: block;
	padding: 8px 0 8px 15px;
	margin: 0 0 0 -5px;
}
.practice-locatoins-s {
	background: #345381;
	margin: 6px 0 0 0;
	padding: 2px;
	width: 296px;
	position: relative;
}
.location-head-aside a {
	font: 800 25px/29px 'Abhaya Libre', serif;
	color: #ffffff;
	padding: 16px 0 20px 12px;
	display: block;
}
.location-images-aside img {
	float: none !important;
}
.locations-aside {
	height: 210px;
}
.address-head-aside {
	font: 600 15px/19px 'Roboto', sans-serif;
	color: #ffffff;
}
.address-aside {
	clear: both;
	padding: 18px 0 25px 18px;
}
.location-address {
	font: 400 13px/17px 'Poppins', sans-serif;
	color: #ffffff;
	margin: 10px 0 0 0;
}
.locations-aside .prev,  .locations-aside .next {
	position: absolute;
	width: 24px;
	height: 27px;
	text-indent: -999999px;
}
.locations-aside .prev {
	background: url(../images/location-prev.jpg) no-repeat 0 0;
	right: 44px;
	top: 15px;
}
.locations-aside .next {
	background: url(../images/location-next.jpg) no-repeat 0 0;
	right: 22px;
	top: 15px;
}
.have-a-question-aside {
	border: 4px solid #c7d0e2;
	width: 292px;
	background: #e2e8f3;
	height: 500px;
	margin: 6px 0 0 0;
}
.have-a-question-head-aside {
	font: 400 25px/29px 'Abhaya Libre', serif;
	color: #303030;
	padding: 15px 0 0 10px;
}
.advanced-treatments-main {
}
.treatment {
	margin: 40px 3% 40px 0;
	float: left;
	width: 47%;
	min-height: 340px;
}
.treatment-head a {
	font: 500 22px/26px 'Poppins', sans-serif;
	color: #ffffff;
	display: block;
	background: #4d59bf;
	padding: 12px 0 10px 22px;
	text-decoration: none;
}
.treatment-head a:hover {
	color: #ffffff;
}
.treatment-sec {
	margin: 40px 0 0 0;
}
.treatment-images-s {
	float: left;
	width: 37%;
}
.treatment-images-s {
	float: left;
	margin: 0 3% 0 0;
}
.treatment-images-s img {
	border: 5px solid #949494;
}
.about-tretment-s {
	float: left;
	font: 300 16px/20px 'Poppins', sans-serif;
	color: #000000;
	width: 59%;
}
.about-tretment-s ul li {
	background: url(../images/treatment-list-icon.png) no-repeat 10px 5px;
	padding: 0 0 0 30px;
	margin: 0 0 12px 0;
}
.about-tretment-s ul li a {
	color: #000000;
	text-decoration: none;
}
.about-tretment-s ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
.profile-image {
	float: right;
	margin: 10px 15px 20px 15px;
	background: #424242;
	width: 217px;
	padding: 5px;
}
.textMain .blog-posts li {
	background: none;
	padding: 0px;
}
.profilepage .meet-dr-aside {
	display: none;
}

    /* Media Screen CSS */

    /*1024 CSS*/

    

    @media screen and (max-width:1169px) {
#Header,  #Conditions-Procedures-H,  #MeetDoctor-H,  #Overview-Hernia-H,  #Hernia-H,  #Patient-Resources-H,  #Have-A-Question,  #Footer {
	width: 97%;
}
.tagline-h {
	font-size: 44px;
}
.cond-proc-h-list li {
	margin: 2%;
}
.about-dr-h {
	width: 55%;
	top: 35%;
}
.about-dr-h p {
	width: 39%;
}
.drimage-h {
	right: 143px;
	width: 42%;
}
.drimage-h img {
	margin: 0 18% 0 0;
}
.view-profile-h {
	bottom: -57px;
	left: -37px;
}
.your-care-h {
	bottom: -126px;
	left: 157px;
}
.gastroscopy {
	margin: 50px 0 0 6%;
}
.advanced-oesophageal {
	margin: 0px 0 0 34%;
}
.patient-resources-inner {
	width: 85%;
	margin: 0 auto;
}
.patient-resources-l {
	display: none;
}
.patientresources {
	margin: 0 auto;
}
#Conditions-Procedures-H {
	padding: 20px 0;
}
#MeetDoctor-H {
	height: 1085px;
}
.meet-dr-section {
	background-position: 244% top;
}
.about-dr-h {
	width: 37%;
}
.about-dr-h p {
	width: auto;
}
.your-care-h ul {
	font: 400 14px/19px 'Roboto', sans-serif;
	width: 84%;
	margin: 13px 0 0 44px;
}
.your-care-h ul li {
	padding: 5px 0;
	background-position: 15px 5px;
}
#MeetDoctor-H .Intra-L {
	display: none;
}
.treatment {
	min-height: 380px;
}
}

    /*768 CSS*/

    

    @media screen and (max-width:1023px) {
#Header {
	padding: 20px 0;
}
.logo {
	width: 50%;
}
.header-links {
	font-size: 12px;
}
.banner-content-h {
	top: 5%;
	left: 50%;
}
.banner-content-h h1 {
	font-size: 33px;
	line-height: 40px;
}
.tagline-h {
	font-size: 35px;
}
#Conditions-Procedures-H {
	padding: 20px 0;
}
.cond-proc-h-list ul {
	margin: 15px 0 0 0;
}
.drimage-h {
	width: 53%;
	top: 250px;
}
.view-profile-h {
	bottom: -58px;
	left: -57px;
}
.your-care-h {
	bottom: -129px;
	left: 134px;
}
.your-care-h ul li,  .your-care-h ul li:first-child {
	border: none;
}
.line {
	display: none;
}
.about-dr-h {
	top: 63%;
}
.about-dr-h {
	width: 98%;
	top: 80%;
	position: relative;
}
.about-dr-h p {
	width: 100%;
}
.about-hernia ul li,  .about-hernia ul li:hover {
	background-position: center center;
}
#MeetDoctor-H {
	height: 1100px;
}
.about-dr-h {
	width: 98%;
	top: 60%;
	position: relative;
}
.publicaitons-awards {
	bottom: 220px;
	width: 100%;
}
#Hernia-H {
	background-position: center top;
}
.gastroscopy {
	margin: 90px 0 0 1%;
	width: 406px;
}
.advanced-oesophageal {
	margin: 0px 0 0 32%;
	width: 418px;
}
.gastroscopy a span,  .gastroscopy a:hover span,  .advanced-oesophageal a span,  .advanced-oesophageal a:hover span {
	background-size: 75% auto;
}
.advanced-oesophageal a i::before {
	width: 47px;
	left: -48px;
}
.advanced-oesophageal a i {
	font-size: 14px;
	width: 170px;
}
.profile-image {
	float: none;
	margin: 10px auto;
}
.multimedia-h a {
	width: 100%;
	background-size: 100% 100%;
}
.patient-resources-inner::after {
	right: 55px;
}
.patient-resources-inner::before {
	top: 45px;
}
#MeetDoctor-H {
	background: none;
	height: 1480px;
}
.meet-dr-section h1 a span,  .meet-dr-section ul {
	color: #000000;
}
.meetdr-section-h {
	width: 300px;
	margin: 10px auto;
}
.meet-dr-section h1 a span {
	font-size: 31px;
}
.copy-right-text {
	width: 45%;
}
.meetdr-section-h {
	width: 300px;
	margin: 10px auto;
	z-index: 1;
	position: static;
}
.meet-dr-section h1 i {
	color: #000000;
}
.meet-dr-section ul li {
	list-style-type: initial;
}
.treatment {
	float: none;
	min-height: auto;
	width: 95%;
}
.banner-content-s {
	top: 10%;
}
}

    /* 768-641 CSS*/

    

    @media screen and (max-width: 767px) {
.logo {
	width: 536px;
	float: none;
	margin: 10px auto;
}
.header-right {
	float: none;
	padding: 0;
	width: 350px;
	margin: 0 auto;
}
.phone-no-h {
	width: 150px;
	float: none;
	margin: 10px auto;
}
.interests-head,  .banner1h .banner-content-h ul {
	display: none;
}
.banner-content-h {
	top: 17%;
	left: 50%;
}
.banner3h .banner-content-h,  .banner2h .banner-content-h {
	left: 60%;
}
.tagline-h {
	font-size: 32px;
	line-height: 46px;
}
#Banner-Container .bullet7 {
	top: 50px;
}
.social-icons {
	width: 43%;
}
.copy-right-text {
	width: 56%;
}
.ypo-logo {
	float: none;
	clear: both;
	width: 115px;
	margin: 0 auto;
	padding: 15px 0;
}
.patient-resources-inner::after,  .patient-resources-inner::before {
	display: none;
}
.patient-resources-inner {
	width: 312px;
}
.resurce-list ul {
	width: 300px;
}
.multimedia-h {
	width: 300px;
	margin: 10px 0;
}
.resources-head {
	font-size: 37px;
}
#Patient-Resources-H {
	padding: 20px 0;
}
.gastroscopy {
	margin: 63px 0 0 1%;
}
.menu li {
	font-size: 12px;
}
.about-dr-h {
	top: 52%;
}
}

    /* 640 CSS */

    

    @media screen and (max-width: 640px) {
#Content,  #Sidebar {
	display: inherit;
	margin: 0px auto;
}
.profile-image {
	float: right;
	margin: 10px 15px 20px 15px;
}
/* Menu CSS */

#Main-Menu {
	display: none;
}
#Mobile-Menu {
	display: block;
	position: absolute;
	z-index: 99999;
	right: 0px;
	top: 0px;
	width: 100%;
}
.menu-mobile {
	text-align: center;
	color: #fff;
	font: 400 20px/26px 'Roboto', sans-serif;
}
.menu-mobile a {
	color: #fff;
	display: block;
	padding: 5px 0px;
	background: url(../images/menu-bg.jpg) no-repeat center center;
}
.question-head {
	padding: 15px 0 0px 44px;
}
#Banner-Container,  #Content-Container {
	margin: 42px auto;
}
#Banner-Container-S {
	display: none;
}
}

    /*  480 CSS  */

    

    @media screen and (max-width: 639px) {
.logo {
	width: 300px;
}
.header-links {
	font-size: 14px;
}
.header-links li a {
	padding: 10px 16px 10px 13px;
}
.header-right {
	width: 300px;
}
.banner-content-h {
	left: 36%;
}
.banner3h .banner-content-h,  .banner2h .banner-content-h {
	left: 40%;
}
.profile-image {
	float: none;
	margin: 10px auto;
}
footer {
	background: #3e5f8f;
	padding: 30px 0;
}
.footer-top,  .footer-bottom {
	width: 300px;
	margin: 0 auto;
}
.footer-bottom {
	padding: 0;
}
.footer-top {
	border: none;
}
.footer-section-one,  .footer-section-two,  .websearch-translate,  .social-icons,  .copy-right-text {
	float: none;
	width: 100%;
	padding: 10px 0;
	clear: both;
}
.ypo-logo {
	float: none;
	width: 150px;
}
.footer-list {
	margin: 20px 0;
}
.footer-menu {
	margin: 20px 0;
}
.gastroscopy {
	margin: 20px 0 0 1%;
}
.advanced-oesophageal {
	margin: 40px 0 0 0%;
}
.your-care-h {
	display: none;
}
.drimage-h {
	width: 74%;
	right: 32px;
}
.drimage-h img {
	margin: 0;
}
.about-dr-h .line {
	display: none;
}
#MeetDoctor-H {
	height: 1280px;
}
.about-dr-h {
	top: 54%;
}
.publicaitons-awards {
	bottom: 128px;
	width: 100%;
}
.about-dr-h ul {
	margin: 20px 0 0 0;
}
.textMain .contact-section .contactdetails,  .contactdetails {
	float: none;
	width: 100%;
}
.google-map-view,  .clist .google-map-view {
	float: none;
	margin: 10px 0;
	width: 98%;
}
.contact-section {
	padding: 30px 0;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
.banner-content-s,  #Banner-Container-S {
	display: none;
}
.teleno span {
	display: block;
}
}

    /*  360 CSS  */

    

    @media screen and (max-width: 479px) {
#Banner-Container {
	display: none;
}
.condi-proc-h-head {
	font-size: 22px;
}
.gastroscopy a span,  .gastroscopy a:hover span,  .advanced-oesophageal a span,  .advanced-oesophageal a:hover span,  .advanced-oesophageal a i::before,  .gastroscopy a i::before {
	display: none;
}
.gastroscopy {
	margin: 10px auto;
	width: 200px;
}
.advanced-oesophageal {
	margin: 38px auto;
	width: 155px;
}
.drimage-h {
	right: 14px;
}
.fixed-ql {
	display: none;
}
.question-h {
	width: 95%;
}
.question-head {
	padding: 5px 0 0px 44px;
	font-size: 35px;
}
.treatment-images-s {
	float: none;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.about-tretment-s {
	float: none;
	width: 100%;
}
#MeetDoctor-H {
	height: 930px;
}
.about-dr-h p {
	display: none;
}
}