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

@font-face {
    font-family: 'RalewayMedium';
    src: url('/fonts/raleway-medium.eot');
    src: url('/fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-medium.woff') format('woff'),
         url('/fonts/raleway-medium.ttf') format('truetype'),
         url('/fonts/raleway-medium.svg#RalewayMedium') format('svg');
		 font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway-Regular.eot');
  src: url('/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Raleway-Regular.woff') format('woff'),
       url('/fonts/Raleway-Regular.ttf') format('truetype'),
       url('/fonts/Raleway-Regular.svg#Raleway') format('svg');
	   font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayLight';
    src: url('/fonts/raleway-light.eot');
    src: url('/fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-light.woff') format('woff'),
         url('/fonts/raleway-light.ttf') format('truetype'),
         url('/fonts/raleway-light.svg#RalewayLight') format('svg');
		  font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewaySemiBold';
    src: url('/fonts/raleway-semibold.eot');
    src: url('/fonts/raleway-semibold.eot') format('embedded-opentype'),
         url('/fonts/raleway-semibold.woff') format('woff'),
         url('/fonts/raleway-semibold.ttf') format('truetype'),
         url('/fonts/raleway-semibold.svg#RalewaySemiBold') format('svg');
		 		  font-weight: normal;
    font-style: normal;
}

/*mobile menu css*/
#dc_jqaccordion_widget-2-item {
font: normal 13px/20px Verdana, sans-serif;
border-top: 1px solid #111;
border-right: 1px solid #111;
border-left: 1px solid #111;
}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {
margin: 0;
padding: 0;
border: none;
list-style: none;
}
#dc_jqaccordion_widget-2-item ul a {
padding: 10px 10px 10px 50px;
text-decoration:none;
display: block;
color: #fff !important;
border-bottom: 1px solid #bd3b5a;
position: relative;
width:100% !important;
background: url(/images/arrow1.png) no-repeat 80% center #D74467 !important;
}
#dc_jqaccordion_widget-2-item ul ul a {
background: url(/images/arrow1.png) no-repeat 80% center #D74467 !important;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {
background: url(/images/arrow1.png) no-repeat 80% center #D74467 !important;
}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {
position: absolute;
top: 50%;
left: 14px;
width: 34px;
margin-top: -17px;
height: 34px;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {
}
#dc_jqaccordion_widget-2-item ul a:hover, #dc_jqaccordion_widget-2-item ul .current_page_item > a, #dc_jqaccordion_widget-2-item > ul .current_page_item > a  {
background: url(/images/arrow1.png) no-repeat 80% center #bd3b5a !important;
color: #d3efff;
}
#dc_jqaccordion_widget-2-item ul .current-menu-ancestor > a, #dc_jqaccordion_widget-2-item > ul .current-menu-ancestor > a {
background: #bd3b5a !important;
}



/* ------------------------------ 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;
}
/* ------------------------------ General CSS ------------------------------ */
.hr {
height: 10px;
background: url(/images/hr.gif) repeat-x left center;
}
.clear-float {
clear: both;
}
.align-left {
float: left;
}
.align-right {
float: right;
width:200px;
padding:2px;
border:1px solid #333;
margin:0px 0px 10px 15px;
}
.videoBorder {
border: 4px solid #333;
margin: 10px auto;
padding: 50% 0 0;
position: relative;
width: 90%;
}
.intra-div {
width: 100%;
}
/* ------------------------------ Slider CSS ------------------------------ */
.rslides {
width: auto;
margin: 0px;
padding: 0px;
position: relative;
}
.rslides li {
display: none;
}
#Interactivity {
position: relative;
}
.Intra-L, .Intra-R {
position: absolute;
z-index: 100;
width: 2000px;
height: 100%;
padding: 0px;
}
.Intra-L {
margin: 0px 0px 0px -2000px;
}
.Intra-R {
margin: 0px 0px 0px 940px;
}
/* ------------------------------ 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: 30px;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 100;
top: 0px;
}
.nbs-flexisel-nav-left {
left: 3px;
}
.nbs-flexisel-nav-right {
right: 3px;
}
.nbs-flexisel-nav-left {
left: 0px;
background: url(/images/credibility-left-arrow.png) no-repeat left 75px;
}
.nbs-flexisel-nav-right {
right: 0px;
background: url(/images/credibility-right-arrow.png) no-repeat right 75px;
}
/* ------------------------------ Main CSS ------------------------------ */
#Container, #Header-Container, #Intra-Container, #Services-Container, #Locations-Container, #Credibility-Container, #Footer-Container, #Content-Container, #Mission-Container, #Care-Plan-Container {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
}
#Menu-Container {
width: 100%;
margin: 0px;
padding: 0px;
position: relative;
}
#Header, #Main-Menu, #Interactivity, #Services, #Mission, #Locations, #Credibility, #Footer, #Content-Main, #Care-Plan {
max-width: 940px;
min-width: 320px;
margin: 0px auto;
}
/* ------------------------------ Header CSS ------------------------------ */
#Header {
min-height: 165px;
}
.logo {
float: left;
width: 30%
}
.logo img {
margin: 33px 0px 0px 5px;
}
.no-border {
border: none !important;
}
.logo-right {
float: right;
width: 55%;
}
.loc-header {
font: normal 18px/22px 'RalewayMedium';
color: #000000;
}
.our-locations {
width: 64%;
float: left;
margin-top: 50px;
}
.our-locations ul li {
font: normal 14px/18px 'RalewayMedium';
color: #000000;
float: left;
width: 30%;
margin-top: 14px;
}
.our-locations ul li a {
color: #000;
}
.our-locations ul li img {
margin-right: 8px;
}
.our-locations ul li:hover img {
-ms-transform: translate(0px, -2px) scale(1, 1.1); /* IE 9 */
-webkit-transform: translate(0px, -2px) scale(1, 1.1); /* Safari */
transform: translate(0px, -2px) scale(1, 1.1);
}
.our-locations ul li:hover {
text-shadow: 2px 2px 1px #666;
}
.loc-header a {
color: #000;
}
.call-appoint {
margin-top: 60px;
width: 33%;
float: left;
font: normal 16px/20px 'RalewayMedium';
color: #000;
}
.call-appoint a{color: #000;}
.call-appoint span a{color: #000;}
.call-appoint span {
font: normal 20px/26px Arial, Helvetica, sans-serif;
display: block;

}
/* ------------------------------ Menu CSS ------------------------------ */
#Menu-Container {
background: #d74467;
}
#Mobile-Menu {
display: none;
}
#access {
display: block;
margin: 0px;
padding: 0px;
}
#access li {
color: #fff;
font: normal 16px/52px 'Raleway';
float: left;
width: 16%;
position: relative;
text-align: center;
text-transform: capitalize;
border-right: 1px solid #b33855;
}
#access li span {
text-transform: lowercase !important;
}
#access a {
color: #fff;
display: block;
}
#access a:hover {
text-decoration: none;
color: #fff;
background: #bd3b5a;
}
#access ul ul {
position: absolute;
display: none;
margin: 0px;
padding: 0px;
left: 0px;
z-index: 99999;
}
#access ul ul li {
font: normal 13px/18px 'Raleway';
color: #fff;
text-align: left;
width: 200px;
text-transform: none;
border-bottom: 1px solid #bd3b5a !important;
border-right: none !important;
}
#access ul ul a {
background: url(/images/menu-on.png) no-repeat 20px 15px #d74467 !important;
color: #fff;
border-radius: 0px !important;
padding: 8px 0px 8px 35px;
display: block;
}
#access ul ul a:hover {
background: url(/images/menu-on.png) no-repeat scroll 20px 15px #bd3b5a !important;
color: #fff !important;
}
#access ul ul ul {
left: 100%;
top: 0px;
}
#access ul li:hover > ul {
display: block;
}
.ypomainmenu li a:hover, .ypomainmenu > li:hover > a, .ypomainmenu li.current_page_item > a, .ypomainmenu li.current-menu-item > a {
color: #fff;
background: #bd3b5a;
}
.ypomainmenu > li.current-menu-ancestor > a, .ypomainmenu > li.current_page_ancestor > a {
color: #fff !important;
background: #bd3b5a !important;
}
.ypomainmenu ul li a:hover, .ypomainmenu ul > li:hover > a, .ypomainmenu ul li.current_page_item > a, .ypomainmenu ul li.current-menu-item > a {
background: url(/images/menu-on.png) no-repeat scroll 20px 15px #bd3b5a !important;
color: #ffffff !important;
}
.ypomainmenu ul > li.current-menu-ancestor > a, .ypomainmenu ul > li.current_page_ancestor > a {
background: url(/images/menu-on.png) no-repeat scroll 20px 15px #bd3b5a !important;
color: #ffffff !important;
}
.ypomainmenu ul ul li a:hover, .ypomainmenu ul ul > li:hover > a, .ypomainmenu ul ul li.current_page_item > a, .ypomainmenu ul ul li.current-menu-item > a {
background: url(/images/menu-on.png) no-repeat scroll 20px 15px #bd3b5a !important;
color: #ffffff !important;
}
.ypomainmenu ul ul > li.current-menu-ancestor > a, .ypomainmenu ul ul > li.current_page_ancestor > a {
background: url(/images/menu-on.png) no-repeat scroll 20px 15px #bd3b5a !important;
color: #ffffff !important;
}
.menu-item-19{ border-left:1px solid #b33855; }
.menu-item-21, .menu-item-26{ width:17.6% !important;}
.menu-item-349 ul li{ width:245px !important;}
.menu-item-348, .menu-item-349{ width:17% !important;}
/* ------------------------------ Interactivity CSS ------------------------------ */
#Intra-Container #Interactivity, #Intra-Container .rslides {
height: 419px;
}
#Intra-Container #Interactivity {
height: 419px;
}
#Intra-Container-S {
height: 133px;
background: #7b8a96;
border-bottom: 1px solid #bababa;
}
#Intra-Container-S #Interactivity, #Intra-Container-S .rslides {
height: 133px;
}
#Intra-Container #Banner0 {
background: url(/images/banner1.jpg) no-repeat left top;
}
#Intra-Container #Banner0 .Intra-L {
background: url(/images/banner1-left.jpg) no-repeat right top;
}
#Intra-Container #Banner0 .Intra-R {
background: url(/images/banner1-right.jpg) no-repeat left top;
}
#Intra-Container #Banner1 {
background: url(/images/banner2.jpg) no-repeat left top;
}
#Intra-Container #Banner1 .Intra-L {
background: url(/images/banner2-left.jpg) no-repeat right top;
}
#Intra-Container #Banner1 .Intra-R {
background: url(/images/banner2-right.jpg) no-repeat left top;
}
#Intra-Container .intra-main {
padding: 135px 0px 0px 10px;
float: right;
width: 45%;
}
#Intra-Container-S .intra-main {
margin: 25px 10% 0px 0px;
float: right;
width:270px;
}
#Intra-Container .intra-main h2 {
font: normal 30px/34px 'RalewayLight';
color: #303030;
}
#Intra-Container .intra-main h2 a, #Intra-Container-S .intra-main h2 a {
color: #303030;
}
#Intra-Container .intra-main p {
font: normal 38px/44px 'RalewayLight';
color: #303030;
}
#Intra-Container-S .intra-main h2 {
font: normal 22px/26px 'RalewayLight';
color: #303030;
margin: 0px;
}
#Intra-Container-S .intra-main p {
font: normal 20px/24px 'RalewayLight';
color: #303030;
}
#Intra-Container .Intra-Tabs, #Intra-Container-S .Intra-Tabs {
margin: 0;
padding: 0;
position: absolute;
z-index: 200;
top: 80%;
right: 10px;
height: 20px;
width: 200px;
}
#Intra-Container .Intra-Tabs li, #Intra-Container-S .Intra-Tabs li {
width: 10px;
height: 10px;
background: #d74467;
border-radius: 50%;
float: left;
margin-right: 2px;
}
#Intra-Container .Intra-Tabs li a, #Intra-Container-S .Intra-Tabs li a {
display: block;
}
#Intra-Container .Intra-Tabs li.Banner_here a, #Intra-Container .Intra-Tabs li:hover, #Intra-Container-S .Intra-Tabs li.Banner_here a, #Intra-Container-S .Intra-Tabs li:hover {
height: 10px;
width: 10px;
background: #141414;
border-radius: 50%;
}
#Intra-Container-S #Banner0 {
background: url(/images/banner1-s.jpg) no-repeat left top;
}
#Intra-Container-S #Banner1 {
background: url(/images/banner2-s.jpg) no-repeat left top;
}
/* ------------------------------ Services CSS ------------------------------ */
#Services-Container {
position: relative;
top: -56px;
z-index: 999;

}
.service-list {
border: 5px solid #c42d51;
border-radius: 50px;
background:#D74467;max-width:800px;
margin:0px auto;
}
.service-list li {
font: normal 15px/20px 'Raleway';
color: #fff;
width: 33.3%;
float: left;
}
.service-list li a {
display: block;
color: #fff;
padding: 17px 0px 17px 37%;
background: url(/images/service-border.jpg) no-repeat right center;
}
.service-list li:first-child {
border-radius: 49px 0px 0px 49px;
}
.service-list li:last-child {
border-radius: 0px 49px 49px 0px;
}
.service-list li:last-child a {
background: none;
}
.breast-cancer {
background: url(/images/sprite.png) no-repeat 16px 20px #d74467;
}
.your-journey {
background: url(/images/sprite.png) no-repeat 16px -67px #d74467;
}
.alone {
background: url(/images/sprite.png) no-repeat 16px -128px #d74467;
}
.local-services {
background: url(/images/sprite.png) no-repeat 16px -215px #d74467;
}
.local-services a {
padding: 27px 0px 27px 36% !important;
}
.patient-education {
background: url(/images/sprite.png) no-repeat 16px -304px #d74467;
}
.breast-cancer:hover {
background: url(/images/sprite.png) no-repeat 16px 20px #f35a7e;
}
.your-journey:hover {
background: url(/images/sprite.png) no-repeat 16px -67px #f35a7e;
}
.alone:hover {
background: url(/images/sprite.png) no-repeat 16px -128px #f35a7e;
}
.local-services:hover {
background: url(/images/sprite.png) no-repeat 16px -215px #f35a7e;
}
.patient-education:hover {
background: url(/images/sprite.png) no-repeat 16px -304px #f35a7e;
}
/* ------------------------------ Mission CSS ------------------------------ */
#Mission-Container{ margin-top:-30px;}
#Mission {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #454545;
text-align: center;
min-height: 85px;
}
.mission-header {
font: normal 35px/40px 'RalewayLight';
color: #f05574;
text-transform: uppercase;
}
.mission-header a {
color: #f05574;
}
#Mission p {
margin: 0px 2px;
}
/* ------------------------------ Locations CSS ------------------------------ */
#Locations {
min-height: 359px;
background: url(/images/location-bg1.jpg) no-repeat left top;
position: relative;
}
#Locations .Intra-L {
background: url(/images/location-left.jpg) no-repeat right top;
}
#Locations .Intra-R {
background: url(/images/location-left.jpg) no-repeat left top;
}
.loc-icon1{
height: 20px;
left: -135px;
position: relative;
top: 59px;
width: 20px;
transform: scale(1.5);
}
.loc-icon2{
height: 20px;
left: -138px;
position: relative;
top: -207px;
width: 20px;
transform: scale(1.5);
}
.loc-icon3{
height: 20px;
left: 3px;
position: relative;
top: -134px;

transform: scale(1.5);
}
.loc-icon3 a img, .loc-icon2 a img, .loc-icon1 a img{ margin:0px !important;width: 20px !important;}
.locations-header {
font: normal 35px/40px 'RalewayLight';
color: #fff;
text-align: center;
text-transform: uppercase;
padding-top: 50px;
}
.locations-header a {
color: #fff;
}
.our-location-list {
min-height: 80px;
width: 350px;
margin: 0px auto;
top: 65px;
position: relative;
}
#Locations .loc-tabs {
width: 155px;
right: 10px;
top: 95px;
position: absoulte;
}
#Locations .loc-tabs li {
display: block !important;
width: 155px;
}
#Locations .loc-tabs li a {
padding-left: 25px;
}
.our-location-list li {
width: 350px !important;
float: left;
}
#Locations .gosford p, #Locations .driving {
float: right;
width: 70%;
padding: 17px 0 0 0px;
}
#Locations .gosford a img {
margin: 30px 12px 0 10px;
*margin: 30px 12px 0 10px;
*float:left;
width: 22%;
}
#Locations .driving {
padding: 0px 0 0 10px !important;
}
/* ------------------------------ Care Plan CSS ------------------------------ */
#Care-Plan-Container {
background: #ffe1e8;
}
#Care-Plan {
min-height: 695px;
}
.care-header {
font: normal 32px/36px 'RalewayLight';
color: #f05574;
text-align: center;
text-transform: uppercase;
padding-top: 68px;
}
.care-header a{color: #f05574;}
#Care-Plan p {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #454545;
text-align: center;
}
.care-list {
width: 85%;
margin: 40px auto 0px auto;
position: relative;
background: url(/images/care-plan-logo.png) no-repeat center 67%;
height: 430px;
}
.care-list div {
position: absolute;
display: inline !important;
font: bold 13px/75px Arial, Helvetica, sans-serif;
color: #444444;
}
.care-list div a {
color: #444444;
display: block;
}
.care-list div a span {
float: left;
width: 75px;
height: 75px;
border-radius: 50%;
background: #798894;
display: inline-block;
margin-right: 9px;
position: relative;
z-index: 90;
}
.care-list div a span img {
margin: -5px 0px 0px 27px;
}
.care-list div ul li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
.pre-op {
left: 46%;
top: 10px;
}
.procedure {
left: 66%;
top: 88px;
}
.procedure a span img {
margin: -5px 0 0 10px !important;
}
.post-op {
left: 69%;
top: 218px;
}
.post-op a span img {
margin: -2px 0 0 22px !important;
}
.follow-up {
left: 65%;
top: 338px;
}
.follow-up a span img {
margin: -5px 0 0 18px !important;
}
.symptoms {
left: 15%;
top: 338px;
}
.symptoms span {
float: right !important;
margin-left: 12px;
}
.symptoms a span img {
margin: 6px 0 0 8px !important;
}
.care-arrow {
left: 35%;
top: 370px;
}
.diagnosis {
left: 2%;
top: 205px;
font: bold 14px/18px Arial, Helvetica, sans-serif !important;
width: 29%;
}
.diagnosis span {
float: right !important;
margin-left: 12px;
}
.diagnosis a span img {
margin: 15px 0 0 17px !important;
}
.finding-right {
left: 2%;
top: 28px;
font: bold 13px/18px Arial, Helvetica, sans-serif !important;
width: 36%;
}
.finding-right span {
float: right !important;
margin: 26px 0px 0px 12px;
}
.finding-right a span img {
margin: 20px 0 0 17px !important;
}
.care-list div:hover a span {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
background: #56616a;
box-shadow: 0 0 0 6px rgba(121,136,148, 0.3);
color: #fff;
border: 4px solid #FFE1E8;
-webkit-font-smoothing: antialiased;
transition: transform 0.2s ease-in 0s, opacity 1s ease-in 0s;
}
.finding-right ul li, .diagnosis ul li {
background:none !important;
padding: 0px !important;
}
/* ------------------------------ Credibility CSS ------------------------------ */
#Credibility-Container {
border-top: 1px solid #dfdede;
}
#Credibility {
min-height: 184px;
}
#Credibility li {
float: left;
text-align: center;
padding: 54px 0px 0px 0px;
}
/* ------------------------------ Footer CSS ------------------------------ */
#Footer-Container {
background: #dfe4e9;
}
#Footer {
min-height: 438px;
}
.header {
font: normal 25px/30px 'Raleway';
color: #000000;
padding-top: 45px;
text-transform: uppercase;
}
.treatment {
width: 45%;
float: left;
}
.treatment-list {
width: 45%;
float: left;
}
.subhead {
font: bold 16px/20px Arial, Helvetica, sans-serif;
color: #000;
margin: 22px 0px 15px 0px;
}
.subhead a {
color: #000;
}
.treatment-list li {
font: normal 13px/18px Arial, Helvetica, sans-serif;
color: #000;
}
.treatment-list li a {
color: #000;
}
.info {
width: 45%;
float: left;
margin-left: 10%;
}
.appoint-form {
width: 325px;
margin: 20px 5px 0px 0px;
}
.appoint-form div{width: 186px;}
.appoint-form div input {
border:0px !important;
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #4e5d67;
padding: 5px 5px;
background: #fff;
margin: 0px 8px 8px 0px;
width: 175px;
float: left;
}
.message{float: right !important;
width: 40% !important;}
.message textarea{
font: normal 12px/16px Arial, Helvetica, sans-serif;
border:0px !important;
padding: 5px 0px 0px 5px;
height: 50px !important;
float: right !important;
width: 100% !important;
}
.app-submit{
border:0px !important;
clear:left;
width: 65px !important;
background: #ef5474 !important;
text-align: center;
color: #fff !important;
font: normal 12px/28px Arial, Helvetica, sans-serif;
margin: 0px 8px 8px 0px;
}
.captcha-h{ margin-bottom:5px;}
.appoint-form .wpcf7-not-valid-tip {
color: #f00;
display: block;
font-size: 1em;
}
.appoint-form div .wpcf7-not-valid-tip {
background-color: #fff;
border: 1px solid;
display:block !important;
color: #f00;
font: normal 13px/18px Arial, Helvetica, sans-serif;
left:0px;
opacity: 0.81;
text-align: center;
top: 0;
width: 205px;
position:absolute;
}

.appoint-form div .captcha-368 span.wpcf7-not-valid-tip {
background-color: #fff;
border: 1px solid;
display:block !important;
color: #f00;
font: normal 13px/18px Arial, Helvetica, sans-serif;
left: 20%;
opacity: 0.81;
text-align: center;
top: 0;
width: 205px;
}

.foot-menu li {
float: left;
color: #000;
font: normal 13px/18px Arial, Helvetica, sans-serif;
}
.foot-menu li a {
color: #000;
padding: 0px 5px;
}
.get-social {
clear: both;
margin-bottom: 45px;
}
.social-header {
margin-top: 25px;
font: normal 22px/26px 'RalewayLight';
color: #000;
text-transform: uppercase;
}
.smo {
height: 32px;
margin-top: 10px;
}
.smo li {
float: left;
height: 32px;
position: relative;
width: 32px;
border-radius: 50%;
text-indent: -999999px;
margin-right: 14px;
transform: scale(1);
transition: all 0.7s ease 0s;
}
.smo li a {
display: block;
height: 32px;
width: 32px;
}
.smo li a:hover {
border-radius: 50%;
box-shadow: 6px 0px 4px 1px rgba(0,0,0,0.5);
transform: scale(1);
transform: rotate(60deg);
transition: opacity 0.6s, transform 0.6s;
}
.twitter-h {
background: url(/images/sprite.png) no-repeat 8px -412px #21bae2;
width: 20px;
}
.facebook-h {
background: url(/images/sprite.png) no-repeat 11px -474px #4e83dc;
width: 10px;
}
.linkedin-h {
background: url(/images/sprite.png) no-repeat 9px -563px #1191b9;
width: 20px;
}
.googleplus-h {
background: url(/images/sprite.png) no-repeat 9px -623px #fff;
width: 18px;
}
.you-tube-h {
background: url(/images/sprite.png) no-repeat 8px -683px #fff;
width: 20px;
}
.footer {
border-top: 1px solid #c0c9d3;
}
.copyright {
font: normal 13px/30px Arial, Helvetica, sans-serif;
color: #000;
width: 70%;
float: left;
padding: 25px 0px;
}
.ypo-logo {
float: right;
margin-top: 30px;
}
/* ------------------------------ Content Container CSS ------------------------------ */
#Content-Container {
background: #fff;
margin-top: 5px;
}
#Content-Main .intra-div {
display: table;
}
#Content-Left {
vertical-align: top;
width: 100%;
}
.image {
margin: 0px 0px 10px 10px;
float: right;
width: 185px;
}
#Sidebar {
display: table-cell;
vertical-align: top;
width: 280px;
margin-top: 40px;
}
.widget-title {
display: none;
}
/*----- Navigation Starts -----*/
.navigation {
font: bold 12px/20px Verdana, Geneva, sans-serif;
color: #7e7d7d;
padding: 10px 30px 10px 10px;
}
.navigation a {
font: normal 12px/20px Verdana, Geneva, sans-serif;
color: #7e7d7d;
}
.navigation a:hover {
text-decoration: underline;
}
/*----- textMain Starts -----*/
.textMain {
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #454545;
padding: 10px 30px 30px 10px;
text-align: left;
}
.textMain a {
color: #454545;
text-decoration: underline;
}
.textMain a:hover {
color: #454545;
text-decoration: none;
}
.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;
}
.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 -----*/
.ypocmstitle {
font: normal 30px/34px 'RalewayLight';
color: #f05574;
margin: 10px 0px -5px 10px;
text-align: left;
}
.textMain h2 {
font: normal 26px/30px 'RalewayLight';
color: #788693;
text-align: left;
}
.textMain h2 a {
color: #788693;
}
.textMain h2 a:hover {
text-decoration: underline;
}
.textMain h3 {
font: normal 22px/28px 'RalewayMedium';
color: #C42D51;
text-align: left;
}
.textMain h3 a {
color: #C42D51;
}
.textMain h3 a:hover {
text-decoration: underline;
}
.textMain h4 {
font: normal 22px/26px 'RalewayMedium';
color: #313030;
text-align: left;
}
.textMain h4 a {
color: #313030;
}
.textMain h4 a:hover {
text-decoration: underline;
}
.textMainBold {
font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #313030;
text-align: left;
}
.textMainBold a {
color: #313030;
}
.textMainBold a:hover {
text-decoration: underline;
}
.PDFtext {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
/*----- Sidebar Starts -----*/
#Sidebar .service-list {
border-radius: 0px;
width: 269px;
}
#Sidebar .service-list li {
width: 100%;
font: normal 15px/60px 'Raleway' !important;
}
#Sidebar .service-list li a {
background: url(/images/service-bottom-border.jpg) no-repeat left bottom;
}
#Sidebar .service-list li:first-child {
border-radius: 0px 0px 0px 0px;
}
#Sidebar .service-list li:last-child {
border-radius: 0px 0px 0px 0px;
}
#Sidebar .service-list li a {
padding: 2px 0px 2px 64px;
}
#Sidebar .local-services a {
padding: 2px 0px 2px 64px !important;
}
.our-locations-s {
background: url(/images/sidebar-location-bg.jpg) no-repeat left top;
min-height: 324px;
margin-top: 18px;
width: 280px;
}
.locations-s-header {
font: normal 24px/28px 'RalewayLight';
color: #fff;
padding-top: 20px;
}
.locations-s-header a {
color: #fff;
padding: 0px 0px 0px 25px;
}
.our-location {
position: relative;
}
.our-location li {
width: 175px !important;
float: left;
}
.gosford a img {
margin: 30px 28px 0px 25px;
}
.loc-tabs {
float: right;
width: 103px;
position: relative;
right: 20px;
top: 30px;
}
.loc-tabs li {
float: left;
display: block !important;
background: #506271;
font: normal 15px/34px 'Raleway';
color: #fff;
width: 103px;
border-bottom: 1px solid #b2b2b2;
}
.loc-tabs ul li a {
color: #fff;
padding-left: 15px;
display: block !important;
}
.loc-tabs li a:hover, .loc-tabs li.Locations_here {
background: #f05574;
}
.loc-tabs li::before {
height: 34px;
top: 6px;
position: relative;
width: 7px;
height: 20px;
float: left;
left: -7px;
}
.loc-tabs li:hover::before, .loc-tabs li.Locations_here:before {
background: url(/images/location-arrow.png) no-repeat left center;
content: "";
}
.gosford p, .driving {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #fff;
padding: 17px 0px 0px 25px;
clear: both;
width: 252px;
}
.driving {
padding: 5px 0px 0px 25px !important;
}
.driving a {
color: #fff;
}
.care-plan-s {
font: normal 20px/24px 'RalewayLight';
color: #f05574;
background: url(/images/care-plan-logo-s.jpg) no-repeat 15px 15px #ffe1e8;
border: 1px solid #f0cad3;
margin: 15px 0px;
min-height: 115px;
}
.care-plan-s a {
display: block;
color: #f05574;
padding: 25px 0px 0px 125px;
}
.tabs li {
float: left;
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-image: none !important ;
background-color: #788793 !important;
width: 285px;
margin: 0px 18px 11px 0px;
text-align: left;
position:relative;
border-radius: 10px;
padding:0px !important;
}
.tabs a {
color: #ffffff;
display: table-cell;
height: 60px;
padding: 0 50px 0 28px;
text-align: left;
text-decoration: none;
vertical-align: middle;
width: 285px;
}
.tabs li a:hover {
color: #fff;
background: #626262;
border-radius: 10px;
text-decoration: none !important;
}
.next-tabs {
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-image: none !important ;
background-color: #D74467 !important;
width: 130px;
margin: 0px 18px 11px 0px;
text-align: left;
position:relative;
border-radius: 4px;
padding:0px !important;
}
.next-tabs a {
color: #ffffff;
display: table-cell;
height: 40px;
padding: 0 10px 0 10px;
text-align:center;
text-decoration: none;
vertical-align: middle;
width: 150px;
}
.next-tabs a:hover {
color: #fff;
background: #C42D51;
border-radius: 4px;
text-decoration: none !important;
}
.bold {
font: normal 13px/18px 'open_sansbold' !important;
}
.doctor-text-s {
background: #0a6892;
border: 1px solid #3cb7ee;
border-radius: 0px 0px 20px 0px;
margin-bottom: 10px;
font: normal 11px/14px 'open_sanssemibold';
color: #c0c0c0;
}
.doctor-text-s img {
float: left;
margin: 12px 6px;
}
/*----- Profile Starts -----*/
.doctor-sec {
float: right;
width: 147px;
margin: 10px;
}
.doctor-name {
background: #6e6e6e;
color: #fff;
text-align: center;
padding: 5px 0px;
margin: 0px !important;
font: normal 15px/30px 'RalewayMedium';
}
.doctor-name span {
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
.specialization {
font: normal 14px/20px 'RalewaySemiBold';
color: #455560;
}
/*----- Treatment Starts -----*/
.treatment-p {
background: #eff0f1;
min-height: 160px;
}
.treatment-p img {
float: left;
margin: 30px 6% 50px 4%;
}
.p-list .list-header {
font: normal 18px/22px 'Raleway' !important;
color: #ec0962;
padding-top: 20px;
text-transform: capitalize;
}
.list-header a {
color: #ec0962;
text-decoration: none !important;
}
.p-list{ width:72%; float:left;}
.p-list p {
font: normal 14px/14px Arial, Helvetica, sans-serif;
color: #393b3d !important;padding-left: 15px;
}
/* ------------------------------ Custom CSS ------------------------------ */
.page-id-59 .videoBorder, .page-id-62 .videoBorder, .page-id-66 .videoBorder {
padding: 0;
}
.contact-map iframe {
height: 250px;
width: 100%;
}
.testimonials-submit {
box-shadow: 2px 2px 2px 2px #272C30;
float: right;
margin: -42px 5px 0 0;
}
.testimonials-submit a {
background: none repeat scroll 0 0 #272C30;
color: #fff;
padding: 5px 8px;
text-decoration: none;
}
.testimonials-submit a:hover {
color: #fff !important;
}
/*----- Useful Links Starts -----*/
.UseFul-links {
width: 90%;
height: auto;
margin: 10px 0px;
padding: 0px;
text-align: center;
}
.UseFul-links img {
margin: 2px;
padding: 10px;
border: 1px solid #666666;
float: left;
}
.useful-social .linkedin-h {
background-position: left 5px !important;
}
.useful-social .twitter-h {
background-position: left -25px !important;
}
.useful-social .googleplus-h {
background-position: left -55px !important;
}
.useful-social .facebook-h {
background-position: left -85px !important;
}
/*-------------------- Review Page Styles --------------------*/

.review {
margin: 20px auto 0px auto;
padding: 0px;
width: 100%;
height: auto;
text-align: left;
}
.review img {
margin: 5px;
padding: 0px;
}
/*-------------------- Multimedialist Styles --------------------*/
/*.multimedialist ul {
margin: 0px !important;
padding: 0px !important;
}*/
.media {
color: #fff;
font: normal 14px/16px 'Raleway';
list-style: outside none none;
margin: 0 !important;
padding: 0 !important;
text-align: left;
text-decoration: none;
}
.media li {
float: left;
list-style: outside none none;
margin: 10px 15% 10px 0 !important;
padding: 0 !important;
width: 110px;
}
.media li a {
background: none repeat scroll 0 0 #444546;
border: 1px solid #373636;
border-radius: 5px;
color: #ffffff;
display: block;
height: 20px;
line-height: 20px;
padding: 5px 0 5px 40px;
text-decoration: none;
width: 110px;
}
/*----- Testimonial Page Styles -----*/

.submit-testimonial {
width: 200px;
height: 30px;
font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
margin: -50px 15px 15px 15px;
float: right;
border: 2px solid #ffffff;
box-shadow: 0px 5px 5px 0px #aaaaaa;
-o-box-shadow: 0px 5px 5px 0px #aaaaaa;
-moz-box-shadow: 0px 5px 5px 0px #aaaaaa;
-ms-box-shadow: 0px 5px 5px 0px #aaaaaa;
-webkit-box-shadow: 0px 5px 5px 0px #aaaaaa;
}
.submit-testimonial a {
background: #005087;
color: #ffffff;
display: block;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
.submit-testimonial a:hover {
background: #0077AE;
color: #ffffff;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
/*-------------------- Realtime Sitemap Styles --------------------*/

#wp-realtime-sitemap-menu {
margin: 0px !important;
padding: 0px !important;
}
#wp-realtime-sitemap-menu h3 {
display: none;
}
#wp-realtime-sitemap-menu ul {
margin: 0px !important;
padding: 0px !important;
background: none !important;
width: auto !important;
height: auto !important;
}
#wp-realtime-sitemap-menu ul li {
margin: 0px !important;
padding: 0px !important;
background: none !important;
line-height: 30px;
font-weight: bold;
}
#wp-realtime-sitemap-menu ul ul {
margin: 0px 0px 0px 40px !important;
padding: 0px !important;
background: none !important;
width: auto !important;
height: auto !important;
}
#wp-realtime-sitemap-menu ul ul li {
font-weight: normal;
}
#wp-realtime-sitemap-menu a {
background: none !important;
}
/*----- Contact Address Styles -----*/

.contact-address {
padding: 3px;
margin: 15px auto 0px auto;
border: 1px solid #252A2E;
}
.contact-address .intra-div {
display: table;
}
.address-details {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
padding: 1% 1% 1% 2%;
display: table-cell;
vertical-align: top;
min-width: 250px;
float:left;
width:45%;
}
.map-pics {
width: 190px;
display: table-cell;
text-align: center;
vertical-align: top;
float:right;
}
.map-pics img {
margin: 5px;
border: 2px solid #788693;
}
.map-pics img:hover {
border: 2px solid #788693;
}
.contact-ph {
color: #003464;
margin: 2px 0px 10px 0px;
}
.contact-ph a {
color: #252A2E;
text-decoration: none;
}
.contact-ph a:hover {
color: #252A2E;
text-decoration: none;
}
.contact-ph ul {
margin: 0px !important;
padding: 0px !important;
}
.contact-ph li {
font: normal 14px/40px Verdana, Arial, Helvetica, sans-serif;
width: 50%;
float: left;
height: 40px;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.contact-ph img {
margin: 0px 10px 0px 5px;
}
/*----- Forms Style Starts -----*/

.formHead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 5px 10px 5px 10px;
color: #ffffff;
}
.formHead a {
color: #ffffff;
text-decoration: underline;
}
.formHead a:hover {
color: #ffffff;
text-decoration: underline;
}
.formlable {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.mandatory {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #FF8204;
}
/*-------------------- Feedback & Online Form Styles --------------------*/

.feedback {
width: 95%;
margin: 10px auto;
padding: 0px 0px 10px 0px;
border-radius: 5px;
}
.formHead, .form-button {
background: #788693;
}
.feedback, .feedback .form-text, .feedback .form-area, .feedback .form-select, .feedback .form-button, .feedback .form-f-area, .feedback .form-file {
border: 1px solid #788693;
}
.form-name {
background: url(/images/contact-info.png) no-repeat center center #788693;
}
.form-email {
background: url(/images/contact-mail.png) no-repeat center center #788693;
}
.form-comment {
background: url(/images/contact-msg.png) no-repeat center center #788693;
float: left;
}
.feedback ul {
margin: 0px auto !important;
padding: 10px !important;
display: table;
border-spacing: 0px 10px;
border-collapse: separate;
}
.feedback li {
display: table-row;
vertical-align: top;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.feedback li div {
display: table-cell;
vertical-align: middle;
}
.feedback li div.form-label, .feedback li div.form-agree {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
max-width: none;
min-width: 100px;
padding: 5px 20px 5px 5px;
}
.feedback li div.form-label {
text-align: right;
}
.feedback li div.form-field {
width: 290px;
}
.feedback .form-text, .feedback .form-area, .feedback .form-select {
padding: 5px;
}
.contactForm {
border: none !important;
}
.contactForm .form-text, .contactForm .form-area, .contactForm .form-select {
padding: 10px !important;
border-radius: 0px 10px 10px 0px;
}
.contactForm .form-area {
height: 120px;
}
.contactForm .wpcf7-captchar {
border-radius: 10px;
}
.feedback .form-text, .feedback .form-area {
width: 250px;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #010101;
margin: 0px;
}
.feedback .form-radio {
padding: 10px 5px;
margin: 0px;
}
.feedback .form-select, .feedback .form-file {
width: 260px;
}
.feedback .form-file {
margin: 5px 0px;
}
.feedback .form-button {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
width: 100px;
margin: 10px 10px 0px 0px;
padding: 5px;
cursor: pointer;
}
.form-full {
width: 100%;
text-align: center;
}
.form-f-area {
width: 95%;
padding: 5px;
margin: 5px auto;
}
.form-image {
width: 50px;
height: 40px !important;
padding: 0px !important;
border-radius: 10px 0px 0px 10px;
}
.services-tabs a {
color: #ffffff;
display: block;
font: 14px/20px Verdana, Arial, Helvetica, sans-serif;
padding: 15px 0 15px 30px;
text-decoration: none;
}
.services-tabs a:hover {
color: #ffffff;
text-decoration: none;
}
.extra-services-tabs a {
line-height: 16px;
height: 30px;
}
.services-tabs ul {
margin: 0px;
padding: 0px;
}
.services-tabs li {
float: left;
width: 42%;
margin: 0px !important;
list-style: none !important;
background-image: none !important;
}
.multimedialist {
height: 40px;
}
.media {
color: #fff;
font: normal 14px/16px 'Raleway';
list-style: outside none none;
margin: 0 !important;
padding: 0 !important;
text-align: left;
text-decoration: none;
}
.media li {
float: left;
list-style: outside none none;
margin: 10px 15% 10px 0 !important;
padding: 0 !important;
width: 110px;
}
.media li a {
background: none repeat scroll 0 0 #444546;
border: 1px solid #373636;
border-radius: 5px;
color: #ffffff;
display: block;
height: 20px;
line-height: 20px;
padding: 5px 0 5px 40px;
text-decoration: none;
width: 110px;
}
.media li a:hover {
color: #fff !important;
}
.center {
text-align: center !important;
}
/****************schema*****************/
.tableborder {
border: 1px solid #626262;
border-radius: 0;
}
.text-address {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
color: #707070;
padding: 0px 10px 0px 10px;
text-decoration: none;
text-align: justify;
}
.text-address a {
color: #707070;
text-decoration: underline;
}
.text-address a:hover {
color: #004e96;
text-decoration: underline;
}
.tel-schema {
height: 28px;
}
.tel-schema img {
margin: -5px 15px 0px 0px;
float: left;
}
/*--------------Tell A friend start--------------*/
#tell-main, #tell-friend {
display: none;
}
#tell-main {
opacity: 0.8;
filter: alpha(opacity=80);
background: #000;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
}
#tell-friend {
top: 5%;
left: 50%;
margin: 0px 0px 0px -200px;
width: 400px;
background: #fff;
padding: 15px;
border: 2px solid #CCCCCC;
position: absolute;
z-index: 9999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#tell-friend #close {
width: 25px;
height: 25px;
color: #000000;
font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: -25px -25px 0px 0px;
padding: 0px;
float: right;
cursor: pointer;
border-radius: 50%;
background: #C9C9D6;
}
/*-------------Our Doctors Css-----------------*/
#teamcontainer {
display: table;
text-align: inherit;
width: 100%;
}
.teamleft, .teamright {
background: #D7D7D7;
border: 1px solid #7B8A96;
border-radius: 5px;
display: table-cell;
float: left;
padding: 15px 0 18px 5px;
position: relative;
width: 47%;
margin: 0px 0px 10px 0px;
min-height: 112px;
}
.teamleft p, .teamright p {
color:#7B8A96;
font: 12px/18px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: left;
}
.teamleft h3, .teamright h3 {
color: #7B8A96;
font: bold 16px/24px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.teamleft h3 a, .teamright h3 a {
color: #7B8A96;
}
.teamleft h3 a:hover, .teamright h3 a:hover {
color:#7B8A96;
}
.contact-view {
bottom: 10px;
left: 50%;
color: #7B8A96;
font: bold 12px/20px Arial, Helvetica, sans-serif;
position: absolute;
text-align: right;
text-align: center;
text-transform: capitalize;
width: 80%;
border: 1px solid #fff;
width: 100px;
border-radius: 10px;
}
.contact-view a {
color: #7B8A96;
text-decoration: none;
}
.contact-view a:hover {
color: #7B8A96;
}
.teammiddle {
display: table-cell;
float: left;
width: 15px;
}
.teamleft img, .teamright img {
border: 1px solid #7B8A96;
float: left;
margin-right: 10px;
}
.more-width {
width: 80% !important;
}
.more-width span {
color: #fff;
}
#backtotop {
    bottom: 10px;
    background: url(/images/up-arrow-icon.png) left top no-repeat;
}
#backtobot {
    bottom: 10px;
    background: url(/images/down-arrow-icon.png) left top no-repeat;
}

#backtobot, #backtotop {
    cursor: pointer;
    right: 5px;
    position: fixed;
    z-index: 10000;
    width: 50px;
    height: 50px;
    font: 700 12px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}
/* ------------------------------ Media Screen CSS ------------------------------ */
@media screen and (max-width : 800px) {
.capcha {
width: 50px;
float: none;
margin: 0px auto 10px auto !important;
}
.verfification {
float: none;
margin: 0px auto;
}
.submit {
margin: 0px auto 20px auto !important;
float: none;
}
.care-list {
width: 100%;
}
.logo-right {
width: 66%;
}
.our-locations {
float: right;
width: 70%;
}
.call-appoint {
float: left;
text-align: center;
width: 50%;
clear: both;
margin: 15px 0px;
}
.service-list li {
font: normal 12px/20px 'Raleway';
}
#Locations {
background: url(/images/location-bg1.jpg) no-repeat 49% top;
}
#Footer {
max-width: 99%;
margin: 0px auto;
}
.tabs li {
width: 270px;
}
.treatment-p img {
margin: 30px 6% 10px 4%;
}
.list-header {
padding-top: 10px;
}
.p-list li {
background-position: 12px center !important;
}
.p-list li a {
padding-left: 0px;
}
/*---------------Form Styles--------------------*/
span.wpcf7-list-item {
display: block;
margin-left: 0.5em;
text-align: left !important;
}
.map-pics {
display: block;
width: 100%;
}
.address-details {
display: block;
}
.contact-ph li {
float: none;
width: auto;
}
.teamleft, .teamright {
width: 275px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media screen and (max-width : 767px) {
.symptoms {
left: 9%;
}
.post-op {
font: bold 14px/18px Arial, Helvetica, sans-serif !important;
}
.post-op a span img {
margin: 14px 0 0 22px !important;
}
.our-location-list {
width: 380px;
}
#Locations {
background: url(/images/location-bg1.jpg) no-repeat 55% top;
}
.post-op {
left: 72%;
}
.care-list div a span {
margin-right: 12px;
}
.p-list {
width: 63%;
}
}

@media screen and (max-width : 640px) {
#GotoTop {
display:none !important;
}
.textMain {
padding: 10px 10px 30px 10px;
}
#Sidebar {
margin: 0px auto;
display: inherit;
}
.logo {
float: none;
width: 300px;
margin: 0px auto;
text-align: center;
}
.logo-right {
width: 300px;
margin: 0px auto;
float: none;
text-align: center;
}
.our-locations {
float: none;
margin-top: 20px;
width: 100%;
}
.call-appoint {
width: 100%;
}
#Intra-Container li {
background-position: 10% top !important;
}
#Intra-Container .intra-main {
width: 320px;
}
.service-list {
width: 310px;
border-radius: 0px;
margin: 0px auto;
}
.service-list li {
width: 100%;
border-bottom: 1px solid #9C2E49;
}
.service-list li a {
color: #fff;
display: block;
padding: 17px 0 17px 37%;
}
.service-list li:first-child, .service-list li:last-child {
border-radius: 0px 0 0 0px;
}
.service-list li {
font: normal 15px/20px 'Raleway';
}
.display {
display: block;
}
#Locations {
background: url(/images/location-bg.jpg) no-repeat 10% top;
}
.care-list {
background: none;
}
.care-list div {
position: static;
margin-bottom: 10px;
}
.post-op, .diagnosis {
font: bold 14px/75px Arial, Helvetica, sans-serif !important;
}
.pre-op, .procedure, .post-op, .follow-up, .symptoms, .diagnosis, .finding-right {
width: 100%;
float: left;
}
.capcha {
float: left;
width: 70px;
margin-right: 5px;
}
.symptoms span, .diagnosis span, .finding-right span {
float: left !important;
margin: 0px 12px 0px 0px;
}
.care-arrow img {
display: none !important;
}
.care-list {
width: 320px;
margin: 0px auto;
}
.diagnosis ul, .finding-right ul {
display: none;
}
.treatment, .info, .copyright, .ypo-logo {
width: 100%;
margin-left: 5px;
}
.verfification, .submit {
float: right;
}
#Sidebar {
margin: 0px auto;
display: inherit;
}
.appoint-form {
width: 320px;
}
.message {
width: 180px !important;
float: left !important;
margin:0px 0px 5px 5px;
}
.loc-icon1, .loc-icon2, .loc-icon3 {
display: none;
}
.locations-header {
padding-top: 10px;
}
#Locations .loc-tabs {
display: none;
}
.our-location-list {
top: 97px;
}
.doctor-sec, .image {
float: none;
margin: 0px auto;
}
#Main-Menu {
display: none;
}
.menu-item-348, .menu-item-349, .menu-item-349 ul li{
	width:100% !important;
}
#Mobile-Menu {
display: block !important;
width: 100%;
height: 48px;
background: #D74467;
padding: 0px;
float: left;
position: relative;
}
.menu-m-bg {
position: absolute;
width: 100%;
color: #ffffff;
font: normal 14px/40px Verdana, sans-serif;
margin: 0px;
padding: 0px;
z-index: 99999;
}
.menu-m-bg a, .menu-m-bg a:hover {
color: #fff;
display: block;
text-decoration: none;
text-align: center;
}
.menu-m {
text-align: left;
}
.menu-m img {
vertical-align: middle;
margin: 0px 10px 0px 0px;
}
#wrapper {
left: 0px;
top: 48px;
overflow: hidden !important;
width: 100%;
position: relative;
z-index: 99999;
}
/*----- Form Styles -----*/

.feedback {
width: 100%;
}
.feedback ul {
border-collapse: separate;
border-spacing: 0px 4px;
}
.feedback li div {
display: inherit;
margin: 5px 0px !important;
}
.form-label {
text-align: left !important;
}
.form-image {
display: none !important;
}
#Intra-Container-S .meet-dr {
width: 88%;
}
.videoBorder {
height: 200px;
}
.contat-form .txtcap {
float: none;
width: 100%;
}
.extra-width {
width: 70% !important;
}
.contat-form .conbut {
width: 100%;
}
#Intra-Container .intra-main {
padding: 30px 0px 0px 15px;
float:none;
margin:0px auto;

}
#Intra-Container-S .intra-main {
margin: 25px 0px 0px 5px;
float: left;
width:270px;
}
}