/*
 Theme Name: Coastwide Eye Surgery Australia
 Theme URI: http://www.yourpracticeonline.net
 Author URI: http://www.yourpracticeonline.net
 */


/* ------------------------------ Main CSS ------------------------------ */

#Surgeons-Container,
#Content-Container,
#Service-Container,
#Covid-Container,
#Doctify-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Header,
#Banner,
#Main-Menu,
#Mobile-Main,
#Interactivity,
#Conditions,
#Diagnostic,
#Surgeons,
#Credibility,
#Footer,
#Content-Main,
#Covid,
#Doctify {
    max-width: 960px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* Default Custom CSS */

.img-l {
    margin: 0px 15px 10px 0px;
}

.img-r {
    margin: 0px 0px 10px 15px;
}

.img-c {
    margin: 10px;
}


/* Selection CSS */

#Container::selection {
    background: #CCC;
    color: #000;
}


/* Scroller CSS */

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

.gosford-logo,
.wyong-logo,
.footer-address,
.footer-feedback,
#Content-Left,
#Sidebar {
    display: table-cell;
    vertical-align: top;
}

.nbs-flexisel-nav-left::before,
.nbs-flexisel-nav-right::before {
    display: none;
}


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

#Header {
    min-height: 110px;
}
#Header .table-cell {
    vertical-align: middle;
}
.appoint {
    color: #b2b3b2;
    font: 400 18px/28px 'Lato', sans-serif;
    padding: 10px 5px 0px 10px;
    width: 265px;
}

.appoint li {
    padding: 5px 0px;
}

.appoint a {
    padding: 5px 0px 5px 30px;
    color: #b2b3b2;
}

.appoint span {
    font: 700 18px/28px 'Lato', sans-serif;
    background: url(/images/phone-img.png) no-repeat 2px 3px;
}

.book-appoint {
    margin: 10px auto;
    text-align: center;
}

.book-appoint a {
    display: block;
    background: #215aa1;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
}

.book-appoint a:hover {
    background: #000;
}


/* ------------------------------ Covid CSS ------------------------------ */

#Covid-Container {
    background: #f5f4f9;
}

#Covid {
    text-align: center;
    padding: 20px 0px;
}

#Covid h2 {
    font: 400 30px/40px 'Lato', sans-serif;
    color: #4378bd;
}

.covid-more {
    font: 400 16px/20px 'Lato', sans-serif;
    margin-top: 10px;
}

.covid-more a {
    background: #215aa1;
    padding: 10px 20px;
    color: #ffffff;
    display: inline-block;
    border-radius: 5px;
}

.covid-more a:hover {
    background: #212322;
}


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

#Menu-Container {
    background: #212322;
}


/* Menu CSS */

.menu {
    text-align: center;
}

.menu li {
    text-transform: uppercase;
}

.menu li,
.accessible_on .menu li {
    font: 400 14px/20px 'Lato', sans-serif;
    height: 50px;
}

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

.menu li a:hover, .menu > li:hover > a {
	background: url(/images/menu-b-bg.gif) no-repeat center 46px #215aa1;
}
.menu li li:hover > a {
	background: #215aa1;
}

.menu ul li {
    font: 400 14px/20px 'Lato', sans-serif;
    border-bottom: 1px solid #215AA1;
    text-transform: none;
}

.menu ul li a {
    padding: 10px 15px 10px 30px;
    background: #212322;
}

.menu ul li a:hover {
    background: #215aa1;
}

.menu li.menu-home {
    width: 50px;
}

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

.menu-about {
    width: 14%;
}

.menu-about ul a {
    width: 220px;
}

.menu-services {
    width: 16%;
}

.menu-patient {
    width: 20%;
}

.menu-patient ul a {
    width: 260px !important;
}

.menu-patient ul ul a {
    width: 220px !important;
}

.menu-refer {
    width: 18%;
}

.menu-faq {
    width: 10%;
}

.menu-contact {
    width: 16%;
}
/* Mobile Menu CSS */
.toggleMenu {
	font: 700 16px/30px 'Lato', sans-serif;
    color: #fff;
}
.Wrapper {
	font: 400 14px/20px 'Lato', sans-serif;
    background: #212322;
    color: #fff;
}
.parentMenu li:hover, .parentMenu li.actMenu {
    background: #215aa1;
}

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

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

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

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

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

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

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

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

.banner-main {
    font: 700 20px/22px 'Lato', sans-serif;
    top: 85px;
    color: #000;
    position: absolute;
}

.banner-main p {
    font: 300 32px/36px 'Lato', sans-serif;
    color: #fff;
}

.banner-main span {
    font: 400 34px/36px 'Lato', sans-serif;
}

.banner2 .banner-main p {
    color: #d20215;
}

.banner-more {
    font: normal 16px/20px 'Lato', sans-serif;
    color: #838383;
    padding: 10px 0px 0px 0px;
}

.banner-more a {
    background: url(/images/arrow-img.png) no-repeat 90% center #fff;
    color: #7e7e7e;
    padding: 10px 40px 10px 20px;
    display: inline-block;
    border: 1px solid #dbdddc;
}

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

.Banner-Tabs li {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.Banner-Tabs li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #215aa1;
    border-radius: 50%;
}

.Banner-Tabs li a:hover,
.Banner-Tabs li.Banner_here a {
    background: #42b930;
}

.Banner-Tabs li a:hover span,
.Banner-Tabs li.Banner_here a span {
    display: none;
}


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

#Conditions {
    position: relative;
    min-height: 326px;
}

#Conditions h2,
#Diagnostic h2,
#Surgeons h2,
#Footer h2 {
    font: 300 28px/32px 'Lato', sans-serif;
    color: #898a8a;
    text-transform: uppercase;
    padding: 30px 0px 30px 0px;
    text-align: center;
    position: relative;
}
#Conditions h2 a,
#Diagnostic h2 a,
#Surgeons h2 a,
#Footer h2 a {
    color: #707070;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
#Conditions h2::after,
#Diagnostic h2::after,
#Surgeons h2::after,
#Footer h2::after {
    content: '';
    position: absolute;
    width: 150px;
    bottom: 15px;
    left:50%;
    border-top: 2px solid rgba(33,90,161,1);
    transform: translateX(-50%);
}
#Footer h2::after {
    border-top: 2px solid rgba(33,35,34,1);
}
#Conditions h2 a::after,
#Diagnostic h2 a::after,
#Surgeons h2 a::after,
#Footer h2 a::after,
#Conditions h2 a::before,
#Diagnostic h2 a::before,
#Surgeons h2 a::before,
#Footer h2 a::before{
    content: '';
    position: absolute;
    width: 300px;
    height: 0px;
    top:50%;
    border-top: 1px solid rgba(138,138,138,0.7);
    transform: translateY(-50%);
}
#Footer h2 a::after, #Footer h2 a::before {
    border-top: 1px solid rgba(255,255,255,0.7);
}
#Conditions h2 a::before,
#Diagnostic h2 a::before,
#Surgeons h2 a::before,
#Footer h2 a::before {
    left: calc(-300px - 30px);
}
#Conditions h2 a::after,
#Diagnostic h2 a::after,
#Surgeons h2 a::after,
#Footer h2 a::after {
    right: calc(-300px - 30px);
}
#Conditions ul,
#Diagnostic ul {
    padding: 40px 0px;
}

#Conditions li,
#Diagnostic li {
    font: 400 16px/20px 'Lato', sans-serif;
    color: #fff;
    text-align: center;
}

#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 .theme-L {
    background: url(/images/diagnostic-banner-l-bg.png) no-repeat right top;
}

#Diagnostic .theme-R {
    background: url(/images/diagnostic-banner-r-bg.png) no-repeat left top;
}

#Diagnostic ul {
    font-size: 0px;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
}

#Diagnostic li {
    width: 25%;
    min-width: 200px;
    display: inline-block;
    vertical-align: top;
}

#Diagnostic li a {
    padding: 110px 0px 20px 0px;
    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: 460px;
}

#Surgeons li h3 {
    font: 400 14px/24px 'Lato', sans-serif;
    color: #575a5d;
}

.ap {
    font: 400 12px/20px 'Lato', sans-serif;
    text-transform: capitalize;
}

#Surgeons li a {
    text-transform: none;
    padding: 205px 30px 10px 30px;
    color: #575a5d;
}

#Surgeons li span {
    text-transform: uppercase;
    font: 400 12px/24px 'Lato', sans-serif;
    color: #8e908f;
}

#Surgeons li p {
    font: normal 12px/16px 'Lato', sans-serif;
    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-douglas-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-new.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-new.png) no-repeat center top;
}

.dr-rushmia-hm {
    background: url(/images/dr-rushmia-karim-ph.png) no-repeat center top;
}


.dr-john-hm {
    background: url(/images/dr-john-leaney-img.png) no-repeat center top;
}


.dr-jim-hm{
    background: url(/images/dr-jim-li-ph.png) no-repeat center top;
}




.dr-aparna-hm {
    background: url(/images/dr-aparna-raniga-img.png) no-repeat center top;
}


.dr-richard-parker-hm {
    background: url(/images/dr-richard-parker-th.png) no-repeat center top;
}


.dr-karen-tiuseco-hm {
    background: url(/images/dr-karen-tiuseco.png) no-repeat center top;
}

.dr-mia-zhang-hm {
    background: url(/images/mia-zhang-ph-img.png) no-repeat center top;
}




.dr-samuel-hm {
    background: url(/images/dr-samuel-dance-img-new.png) no-repeat center top;
}

#Surgeons .nbs-flexisel-nav-left {
    background: url(/images/surgeons-l-arrow.png) no-repeat left center;
    width: 60px;
}

#Surgeons .nbs-flexisel-nav-right {
    background: url(/images/surgeons-r-arrow.png) no-repeat right center;
    width: 60px;
}


/* ------------------------------ 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 .theme-L {
    background: url(/images/footer-banner-l-newbg.png) no-repeat right bottom #3880c0;
}

footer .theme-R {
    background: url(/images/footer-banner-r-newbg.png) no-repeat left bottom #3880c0;
}

#Footer h2 a {
    color: #fff;
}

.footer-address {
    background: url(/images/location-img.png) no-repeat 0px 5px;
    padding: 10px 15px 10px 30px;
}

.footer-loc-bg {
    background: url(/images/location1-img.png) no-repeat 0px 15px;
}

.footer-address h2 {
    font: 700 20px/24px 'Lato', sans-serif;
    padding: 0px 0px 15px 0px;
}

.footer-address h2 a {
    color: #fff;
}

.footer-address p {
    font: 400 16px/24px 'Lato', sans-serif;
    color: #fff;
    padding: 0px 0px 10px 0px;
}

.phone-no,
.fax-no {
    font: 700 16px/20px 'Lato', sans-serif;
    padding: 5px 0px 5px 25px !important;
}

.phone-no a,
.fax-no a {
    color: #fff;
}

.phone-no {
    background: url(/images/contact-img.png) no-repeat 0px 12px;
}

.fax-no {
    background: url(/images/fax-img.png) no-repeat 0px 12px;
}

.click-here {
    margin: 20px 0px 0px 0px;
    font: 300 16px/20px 'Lato', sans-serif !important;
}

.click-here a {
    color: #343537;
    text-decoration: underline;
}

.foot-txt {
    background: #f5f4f9;
    border-radius: 6px;
    font: 400 14px/26px 'Lato', sans-serif;
    ;
    color: #707070;
    border: 0px;
    padding: 5px 0px 5px 5%;
    margin: 5px 0px;
    width: 95%;
}

.foot-area {
    background: #f5f4f9;
    border-radius: 6px;
    font: 400 14px/16px 'Lato', sans-serif;
    ;
    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: 400 12px/28px 'Lato', sans-serif;
    ;
    text-transform: uppercase;
    margin: 5px 0px;
    border: 0px;
}

.foot-button {
    float: right;
}

.foot-reset {
    float: left;
}
.foot-copy {
    border-top: 1px dashed #fff;
}
#Footer .copy-right {
    padding: 10px 0px 0px 0px;
    font: 400 16px/20px 'Lato', sans-serif;
    color: #fff;
}

#Footer .copy-right h2 {
    font: 400 16px/20px 'Lato', sans-serif;
    padding: 10px 0px 10px 10px;
    text-align: left;
    color: #fff;
    text-transform: inherit;
}

#Footer .copy-right h2 a {
    color: #fff;
    padding: 0px 3px;
}

.copy-right p a {
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px;
}

.ypo-logo {
    width: 150px;
    vertical-align: middle;
}

.foot-table.table-div {
    width: 70%;
    margin: 0px auto;
    padding-bottom: 20px;
}


/* ------------------------------ Services Page CSS ------------------------------ */

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

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

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

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

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

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

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

#Banner-Container-S .banner-main {
    top: 65px;
}


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

.navigation {
    font: 400 14px/20px 'Lato', sans-serif;
    color: #215aa1;
    padding: 30px 30px 10px 10px;
}

.navigation > a {
    color: #5b5c5c;
}

.navigation > a:hover {
    text-decoration: underline;
}


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

.textMain {
    font: 400 16px/24px 'Lato', sans-serif;
    ;
    color: #565656;
    padding: 10px 30px 30px 10px;
}

.textMain a {
    color: #215aa1;
}


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

.textMain h1 {
    font: 300 38px/42px 'Lato', sans-serif;
    ;
    color: #215aa1;
    padding: 10px 0px;
    text-align: left;
    clear: both;
}

.textMain h1 a,
.textMain h2 a {
    text-decoration: none;
}

.textMain h2 {
    font: 400 25px/29px 'Lato', sans-serif;
    color: #627195;
    padding: 10px 0px;
}

.textMain h2 a {
    color: #627195;
}

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

.textMain h3 {
    font: 400 20px/26px 'Lato', sans-serif;
    color: #3e67a5;
    padding: 10px 0px;
}

.textMain h3 a {
    color: #215aa1;
    text-decoration: none !important;
}

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

.textMain h4 {
    color: #348334;
    font: 400 18px/20px 'Lato', sans-serif;
    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: 400 10px 'Lato', sans-serif;
    color: #999999;
}

.h4 {
    color: #348334;
    font: 400 18px/20px 'Lato', sans-serif;
    margin: 10px 0px 0px;
    text-align: left;
}


/* ------------------------------ service page CSS ------------------------------ */

#Service {
    position: relative;
    min-height: 535px;
}

.textMain #Service ul {
    margin: 0px;
    padding: 20px 0px;
    font-size: 0px;
}

.textMain #Service li {
    margin: 0px;
    padding: 10px;
    font: 300 20px/26px 'Lato', sans-serif;
    width: 25%;
    min-width: 200px;
    height: 250px;
    text-align: center;
    background: url(/images/services-list-bg.png) no-repeat right center;
    border-bottom: 1px solid #ccc;
    border-bottom-style: dotted;
    display: inline-block;
    vertical-align: top;
}

.textMain #Service li a {
    width: 100%;
    height: 100%;
    display: block;
    border: 4px solid #f4f5f5;
    padding: 155px 10px 10px 10px;
    color: #5a5a5a;
    text-decoration: none;
}

.ophthalmology-s a {
    background: url(/images/opthalmology-s-img.png) no-repeat center 20px #f7f8f8;
}

.textMain #Service li.cataract-s a {
    background: url(/images/cataract-s-img.png) no-repeat center 20px #f7f8f8;
}

.paediatric-s a {
    background: url(/images/paediatric-s-img.png) no-repeat center 20px #f7f8f8;
}

.textMain #Service li.glaucoma-s a {
    background: url(/images/glaucoma-s-img.png) no-repeat center 20px #f7f8f8;
    padding: 170px 10px 10px 10px;
}

.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 center;
    width: 67px;
}

#Conditions .nbs-flexisel-nav-right {
    background: url(/images/cond-r-arrow.png) no-repeat right center;
    width: 67px;
}

.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;
}


/* ------------------------------ Condition-Treat CSS ------------------------------ */

.conditions-treat {
    border: 1px solid #c1c1c1;
    margin: 30px 0px 0px 0px;
}

.conditions-treat h2 {
    font: 300 18px/46px 'Lato', sans-serif;
    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 5px;
}

.conditions-treat li {
    border-bottom: 1px solid #e6e6e7;
    font: 400 14px/20px 'Lato', sans-serif;
    text-transform: uppercase;
}

.conditions-treat li a {
    display: block;
    padding: 20px 0px 20px 60px;
    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 {
    margin: 20px 0px 0px 0px;
    background: #f5f4f9;
    border: 1px solid #e6e6e6;
    position: relative;
}

.our-surgeons h2 {
    font: 300 18px/22px 'Lato', sans-serif;
    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/parker-dr-doug-sidebar-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-new.png) 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-new.jpg) no-repeat center top;
}

.dr-rushmia-karim-s {
    background: url(/images/dr-rushmia-karim-th.jpg) no-repeat center top;
}


.dr-john-s {
    background: url(/images/dr-john-leaney-th.jpg) no-repeat center top;
}


.dr-jim-li-s {
    background: url(/images/dr-jim-li-th.jpg) no-repeat center top;
}




.dr-aparna-s {
    background: url(/images/dr-aparna-raniga-th.jpg) no-repeat center top;
}

.dr-richard-parker-s{
    background: url(/images/dr-richard-parker-s.jpg) no-repeat center top;
}


.dr-karen-tiuseco-s{
    background: url(/images/dr-karen-tiuseco-th.jpg) no-repeat center top;
}

.dr-mia-zhang-s{
    background: url(/images/mia-zhang-th-img.jpg) no-repeat center top;
}


.dr-samuel-s {
    background: url(/images/dr-samuel-dance-s-new.jpg) no-repeat center top;
}

.our-surgeons h3 {
    font: 400 18px/24px 'Lato', sans-serif;
    padding: 165px 22px 0px;
    text-align: center;
}

.our-surgeons h3 a {
    color: #575a5d;
    display: block;
}

.our-surgeons li {
    height: 330px;
    position: relative;
}

.our-surgeons li span {
    text-transform: uppercase;
    font: 400 12px/20px 'Lato', sans-serif;
    color: #8e908f;
    display: block;
}

.our-surgeons li a {
    color: #575a5d;
}

.our-surgeons li p {
    font: 400 12px/16px 'Lato', sans-serif;
    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-inner {
    width: 100%;
}

.our-surgeons .nbs-flexisel-nav-left {
    background: url(/images/our-sur-l-arrow-img.png) no-repeat left center;
    width: 30px;
}

.our-surgeons .nbs-flexisel-nav-right {
    background: url(/images/our-sur-r-arrow-img.png) no-repeat right center;
    width: 30px;
}


/* -------------------------- Diagnostic Procedures- CSS -------------------------- */

.diagnostic-pro {
    border: 1px solid #e6e6e6;
    margin: 20px 0px 0px 0px;
    background: #f5f5f5;
}

.diagnostic-pro h2 {
    font: 300 15px/42px 'Lato', sans-serif;
    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: 400 14px/18px 'Lato', sans-serif;
}

.diagnostic-pro li a {
    display: block;
    padding: 20px 0px 20px 65px;
    color: #6b6b6b;
}

.diag-ophthalmology {
    background: url(/images/diag-ophthalmology-img.png) no-repeat 10px center;
}

.diag-anterior {
    background: url(/images/diag-anterior-img.png) no-repeat 10px center;
}

.diag-visual {
    background: url(/images/diag-visual-img.png) no-repeat 10px center;
}

.diag-ultrasound {
    background: url(/images/diag-ultrasound-img.png) no-repeat 10px center;
    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: 400 40px/44px 'Lato', sans-serif;
    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: 400 14px/18px 'Lato', sans-serif;
    color: #565656;
    text-align: justify;
    margin: 15px 0px 20px 0px;
}

.gen-ophthalmology img {
    float: right;
    margin: 0px 0px 25px 25px;
}

.related-link {
    padding: 20px 0px;
}

.textMain .related-link ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

.textMain .related-link li {
    font: 400 16px/20px 'Lato', sans-serif;
    background: #fff !important;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #10b4f1 30%, #027cd2 83%) repeat scroll 0 0 !important;
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    padding: 0px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #fff;
    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;
}

.textMain .related-link li a {
    color: #fff;
    display: block;
    padding: 4px;
    text-decoration: none;
    font: 400 18px/50px 'Lato', sans-serif;
}

.textMain .related-link li a {
    text-decoration: none !important;
}

.related-link p {
    font: 400 23px/28px 'Lato', sans-serif !important;
}

.related-link span {
    font: 400 23px/26px "Lato", sans-serif;
}


/* ------------------------------ 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: 700 16px/25px 'Lato', sans-serif;
    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: 400 14px/25px 'Lato', sans-serif;
    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: 400 14px/20px 'Lato', sans-serif;
    padding: 1% 1% 1% 2%;
    display: table-cell;
    vertical-align: top;
    min-width: 200px;
    width: 40%;
}

.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: 400 14px/40px 'Lato', sans-serif;
    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;
    font-size: 0px;
}

.textMain .child-list li {
    margin: 0px;
    padding: 5px;
    width: 50%;
    min-width: 250px;
    background: none;
    font: 400 16px/20px 'Lato', sans-serif;
    color: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.textMain .child-list li a {
    text-decoration: none;
    color: #fff;
    background: url(/images/links-arrow.png) no-repeat 10px center #3079b9;
    padding: 10px 10px 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;
    font-size: 0px;
}

.textMain .other-list li {
    margin: 0px;
    padding: 5px;
    width: 50%;
    min-width: 250px;
    background: none;
    font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.textMain .other-list a {
    background: url(/images/links-arrow.png) no-repeat 10px center #3079b9;
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    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;
}

.textMain .accordion h4 {
    background: url(/images/accordian-icon.png) no-repeat 92% #212322;
    color: #ffffff;
    cursor: pointer;
    margin: 5px 0px 0px 0px;
    padding: 4px 0px 4px 20px;
    font: normal 18px/26px sans-serif;
}

.textMain .accordion h4.showAccord {
    background: url(/images/accordian-icon-hover.png) no-repeat 92% #215AA1;
    cursor: default;
    color: #ffffff;
}

.textMain .accordion h4 a,
.textMain .accordion h4.showAccord a {
    color: #ffffff;
}

.textMain .accordion div.accordContent {
    padding: 5px 10px;
    border: 1px solid #ccc;
}


/*-------------------- Useful Links Styles --------------------*/

.UseFul-links {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}

.UseFul-links a {
    margin: 2px;
    padding: 10px;
    border: 1px solid #666666;
    display: inline-block;
    vertical-align: top;
}


/*-------------------- 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: 400 20px/30px 'Lato', sans-serif;
}

.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: 400 12px/30px 'Lato', sans-serif;
    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;
    padding: 5px 10px;
}

.ph-details ul li a {
    text-decoration: none;
}

.coastwide-heading {
    font: normal 20px/30px 'Lato', sans-serif;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 10px 0px 20px 0px;
}

.loc-img {
    display: table-cell;
    vertical-align: top;
}

.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: 150px;
    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;
    text-align: center;
}

.app-req a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    width: 150px;
    color: #ffffff;
    text-decoration: none;
    background: #212322;
    border: 1px solid #212322;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Footer .copy-right h2::after {
    display: none;
}




 #sun-pop p {
     
            font-size: 15px !important;
            padding: 3px 0;
            margin: 0 auto;
            text-align: left;
            font: 400 15px/21px Verdana, Arial, Helvetica, sans-serif;
        }


#sun-pop{
    width: 50% !important;
    top:2% !important;
    position: absolute !important;
}
#sun-pop .address{
	text-align: center;
	
}
#sun-pop .add-dir{
	text-align: center;
    color: #ea4335;
}
.doctify-ctr {
	width: 150px;
	margin: 0 auto;
}
/* ------------------------------ Media-Query CSS ------------------------------ */

@media screen and (max-width: 980px) {
    
    #sun-pop{
    width: 80% !important;
}
}


@media screen and (max-width: 860px) {
    #Header .table-cell {
        display: block;
        text-align: center;
    }
    .appoint {
        margin: 0px auto;
    }
    .address-details {
        width: 50%;
    }
    .textMain #Service li {
        padding: 5px;
    }
}
@media screen and (max-width: 780px) {
    .textMain .related-link, .textMain .other-list, .textMain .child-list {
        text-align: center;
    }
    .textMain .other-list li, .textMain .related-link li, .textMain .child-list li {
        width: 60%;
        min-width: 300px;
    }
}



@media screen and (max-width: 640px) {
    #Content, #Sidebar, .copy-right, .ypo-logo {
        display: block;
        margin: 0px auto;
    }
    
    .ypo-showcase{
        position: relative;
    }
    
    #Content {
        padding: 10px;
    }
    #Main-Menu {
        display: none;
    }
    #Mobile-Menu {
        display: block;
    }
    #Banner-Container, #Banner-Container-S {
        display: none;
    }
    .foot-table.table-div {
        width: 95%;
    }
    #Footer .copy-right h2 {
        text-align: center;
    }
    #Footer .copy-right {
        padding: 10px 0px;
        text-align: center;
    }
    .address-details, .loc-img {
        display: block;
    }
    .textMain {
        padding: 10px;
    }
    
    .textMain .accordion h4 {
	background: url(/images/accordian-icon.png) no-repeat 93% #212322;
   }
    
    .textMain .accordion h4.showAccord {
	background: url(/images/accordian-icon-hover.png) no-repeat 93% #215AA1;
}
    #sun-pop{
    width: 80% !important;
        
        min-width: 300px !important;
} 
    
}


@media screen and (max-width: 480px) {
    .footer-address {
        display: block;
    }
    .textMain {
        padding: 5px;
    }
    .dr-list {
        text-align: center;
    }
    .dr-list img {
        float: none;
    }
    .dr-profile {
        margin: 0px auto;
    }
    
    .textMain .accordion h4 {
	background: url(/images/accordian-icon.png) no-repeat 89% #212322;
   }
    
    .textMain .accordion h4.showAccord {
	background: url(/images/accordian-icon-hover.png) no-repeat 89% #215AA1;
}
}