/*
 Theme Name: Hawkins Clinic
 Theme URI: http://www.yourpracticeonline.net
 Author URI: http://www.yourpracticeonline.net
 */


/* ------------------------------ Fonts CSS ------------------------------ */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,300italic);
@import url('fonts.css');

/* ------------------------------ Global CSS ------------------------------ */

body {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    *overflow-y: none;
}

img {
    border: 0px;
    max-width: 100%;
    vertical-align: middle;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0px;
    padding: 0px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
}

ul {
    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-float,
.clear {
    clear: both;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
    margin: -14px 0 0 0;
}

.videoBorder {
    border: 4px solid #333;
}


/* ------------------------------ Admin CSS ------------------------------ */

#Admin-menu {
    height: 40px;
    font: normal 18px/40px 'robotoregular';
    text-align: center;
    color: #fff;
    position: relative;
}

.admin-logout {
    position: absolute;
    right: 10px;
    top: 10px;
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}

.admin-logout a {
    color: #fff;
}

.admin-logout a:hover {
    text-decoration: underline;
}

.Admintext {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #262323;
    text-decoration: none;
    text-align: justify;
}

.Admintext a {
    color: #262323;
    text-decoration: underline;
}

.Admintext a:hover {
    color: #000000;
    text-decoration: none;
}

.AdmintextBold {
    font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #262323;
    text-decoration: none;
    text-align: left;
}

.AdmintextBold a {
    color: #262323;
    text-decoration: underline;
}

.AdmintextBold a:hover {
    color: #000000;
    text-decoration: none;
}

.Adminborder {
    border: 1px solid #262323;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.AdminHead {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: #262323;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
}

.AdminHead a {
    color: #ffffff;
    text-decoration: underline;
}

.AdminHead a:hover {
    color: #ffffff;
    text-decoration: none;
}

.AdminNormal {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #262323;
    text-decoration: none;
    text-align: left;
}

.AdminNormal a {
    color: #262323;
    text-decoration: underline;
}

.AdminNormal a:hover {
    color: #000000;
    text-decoration: none;
}

.AdminFormlable {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 3px 10px 3px 5px;
}

.Admintxtfield {
    font: normal 12px/24px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #262323;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 175px;
    vertical-align: middle;
    padding: 2px 4px 2px 4px;
}

.AdmindropDown {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #262323;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 185px;
}

.AdmintextArea {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 175px;
    border: 1px solid #262323;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    padding: 4px;
}

.AdminButton {
    font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: #262323;
    text-decoration: none;
    border: 1px solid #262323;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.submit-test {
    float: right;
    height: 50px;
    margin: 0 0 0 10px;
}

.textMain .submit-test a {
    background: #513AB5;
    color: #fff;
    display: block;
    padding: 7px 8px;
    text-decoration: none;
}


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

#Interactivity {
    position: relative;
}

.intra-div {
    width: 100%;
    height: 100%;
}

.Intra-L,
.Intra-R {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px;
}

.Intra-L {
    left: -100%;
}

.Intra-R {
    right: -100%;
}

.Intra-Tabs,
.Intra-Tabs-loc,
.Intra-Tabs-loc-sub {
    position: absolute;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    right: 10px;
    bottom: 10px;
}


/* ------------------------------ Scrolling Styles ------------------------------ */

#flexiselDemo1 {
    margin: 0px;
    padding: 0px;
    display: block;
    list-style: none;
    overflow: hidden !important;
}

.nbs-flexisel-container {
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    overflow: hidden !important;
}

.nbs-flexisel-ul {
    width: 9999px;
    *width: 9999px;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden !important;
}

.nbs-flexisel-inner {
    width: 90%;
    max-width: 90%;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden !important;
}

.nbs-flexisel-item {
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden !important;
    vertical-align: middle;
}

.nbs-flexisel-item img {
    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: 40px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 0px;
}

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

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


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

#Container,
header,
#Menu-Container,
#Intra-Container,
#Intra-Container-S,
section,
#Credibility,
#Content-Container,
footer {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
}

#Header,
#Main-Menu,
#Mobile-Main,
#Interactivity,
.cred-intra,
#Servives-main,
#Patient-journey,
#Content-Main,
#Footer-container {
    max-width: 1168px;
    min-width: 310px;
    margin: 0px auto;
}

#Intra-Container,
#Intra-Container-S {
    overflow: hidden;
    position: relative;
}

#Content-Main .intra-div {
    display: table;
    table-layout: fixed;
}

#Content-Left,
#Sidebar,
.history-imgs {
    display: table-cell;
    vertical-align: top;
}


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

#Header {
    min-height: 163px;
}

#Header .intra-div {
    width: 100%;
    float: left;
}

.hawkins-logo {
    float: left;
    width: 24%;
    padding: 20px 0 5px 0;
    margin: 0 4% 0 0;
}

.appointment {
    float: left;
    width: 32%;
}

.appointment p {
    margin: 9% 0 0 0;
    font: 600 24px/28px 'Open Sans', sans-serif;
}

.appointment p span {
    float: left;
    width: 19px;
    height: 18px;
    background: url("images/sprite.png") no-repeat scroll 0 0;
    margin: 8px 10px 0 0;
}

.appointment p a {
    color: #4f4f4f;
    display: block;
}

.appointment p a:hover {
    color: #478894;
}

.web-search {
    float: right;
    width: 34%;
    margin: 10px 0 0 0;
}

.web-search p {
    color: #478894;
    float: left;
    font: 600 17px/17px "Open Sans", sans-serif;
    margin: 8px 4% 0 0;
    width: 126px;
}

.web-search #txtsearch {
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #fff;
    background: #afb6b5;
    padding: 7px 10px 7px 17px;
    border-radius: 16px;
    width: 56%;
    float: left;
    display: block;
    border: none;
}

#newsearch {
    position: relative;
}

.web-search input[type="submit"] {
    background: url("images/sprite.png") no-repeat scroll -232px 10px;
    border: medium none;
    border-radius: 0 16px 16px 0;
    cursor: pointer;
    float: right;
    height: 32px;
    margin: -32px 2px 0 0;
    width: 31px;
    position: absolute;
    bottom: 0;
    right: 15px;
    top: 33px;
}


/*.ph-address {
	float: right;
	margin: 5px 0 0;
	width: 155px;
}*/

.ph-address {
    float: right;
    width: 40%;
    margin: 1% 1% 0% 1%;
    text-align: right;
}

.ph-address .phone {
    float: left;
    width: 155px;
    margin: 0% 0% 0% 20%;
}

.ph-address .phone a {
    display: block;
    color: #478894;
    /*	font: 400 18px/22px 'Open Sans', sans-serif;*/
}

.ph-address .phone a:hover {
    color: #84d2e1;
}

.ph-address .phone span {
    float: left;
    width: 21px;
    height: 23px;
    background: url("images/sprite.png") no-repeat scroll -80px 0px;
    margin: 0 13px 0 0;
}

.ph-address .address {
    float: right;
    margin: 0 0 0 10px;
    width: 241px;
}

.address p span {
    float: left;
    width: 17px;
    height: 23px;
    background: url("images/sprite.png") no-repeat scroll -160px 0px;
    margin: 0 10px 0 0;
}

.address p {
    font: 400 15px/19px 'Open Sans', sans-serif;
    color: #4f4f4f;
    margin: 0;
}

.msg {
    margin: 0px !important;
    width: 24% !important;
}


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

#Menu-Container {
    width: 100%;
    position: relative;
    overflow: visible;
    background: #478894;
}

#Main-Menu {
    height: 41px;
}


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

#Intra-Container #Interactivity {
    height: 409px;
}

#Intra-Container-S #Interactivity {
    height: 246px;
}

#Intra-Container #Interactivity #Banner0 {
    background: url(images/racgp-award-banner-home-2019-middle.jpg) right top no-repeat;
}

#Intra-Container #Interactivity #Banner0 .Intra-L {
    /* background: #15385e; */
    background: url(images/racgp-award-banner-home-2019-l.jpg) right top no-repeat #efeff1;
}

#Intra-Container #Interactivity #Banner0 .Intra-R {
    /* background: #ededf0; */
    background: url(images/racgp-award-banner-home-2019-r.jpg) left top no-repeat #efeff1;
}

#Intra-Container #Interactivity #Banner1 {
    background: url(images/banner4-m.jpg) right top no-repeat;
}

#Intra-Container #Interactivity #Banner1 .Intra-L {
    background: url(images/banner4-l.jpg) right top no-repeat #efeff1;
}

#Intra-Container #Interactivity #Banner1 .Intra-R {
    background: url(images/banner4-r.jpg) left top no-repeat #efeff1;
}

#Intra-Container #Interactivity #Banner2 {
    background: url(images/banner5-m.jpg) right top no-repeat;
}

#Intra-Container #Interactivity #Banner2 .Intra-L {
    background: #E8E8E8;
}

#Intra-Container #Interactivity #Banner2 .Intra-R {
    background: #ebebeb;
}

#Intra-Container #Interactivity #Banner3 {
    background: url(images/banner6-m.jpg) right top no-repeat;
}

#Intra-Container #Interactivity #Banner3 .Intra-L {
    background: url(images/banner6-l.jpg) right top no-repeat;
}

#Intra-Container #Interactivity #Banner3 .Intra-R {
    background: url(images/banner6-r.jpg) left top no-repeat;
}

#Intra-Container #Interactivity #Banner4 {
    background: url(images/banner7-m.jpg) right top no-repeat;
}

#Intra-Container #Interactivity #Banner4 .Intra-L {
    background: url(images/banner7-l.jpg) right top no-repeat #efeff1;
}

#Intra-Container #Interactivity #Banner4 .Intra-R {
    background: url(images/banner7-r.jpg) left top no-repeat #efeff1;
}

#Intra-Container-S #Interactivity #Banner0 {
    background: url(images/racgp-award-banner-home-2019-middle-s.jpg) right top no-repeat;
}

#Intra-Container-S #Interactivity #Banner0 .Intra-L {
    background: url(images/racgp-award-banner-home-2019-l-s.jpg) right top no-repeat #efeff1;
}

#Intra-Container-S #Interactivity #Banner0 .Intra-R {
    background: url(images/racgp-award-banner-home-2019-r-s.jpg) left top no-repeat #efeff1;
}

#Intra-Container-S #Interactivity #Banner1 {
    background: url(images/sub-banner4-m.jpg) right top no-repeat;
}

#Intra-Container-S #Interactivity #Banner1 .Intra-L {
    background: url(images/sub-banner4-l.jpg) right top no-repeat #f0f1f3;
}

#Intra-Container-S #Interactivity #Banner1 .Intra-R {
    background: url(images/sub-banner4-r.jpg) left top no-repeat #f0f1f3;
}

#Intra-Container-S #Interactivity #Banner2 {
    background: url(images/sub-banner5-m.jpg) left top no-repeat #ebebeb;
}

#Intra-Container-S #Interactivity #Banner2 .Intra-L {
    background: #ebebeb;
}

#Intra-Container-S #Interactivity #Banner2 .Intra-R {
    background: #ebebeb;
}

#Intra-Container-S #Interactivity #Banner3 {
    background: url(images/sub-banner6-m.jpg) right top no-repeat;
}

#Intra-Container-S #Interactivity #Banner3 .Intra-L {
    background: url(images/sub-banner6-lm.gif) left top repeat-x;
}

#Intra-Container-S #Interactivity #Banner3 .Intra-R {
    background: url(images/sub-banner6-lm.gif) left top repeat-x;
}

#Intra-Container-S #Interactivity #Banner4 {
    background: url(images/sub-banner7-m.jpg) right top no-repeat;
}

#Intra-Container-S #Interactivity #Banner4 .Intra-L {
    background: url(images/sub-banner4-l.jpg) right top no-repeat #f0f1f3;
}

#Intra-Container-S #Interactivity #Banner4 .Intra-R {
    background: url(images/sub-banner4-l.jpg) right top no-repeat #f0f1f3;
}

#Intra-Container #Interactivity .Banner_nav,
#Intra-Container-S #Interactivity .Banner_nav {
    height: 37px;
    position: absolute;
    width: 21px;
    top: 40%;
    z-index: 12;
}

#Intra-Container #Interactivity .Banner_nav.prev,
#Intra-Container-S #Interactivity .Banner_nav.prev {
    background: url("images/sprite.png") no-repeat scroll -0px -80px;
    left: 0px;
}

#Intra-Container #Interactivity .Banner_nav.next,
#Intra-Container-S #Interactivity .Banner_nav.next {
    background: url("images/sprite.png") no-repeat scroll -80px -80px;
    right: 0px;
}

#Intra-Container #Interactivity .banner-text,
#Intra-Container-S #Interactivity .banner-text {
    position: absolute;
    right: 0;
    top: 35%;
    width: 460px;
}

#Intra-Container #Interactivity .banner-text h2 {
    font: 700 50px/50px 'brisa_alternatesregular';
    color: #33727e;
}

#Intra-Container #Interactivity .banner-text h2 span {
    display: block;
}

#Intra-Container-S #Interactivity .banner-text h2 {
    font: 45px/45px 'brisa_alternatesregular';
    color: #33727e;
}

#Intra-Container-S #Interactivity .banner-text h2 span {
    display: block;
}


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

#Services {
    border-bottom: 1px solid #dadada;
}

.service-intra {
    float: left;
    width: 100%;
    padding: 0 0 100px 0;
    position: relative;
    z-index: 3;
    margin: -87px 0 0 0;
}

.service-intra ul li {
    float: left;
    margin: 0 10% 0 0;
    text-align: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #85d2e1;
    font: 700 20px/24px 'Open Sans', sans-serif;
}

.service-intra ul li:first-child {
    margin: 0% 10% 0 4%;
}

.service-intra ul li:last-child {
    margin: 0% 4% 0 0%;
}

.service-intra ul li a {
    display: block;
    color: #000000;
    padding: 199px 0 0 0;
}

.service-intra ul li:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.service-intra ul li:hover a {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
}

.service-intra ul li a:hover {
    color: #017a8f;
}

.serv {
    float: left;
    text-align: center;
    width: 25%;
}

.serv>div {
    border: 5px solid #85D2E1;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    text-align: center;
    display: inline-block;
}

.serv>div:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.serv>div a {
    display: block;
    padding-top: 180px;
    font: 700 20px/24px "Open Sans", sans-serif;
    color: #000;
}

.serv div:hover>a {
    font-size: 16px;
    padding-top: 170px;
    color: #017A9C;
}

.service-intra .opening-hr {
    background: #fff url("images/opening-ht-bg.png") no-repeat scroll center 49%;
}

.service-intra .oppintment-h {
    background: #fff url("images/appointment-h-bg.png") no-repeat scroll center 49%;
}

.service-intra .clinic-h {
    background: #fff url("images/clinic-h-bg.png") no-repeat scroll center 49%;
}

.service-intra .patient-h {
    background: #fff url("images/patient-h.png") no-repeat scroll center 49%;
}

.textMain .serv-spec-clinics {
    width: 100%;
    float: left;
}

.textMain .serv-spec-clinics li {
    background: rgba(0, 0, 0, 0) url("images/spec-li-bg.png") no-repeat scroll 0 0;
    float: left;
    font: 600 16px/19px "Open Sans", sans-serif;
    margin: 47px 0 0 9%;
    width: 38%;
    text-align: left;
}

.textMain .serv-spec-clinics li a {
    color: #fff;
    display: block;
    padding: 14px 0 18px 0px;
}

.textMain .serv-spec-clinics li a:hover {
    text-decoration: none;
    color: #cbe6eb;
}

.textMain .serv-spec-clinics li a span {
    float: left;
    height: 116px;
    margin: -47px 0px 0 -125px !important;
    width: 106px;
}

.textMain .serv-spec-clinics li.spec-repeat span {
    background: url("images/new-walk-icon.png") no-repeat scroll 0px 0px;
}

.textMain .serv-spec-clinics li.spec-antenatal span {
    background: url("images/special-sprite.png") no-repeat scroll 0px 0px;
}

.textMain .serv-spec-clinics li.spec-childhood span {
    background: url("images/special-sprite.png") no-repeat scroll -200px 0px;
}

.textMain .serv-spec-clinics li.spec-paediatric span {
    background: url("images/special-sprite.png") no-repeat scroll -0px -200px;
}

.textMain .serv-spec-clinics li.spec-skincheck span {
    background: url("images/special-sprite.png") no-repeat scroll -200px -200px;
}

.textMain .serv-spec-clinics li.spec-papsmear span {
    background: url("images/special-sprite.png") no-repeat scroll 0px -400px;
}

.textMain .serv-spec-clinics li.spec-inr span {
    background: url("images/special-sprite.png") no-repeat scroll -200px -400px;
}

.textMain .serv-spec-clinics li.spec-chronicdisease span {
    background: url("images/special-sprite.png") no-repeat scroll 0px -600px;
}

.textMain .serv-spec-clinics li.spec-seasonal span {
    background: url("images/special-sprite.png") no-repeat scroll -200px -600px;
}


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

.textMain .serv-spec-clinics li.after-hours-s span {
    background: url("images/after-hours-s-img.png") no-repeat scroll 0px 0px;
}

.textMain .serv-spec-clinics li.script-requests-s span {
    background: url("images/script-requests-s-img.png") no-repeat scroll 0px 0px;
}

.textMain .serv-spec-clinics li.sclinics-s span {
    background: url("images/sclinics-s-img.png") no-repeat scroll 0px 0px;
}

.textMain .serv-spec-clinics li.chronic-s span {
    background: url("images/chronic-s-img.png") no-repeat scroll 0px 0px;
}

.textMain .serv-spec-clinics li.medicals-s span {
    background: url("images/medicals-s-img.png") no-repeat scroll 0px 0px;
}


/*---------------------------------- Patient Journey CSS---------------------------------*/

.patient-main {
    float: left;
    width: 100%;
    margin: 45px 0 80px 0;
}

.patient-intra {
    position: relative;
    width: 482px;
    height: 450px;
    float: left;
    left: 4%;
    background: url("images/patient-journey-bg.png") no-repeat scroll center center;
}

.patient-intra h2 {
    font: 600 30px/34px 'Open Sans', sans-serif;
    color: #25535b;
    position: absolute;
    width: 46%;
    top: 39%;
    left: 2%;
    padding: 20px 0 20px 0;
    background: #fff;
}

.patient-main>.fb-page {
    border: 1px solid #478894;
    float: right;
    margin: 40px 40px 0 0;
    width: 313px;
}

.patient-intra ul li {
    font: 400 15px/19px 'Open Sans', sans-serif;
    position: absolute;
    width: 62px;
    height: 62px;
}

.patient-intra ul li a {
    display: block;
    color: #25535b;
    /*cursor: default;*/
}

.patient-intra ul li a:hover {
    color: #35a7bc;
}

.patient-intra .birth-h {
    background: url("images/birth-h-bg.png") no-repeat scroll 0px 0px;
    top: 4%;
    left: 31%;
}

.patient-intra .birth-h a {
    padding: 63px 0 0 0;
}

.patient-intra .childhood-h {
    background: url("images/chilhood-h-bg.png") no-repeat scroll 0px 0px;
    top: 7%;
    left: 63%;
    width: 187px;
}

.patient-intra .childhood-h a {
    padding: 67px 0 0 0;
}

.patient-intra .childhood-h a span {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 0 -10px;
}

.patient-intra .peadiatric-h {
    background: url("images/pediatric-h-bg.png") no-repeat scroll 0px 0px;
    top: 37%;
    left: 81%;
    width: 116px;
}

.patient-intra .peadiatric-h a {
    padding: 74px 0 0 0;
}

.patient-intra .peadiatric-h a span {
    background: #fff;
}

.patient-intra .midlife-h {
    background: url("images/midlife-h-bg.png") no-repeat scroll 0px 0px;
    top: 63%;
    left: 77%;
}

.patient-intra .midlife-h a {
    padding: 68px 0 0 0;
}

.patient-intra .midlife-h a span {
    background: #fff;
    margin: 0 0 0 -30px;
}

.patient-intra .aged-h {
    background: url("images/aged-h-bg.png") no-repeat scroll 0 0;
    bottom: 5%;
    left: 56%;
    width: 74px;
}

.patient-intra .aged-h a {
    padding: 68px 0 0 0;
}

.patient-intra .care-h {
    background: rgba(0, 0, 0, 0) url("images/care-h-bg.png") no-repeat scroll 0 0;
    bottom: 5%;
    left: 34%;
    width: 114px;
}

.patient-intra .care-h a {
    padding: 68px 0 0 0;
}

.patient-intra .care-h a span {
    margin: 0 0 0 -22px;
}


/*----------------------------------Credibility CSS---------------------------------*/

.cred-intra {
    padding: 25px 0 21px 0;
    text-align: center;
    background: url("images/cred-bg.png") repeat-x;
}

.cred-intra ul li {
    display: inline;
}

.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-left,
.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-right {
    height: 37px;
    width: 21px;
    display: block;
    top: 40%;
}

.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-left {
    background: url("images/sprite.png") no-repeat scroll -0px -80px;
    left: 0px;
}

.cred-intra .nbs-flexisel-inner .nbs-flexisel-nav-right {
    background: url("images/sprite.png") no-repeat scroll -80px -80px;
    right: 0;
}


/*-----------------------------Aside CSS---------------------------------*/

#Content-Container {
    padding: 38px 0px 30px 0px;
}

#Sidebar {
    width: 262px;
    padding: 30px 0 0 0;
}

.intra-div>#Content-Left {
    padding: 0 30px 0 0;
}

.aside-appointment {
    width: 90%;
    float: left;
    background: #33727e;
    padding: 14px 0px 10px 25px;
}

.aside-appointment p {
    color: #eeeef5;
    font: 400 17px/20px "Open Sans", sans-serif;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.aside-appointment .aside-ph-no {
    color: #ffffff;
    font: 400 23px/27px "Open Sans", sans-serif;
}

.aside-appointment .aside-ph-no a,
.aside-appointment .aside-ph-no a:hover {
    color: #ffffff;
}

.aside-appointment .aside-ph-no:hover {
    color: #95cad3;
}

.aside-appointment .aside-ph-no span {
    background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -160px -80px;
    float: left;
    height: 27px;
    margin: 2px 12px 0 3px;
    width: 28px;
}

.aside-services {
    width: 99%;
    float: left;
    margin: 10px 0 0 0;
}

.aside-services ul li {
    background: #478894 none repeat scroll 0 0;
    border-radius: 50px 0 0 50px;
    font: 600 20px/24px "Open Sans", sans-serif;
    margin: 0 0 10px;
}

.aside-services ul li:last-child {
    margin: 0 0 0px 0;
}

.aside-services ul li a {
    color: #fff;
    display: block;
    padding: 14px 0 23px;
}

.circle-aside li a {
    font: 12px/15px "Open Sans", sans-serif;
    color: #000000 !important;
    text-align: center;
}

.aside-services ul li:hover {
    background: #22545d;
}

.aside-services ul li a span {
    border: 2px solid #70b7c4;
    border-radius: 50%;
    float: left;
    height: 59px;
    width: 59px;
    margin: -14px 20px 0 0;
    background: #fff;
}

.aside-services ul li.aside-hour span {
    background: #fff url("images/sprite.png") no-repeat scroll 13px -147px;
}

.aside-services ul li.aside-appoint span {
    background: #fff url("images/sprite.png") no-repeat scroll -63px -143px;
}

.aside-services ul li.aside-clinic span {
    background: #fff url("images/sprite.png") no-repeat scroll -144px -145px;
}

.aside-services ul li.aside-form span {
    background: #fff url("images/sprite.png") no-repeat scroll -220px -142px;
}

.aside-meet-dr {
    float: left;
    width: 98%;
    background: #dddee2;
    margin: 10px 0 0 0;
    border: 2px solid #b6b6b6;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.aside-meet-dr h2 {
    font: 400 24px/24px "Open Sans", sans-serif;
    color: #ffffff;
    text-align: center;
    background: #478894;
    margin: 3px 3px 20px 3px;
    padding: 10px 0 10px 0;
}

.aside-meet-dr img {
    float: left;
    border: 2px solid #fff;
    margin: 0 0 0 12px;
}

.aside-meet-dr .dr-details {
    float: right;
    margin: 0 12px 19px 0;
    width: 50%;
}

.dr-details h1 {
    font: 400 15px/20px "Open Sans", sans-serif;
    color: #2b6e7a;
    margin: 0;
}

.dr-details p {
    color: #000000;
    font: 400 13px/17px "Open Sans", sans-serif;
    margin: 0px 0 35px;
}

.dr-details a {
    background: #478894;
    padding: 4px 18px 5px 19px;
    display: block;
    font: 600 13px/17px "Open Sans", sans-serif;
    color: #ffffff;
}

.dr-details a:hover {
    background: #54a4b3;
}

.aside-meet-dr .Doctors_nav {
    height: 25px;
    position: absolute;
    width: 18px;
    top: 49%;
    z-index: 12;
}

.aside-meet-dr .Doctors_nav.prev {
    background: url("images/aside-arrow.png") no-repeat scroll -0px 0px;
    left: 0px;
}

.aside-meet-dr .Doctors_nav.next {
    background: url("images/aside-arrow.png") no-repeat scroll -37px 0px;
    right: -3px;
}

.aside-meet-dr .aside-diana p,
.aside-meet-dr .aside-ronan p,
.aside-slide-ananya .dr-details p {
    margin: 6px 0 18px !important;
}

.aside-meet-dr .aside-pradeep p,
.aside-meet-dr .aside-steve p {
    margin: 6px 0 3px !important;
}

.aside-meet-dr .aside-scott p {
    margin: -2px 0 2px !important;
}

.aside-meet-dr .aside-mike p,
.aside-meet-dr .aside-adrian p {
    margin: 6px 0 1px !important;
}

.aside-meet-dr .aside-debbie p,
.aside-meet-dr .aside-diana p,
.aside-meet-dr .aside-peter p {
    margin: 6px 0 18px !important;
}

.aside-slide-vishnu .dr-details p,
.aside-couchman .dr-details p {
    margin: 6px 0 0px !important;
}

.aside-farrell .dr-details p,
.aside-tullett .dr-details p,
.aside-lissett .dr-details p {
    margin: 6px 0 18px !important;
}

.aside-gabutina .dr-details p,
.aside-vim .dr-details p,
.aside-catherine-colliver .dr-details p {
    margin: 6px 0 15px !important;
}


/*--------------------------------Service page css----------------------------*/

.textMain .serv-deatils {
    float: left;
    width: 99%;
}

.textMain .serv-obstetric,
.textMain .serv-pap,
.textMain .serv-chronic,
.textMain .serv-medicals,
.textMain .serv-first-visit,
.textMain .serv-after-hr,
.textMain .serv-first-script-requests,
.textMain .serv-speciality-clinic {
    border: 1px solid #5bb4c4;
    float: left;
    padding: 10px 20px 0 32px;
    width: 95%;
    margin: 0 0 40px 0;
    color: #707070;
}

.textMain .serv-deatils h2 {
    font: 600 19px/19px "Open Sans", sans-serif;
    color: #000000;
}

.textMain .serv-deatils .more-right {
    margin: 10px -20px 0 0;
    float: right;
}

.textMain .serv-deatils .more-right a {
    color: #fff;
    padding: 4px 10px 5px 10px;
    background: #478894;
    display: block;
}


/*---------------------------------Footer CSS------------------------------------------*/

footer {
    min-height: 317px;
    background: #2e5e6c url("images/footer-bg-new.jpg") no-repeat scroll center top /auto 100%;
}

.foot-main {
    width: 100%;
    float: left;
    margin: 59px 0px 0px 0px;
}

.foot-teaching {
    float: left;
    width: 200px;
}

.foot-teaching p {
    font: 600 20px/24px 'Open Sans', sans-serif;
    margin: 0;
}

.foot-teaching p a {
    color: #fff;
}

.foot-teaching p a:hover,
.foot-contact .foot-ph a:hover,
.foot-copy p a:hover {
    color: #c2dee6;
}

.foot-main h3 {
    font: 600 20px/20px 'Open Sans', sans-serif;
    margin: 0 0 32px 0;
    color: #fff;
}

.foot-contact {
    float: left;
    margin: 0 8% 0 7%;
    width: 23%;
}

.foot-contact p {
    border: 1px solid #6c8f94;
    color: #fff;
    font: 400 13px/17px "Open Sans", sans-serif;
    margin: 0;
    padding: 9px 52px 13px 11px;
}

.foot-contact .foot-ph {
    float: left;
    width: 92%;
    font: 400 13px/17px 'Open Sans', sans-serif;
    margin: 5px 0 0 0;
    color: #fff;
}

.foot-contact .foot-ph a {
    color: #fff;
    cursor: pointer;
}

.foot-follow {
    width: 15%;
    float: left;
}

.foot-follow {
    width: 30%;
    float: right;
}

.foot-follow {
    float: left;
    width: 13%;
}

.smo {
    float: left;
    width: 100%;
    margin: 0 0 17px 0;
}

.foot-follow .smo li {
    display: inline-block;
    margin: 0 9px 0 0;
    text-align: center;
    text-indent: -9999px;
}

.smo li a {
    display: block;
    background: url(images/sprite.png) no-repeat 0 0;
    width: 28px;
    height: 27px;
}

.smo .facebook a {
    background-position: 0px -240px;
}

.smo .twitter a {
    background-position: -80px -240px;
}

.smo .googleplus a {
    background-position: -160px -240px;
}

.foot-follow p img {
    margin: 0 10px 0 0;
}

.foot-copy {
    width: 29%;
    float: right;
    margin: 28px 0 0 0;
}

.foot-copy .copy-right {
    margin: 20px 0 20px 0;
}

.foot-copy p {
    font: 400 13px/17px 'Open Sans', sans-serif;
    color: #fff;
}

.foot-copy p a {
    color: #fff;
}

.foot-ypo {
    float: left;
    margin: 16px 0 0 0;
}


/*----------------------------- Navigation Starts ------------------------------*/

.navigation {
    border-bottom: 1px solid #5bb4c4;
    color: #000000;
    font: 700 15px/18px "Open Sans", sans-serif;
    padding: 0 0px 11px 0px;
}

.navigation a {
    font: 400 15px/20px 'Open Sans', sans-serif;
    color: #000000;
}


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

.textMain {
    font: 400 14px/20px 'Open Sans', sans-serif;
    color: #000000;
    padding: 6px 0px 30px 0px;
    text-align: justify;
}

.textMain a {
    color: #025384;
}

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

.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 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: 700 25px/35px 'Open Sans', sans-serif;
    color: #33727e;
    margin: 20px 0px 30px 0px;
    text-align: left;
}

.textMain h2 {
    font: 700 20px/24px 'Open Sans', sans-serif;
    color: #3e91a1;
    text-align: left;
}

.textMain h2 a {
    color: #1e1651;
}

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

.textMain h3 {
    font: 700 17px/22px 'Open Sans', sans-serif;
    color: #49acbf;
    text-align: left;
}

.textMain h3 a {
    color: #413a6b;
}

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

.textMain h4 {
    font: 700 16px/20px 'Open Sans', sans-serif;
    color: #57c9df;
    text-align: left;
}

.textMain h4 a {
    color: #8eceeb;
}

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

.textMainBold {
    font: 700 14px/20px 'Open Sans', sans-serif;
    color: #000000;
    text-align: left;
}

.textMainBold a {
    color: #025384;
}

.textMainBold a:hover {
    text-decoration: underline;
}

.PDFtext {
    font: normal 10px 'Open Sans', sans-serif;
    color: #999999;
}


/*-------------------------Our Doctors CSS--------------------*/

.textMain .our-doctors {
    float: left;
    width: 98%;
    margin: 10px 0 0 0;
}

.textMain .our-doctors ul li {
    background: none;
    border: 2px solid #5bb4c4;
    float: left;
    height: 115px;
    margin: 0 15px 15px 0;
    padding: 13px;
    width: 43%;
}

.textMain .our-doctors ul li img {
    float: left;
    height: 108px;
    width: 108px;
    margin: 0;
    border: 1px solid #ade0e9;
}

.textMain .our-doctors .dr-details {
    float: right;
    margin: 0 0px 19px 18px;
    width: 65%;
}

.textMain .our-doctors .dr-details h1 {
    font: 600 17px/20px "Open Sans", sans-serif;
    color: #000000;
    margin: 0;
}

.textMain .our-doctors .dr-details p {
    color: #707070;
    font: 400 14px/17px "Open Sans", sans-serif;
    margin: 6px 0 23px;
    text-align: left;
}

.textMain .our-doctors .dr-details a {
    background: #478894;
    padding: 4px 18px 5px 19px;
    display: block;
    font: 600 13px/17px "Open Sans", sans-serif;
    color: #ffffff;
    float: left;
}

.textMain .our-doctors .dr-details a:hover {
    background: #54a4b3;
}

.textMain .our-doctors .serv-peter .dr-details p {
    margin: 6px 0 41px !important;
}

.textMain .our-doctors .serv-steve .dr-details p {
    margin: 6px 0 24px !important;
}

.textMain .our-doctors .serv-adrian .dr-details p {
    margin: 6px 0 24px !important;
}

.textMain .our-doctors .serv-debbie .dr-details p {
    margin: 6px 0 24px !important;
}

.textMain .our-doctors .serv-ronan .dr-details p {
    margin: 6px 0 24px !important;
}

.textMain .our-doctors .serv-scott .dr-details p {
    margin: 6px 0 7px !important;
}

.textMain .our-doctors .serv-pradeep .dr-details p {
    margin: 6px 0 23px !important;
}

.textMain .our-doctors .serv-lydia .dr-details p {
    margin: 6px 0 40px !important;
}

.textMain .dr-design {
    margin: -30px 0 0;
    font: 600 13px/17px "Open Sans", sans-serif;
}

.textMain .doctor-profile {
    float: left;
    width: 99%;
}

.textMain .doctor-profile .dr-prof-img {
    float: right;
    margin: 16px 0 10px 17px;
    border: 5px solid #478894;
}

.textMain .doctor-profile .dr-prof-img h1 {
    background: #478894 none repeat scroll 0 0;
    color: #fff;
    font: 600 13px/17px "Open Sans", sans-serif;
    margin: 0;
    padding: 3px 0;
    text-align: center;
}

.textMain .hobby-photos {
    width: 80%;
    float: left;
    background: #478894;
    padding: 5px;
    text-align: center;
}

.textMain .hobby-photos h3 {
    color: #fff;
}

.textMain .hobby-photos>img {
    margin: 0 9% 45px 12%;
}

.textMain .hobby-photos .photos-l,
.textMain .hobby-photos .photos-r {
    width: 46%;
    float: left;
}

.textMain .hobby-photos .photos-l>img,
.textMain .hobby-photos .photos-r>img {
    margin: 0 0 14% 0;
}

.textMain .hobby-photos .photos-l p,
.textMain .hobby-photos .photos-r p {
    color: #fff;
    margin: -32px 0 12px;
}


/*-----------------------------Staff Css--------------------------*/

.textMain .clinic-staff {
    float: left;
    width: 99%;
    margin: 20px 0 0 0;
}

.textMain .clinic-staff h3 {
    color: #478894;
    margin: 0;
}

.textMain .clinic-staff .staff-left {
    width: 45%;
    float: left;
    margin: 0 5px 0 0;
}

.textMain .clinic-staff .staff-right {
    width: 54%;
    float: right;
}

.textMain .clinic-staff .staff-right p,
.textMain .clinic-staff .staff-left p {
    margin: 10px 0 10px 10px;
}

.textMain .clinic-staff .staff-right img,
.textMain .clinic-staff .staff-left img {
    margin: 0px 0 0px 10px;
}


/*----------------------Student Css--------------------------------*/

.textMain .prev-students {
    width: 98%;
    float: left;
}

.textMain .prev-students .student-left {
    float: left;
    width: 45%;
    border: 1px solid #478894;
}

.textMain .prev-students .student-right {
    float: left;
    width: 45%;
    border: 1px solid #478894;
}

.textMain .img-center {
    text-align: center;
}


/*---------------------------- Contact Us CSS-------------------------*/

.textMain .contact-address {
    box-shadow: 0 5px 5px 0 #aaa;
    margin: 15px auto 30px;
    padding: 10px;
    width: 98%;
}

.textMain .medical-center {
    margin: -9px 0 0 0;
    font: 700 14px/20px 'Open Sans', sans-serif;
}

.contact-address,
.contact-address .contact-address-right ul li img {
    border: 1px solid #70bdcb;
}

.textMain .contact-address h3 {
    background: #478894;
    color: #fff;
    margin: 0;
    padding: 5px 10px;
}

.contact-address .contact-address-left {
    float: left;
    margin: 12px 0 0;
    width: 40%;
}

.contact-address-left img {
    margin: -2px 6px 0 0;
}

.contact-address .contact-address-right {
    float: right;
    width: 32%;
}

.textMain .contact-address ul li {
    background: none;
}

.contact-address .contact-address-right ul li {
    float: left;
    width: 42%;
}

.contact-ph {
    margin: 10px auto;
    width: 100%;
}

.contact-ph li {
    background: none !important;
    float: left;
    padding: 0 !important;
    width: 50%;
}

.contact-ph li img {
    margin: 0 8px 0 0;
}

.contact-address-right img {
    margin: 12px 0 0 0;
}

.map-iframe {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
}


/*-------------------------Clinic History CSS------------------------------*/

#History-Content-Container {
    margin: 0;
    width: 100%;
    padding: 26px 0 0px;
}

#specilaity-Content-Container {
    margin: 0;
    width: 100%;
    padding: 26px 0 0px;
}

.border-blue {
    width: 100%;
    background: url(images/border-blue-bg.png) no-repeat 0px 48px;
}

.border-blue .navigation {
    border-bottom: none;
}

.history-imgs {
    width: 470px;
    padding: 6.5% 0 0 0;
}

.history-imgs p {
    font: 600 20px/20px "Open Sans", sans-serif;
}

.clinic-history .restructure-default {
    min-height: 16px;
    background-image: none;
    left: 54px;
    position: relative;
    background: url(images/default-line-bg.png) repeat-y 0px 0px;
}

.display-call span {
    display: none;
}

.dtel {
    display: inline;
}

.mtel {
    display: none;
}

.news-list li {
    background: none !important;
    float: left;
    margin: 20px 10px 0 0;
    padding-left: 0 !important;
}

.articles-bottom div {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    /* padding-right: 10px; */
    border: 1px solid #ccc;
    min-height: 200px;
    padding: 0 10px;
}

.articles-bottom h4 {
    text-align: center;
    text-decoration: underline;
}

.articles-bottom p {
    display: block;
    /* margin-right: 0; */
}

.articles-bottom p a {
    /* margin-bottom: 10px; */
    display: inline-block;
    width: 150px;
    text-align: center;
}

.articles-bottom p a,
.news-list li a {
    background: #54a4b3;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    text-decoration: none !important;
}

.pinehall {
    float: left;
    width: 24%;
    padding: 20px 0 5px 0;
    margin: 0 4% 0 0;
}

.address {
    margin-top: 10px;
    width: 280px !important;
}

.ph-address p {
    color: #478894;
    font: 600 17px/17px "Open Sans", sans-serif;
    margin: 0px 0% 5% 0;
}

.timeline-main img {
    float: right;
}


/* saf3+, chrome1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .clinic-history .restructure-default {
        left: 55px;
    }
    .clinic-history .default {
        left: 55px !important;
    }
    .clinic-history .default2 {
        left: 55px !important;
    }
}

.clinic-history .default {
    min-height: 880px;
    background-image: none;
    left: 54px;
    position: relative;
    background: url(images/default-line-bg.png) repeat-y 0px 0px;
}

.clinic-history .default2 {
    min-height: 145px;
    background-image: none;
    left: 54px;
    position: relative;
    background: url(images/default-line-bg.png) repeat-y 0px 0px;
}

.history-imgs .img1984 {
    margin: 20% 0 0;
}

.history-imgs .img1997 {
    margin: 97% 0 0;
}

.history-imgs .img2010 {
    margin: 108% 0 0;
}

.history-imgs .img2016 {
    margin: 20px 0 0;
}


/*.clinic-history-main {
	background: url(images/vertical-line.jpg) repeat-y right 0;
}*/

.clinic-history {
    float: right;
    margin: -51px 0 0 26px;
    width: 128px;
}

.clinic-history .timeline {
    background: #478894 none repeat scroll 0 0;
    color: #fff;
    font: 600 20px/20px "Open Sans", sans-serif;
    margin: 0px 0 0 6px;
    padding: 5px;
    text-align: center;
    width: 100px;
}

.clinic-history>ul {
    margin: 41px 0 0;
}

.clinic-history ul li {
    font: 700 18px/18px "Open Sans", sans-serif;
    padding: 0;
}

.clinic-history ul li a {
    display: block;
    color: #33727e;
    text-align: center;
    padding-top: 65px;
}

.clinic-history ul li a:hover {
    text-decoration: none;
    color: #55bbce;
}

.clinic-history ul li a span {
    float: left;
    margin: 25px 0 9px 9px;
}

.clinic-history .offical-open {
    height: 325px;
    background: url(images/official-history-bg-new.png) no-repeat 0 top;
}

.clinic-history .offical-open span {
    height: 33px;
    width: 43px;
    background: url(images/history-sprite.png) no-repeat 0px 0px;
}

.clinic-history .restructure {
    height: 625px;
    background: url(images/restructure-bg-new.png) no-repeat top center;
    /* margin-top: 6px; */
}


/*.restructure > a {
	margin: -6px 0 0px -19px !important;
}*/

.clinic-history .restructure span {
    background: rgba(0, 0, 0, 0) url("images/history-sprite.png") no-repeat scroll -80px 0;
    height: 38px;
    margin: 30px 0 4px 2px;
    width: 46px;
}

.clinic-history .growth {
    height: 650px;
    background: url(images/growth-bg.png) no-repeat top center;
}

.clinic-history .growth span {
    background: url("images/history-sprite.png") no-repeat scroll -160px 0;
    height: 37px;
    width: 42px;
}

.clinic-history .expansion {
    height: 820px;
    background: url(images/expand-bg.png) no-repeat top center;
}

.expansion>a {
    margin: 0 0 0 -8px !important;
}

.clinic-history .expansion span {
    background: url("images/history-sprite.png") no-repeat scroll -240px 0;
    height: 37px;
    margin: 20px 0 6px 2px;
    width: 78px;
}

.clinic-history .now {
    height: 400px;
    background: url(images/now-bg-new.png) no-repeat top center;
}

.img2018 img {
    margin-top: 430px;
}


/*.now > a {
	padding: 65px 0 0 14px !important;
}*/

.clinic-history .now span {
    background: rgba(0, 0, 0, 0) url("images/history-sprite.png") no-repeat scroll -360px 0;
    height: 22px;
    margin: -28px 0 0 5px;
    width: 35px;
}

.history-appoint {
    float: right;
    margin: -54px -64% 0 0;
}

.serv-speciality {
    float: right;
    margin: -54px 0 0 0;
}

.navigation .aside-appointment {
    background: #33727e none repeat scroll 0 0;
    float: left;
    margin: 0 11px 0 0;
    padding: 8px 0 8px 19px;
    width: 217px;
}

.navigation .aside-appointment p {
    color: #eeeef5;
    font: 400 17px/20px "Open Sans", sans-serif;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.navigation .aside-appointment .history-ph {
    color: #ffffff !important;
    font: 400 23px/27px "Open Sans", sans-serif;
    margin: 0;
}

.navigation .aside-appointment .history-ph a {
    color: #ffffff !important;
    font: 400 23px/27px "Open Sans", sans-serif;
}

.navigation .aside-appointment .history-ph:hover {
    color: #95cad3 !important;
}

.navigation .aside-appointment .history-ph span {
    background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -160px -80px;
    float: left;
    height: 27px;
    margin: 2px 12px 0 3px;
    width: 28px;
}

.history-appoint .aside-services,
.serv-speciality .aside-services {
    width: 300px;
    float: right;
}

.history-appoint .aside-services ul li,
.serv-speciality .aside-services ul li {
    float: left;
    background: none;
    width: 75px;
}

.history-appoint .aside-services ul li a,
.serv-speciality .aside-services ul li a {
    display: block;
    padding: 0;
}

.serv-speciality .aside-services ul li {
    width: 88px;
    text-align: center;
}

.serv-speciality .aside-services ul li a {
    color: #000;
    font: 400 12px/12px "Open Sans", sans-serif;
}

.serv-speciality .aside-services {
    width: 360px;
}

.history-appoint .aside-services ul li a span,
.serv-speciality .aside-services ul li a span {
    border: 2px solid #70b7c4;
    border-radius: 50%;
    float: left;
    height: 59px;
    width: 59px;
    margin: -14px 20px 0 0;
    background: #fff;
}

.serv-speciality .aside-services ul li a span {
    margin: -14px 20px 0 15px;
}

.history-appoint .aside-services ul li.aside-hour span,
.serv-speciality .aside-services ul li.aside-hour span {
    background: #fff url("images/sprite.png") no-repeat scroll 13px -147px;
}

.history-appoint .aside-services ul li.aside-appoint span,
.serv-speciality .aside-services ul li.aside-appoint span {
    background: #fff url("images/sprite.png") no-repeat scroll -63px -143px;
}

.history-appoint .aside-services ul li.aside-clinic span,
.serv-speciality .aside-services ul li.aside-clinic span {
    background: #fff url("images/sprite.png") no-repeat scroll -144px -145px;
}

.history-appoint .aside-services ul li.aside-form span,
.serv-speciality .aside-services ul li.aside-form span {
    background: #fff url("images/sprite.png") no-repeat scroll -220px -142px;
}


/*--------------------Other css-------------------------*/

.mandatory-text,
.mandatory {
    color: #f57f24;
}

ul.patient-forms li {
    background: none;
}

.patient-form-footer-content {
    color: #666;
    font-size: 11px;
    padding: 10px 0 0;
}

.patient-form-footer-content img {
    float: left;
    margin: 0px 10px 0 0;
}

ul.patient-forms li a {
    background: url("images/pdf-icon.png") no-repeat scroll 0 0;
    color: #000;
    display: inline-block;
    margin-top: 7px;
    padding: 0 0 0 25px;
}

.pdf-icon img {
    float: left;
    margin: 0px 10px 30px 0px;
}

#backtotop {
    background: rgba(0, 0, 0, 0) url("images/scrool-top.png") no-repeat scroll 0 0;
    bottom: 50px;
    cursor: pointer;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 40px;
}

.child-list ul li,
.other-list ul li {
    background: #478894 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 3px 3px #9f9f9f;
    float: left;
    height: 30px;
    margin: 5px 10px 7px 0;
    padding: 10px 0 10px 15px;
    text-align: left;
    width: 33%;
}

.child-list ul li a,
.other-list ul li a {
    color: #fff;
    font: 400 14px/20px "Open Sans", sans-serif;
}

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

.UseFul-links img {
    border: 1px solid #666;
    float: left;
    margin: 2px;
    padding: 10px;
}

.formHead {
    color: #ffffff;
    font: 700 14px/20px "Open Sans", sans-serif;
}

.textNormal {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.review {
    height: auto;
    margin: 20px auto 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.review img {
    margin: 5px;
    padding: 0;
}

.about-clinic-img {
    float: right;
    margin: 4px 0 7px 11px;
}

.after-hr-appointment {
    float: left;
    width: 98%;
    padding: 10px 0 0 0;
}

.billing-hr-appointment li {
    float: left;
    background: none !important;
    display: inline-block;
}

.after-hr-appointment li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    float: left;
    margin: 15px 5px;
    padding: 0 !important;
}

.billing-hr-appointment li a {
    height: 38px;
    width: 56px;
    display: block;
    padding: 40px 0 0;
}

.billing-hr-appointment .billing-s-bg a {
    background: url("images/billing-bg.png") no-repeat scroll 3px 0;
}

.billing-hr-appointment .appoint-s-bg a {
    background: url("images/appointment-s-bg.png") no-repeat scroll 20px 0;
}

.after-hr-appointment li a {
    font-weight: bold;
}

.after-hr-appointment li a span {
    height: 59px;
    width: 57px;
    display: block;
    float: left;
    border: 2px solid #70b7c4;
    border-radius: 50%;
    margin: -22px 7px 0 0;
}

.after-hr-appointment .aftr-h-bg a span {
    background: #fff url("images/sprite.png") no-repeat scroll 13px -147px;
}

.after-hr-appointment .online-appoint-bg a span {
    background: #fff url("images/sprite.png") no-repeat scroll -63px -147px;
}

.after-hr-appointment .billing-bg a span {
    background: #fff url("images/app-billing.png") no-repeat scroll center center;
}

.after-hr-appointment .online-app-bg a {
    background: url("images/appointment-s-bg.png") no-repeat scroll 0 0;
}

.after-hr-appointment .appointments-bg a span {
    background: url("images/appointments-bg.png") no-repeat scroll center center;
}


/*-----------------Multimedia CSS----------------------------*/

.multimedia-iframe iframe {
    border: none;
    height: 670px;
}

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

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


/*---------------forms css---------------------*/

.wp-form {
    border: 1px solid #478894;
    margin: 21px auto;
    width: 99%;
    padding: 0 0 0 0;
    font: normal 13px Verdana, Geneva, sans-serif;
}

.wp-form ul {
    margin: 15px 6%;
}

.wp-form ul li {
    width: 100%;
    padding: 0;
    background: none !important;
    margin: 0 0 10px 0;
}

.wp-form ul.text li {
    width: 45%;
    float: left;
    margin-right: 5%;
    height: 30px;
}

.wp-form ul li.full-list label b,
.wp-form ul li.full-list label {
    font: normal 13px verdana !important;
}

.wp-form ul.text li input[type="text"],
.wp-form ul li textarea,
.wp-form ul.captcha li input[ type="text"],
.wp-form ul.text li select,
.wp-form ul.text li input[type="email"] {
    border: 1px solid #478894;
    padding: 3px 5px;
}

.wp-form ul li textarea {
    width: 94%;
    height: 130px;
    margin: 0 0 0 1%;
    font: normal 13px Verdana, Geneva, sans-serif;
}

.wp-form ul.text li input[type="text"],
.wp-form ul.text li input[type="email"] {
    height: 23px;
    width: 100%;
}

.wp-form ul.text li select {
    width: 100%;
    height: 29px;
}

.wp-form ul.captcha li img {
    width: auto;
    height: 50px;
}

.wp-form ul.captcha li input[type="text"] {
    height: 23px;
    width: 25%;
    margin: 0 0 0 2%;
}

.wp-form ul li.buttons input[type="submit"],
.wp-form ul li.buttons input[type="reset"] {
    background: #478894;
    padding: 3px 20px;
    border: 1px solid #478894;
    color: #ffffff;
    font-weight: normal;
    cursor: pointer;
    margin: 10px 0 0 10px;
}

.wp-form ul.testimonial-section li {
    float: left;
}

.wp-form ul.testimonial-section li label {
    font-weight: normal;
    margin: 0 10px 0 0px;
}

.wp-form ul.testimonial-section li.agree-text {
    width: 100%;
    font-weight: normal;
    text-align: left;
}

.wp-form ul.testimonial-section li.agree-text span.wpcf7-list-item {
    display: block;
}

.textMain .wp-form h3 {
    background: #513AB5;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 5px 0 5px 10px;
    clear: both;
    margin: 0 0 10px 0;
}

.textMain .wp-form ul.text {
    padding: 10px 0 0 1% !important;
}

.wpcf7-captcha-captcha-177,
.wpcf7-captchac {
    width: 200px;
    height: 60px;
}

.button-style {
    margin: auto 23%;
    width: 52%;
    float: none;
}

#tell-friend .form-container .close {
    background-size: 100%;
    padding: 0px;
    right: -3px;
    top: 32px;
    height: 29px;
    width: 29px;
}

div.wpcf7 .watermark {
    color: #2b2b2b !important;
    font: normal 12px Verdana, Geneva, sans-serif;
}

a.call-block,
.ph-address .phone a.call-block {
    display: none;
}

.hiring-txt {
    font: 600 20px/28px 'Open Sans', sans-serif;
    text-align: center;
    margin: 6% 0px 0px 5%;
    display: block;
    cursor: pointer;
    background: #478894;
    border-radius: 5px;
    width: 195px;
    height: 34px;
}

.hiring-txt a {
    color: #fff;
    display: block;
}

.hiring-txt a {
    text-shadow: 0 0 10px #478894;
}


/* ------------------------------ Media Screen:1124px CSS ------------------------------ */

@media screen and (max-width: 1124px) {
    .appointment p {
        font: 600 2vw/28px "Open Sans", sans-serif;
    }
    .web-search #txtsearch {
        width: 49%;
    }
    .textMain .our-doctors ul li {
        width: 355px;
    }
    .textMain .our-doctors ul li img {
        height: auto;
        width: 29%;
    }
    .textMain .our-doctors .dr-details {
        float: right;
        margin: 0 0 0 2%;
        width: 65%;
    }
    #Services {
        margin-top: -80px;
        padding-bottom: 50px;
    }
    .service-intra {
        margin: 0px auto;
        text-align: center;
        float: none;
        text-align: center;
        width: 100%;
    }
    .service-intra ul li {
        font: 700 17px/19px "Open Sans", sans-serif;
        height: 140px;
        margin: -50px 5% 7% 4% !important;
        width: 140px;
    }
    .service-intra ul li a {
        padding: 160px 0 0;
    }
}


/* ------------------------------ Media Screen:980px CSS ------------------------------ */

@media screen and (max-width: 980px) {
    .history-imgs {
        width: auto;
    }
    .web-search {
        width: 44%;
    }
    .web-search input[type="submit"] {
        top: 0px;
        right: 35px;
    }
    .navigation .aside-appointment {
        float: none;
        margin: 10px auto;
        width: 217px;
    }
    .appointment {
        float: right;
        width: 40%;
    }
    .web-search input[type="submit"] {
        margin: 0 2px 0 0;
    }
    #Header .intra-div {
        padding: 0 1%;
        width: 98%;
    }
    /*.hawkins-logo {
	width: 268px;
}*/
    .appointment p {
        font: 600 2.5 vw/28px "Open Sans", sans-serif;
        margin: 7% 0 0;
    }
    .ph-address {
        margin: 13px 0 0;
        width: 44%;
    }
    .ph-address .phone {
        margin: 0%;
    }
    #Intra-Container #Interactivity #Banner0,
    #Intra-Container #Interactivity #Banner1,
    #Intra-Container #Interactivity #Banner2,
    #Intra-Container #Interactivity #Banner3,
    #Intra-Container #Interactivity #Banner4,
    #Intra-Container #Interactivity #Banner5,
    #Intra-Container #Interactivity #Banner6 {
        background-position: left;
    }
    #Intra-Container-S #Interactivity #Banner0,
    #Intra-Container-S #Interactivity #Banner1,
    #Intra-Container-S #Interactivity #Banner2,
    #Intra-Container-S #Interactivity #Banner3,
    #Intra-Container-S #Interactivity #Banner4,
    #Intra-Container-S #Interactivity #Banner5,
    #Intra-Container-S #Interactivity #Banner6 {
        background-position: center left;
    }
    #Intra-Container #Interactivity .banner-text {
        top: 42%;
        float: right;
        width: 40%;
    }
    #Intra-Container #Interactivity .banner-text h2 {
        font: normal 31px/33px "brisa_alternatesregular";
    }
    #Intra-Container-S #Interactivity .banner-text {
        float: right;
        left: auto;
        top: 34%;
        width: 56%;
    }
    .patient-intra {
        float: none;
        left: 0;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    .patient-main>.fb-page {
        float: none;
        margin: 2% 20% 0 35%;
    }
    .foot-main {
        padding: 0 1%;
        width: 98%;
    }
    .foot-contact {
        width: 35%;
        margin: 0 15% 0 18%;
    }
    .foot-contact .foot-ph {
        width: 100%;
        color: #fff;
    }
    .foot-follow {
        width: 21%;
    }
    .foot-copy {
        float: left;
        margin: 28px 0 1%;
        width: 98%;
    }
    .foot-ypo {
        float: none;
        margin: 0 auto;
        width: 18%;
    }
    .serv-speciality {
        margin: -57px 0% 0 0;
    }
    .serv-speciality .aside-services ul li a {
        color: #000000 !important;
    }
    .textMain .serv-spec-clinics li {
        font: 600 16px/19px "Open Sans", sans-serif;
        margin: 47px 0 0 14%;
        width: 31%;
    }
    .textMain .our-doctors ul li {
        height: 146px;
    }
    .textMain .our-doctors ul li img {
        float: left;
        width: 32%;
    }
    .textMain .our-doctors .dr-details {
        margin: 0 0 0 2%;
    }
}

@media screen and (max-width: 830px) {
    .web-search input[type="submit"] {
        right: 10px;
    }
    .web-search {
        margin: 15px 0 0 0;
    }
    .ph-address p {
        float: left;
    }
    .ph-address .phone {
        margin: 0%;
    }
}


/* ------------------------------ Media Screen:768px CSS ------------------------------ */

@media screen and (max-width: 768px) {
    .web-search {
        float: none;
        margin: 0 auto;
        width: 200px;
        display: block;
        text-align: center;
    }
    .web-search p {
        float: none;
        width: auto;
        margin: 10px 0;
    }
    .web-search #txtsearch {
        width: auto;
        float: none;
    }
    .web-search input[type="submit"] {
        float: none;
    }
    .navigation .aside-appointment {
        margin: 10px auto;
        width: 217px;
    }
    .serv-speciality .aside-services {
        float: none;
        margin: 21px auto;
        width: 360px;
    }
    .textMain .our-doctors ul li {
        float: none;
        height: 135px;
        margin: 10px auto;
        padding: 13px;
        width: 311px;
    }
    .textMain .our-doctors .dr-details h1 {
        font: 600 14px/20px "Open Sans", sans-serif;
    }
    .textMain .our-doctors .serv-peter .dr-details p {
        margin: 6px 0 21px !important;
    }
    .dr-details p {
        font: 400 11px/17px "Open Sans", sans-serif;
    }
    #Intra-Container #Interactivity .banner-text {
        width: 44%;
        top: 62%;
    }
    .history-appoint {
        margin: -53px -186% 0 0;
    }
    .clinic-history {
        margin: -24px 0 0 26px;
    }
    .textMain .serv-spec-clinics li {
        font: 600 14px/19px "Open Sans", sans-serif;
    }
    #Content-Left,
    #Sidebar,
    .history-imgs {
        display: table-cell;
    }
    .history-imgs .img1984,
    .history-imgs .img1997,
    .history-imgs .img2010,
    .history-imgs .img2016 {
        margin: 2% 0 0;
    }
    .clinic-history .default {
        left: 55px;
        min-height: 731px;
    }
    .clinic-history .default2 {
        left: 55px;
        min-height: 65px;
    }
    #Services {
        margin-top: 0;
        padding-bottom: 20px;
    }
    .service-intra {
        padding: 0;
    }
    .service-intra ul li {
        margin: -50px 3% 7% 2% !important;
    }
    .intra-div>#Content-Left {
        padding: 0 30px 0 15px;
    }
    #Intra-Container #Interactivity .banner-text h2 {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        padding: 8px 0;
        text-align: center;
    }
    #Intra-Container-S #Interactivity .banner-text h2 {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        padding: 8px 0;
        text-align: center
    }
    .serv {
        clear: both;
        display: inline-block;
        float: none;
        padding: 15px 0;
        text-align: center;
        width: 45%;
    }
    .upper-logos {
        text-align: center;
    }
    .hawkins-logo,
    .pinehall {
        float: none;
        width: 230px;
        padding: 0;
        margin: 20px;
        display: inline-block;
    }
    .ph-address {
        float: none;
        margin: 10px auto !important;
        width: 60% !important;
        clear: both;
    }
    .ph-address p {
        text-align: center;
    }
    .appointment {
        float: none;
        margin: 0 auto;
    }
}


/* ------------------------------ Media Screen:640px CSS ------------------------------ */

@media screen and (max-width: 640px) {
    .hawkins-logo,
    .pinehall {
        margin: 10px;
    }
    .service-intra {
        float: none;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: auto;
    }
    .service-intra ul li {
        height: 140px;
        margin: 0 4% 0 0 !important;
        width: 140px;
        font: 700 17px/19px "Open Sans", sans-serif;
    }
    a.call-none,
    .ph-address .phone a.call-none {
        display: none;
    }
    a.call-block,
    .ph-address .phone a.call-block {
        display: block;
    }
    .appointment {
        float: none;
        margin: 0 auto 2%;
    }
    .ph-address {
        float: none;
        margin: 0 auto;
        width: 65%;
    }
    .ph-address {
        margin: 8px 0 0 0;
    }
    .ph-address .address {
        margin: 8px 0px 10px 10px;
    }
    .appointment p {
        font: 600 3vw/28px "Open Sans", sans-serif;
        margin: 7% 0 0;
    }
    #Content-Left,
    #Sidebar {
        display: inherit;
    }
    #Sidebar {
        margin: 0 1%;
        width: 98%;
    }
    .history-imgs {
        display: inherit;
        margin: 0 auto;
        width: 98%;
    }
    .history-imgs img {
        width: 100%;
    }
    .history-appoint {
        display: none;
    }
    .aside-appointment {
        float: none;
        margin: 0 auto;
        width: 89%;
    }
    .aside-meet-dr .dr-details {
        float: left;
        margin: 0 6px 19px 4%;
        width: 21%;
    }
    .textMain {
        padding: 6px 0 30px 9px;
    }
    .navigation {
        border-bottom: none;
        padding: 0 0 11px 1%;
    }
    #backtotop {
        background: none;
    }
    .child-list ul li,
    .other-list ul li {
        width: 45%;
    }
    .patient-main>.fb-page {
        float: none;
        margin: 2% 20% 0 26%;
    }
    .textMain .serv-spec-clinics li {
        font: 600 16px/19px "Open Sans", sans-serif;
        margin: 47px 0 0 22%;
        width: 57%;
    }
    .serv-speciality {
        display: none;
    }
    .display-call span {
        display: block;
    }
    .display-call div {
        display: none;
    }
    .dtel {
        display: none;
    }
    .mtel {
        display: inline;
    }
    .service-intra ul li {
        float: left;
        height: 130px;
        margin: 40px 7% !important;
        width: 130px;
    }
    .service-intra ul li a {
        padding: 140px 0 0;
    }
    #Intra-Container-S #Interactivity .banner-text {
        float: none;
        left: 0;
        top: 63%;
        width: auto;
    }
    .web-search p {
        float: none;
        clear: both;
        width: auto;
    }
    .web-search #txtsearch {
        float: none;
        margin: 10px auto 0;
        clear: both;
    }
    /* ------------------------------ Media Screen:480px CSS ------------------------------ */
    @media screen and (max-width: 480px) {
        #Intra-Container #Interactivity,
        #Intra-Container-S #Interactivity {
            height: 230px;
        }
        #Intra-Container #Interactivity #Banner0 {
            background: url(images/racgp-award-banner-home-2019-responsiv.jpg) no-repeat scroll right top;
        }
        #Intra-Container #Interactivity #Banner1 {
            background: url(images/banner5-mob.jpg) no-repeat scroll right top;
        }
        #Intra-Container #Interactivity #Banner2 {
            background: url(images/banner6-mob.jpg) no-repeat scroll right top;
        }
        #Intra-Container #Interactivity #Banner3 {
            background: url(images/banner7-mob.jpg) no-repeat scroll right top;
        }
        #Intra-Container-S #Interactivity #Banner0 {
            background: url(images/racgp-award-banner-home-2019-responsiv.jpg) no-repeat scroll right top;
        }
        #Intra-Container-S #Interactivity #Banner1 {
            background: url(images/sub-banner5-mob.jpg) no-repeat scroll left top;
        }
        #Intra-Container-S #Interactivity #Banner2 {
            background: url(images/sub-banner6-mob.jpg) no-repeat scroll right top;
        }
        #Intra-Container-S #Interactivity #Banner3 {
            background: url(images/sub-banner7-mob.jpg) no-repeat scroll right top;
        }
        #Intra-Container-S #Interactivity .banner-text {
            top: 15%;
            width: 56%;
        }
        #Intra-Container #Interactivity #Banner0,
        #Intra-Container #Interactivity #Banner1,
        #Intra-Container #Interactivity #Banner2,
        #Intra-Container #Interactivity #Banner3,
        #Intra-Container #Interactivity #Banner4,
        #Intra-Container #Interactivity #Banner5,
        #Intra-Container #Interactivity #Banner6 {
            background-position: left top;
            background-size: 100% auto;
        }
        #Intra-Container-S #Interactivity #Banner0,
        #Intra-Container-S #Interactivity #Banner1,
        #Intra-Container-S #Interactivity #Banner2,
        #Intra-Container-S #Interactivity #Banner3,
        #Intra-Container-S #Interactivity #Banner4,
        #Intra-Container-S #Interactivity #Banner5,
        #Intra-Container-S #Interactivity #Banner6 {
            background-position: center top;
            background-size: 100% auto;
        }
        #Intra-Container #Interactivity .banner-text {
            top: 20%;
            width: 45%;
            right: 8%;
        }
        #Intra-Container #Interactivity .banner-text h2 {
            font: normal 20px/20px "brisa_alternatesregular";
            display: none;
        }
        #Intra-Container-S #Interactivity .banner-text h2 {
            color: #33727e;
            font: normal 20px/20px "brisa_alternatesregular";
            display: none;
        }
        #Intra-Container #Interactivity .Banner_nav.next,
        #Intra-Container-S #Interactivity .Banner_nav.next {
            display: none;
        }
        #Intra-Container #Interactivity .Banner_nav.prev,
        #Intra-Container-S #Interactivity .Banner_nav.prev {
            display: none;
        }
        .service-intra ul li {
            float: left;
            height: 137px;
            margin: 5% !important;
            text-align: center;
            width: 137px;
        }
        .patient-main {
            float: none;
            margin: 20px auto;
            width: 70%;
        }
        .patient-intra {
            background: rgba(0, 0, 0, 0) url("images/patient-journey-bg.png") no-repeat scroll center center / 100% auto;
            float: none;
            height: 367px;
            left: 0%;
            position: relative;
            width: 253px;
            margin: 10px auto;
        }
        .patient-intra h2 {
            font: 600 20px/26px "Open Sans", sans-serif;
            left: -7%;
        }
        .patient-intra ul li {
            font: 400 13px/17px "Open Sans", sans-serif;
        }
        .patient-intra .birth-h {
            left: 2%;
            top: 14%;
        }
        .patient-intra .childhood-h {
            left: 53%;
            top: 6%;
            width: 135px;
        }
        .patient-intra .peadiatric-h {
            left: 83%;
            top: 33%;
            width: 97px;
        }
        .birth-h span {
            background: #fff;
        }
        .patient-intra .midlife-h a {
            padding: 63px 0 0;
        }
        .patient-intra .midlife-h a span {
            margin: 0 0 0 10px;
        }
        .patient-intra .care-h {
            bottom: 15%;
            left: 6%;
            width: 75px;
        }
        .patient-intra .aged-h {
            bottom: 11%;
            left: 51%;
            width: 74px;
        }
        .patient-intra .peadiatric-h a span {
            margin: 0 0 0 -26px;
        }
        .patient-main>.fb-page {
            float: none;
            margin: 0 auto 0 1%;
        }
        .patient-main>img {
            float: none;
            margin: 0 auto 0 10%;
            width: 65%;
        }
        .appointment {
            float: none;
            margin: 0 auto;
            width: 52%;
        }
        .appointment p {
            font: 600 15px/28px "Open Sans", sans-serif;
        }
        .ph-address {
            clear: both;
            float: left;
            margin: 20px;
            width: 90%;
        }
        .ph-address .phone {
            float: none;
            margin: 0 auto;
            padding: 0% 0 8px;
            width: 68%;
        }
        .ph-address .address {
            margin: 8px 0 0 16%;
            float: none;
        }
        .service-intra ul li:hover {
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
            transform: none;
        }
        .service-intra ul li:hover a {
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
        }
        .service-intra {
            float: none;
            margin: 20px auto;
            padding: 0;
        }
        .foot-teaching {
            width: 40%;
        }
        .foot-contact {
            margin: 0 1% 0 3%;
            width: 56%;
        }
        .foot-contact p {
            padding: 9px 13px 13px 11px;
        }
        .foot-contact .foot-ph {
            width: 67%;
        }
        .foot-follow {
            float: none;
            margin: 0 auto;
            width: 94%;
        }
        .foot-ypo {
            width: 30%;
        }
        #Services {
            border-bottom: none;
        }
        .textMain .serv-obstetric,
        .textMain .serv-pap,
        .textMain .serv-chronic,
        .textMain .serv-medicals,
        .textMain .serv-first-visit,
        .textMain .serv-after-hr,
        .textMain .serv-first-script-requests {
            padding: 10px 20px 0;
        }
        .aside-meet-dr .dr-details {
            width: 41%;
        }
        .dr-details a {
            text-align: center;
        }
        .textMain .hobby-photos .photos-l,
        .textMain .hobby-photos .photos-r {
            float: left;
            margin: 0 13px 0 0;
            width: 88%;
        }
        .textMain .clinic-staff .staff-right {
            float: left;
            width: 100%;
        }
        .textMain .clinic-staff .staff-left {
            width: 100%;
        }
        .contact-address .contact-address-left {
            width: 80%;
        }
        .contact-address .contact-address-right {
            float: left;
            width: 99%;
        }
        .contact-address .contact-address-right ul li {
            width: 38%;
        }
        .contact-ph li {
            float: none;
            margin: 0 auto 10px;
            width: 79%;
        }
        .wp-form ul.text li {
            width: 95%;
        }
        .wp-form ul.captcha li input[type="text"] {
            width: 44%;
        }
        .child-list ul li,
        .other-list ul li {
            width: 100%;
        }
        .clinic-history .timeline {
            margin: 28px 0 0 6px;
        }
        .textMain .serv-spec-clinics li {
            margin: 47px 0 0 31%;
            width: 60%;
        }
        .web-search input[type="submit"] {
            display: none;
        }
        .ph-address {
            float: none;
        }
        .ph-address .phone {
            float: none;
            margin: 0 auto;
            padding: 0% 0 8px;
            width: 200px !important;
            clear: both;
        }
        .address {
            text-align: center;
        }
    }
    @media screen and (max-width: 360px) {
        .service-intra ul li {
            float: none;
            height: 137px;
            margin: 0 auto !important;
            text-align: center;
            width: 137px;
            margin-bottom: 60px !important;
        }
        .patient-main {
            width: 100%;
        }
        .web-search {
            width: 97%;
        }
        .web-search #txtsearch {
            width: 40%;
        }
        .intra-div>#Content-Left {
            padding: 0 30px 0 0;
        }
        .serv>div {
            height: 120px;
            width: 120px;
        }
        .serv>div a {
            font: 700 16px/20px "Open Sans", sans-serif;
            padding-top: 170px;
        }
        .appointment {
            width: 66%;
        }
    }
}