/* Theme Name: Coastwide Eye Surgery Australia Theme URI: http://www.yourpracticeonline.net Author URI: http://www.yourpracticeonline.net */ /* ------------------------------ Fonts CSS ------------------------------ */ @import url('fonts.css'); @font-face { font-family: 'icomoon'; src: url('fonts/icomoon-webfont.eot'); src: url('fonts/icomoon-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon-webfont.woff2') format('woff2'), url('fonts/icomoon-webfont.woff') format('woff'), url('fonts/icomoon-webfont.ttf') format('truetype'), url('fonts/icomoon-webfont.svg#icomoonregular') format('svg'); font-weight: normal; font-style: normal;} /* ------------------------------ Global CSS ------------------------------ */ body { margin: 0px; padding: 0px; overflow-y: scroll; *overflow-y: none; outline: none;} img { border: 0px; max-width: 100%; vertical-align: middle;} p, h1, h2, h3, h4, h5, h6, ul, ol, li { margin: 0px; padding: 0px;} ul { list-style: none;} a, a:hover { text-decoration: none;} /* ------------------------------ General CSS ------------------------------ */ .hr { height: 10px; background: url(images/hr.gif) repeat-x left center;} .clear-float { clear: both;} .align-left { float: left;} .align-right { float: right;} .videoBorder { border: 4px solid #333; width: 90%; position: relative; margin: 10px auto; padding: 50% 0px 0px 0px;} .multiBorder { width: 90%; position: relative; margin: 10px auto; padding: 100% 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;} .img-r { float: right; margin: 0 0 15px 15px;} /* ------------------------------ Banner CSS ------------------------------ */ .rslides { width: 100%; height: 100%; margin: 0px; padding: 0px; position: relative;} .rslides li { width: 100%; height: 100%; margin: 0px; padding: 0px; left: 0px; top: 0px; display: none;} .rslides li li { display: block;} #Interactivity { position: relative;} .intra-div { width: 100%; height: 100%;} .Intra-L, .Intra-R { position: absolute; z-index: 10; width: 100%; height: 100%; padding: 0px; margin: 0px; top: 0px;} .Intra-L { left: -100%;} .Intra-R { right: -100%;} .Intra-Tabs { position: absolute; z-index: 10; margin: 0px; padding: 0px;} .Intra-Tabs li { width: 15px; height: 15px; float: left; margin: 0px 3px;} .Intra-Tabs li a { width: 100%; height: 100%; display: block; background: #215aa1; border-radius: 50%;} .Intra-Tabs li a:hover, .Banner_here a { background: #42b930 !important;} #Interactivity .Intra-Tabs { right: 10px; bottom: 20px;} /* ------------------------------ Scrolling Styles ------------------------------ */ .nbs-flexisel-container { margin: 0px; padding: 0px; position: relative; max-width: 100%; width: 100%; overflow: hidden;} .nbs-flexisel-inner { width: 90%; margin: 0px auto; padding: 0px; overflow: hidden;} #flexiselDemo1, #flexiselDemo2, #flexiselDemo3, #flexiselDemo4, #flexiselDemo5 { display: block; overflow: hidden;} .nbs-flexisel-ul { width: 9999px; *width: 9999px; position: relative;} .nbs-flexisel-item { display: inline-block; float: left; overflow: hidden; vertical-align: middle;} .nbs-flexisel-item a, .nbs-flexisel-item a:hover { text-decoration: none;} /*----- Navigation -----*/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 68px; height: 100%; position: absolute; cursor: pointer; z-index: 10; top: 0px;} .nbs-flexisel-nav-left { left: 3px;} .nbs-flexisel-nav-right { right: 3px;} #Conditions .nbs-flexisel-nav-left { left: 0px;} #Conditions .nbs-flexisel-nav-right { right: 0px;} /*-----------Back to Top------------------*/ #backtotop { cursor: pointer; right: 5px; position: fixed; z-index: 10; bottom: 10px; width: 50px; height: 30px; font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #1F2971; text-align: center; border-radius: 5px; display: none;} #backtotop a { display: block; color: #fff;} #backtotop:hover { opacity: 0.9;} /* ------------------------------ Main CSS ------------------------------ */ #Container, header, #Intra-Container, #Intra-Container-S, section, footer, #Surgeons-Container, #Content-Container, #Service-Container { width: 100%; margin: 0px; padding: 0px; overflow: hidden; position: relative;} #Menu-Container { width: 100%; margin: 0px; padding: 0px; position: relative;} #Header, #Header-S, #Main-Menu, #Mobile-Main, #Interactivity, #Conditions, #Diagnostic, #Surgeons, #Credibility, #Footer, #Content-Main { max-width: 960px; min-width: 300px; margin: 0px auto;} #Header .intra-div, #Header-S .intra-div, #Footer .intra-div, #Content-Main .intra-div { display: table;} .gosford-logo, .wyong-logo, .footer-address, .footer-feedback, #Content-Left, #Sidebar { display: table-cell; vertical-align: top;} /* ------------------------------ Header CSS ------------------------------ */ #Header { min-height: 108px; padding-bottom: 20px;} .gosford-logo, .wyong-logo { float: left; position: relative; margin: 15px 0px 0px 0px; width: 592px;} .wyong-logo { float: right;} .contact { color: #b2b3b2; float: right; font: 16px/18px Arial,Helvetica,sans-serif; /* margin: -18px 8px 0 0px; */ margin: 35px 8px 0 0px; text-align: right; width: 355px; } .contact a { padding: 0px 0px 0px 22px; color: #b2b3b2;} .contact span { font: bold 18px/25px Arial, Helvetica, sans-serif; background: url(images/phone-img.png) no-repeat 2px 3px; float: right; } #Header-S { min-height: 108px; padding-bottom: 20px;} .gosford-logo-S, .wyong-logo-S { float: left; position: relative; margin: 24px 0px 0px 0px; width: 350px;} .wyong-logo-S { float: right;} /* ------------------------------ Menu CSS ------------------------------ */ #Menu-Container { background: #212322;} #Main-Menu, #Mobile-Main { height: 53px;} #access li { color: #fff; text-align: center; font: normal 16px/50px 'MinionPro-Regular';} #Main-Menu a, #Mobile-Main a { color: #fff;} #Mobile-Menu { display: none;} /*--------------------Banner CSS------------------------------*/ #Intra-Container #Interactivity { height: 330px;} #Intra-Container #Banner0 { background: url(images/banner-bg.jpg) no-repeat right top;} #Intra-Container #Banner0 .Intra-L { background: url(images/banner-l-bg.jpg) no-repeat right top;} #Intra-Container #Banner0 .Intra-R { background: url(images/banner-r-bg.jpg) no-repeat left top;} #Intra-Container #Banner1 { background: url(images/banner1-bg.jpg) no-repeat right top;} #Intra-Container #Banner1 .Intra-R { background: url(images/banner1-r-bg.jpg) no-repeat left top;} #Intra-Container #Banner1 .Intra-L { background: url(images/banner1-l-bg.jpg) no-repeat right top;} .intra-main { color: #000; position: absolute;} #Intra-Container .intra-main, #Intra-Container-S .intra-main { font: normal 20px/22px 'latobold'; top: 86px;} .intra-main p { font: normal 32px/36px 'latolight'; color: #fff;} .intra-main span { font: normal 34px/36px 'latoregular';} .learn-more { background: url("images/arrow-img.png") no-repeat 112px 20px #fff !important; font: normal 18px/46px 'latoregular' !important; color: #838383; float: left; margin: 44px 0px 0px; width: 150px; background: #fff; border: 1px solid #dbdddc;} .learn-more a { color: #7e7e7e; padding: 0px 0px 0px 10px; display: block;} .banner2-txt { color: #d20215 !important;} /*----------------------------Conditions-Treated CSS-----------------------------------*/ #Conditions { position: relative; min-height: 326px;} .cond-left-bg, .foot-left-bg { background: url("images/cond-left-line.png") no-repeat 0px 0px; height: 2px; position: relative; top: 50px; left: 40px; z-index: 10;} .cond-right-bg, .foot-right-bg { background: url("images/cond-left-line.png") no-repeat 0px 0px; height: 2px; position: absolute; right: 40px; top: 50px; width: 256px; z-index: 10;} #Conditions h2, #Diagnostic h2, #Surgeons h2, #Footer h2 { font: normal 28px/28px 'latolight'; color: #898a8a; text-transform: uppercase; padding: 35px 0px 0px 0px; text-align: center;} #Conditions h2 a, #Diagnostic h2 a, #Surgeons h2 a { color: #707070;} .border-bg { background: url("images/border-bg.jpg") no-repeat; position: relative; height: 2px; left: 43%; top: 80px;} #Conditions li, #Diagnostic li, #Surgeons li { font: normal 15px/20px 'latoregular'; color: #fff; float: left; text-align: center; margin: 58px 0px 40px 0px;} #Conditions li a, #Diagnostic li a, #Surgeons li a { display: block; text-transform: uppercase; padding: 110px 20px 0px 20px; color: #4378bd;} .ophthalmology a { background: url(images/opthalmology-img.png) no-repeat center top;} .ophthalmology a:hover { background: url(images/opthalmology-h-img.png) no-repeat center top;} .cataract a { background: url(images/cataract-img.png) no-repeat center top;} .cataract a:hover { background: url(images/cataract-h-img.png) no-repeat center top;} .paediatric a { background: url(images/paediatric-img.png) no-repeat center top;} .paediatric a:hover { background: url(images/paediatric-h-img.png) no-repeat center top;} .glaucoma a { background: url(images/glaucoma-img.png) no-repeat center top;} .glaucoma a:hover { background: url(images/glaucoma-h-img.png) no-repeat center top;} .corneal a { background: url(images/corneal-img.png) no-repeat center top;} .corneal a:hover { background: url(images/corneal-h-img.png) no-repeat center top;} .macular a { background: url(images/macular-img.png) no-repeat center top;} .macular a:hover { background: url(images/macular-h-img.png) no-repeat center top;} .diabetic a { background: url(images/diabetic-img.png) no-repeat center top;} .diabetic a:hover { background: url(images/diabetic-h-img.png) no-repeat center top;} .diagnostic a { background: url(images/diagnostic-img.png) no-repeat center top;} .diagnostic a:hover { background: url(images/diagnostic-h-img.png) no-repeat center top;} #Conditions .nbs-flexisel-nav-left { background: url(images/cond-l-arrow.png) no-repeat left 74px;} #Conditions .nbs-flexisel-nav-right { background: url(images/cond-r-arrow.png) no-repeat right 74px;} /*----------------------------Diagnostic-Container CSS-----------------------------------*/ #Diagnostic { position: relative; min-height: 336px; background: url(images/diagnostic-banner-bg.png) no-repeat scroll center bottom #F4F3EE;} #Diagnostic .Intra-L { background: url(images/diagnostic-banner-l-bg.png) no-repeat right top;} #Diagnostic .Intra-R { background: url(images/diagnostic-banner-r-bg.png) no-repeat left top;} #Diagnostic li { width: 25%;} #Diagnostic li a { padding: 110px 44px 0px 50px; color: #595959;} .d-ophthalmology { background: url(images/gen-opthalmology-img.png) no-repeat center top;} .anterior { background: url(images/anterior-img.png) no-repeat center top;} .visual { background: url(images/visual-img.png) no-repeat center top;} .ultrasound { background: url(images/ultrasound-img.png) no-repeat center top;} /*----------------------------Surgeons-Container CSS-----------------------------------*/ #Surgeons-Container { background: #f5f4f9;} #Surgeons { position: relative; height: 450px;} #Surgeons li h3 { font: normal 14px/24px 'latoregular'; color: #575a5d;} .ap { font: 11px/24px "latoregular" !important; text-transform: capitalize !important; } #Surgeons li a { text-transform: none; padding: 204px 30px 0px 30px; color: #575a5d;} #Surgeons li span { text-transform: uppercase; font: normal 12px/24px 'latoregular'; color: #8e908f;} #Surgeons li p { font: normal 11px/15px 'latoregular'; color: #6c6f70; padding: 0px 28px;} .dr-philip { background: url(images/dr-philip-hayes-img.png) no-repeat center top;} .dr-ross { background: url(images/dr-ross-ferrier-img.png) no-repeat center top;} .dr-brad { background: url(images/dr-brad-townend.png) no-repeat center top;} .dr-doug { background: url(images/dr-doug-parker-img.png) no-repeat center top;} .dr-stephanie { background: url(images/dr-stephanie-img.png) no-repeat center top;} .dr-colin { background: url(images/dr-colin-img.png) no-repeat center top;} .dr-andrew { background: url(images/dr-andrew.png) no-repeat center top;} .dr-Elias-Kahdi { background: url(images/dr-elias.png) no-repeat center top;} .dr-adrian-Fung { background: url(images/dr-adrian-fung-img.png) no-repeat center top;} .dr-raj { background: url(images/dr-raj-chalasani-img.png) no-repeat center top;} .dr-dan {background: url(images/dr-dan-brettell-img.png) no-repeat center top;} .dr-john-hm {background: url(images/dr-john-leaney-img.png) no-repeat center top;} .dr-aparna-hm {background: url(images/dr-aparna-raniga-img.png) no-repeat center top;} #Surgeons .nbs-flexisel-nav-left { background: url(images/surgeons-l-arrow.png) no-repeat left 125px #f6f6f6; width: 50px;} #Surgeons .nbs-flexisel-nav-right { background: url(images/surgeons-r-arrow.png) no-repeat right 125px #f6f6f6; width: 50px;} /* ------------------------------ Credbility CSS ------------------------------ */ #Credibility { min-height: 102px; text-align: center;} #Credibility ul { padding: 10px 0px 0px 0px;} #Credibility img { margin: 10px 0px 0px 0px;} #Credibility .nbs-flexisel-nav-left { background: url(images/cred-l-arrow.png) no-repeat left 25px;} #Credibility .nbs-flexisel-nav-right { background: url(images/cred-r-arrow.png) no-repeat right 25px;} /* ------------------------------ Footer CSS ------------------------------ */ #Footer { position: relative; min-height: 480px; background: url(images/footer-banner-newbg.png) repeat center bottom #8FCB8E;} footer .Intra-L { background: url(images/footer-banner-l-newbg.png) no-repeat right bottom #3880c0;} footer .Intra-R { background: url(images/footer-banner-r-newbg.png) no-repeat left bottom #3880c0;} #Footer h2 a { color: #fff;} .foot-border-bg { background: url("images/footer-border-bg.jpg") no-repeat; position: relative; height: 2px; left: 43%; top: 76px;} .foot-left-bg { left: 0px;} #Footer .intra-div { padding: 50px 0px 20px 0px;} .footer-address { background: url(images/location-img.png) no-repeat 0px 5px; padding: 0px 0px 0px 30px;} .footer-loc-bg { background: url(images/location1-img.png) no-repeat 0px 5px;} .footer-address h3 { font: normal 20px/24px 'latobold'; padding: 0px 0px 15px 0px;} .footer-address h3 a { color: #fff;} .footer-address p { font: normal 15px/24px 'latoregular'; color: #fff; padding: 0px 0px 20px 0px;} .phone-no, .fax-no { background: url(images/contact-img.png) no-repeat 0px 4px; font: normal 15px/20px 'latobold'; padding: 0px 0px 0px 30px !important;} .phone-no a, .fax-no a { color: #fff;} .fax-no { background: url(images/fax-img.png) no-repeat 0px 4px;} .click-here { margin: 20px 0px 0px 0px; font: normal 15px/20px 'latolight' !important;} .click-here a { color: #343537; text-decoration: underline;} .footer-feedback { width: 280px;} .foot-txt { background: #f5f4f9; border-radius: 6px; font: normal 14px/26px 'latoregular'; color: #707070; border: 0px; padding: 5px 0px 5px 5%; margin: 5px 0px; width: 95%;} .foot-area { background: #f5f4f9; border-radius: 6px; font: normal 14px/16px 'latoregular'; color: #707070; border: 0px; padding: 5px 0px 5px 5%; margin: 5px 0px; height: 90px; width: 95%;} .foot-button, .foot-reset { background: #54565b; color: #fff; text-align: center; width: 90px; font: normal 11px/28px 'latoregular'; text-transform: uppercase; margin: 5px 0px; border: 0px;} .foot-button { float: right;} .foot-reset { float: left;} .copy-right { border-top: 1px solid; border-top-style: dashed; padding: 20px 0px 0px 0px; font: normal 14px/18px 'latoregular'; color: #fff;} .copy-right a { color: #fff; padding: 0px 3px;} .ypo-logo { float: right; margin: -24px 0px 0px 0px;} /* ------------------------------ Services Page CSS ------------------------------ */ #Intra-Container-S #Interactivity { height: 257px;} #Intra-Container-S #Banner0 { background: url(images/banner-s-bg.jpg) no-repeat center top;} #Intra-Container-S #Banner0 .Intra-L { background: url(images/banner-s-l-bg.jpg) no-repeat right top;} #Intra-Container-S #Banner0 .Intra-R { background: url(images/banner-s-r-bg.jpg) no-repeat left top;} #Intra-Container-S #Banner1 { background: url(images/banner1-s-bg.jpg) no-repeat center top;} #Intra-Container-S #Banner1 .Intra-L { background: url(images/banner1-s-l-bg.jpg) no-repeat right top;} #Intra-Container-S #Banner1 .Intra-R { background: url(images/banner1-s-r-bg.jpg) no-repeat left top;} #Intra-Container-S .intra-main { top: 66px;} /*------------------------ Navigation CSS ---------------------*/ .navigation { font: normal 14px/20px 'latoregular'; color: #215aa1; padding: 10px 30px 10px 10px;} .navigation > a { color: #5b5c5c;} .navigation > a:hover { text-decoration: underline;} /*------------------------ textMain Starts ---------------------*/ .textMain { font: normal 15px/20px 'latoregular'; color: #565656; padding: 10px 30px 30px 10px; text-align: justify;} .textMain a { color: #215aa1; text-decoration: none;} .textMain a:hover { color: #215aa1; text-decoration: none;} .textMain p { padding: 10px 0px;} .textMain ul { padding: 0px; margin: 10px 0px;} .textMain ol { padding: 0px; margin: 10px 0px 0px 30px;} .textMain ul li { background: url(images/bullet-tm.gif) no-repeat 15px 12px; padding: 5px 0px 5px 30px; list-style: none;} .textMain ul li a { text-decoration: underline;} .textMain ol li { padding: 5px 0px 5px 0px; list-style: decimal; background: none;} .textMain ul ul, .textMain ol ol { margin: 0px; padding: 5px 0px 5px 20px;} .textMain ul ul li { background: none; padding: 5px 0px; list-style: circle;} .textMain ol ol li { padding: 5px 0px; list-style-type: lower-alpha;} .textMain ul ul ul li { list-style: square;} .textMain ol ol ol li { list-style: lower-roman;} .textMain li p { margin: 5px 0px;} /*---------------------------- textMain Heading Starts ---------------------------*/ .textMain h1 { font: normal 38px/42px 'latolight'; color: #215aa1; padding: 10px 0px; text-align: left; clear: both;} .textMain h1 a, .textMain h2 a { text-decoration: none;} .textMain h2 { font: normal 25px/29px 'latoregular'; color: #627195; text-align: left; padding: 10px 0px;} .textMain h2 a { color: #627195;} .textMain h2 a:hover { text-decoration: underline;} .textMain h3 { font: normal 20px/26px 'latoregular'; color: #3e67a5; padding: 10px 0px; text-align: left;} .textMain h3 a { color: #215aa1; text-decoration: none !important;} .textMain h3 a:hover { text-decoration: underline;} .textMain h4 { color: #348334; font: normal 18px/20px "latoregular"; padding: 10px 0px; text-align: left;} .textMain h4 a { color: #2A3753;} .textMain h4 a:hover { text-decoration: underline;} .textMainBold { font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif; color: #444; text-align: left;} .textMainBold a { color: #215aa1;} .textMainBold a:hover { text-decoration: none;} .PDFtext { font: normal 10px 'latoregular'; color: #999999;} .h4 { color: #348334; font: normal 18px/20px "latoregular"; margin: 10px 0px 0px; text-align: left;} /* ------------------------------ service page CSS ------------------------------ */ #Service { position: relative; min-height: 535px;} #Service ul { margin: 20px 0px 0px 0px;} #Service li { padding: 10px 10px 14px; font: normal 21px/25px 'latolight'; width: 202px; height: 228px; float: left; text-align: center; background: url(images/services-list-bg.png) no-repeat right center; border-bottom: 1px solid #ccc; border-bottom-style: dotted;} #Service li a { display: block; border: 4px solid #f4f5f5; padding: 152px 18px 22px 10px; color: #5a5a5a; text-decoration: none;} .ophthalmology-s a { background: url(images/opthalmology-s-img.png) no-repeat center 20px #f7f8f8;} .cataract-s a { background: url(images/cataract-s-img.png) no-repeat center 20px #f7f8f8; padding: 177px 18px 22px 10px !important;} .paediatric-s a { background: url(images/paediatric-s-img.png) no-repeat center 20px #f7f8f8;} .glaucoma-s a { background: url(images/glaucoma-s-img.png) no-repeat center 20px #f7f8f8; padding: 177px 18px 22px 10px !important;} .corneal-s a { background: url(images/corneal-s-img.png) no-repeat center 20px #f7f8f8;} .macular-s a { background: url(images/macular-s-img.png) no-repeat center 20px #f7f8f8;} .diabetic-s a { background: url(images/diabetic-s-img.png) no-repeat center 20px #f7f8f8;} .diagnostic-s a { background: url(images/diagnostic-s-img.png) no-repeat center 20px #f7f8f8;} #Conditions .nbs-flexisel-nav-left { background: url(images/cond-l-arrow.png) no-repeat left 74px #ffffff;} #Conditions .nbs-flexisel-nav-right { background: url(images/cond-r-arrow.png) no-repeat right 74px #ffffff;} .glaucoma-s { border-right-style: none !important; background: none !important;} .diagnostic-s { border-right-style: none !important; background: none !important;} /* ------------------------------ Content CSS ------------------------------ */ #Content-Left { padding: 30px 0px 0px 0px; width: 100%;} /* ------------------------------ Sidebar CSS ------------------------------ */ #Sidebar { width: 240px; padding: 4px 0px 40px 0px; float: right;} /* ------------------------------ Condition-Treat CSS ------------------------------ */ .conditions-treat { float: left; border: 1px solid #c1c1c1; margin: 30px 0px 0px 0px;} .conditions-treat h2 { font: normal 18px/46px 'latolight'; text-transform: uppercase; text-align: center;} .conditions-treat h2 a { display: block; color: #898a8a; border-bottom: 1px solid #cecfd0; width: 86%; margin: 0 auto;} .conditions-treat ul { padding: 0px 10px 0px 10px;} .conditions-treat li { border-bottom: 1px solid #e6e6e7; font: normal 15px/20px 'latoregular'; text-transform: uppercase;} .conditions-treat li a { display: block; padding: 18px 0px 18px 58px; color: #3079b9;} .cond-ophthalmology { background: url(images/ypo-sprites.png) no-repeat 0px -275px;} .cond-cataract { background: url(images/ypo-sprites.png) no-repeat 0px -357px;} .cond-paediatric { background: url(images/ypo-sprites.png) no-repeat 0px -418px;} .conds-glaucoma { background: url(images/ypo-sprites.png) no-repeat 0px -500px;} .cond-corneal { background: url(images/ypo-sprites.png) no-repeat 0px -564px;} .cond-macular { background: url(images/ypo-sprites.png) no-repeat 0px -634px;} .cond-diabetic { background: url(images/ypo-sprites.png) no-repeat 0px -706px;} .cond-diagnostic { background: url(images/ypo-sprites.png) no-repeat 0px -780px; border-bottom: none !important;} /* -------------------------- Our-Surgeons CSS -------------------------- */ .our-surgeons .nbs-flexisel-inner { width: 100% !important;} .our-surgeons { margin: 20px 0px 0px 0px; background: #f5f4f9; border: 1px solid #e6e6e6;} .our-surgeons h2 { font: normal 18px/22px 'latolight'; text-align: center; padding: 20px 0px 20px 0px; text-transform: uppercase;} .our-surgeons h2 a { color: #707070;} .dr-philip-s { background: url(images/dr-philip-hayes-s-img.jpg) no-repeat center top;} .dr-ross-s { background: url(images/dr-ross-ferrier-s-img.jpg) no-repeat center top;} .dr-brad-s { background: url(images/dr-brad-townend-s.jpg) no-repeat center top;} .dr-doug-s { background: url(images/dr-doug-parker-s-img.jpg) no-repeat center top;} .dr-stephanie-s { background: url(images/dr-stephanie-s-img.jpg) no-repeat center top;} .dr-colin-s { background: url(images/dr-colin-s-img.jpg) no-repeat center top;} .dr-andrew-s { background: url(images/dr-andrew-s.jpg) no-repeat center top;} .dr-Elias-Kahdi-s { background: url(images/dr-elias-s.jpg) no-repeat center top;} .dr-adrian-Fung-s { background: url(images/dr-adrian-fung-img-s.jpg) no-repeat center top;} .dr-raj-s { background: url(images/dr-raj-chalasani-s-img.jpg) no-repeat center top;} .dr-dan-s { background: url(images/dr-dan-brettell-s-img.png) no-repeat center top;} .dr-john-s {background: url(images/dr-john-leaney-th.jpg) no-repeat center top;} .dr-aparna-s {background: url(images/dr-aparna-raniga-th.jpg) no-repeat center top;} .our-surgeons h3 { font: normal 18px/24px 'latoregular'; padding: 165px 22px 0px; text-align: center;} .our-surgeons h3 a { color: #575a5d !important;} .our-surgeons li { height: 315px; position: relative;} .our-surgeons li span { text-transform: uppercase; font: normal 12px/20px 'latoregular'; color: #8e908f; display: block;} .our-surgeons li a { color: #575a5d;} .our-surgeons li p { font: normal 12px/16px 'latoregular'; text-align: center; color: #6c6f70;} .read-more { background: #3079b9; position: absolute; bottom: 0px; width: 100%; padding: 10px 0px; color: #fff; text-align: center;} .read-more a { color: #fff !important;} /*.dr-philip-s .read-more { margin-top: 20px; } .dr-Elias-Kahdi-s .read-more { margin-top: 8px; } .dr-doug-s .read-more { margin-top: 20px; } .dr-stephanie-s .read-more { margin-top: 20px; } .dr-brad-s .read-more { margin-top: 20px; } .dr-ross-s .read-more { margin-top: 20px; }*/ .our-surgeons .nbs-flexisel-nav-left { background: url(images/our-sur-l-arrow-img.png) no-repeat left 0px #f5f4f9; width: 28px; height: 38px; left: 0px; top: 62px !important;} .our-surgeons .nbs-flexisel-nav-right { background: url(images/our-sur-r-arrow-img.png) no-repeat right 0px #f5f4f9; width: 28px; height: 38px; right: 0px; top: 62px !important;} /* -------------------------- Diagnostic Procedures- CSS -------------------------- */ .diagnostic-pro { border: 1px solid #e6e6e6; margin: 20px 0px 0px 0px; background: #f5f5f5;} .diagnostic-pro h2 { font: normal 15px/42px 'latolight'; text-align: center; text-transform: uppercase;} .diagnostic-pro h2 a { color: #595959; border-bottom: 1px solid #e5e5e5; width: 86%; margin: 0 auto; display: block;} .diagnostic-pro li { border-bottom: 1px solid #e5e5e5; font: normal 14px/18px 'latoregular';} .diagnostic-pro li a { display: block; padding: 22px 0px 22px 72px; color: #6b6b6b;} .diag-ophthalmology { background: url(images/diag-ophthalmology-img.png) no-repeat 14px 10px;} .diag-anterior { background: url(images/diag-anterior-img.png) no-repeat 14px 10px;} .diag-visual { background: url(images/diag-visual-img.png) no-repeat 14px 10px;} .diag-ultrasound { background: url(images/diag-ultrasound-img.png) no-repeat 14px 19px; border-bottom: none !important;} /* ------------------------------ Content-Left CSS ------------------------------ */ #Content-Left { padding: 20px 3% 0px 0px;} /* ------------------------------ Gen-Ophthalmology CSS ------------------------------ */ .gen-ophthalmology { border-bottom: 1px solid #eeeeee;} .gen-ophthalmology h1 { font: normal 40px/44px 'latoregular'; margin: 0px 0px 20px 0px; color: #215aa1;} .gen-ophthalmology h1 a { color: #215aa1;} .gen-ophthalmology .ser-border { top: 100px; left: 46%;} .gen-ophthalmology .ser-border span { width: 250px; top: 7px; left: 20%;} .gen-ophthalmology p { font: normal 14px/18px 'latoregular'; color: #565656; text-align: justify; margin: 15px 0px 20px 0px;} .gen-ophthalmology img { float: right; margin: 0px 0px 25px 25px;} .related-link { margin: 30px 0px 0px 28px;} .related-link li { font: normal 16px/16px 'latoregular' !important; background: #fff !important; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #10b4f1 30%, #027cd2 83%) repeat scroll 0 0 !important; width: 255px; display: inline-block; margin: 0px 53px 25px 0px !important; border-radius: 5px; text-align: center !important; border: 1px solid #fff !important; box-shadow: 0 3px 2px 1px #a8a8a8; -webkit-box-shadow: 1px 2px 3px 1px #a8a8a8; -moz-box-shadow: 1px 2px 0px 1px #a8a8a8; -o-box-shadow: 1px 2px 0px 1px #a8a8a8;} .related-link ul li { padding: 0;} .related-link ul { padding: 0 !important;} .related-link li a { color: #fff !important; display: block !important; padding: 4px !important; text-decoration: none; font: normal 18px/50px 'Latoregular';} .related-link li a { text-decoration: none !important;} .related-link p { font: normal 23px/28px 'latoregular' !important;} .related-link span { font: 23px/26px "Lato", sans-serif;} /* ------------------------------ Menu CSS ------------------------------ */ #Main-Menu, #Mobile-Main { height: 50px;} #Mobile-Main { display: none;} #access li { font: normal 13px/50px 'Latolight'; color: #ffffff; height: 50px; color: #fff; float: left; position: relative; text-align: center; text-transform: uppercase;} #access li a { display: block; color: #ffffff;} #access a:hover { color: #fff; background: #42B930;} #access ul ul { position: absolute; z-index: 99999; display: none; left: 0px; padding: 0px;} #access ul ul li { font: normal 14px/35px 'Latolight'; height: 35px; color: #ffffff; text-align: left; float: none; text-transform: none; border-bottom: 1px solid #215AA1;} #access ul ul a { background: #212322; border: none; color: #ffffff; padding: 0px 0px 0px 15px;} #access ul ul a:hover { background: #2a3753; color: #ffffff;} #access ul ul ul { left: 100%; top: -1px;} #access ul li:hover > ul { display: block;} #menu-item-20 { width: 14%;} #menu-item-21 { width: 13%;} #menu-item-21 ul a { width: 212px !important;} #menu-item-374 { width: 14%;} #menu-item-374 ul a { width: 180px !important;} #menu-item-184 { width: 14%;} #menu-item-184 ul a { width: 200px !important;} #menu-item-26 { width: 16%;} #menu-item-22 { width: 14%;} #menu-item-22 ul a { width: 160px !important;} #menu-item-385 { width: 19%;} #menu-item-385 { width: 19%;} #menu-item-385 ul a { width: 200px;} #menu-item-639 { width: 19%;} #menu-item-639 ul a { width: 200px;} #menu-item-639 ul li a:hover { width: 200px;} #menu-item-21 ul li a:hover { width: 200px; border-bottom: none !important;} #menu-item-23 { width: 11%;} #menu-item-24 { width: 13%;} #access .menu li a:hover, #access .menu > li:hover > a, #access .menu li.current_page_item > a, #access .menu li.current-menu-item > a { color: #fff !important; background: url(images/menu-b-bg.gif) no-repeat center 46px #215aa1;} #access .menu > li.current-menu-ancestor > a, #access .menu > li.current-page-ancestor > a { color: #fff !important; background: url(images/menu-b-bg.gif) no-repeat center 46px #215aa1 !important;} #access .menu ul li a:hover, #access .menu ul > li:hover > a, #access .menu ul li.current_page_item > a, #access .menu ul li.current-menu-item > a { color: #fff !important; background: #215AA1 !important;} #access .menu ul > li.current-menu-ancestor > a, #access .menu ul > li.current-page-ancestor > a { color: #fff !important; background: #42B930 !important;} /* ------------------------------------- Mobile Menu ------------------------------------- */ #Mobile-Menu { display: none; width: 100%; height: 50px; margin: 0px; padding: 0px; background: #212322 !important;} .menu-link { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; height: 48px; color: #1D71B1; margin: 0px; padding: 0px; text-align: center;} .menu-link a { color: #fff; display: block; font: normal 18px/46px "latoregular";} .menu-link img { margin: 0px 10px;} #wrapper { left: 0px; overflow: hidden; width: 100%; position: relative; z-index: 99999;} #wrapper ul { margin: 0px; padding: 0px;} #wrapper ul ul { margin: 0px; padding: 0px; display: none; position: relative;} #wrapper ul ul ul { margin: 0px; padding: 0px;} #wrapper ul li { font: normal 14px/35px 'Latolight'; height: auto; text-align: left; float: none; text-transform: none; background: #335c2d; color: #ffffff; border-bottom: 1px solid #000; width: 100%;} #wrapper ul li a { display: block; color: #ffffff; padding: 0px 0px 0px 20px;} #wrapper ul li a:hover { color: #fff; background: ##10B4F1;} #wrapper .menu li > a:hover, #wrapper .menu > li:hover > a, #wrapper .menu li.current_page_item > a, #wrapper .menu li.current-menu-item > a { color: #fff !important; background: #445d44 !important;} #wrapper .menu > li.menu-item-has-children > a { background: url(images/menu-left-bg.png) no-repeat 95% center #606b60 !important;} #wrapper .menu > li.menu-item-has-children a:hover, #wrapper .menu > li.menu-item-has-children:hover > a, #wrapper .menu > li.current-menu-ancestor > a, #wrapper .menu > li.current-page-ancestor > a, #wrapper .menu > li.menu-item-has-children a.active { color: #fff !important; background: url(images/menu-down-bg.png) no-repeat 95% center #7a937a !important;} #wrapper .menu-item-has-children ul a { color: #fff !important; background: #606b60 !important;} #wrapper .menu > li.menu-item-has-children li > a:hover { color: #fff !important; background: #445d44 !important;} /*--------------------------------Back to Top--------------------------------------*/ #backtotop { cursor: pointer; right: 5px; position: fixed; z-index: 10; bottom: 10px; width: 50px; height: 30px; font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #000; text-align: center; border-radius: 5px; display: none;} #backtotop a { display: block; color: #fff;} #backtotop:hover { opacity: 0.9;} /* ------------------------------ Forms CSS ------------------------------ */ .mandatory { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FF8204;} .ypo-form { margin: 0px; padding: 0px; position: relative; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; text-align: left;} .ypo-form, .ypo-form input[type="text"], .ypo-form input[type="email"], .ypo-form textarea, .ypo-form select, .ypo-captcha { border: 1px solid #1D71B1; border-radius: 2px;} .textMain .ypo-form h3, .ypo-form input[type="submit"], .ypo-form input[type="reset"] { background: #1D71B1; color: #fff; border-radius: 2px;} .textMain .ypo-form h3 { font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 10px;} .textMain .ypo-form ul { margin: 0px; padding: 5px; list-style: none; display: table;} .textMain .ypo-form li { margin: 0px; padding: 0px; background: none; display: table-row;} .ypo-form .ypo-field { display: table-cell; float: left; width: 50%; margin: 0px; padding: 5px 0px;} .ypo-form .ypo-area { width: 100%; margin: 0px; padding: 5px 0px;} .ypo-form .ypo-text, .ypo-form .ypo-test { margin: 0px; padding: 10px 20px;} .ypo-form .ypo-text .wpcf7-radio { display: block;} .ypo-form .your-referal .wpcf7-list-item, .ypo-form .your-rays .wpcf7-list-item { display: inline-block !important;} .ypo-form input[type="text"], .ypo-form input[type="email"] { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px; width: 90%;} .ypo-form select { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; width: 93%; z-index: 1;} .ypo-form .ypo-captcha { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; width: 70px !important; padding: 2px 5px;} .ypo-form textarea { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px; width: 95%; height: 100px;} .ypo-form input[type="submit"], .ypo-form input[type="reset"] { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; padding: 5px; width: 90px; float: left; margin: 0px; border: 0px; cursor: pointer;} .ypo-form input[type="radio"] { vertical-align: text-top; margin: 0px 0px 0px 0px;} .ypo-form img { float: left;} .ypo-test .wpcf7-form-control-wrap { width: auto !important;} .ypo-form input[type="file"] { margin: 0px 0px 0px 10px;} .wpcf7-form-control-wrap { display: inline-block; width: 100%;} .wpcf7-not-valid-tip { font: normal 12px Verdana, Arial, Helvetica, sans-serif !important; position: absolute; z-index: 1; top: 5px; left: 5px;} .wpcf7-list-item { display: block; padding: 5px 0px;} .ypo-form .your-referal .wpcf7-list-item, .ypo-form .your-rays .wpcf7-list-item { display: inline-block !important; padding: 5px !important;} .wpcf7-response-output { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;} /*---------------------------Tell A friend start------------------------------*/ .tell-div, #tell-main { display: none;} .tell-div { opacity: 0.8; filter: alpha(opacity=80); background: #000; top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; z-index: 99;} #tell-main .ypo-text { text-align: center;} #tell-main .ypo-form input[type="submit"] { margin: 0px 0px 0px 20%;} #tell-main .ypo-form input[type="text"], #tell-main .ypo-form input[type="email"] { width: 95%;} #tell-main { top: 5%; left: 50%; margin: 0px 0px 0px -200px; max-width: 400px; min-width: 200px; background: #fff; padding: 15px; border: 2px solid #CCCCCC; position: absolute; z-index: 999; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;} #tell-main .ypo-form { padding: 5px;} #tell-main .tell-close { width: 25px; height: 25px; color: #000000; font: normal 16px/25px 'Latobold'; text-align: center; margin: -10px -10px 0px 0px; padding: 0px; position: absolute; top: 0px; right: 0px; cursor: pointer; border-radius: 50%; border: 2px solid #C9C9D6; background: #fff;} /*------------------------- Doctor Container List -------------------------------*/ .contact-address { padding: 3px; margin: 15px auto; border: 1px solid #1D71B1;} .contact-address .intra-div { display: table;} .contact-address h3 { font: normal 14px/25px 'Latoregular'; color: #fff; background: #1D71B1; padding: 0px 0px 0px 10px; margin: 0px; text-transform: uppercase;} .contact-address h3 a { color: #fff;} .contact-address h3 a:hover { color: #fff;} .address-details { font: normal 14px/20px 'Latoregular'; padding: 1% 1% 1% 2%; display: table-cell; vertical-align: top; min-width: 200px; /* width: 55%; */width: 45%;} .address-details a { color: #215aa1;} .google-map-wrapper iframe { pointer-events: none;} .address-details a:hover { text-decoration: none !important;} .map-pics { min-width: 150px; display: table-cell; text-align: center; vertical-align: top; float: right;} .map-pics img { margin: 5px; border: 2px solid #1D71B1;} .map-pics img:hover { border: 2px solid #8AD2FD;} .textMain .contact-ph ul { margin: 0px; padding: 0px;} .textMain .contact-ph li { float: left; min-width: 200px; font: normal 14px/40px 'Latoregular'; width: 45%; height: 40px; background: none; margin: 5px 1%; padding: 0px 0px 0px 2%; border: 1px solid #1D71B1;} .textMain .contact-ph a { color: #003464; text-decoration: none; display: inline-block;} .textMain .contact-ph a:hover { color: #003464; text-decoration: none;} .textMain .contact-ph img { margin: 0px 10px 0px 5px;} .broken_link { text-decoration: underline !important;} /*------------------------- Child List -------------------------------*/ .textMain .child-list ul { margin: 0px; padding: 0px;} .textMain .child-list li { margin: 4px; padding: 0px; width: 300px; background: none; font: normal 15px/20px 'latoregular'; color: #fff; text-align: left; float:left;} .textMain .child-list li a { text-decoration: none; color: #fff; background: url(images/links-arrow.png) no-repeat 10px center #3079b9; padding: 10px 0px 10px 30px; display: block;} .textMain .child-list li a:hover { background: url(images/links-arrow.png) no-repeat 10px center #1c69ad; color: #fff;} /*------------------------- Other List -------------------------------*/ .textMain .other-list ul { margin: 0px; padding: 0px;} .textMain .other-list li { margin: 5px 2% 0px 0px; padding: 0px; width: 48%; min-width: 250px; background: none; font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: left; float: left;} .textMain .other-list a { background: url(images/links-arrow.png) no-repeat 10px center #3079b9; padding: 10px 0px 10px 30px; text-decoration: none !important; display: block; color: #fff;} .textMain .other-list a:hover { background: url(images/links-arrow.png) no-repeat 10px center #1c69ad;} /*-------------------------- accordion Css -------------------------------*/ .accordion { margin: 1em 0;} .accordion h4 { background: url(images/accordian-icon.png) no-repeat 95% #212322; color: #ffffff; cursor: pointer; margin: 5px 0px 0px 0px; padding: 4px 0px 4px 20px; font: normal 18px/26px sans-serif;} .accordion h4.current { background: url(images/accordian-icon-hover.png) no-repeat 95% #215AA1; cursor: default; color: #ffffff;} .accordion div.pane { padding: 5px 10px; border: 1px solid #ccc;} /*-------------------- Useful Links Styles --------------------*/ .UseFul-links { width: 90%; height: auto; margin: 10px 0px; padding: 0px; text-align: center;} .UseFul-links img { margin: 2px; padding: 10px; border: 1px solid #666666; float: left;} /*-------------------- google-map-wrapper CSS --------------------*/ .google-map-wrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .google-map-wrapper { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative;} /*------------------------- Doctor Container List -------------------------------*/ .dr-list { padding: 5px 5px 5px 20px; border: 1px solid #e6e6e6; margin: 12px 6px 6px; background:#f4f4f4;} .dr-list:hover { background: #8AD2FD;} .dr-list a { text-decoration: none !important;} .dr-list h3 { font: normal 20px/30px 'latoregular';} .dr-list span { font-weight: bold;} .dr-list img { border: 3px solid #fff; float: right; padding: 4px; margin:12px 5px 0px 0px; } .dr-profile { width: 100px; border: 1px solid #1D71B1; font: normal 12px/30px 'latoregular'; text-align: center;} .dr-profile a { display: block;} .dr-profile a:hover { background: #1D71B1; color: #fff;} .dr-ph { float: right; margin: 10px 10px 10px 20px; padding: 3px; border: 1px solid #1D71B1; min-width: 130px; text-align: center;} .dr-ph p { font: normal 12px/30px 'TrajanPro-Regular'; margin: 0px;} .pdf-img { margin: -1px 10px 0px 0px; float: left; } .ph-details ul li { background: none !important; float: left; padding: 10px; /* width: 30%; */ width: 100%; } .ph-details ul li a { text-decoration:none; } .coastwide-heading { font: normal 21px/30px 'TrajanPro-Regular'; width:50%; top:25px; position:relative; text-align:center; color:#000; } .float-tel { float:right; right:4%; position:relative; } .smo-icons { float: right; margin: 0 0 0px; width: 250px; } .smo-icons img { margin-right:8px;} .loc-img{ float:left; } .loc-img img { border: 2px solid #3079b9; height: auto; margin: 5px; max-width: 100%; } .app-req { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d; text-decoration:none; float:right; } .app-req a { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; width:145px; margin:10px 10px 0px 0px; padding:10px 15px 10px 15px; color:#ffffff; text-decoration:none; background:#215aa1; border:1px solid #215aa1; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; } .app-req a:hover { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; width:145px; color:#ffffff; text-decoration:none; background:#212322; border:1px solid #212322; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; } /* ------------------------------ Media-Query CSS ------------------------------ */ @media screen and (max-width: 910px) { .cond-left-bg, .cond-right-bg { background: none; } } @media screen and (max-width: 768px) { #Conditions li a { padding: 110px 16% 0px; } #Content-Left { padding: 0px 10px 0px 10px; } .cond-left-bg, .cond-right-bg { background: none; } #Diagnostic li a { padding: 110px 12px 0px 16px; } #Surgeons li a { padding: 204px 4px 0px 0px; } .copy-right { margin: 0 15% 0 15%; text-align: center; } .ypo-logo { float: left; margin: 10px 0 10px 35%; } #Service { margin: 50px 20px 0px 20px; } .gen-ophthalmology { margin: 40px 0px 0px; } .gosford-logo, .wyong-logo { width: 60%; } .contact { width: 38%; } } @media screen and (max-width: 700px) { .gosford-logo, .wyong-logo, .gosford-logo-S, .wyong-logo-S { display: inherit; } .gosford-logo, .wyong-logo, .gosford-logo-S, .wyong-logo-S { display: block; float: none; width: 320px; margin: 14px auto; } } @media screen and (max-width: 640px) { .gosford-logo, .wyong-logo, .gosford-logo-S, .wyong-logo-S, .footer-address, .footer-feedback, #Content-Left, #Sidebar { display: inherit; } .gosford-logo, .wyong-logo, .gosford-logo-S, .wyong-logo-S { display: block; float: none; width: 400px; margin: 14px auto; } #Diagnostic ul { padding: 10px 0px 10px 50px; } #Diagnostic li { margin: 20px 0px 10px 10%; } #Diagnostic li a { padding: 110px 0px 20px 0px; } #Surgeons li h3 { font: normal 20px/24px 'latoregular'; } #Surgeons li p { font: normal 10px/14px 'latoregular'; } #Sidebar { margin: 0px auto; display: block; float: none; } #Content-Left { padding: 20px 20px 0px 10px; } .related-link { text-align: center; } .footer-address, .footer-address, .footer-feedback { float: none; margin: 0 auto; display: block; width: 290px; } .cond-left-bg, .cond-right-bg, .foot-border-bg, .border-bg { background: none; } .copy-right { margin: 0 10% 0 10%; text-align: center; } .ypo-logo { float: left; margin: 10px 0 10px 35%; } .gen-ophthalmology { padding: 0px 20px 0px 0px; } #Service li { margin: 0px 0px 0px 20px; } #Main-Menu { display: none; } #Mobile-Menu { display: block !important; } .textMain .child-list li { margin: 5px auto !important; } .ph-details ul li {float: none;width: 90%;} .coastwide-heading {width: 100%;} .smo-icons { float: none !important; margin: 8% 0% 0% 30%; width: 100%;} .smo-icons img { margin-right:5px;} .footer-address, .footer-address { height:170px; } .contact { margin: -8px 5px 0 0px; font: 14px/18px Arial,Helvetica,sans-serif; width: 318px; } .contact span { font: bold 14px/23px Arial,Helvetica,sans-serif; } } @media screen and (max-width: 480px) { #Interactivity { display: none; } #Diagnostic li { width: 50%; } #Conditions li a { padding: 110px 29px 0px; } #Service li { margin: 0 auto; float: none; } .address-details, .map-pics { display: inherit; } .map-pics { float: none; } .contact { color: #b2b3b2; float: left; font: 14px/18px Arial,Helvetica,sans-serif; margin: -11px 32px 0 73px; text-align: left; } } @media screen and (max-width: 360px) { .textMain .child-list li {width: 280px; } .gosford-logo, .wyong-logo, .gosford-logo-S, .wyong-logo-S { width: 310px; } .contact { margin: -11px 32px 0 58px; width: 185px; } } @media screen and (max-width: 320px) { #Service { margin: 0 10px; } #Conditions li a { padding: 110px 15% 0; } #Surgeons li a { padding: 204px 13% 0%; } #Surgeons li p { font: normal 12px/14px 'latoregular'; } .footer-address, .footer-address, .footer-feedback {width: 230px; } }