@charset "utf-8";
/* CSS Document */
body{  font-size:13px;color:#000; font:normal 13px/20px 'latoregular'; }
html, body, h1, h2, h3, h4, p, ol, ul, li, form, iframe, button{ padding:0px; margin:0px; }

/*** Common Styles ***/
a{ text-decoration:none; color:#fff; outline:none;}
a:hover{ color:000; }
img{ border:none; max-width:100%; vertical-align:middle;}
.clear{ clear:both;}
ul, li{ list-style-type:none; }
/*** titles Styles ***/
h1, h2, h3{ font-family: 'latoregular', sans-serif; }
h1{font-weight:normal; font-size:26px;}
h2{ font-size:28px; font-weight:normal;}
h3{ font-size:24px; font-weight:normal; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 7, 2015 */



@font-face {
    font-family: 'latoregular';
    src: url('/fonts/lato-regular-webfont.eot');
    src: url('/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('/fonts/lato-regular-webfont.woff') format('woff'),
         url('/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('/fonts/lato-bold-webfont.eot');
    src: url('/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('/fonts/lato-bold-webfont.woff') format('woff'),
         url('/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('/fonts/lato-light-webfont.eot');
    src: url('/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-light-webfont.woff2') format('woff2'),
         url('/fonts/lato-light-webfont.woff') format('woff'),
         url('/fonts/lato-light-webfont.ttf') format('truetype'),
         url('/fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('/fonts/lato-black-webfont.eot');
    src: url('/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-black-webfont.woff2') format('woff2'),
         url('/fonts/lato-black-webfont.woff') format('woff'),
         url('/fonts/lato-black-webfont.ttf') format('truetype'),
         url('/fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**********************content styles**********************/
div.wpcf7-mail-sent-ok
{clear:both;}
.bread-crumbs {
  color: #626abf;
  font: 13px/20px "latoregular";
  padding: 0 30px 5px 5px;
  text-decoration: none;
}

.bread-crumbs a {

	font-weight:normal;

	color:#5c5c5c;

	

}

.bread-crumbs a:hover {

	font-weight:normal;

	text-decoration:underline;

}


article h2, article h3, article h4{

  margin: 12px 0;

}

.textMain {

	 font:normal 13px/22px "latoregular";

	padding:0px 0px 30px 0px;

	text-decoration:none; color:#494949;

	

}

.textMain h1 {
  color: #626abf;
  font: 30px/30px "latoregular";
  padding: 15px 0 5px;
}

.textMain h2 {
  color: #626abf;
  font: 26px/28px "latoregular";
  margin: 20px 0 15px 0;
}

.textMain h2 a{ color:#626abf;}

.textMain h2 a:hover{ text-decoration:none;}

.textMain h3 {

  color: 0000fe;

  font: 22px/20px "heroregular";

  text-decoration: none; margin:15px 0 0 0;

}
.textMain h4 {

  color: #626abf;
text-decoration: none; margin:15px 0 0 0;

}
.textMain a {

	color:#626abf;

}

.textMain p{ margin:12px 0; }

.textMain a:hover {

	color:#004e96;

	text-decoration:none;

}

.textMain ul, textMain ol {

	padding:0px;

	margin:0px;

	list-style:none;

}

.textMain ul li {
  background: url("/images/tri.png") no-repeat scroll 15px 14px;
  list-style: outside none none;
  padding: 6px 0 0 35px;
}

.textMain ul li ul {

	padding-bottom:8px;

	background: none;

	padding:6px 0px 0 20px;

	list-style:circle;

}

.textMain ul li ul li {

	padding-bottom:8px;

	background: none;

	padding:6px 0px 0 0px;

	list-style:circle;

}

.textMain ul li ul li ul li {

	padding-bottom:8px;

	background: none;

	padding:6px 0px 0 0px;

	list-style:square;

}


.textMain ol li {

	padding-bottom:8px;

	width:50%;

	float:left;

}

.textMain ol li:last-child {

	padding-bottom:8px;

}

.textMain ul li p, textMain ol li p {

	padding-bottom:0px;

	margin:8px 0 0 0;

}

.textMain ul li ul, textMain ul li ol, textMain ol li ul, textMain ol li ol {

	padding-bottom:0px;

}



.textMainBold {

	font:bold 12px Verdana, Arial, Helvetica, sans-serif;

	color:#666;

	text-decoration:none;

	text-align:justify; clear:both;

}

.textMainBold a {

	color:#000000;

	text-decoration:underline;

}

.textMainBold a:hover {

	color:#004e96;

	text-decoration:underline;

}

.textNormal {

	font:normal 12px Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

}

.textNormal a {

	color:#000000;

	text-decoration:underline;

}

.textNormal a:hover {

	color:#2b7b6e;

	text-decoration:underline;

}

.textbold {

	font:bold 10px Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

}

.PDFtext {

	font:normal 10px Verdana, Arial, Helvetica, sans-serif;

	color:#999999;

}



.clear-float {

  clear: both;

}
ul.procdure_list { float:left; width:48%; margin: 1% 1% 0 0;}
ul.procdure_list li{ display:block; display:block; width:100%; float:left;  margin-bottom:10px; padding:0; background:none; }
ul.procdure_list li a{ color:#fff; font-size:16px; background:#626ABF;  display:block; text-align:center; padding:12px 0 12px 0; }
ul.procdure_list li a:hover{ background:#4FA5E0; color:#000; }
/********menu styles***********/
nav{ float:left; background:url(/images/menu-bg.jpg) repeat-x 0px 0px; width:100%; height:46px; }
.slicknav_menu { display:none;}
.menu-sec {
  margin: auto;
  max-width: 980px;
  position: relative;
  z-index: 9999;
}
.menu-sec ul{ padding:0 70px;}
.menu-sec ul li{ float:left;  text-align:center;font:normal 15px/46px 'latolight';  background:url(/images/menu-divider.jpg) no-repeat 0px 0px; position:relative;}
.menu-sec ul li a{ color:#fff; padding:0 34px 0 34px;  display:block;}

.menu-sec ul li.last-child a{ background:url(/images/menu-divider.jpg) no-repeat right 0px;  }
.menu-sec ul li a:hover{ background:#003dad; color:#fff;}

/** DD Menu Styles **/
.menu-sec ul li ul{ z-index:9999999; background:#373f9f; display:none; width:250px; position:absolute; left:0px; top:46px;}
.menu-sec ul li ul li{ float:none;  font:normal 14px/46px 'latolight';  text-align:left;  padding-left:0px; text-transform:capitalize; background:url(/images/dropdown-menu-arrow.png) no-repeat 10px center; } 
.menu-sec ul li ul li a{ font-size:13px; line-height:19px; padding:8px 0 8px 25px; color:#c4defe; border:none; border-bottom: 1px dashed #99A6AB;}
.menu-sec ul li ul li a:hover{ background:#199AD6; color:#fff; border-bott0m:1px solid #386078; }
.menu-sec ul li:hover > ul { display:block; position:absolute; left:0px; padding:0px; margin:0px;}
.menu-sec ul li li:hover > ul{ display:block; position:absolute; left:100%; padding:0px; margin:0px; top:0px;}
.menu-sec ul li:hover > li{ float:none; }
.menu-sec ul li.current-menu-item > a{color:#199AD6; }
.menu-sec ul li ul li.current-menu-item > a{ background:url(/images/dropdown-menu-arrow.png) no-repeat 10px 52% #4662DD ; color:#fff; }
#menu-menu-1 > li.current-menu-item > a, #menu-menu-1 > li.current_page_ancestor > a{ background:url(/images/mouse-on-img.jpg) repeat-x 0px 0px;color:#fff; }
.menu-sec ul li ul li:hover > a{background:url(/images/dropdown-menu-arrow.png) no-repeat 10px 52% #4662DD ; color:#fff; border-bott0m:1px solid #386078; }
.menu-sec ul li ul li.menu-item-has-children{ }
.menu-sec ul li ul li.menu-item-has-children:hover > a{}
#menu-item-822 ul, #menu-item-821 ul{ width:270px !important;}
/**mouse over on dropdown ul li parent should highlight***/
.menu-sec ul li:hover > a{ background:url(/images/mouse-on-img.jpg) repeat-x 0px 0px;color:#fff; }

/**right arrow**/
.menu-sec ul li ul li.menu-item-has-children{  
}

/*************on hover**********************/
.menu-sec ul li ul li.menu-item-has-children:hover > a{
}
#menu-item-33 a{background:url(/images/menu-divider.jpg) no-repeat right 0px;}
#menu-item-33 a:hover{ background:url(/images/mouse-on-img.jpg) repeat-x 0px 0px;color:#fff; }
#menu-item-733{ position:inherit;}
#menu-item-733 ul{ width:100%;}
#menu-item-733 ul li {
  background: rgba(0, 0, 0, 0) url("/images/dropdown-menu-arrow.png") no-repeat scroll 10px center;
  float: left;
  font: 14px/46px "latolight";
  margin: 0 3% 0 0;
  padding-left: 0;
  text-align: left;
  text-transform: capitalize;
  width: 22%;
}

/*********info styles**********/
#info-sec{width:100%; float:left; background:url(/images/banner-bottom-bg.jpg) repeat-x 0px 0px; min-height:56px; }
.info-sec{ background:url(/images/banner-bottom-img.jpg) no-repeat 0px 0px; margin:0 auto; max-width:980px;}
.contact-info{ float:left; background:url(/images/sprite.png) no-repeat 0px 21px; font:normal 17px/56px 'latoregular'; margin:0 0 0 0px; padding:0 0 0 2%; }
.contact-info a{ color:#595959; display:block;float:left;}
.contact-info span {
  float: left;
  padding: 0 5px;
}
.login-sec {
  float: left;
  font: 13px/56px "latobold";
  margin: 0 0 0 20px;
}
.login-sec ul li {
  float: left;
  margin: 0 10px;
}
.login-sec ul li a {
  color: #2a3575;
  display: block;
  padding: 0 0 0 25px;
}
.assessor{ background:url(/images/sprite.png) no-repeat 0px -25px;}
.lawyer{ background:url(/images/sprite.png) no-repeat 0px -75px;}
.staff{ background:url(/images/sprite.png) no-repeat 0px -133px;}
.hosp{ background:url(/images/hosp.png) no-repeat 0px 21px;}
.booking-info {
  background: url("/images/sprite.png") no-repeat 20px -211px #f2f2f2;
  border: 1px solid #d3d3d3;
  border-radius: 25px;
  float: right;
  font: 13px/30px "latoregular";
  margin: 13px 0 10px 0px;
  text-align: center;
  width: 15%;
}
.booking-info a {
  color: #595959;
  display: block;
  padding: 0 0 0 10%;
}
.booking-info a:hover{ background:#595959; color:#fff;background: url("/images/sprite.png") no-repeat 20px -211px #595959;border-radius: 25px;}

/********banner styles***********/
#banner,#s-banner{ width:100%; float:left; }
.banner-container{background:url(/images/banner.jpg) no-repeat 0px 0px;   min-height:317px; max-width:1440px; margin:0 auto;}
#banner img,#s-banner img{ padding:56px 0 0 0;}
.banner-sec, .s-banner-sec{ max-width:980px; margin:0 auto; position:relative; }



/************services-sec*************/

#services-sec{width:100%; float:left; background:url(/images/services-sec-bg.jpg) repeat-x 0px 0px; }
.services-sec{ max-width:1400px; margin:0 auto; background:url(/images/services-img.jpg) no-repeat 0px 0px; height:342px;}
.services{ max-width:980px; margin:0 auto;}
.services-left{ width:75%; float:left;}
.services img{  float:left; border: 3px solid #8b90db; margin:0 20px 0 0;}
.services-text {
  float: left;
  width: 65%;
}
.services-text h2 {
  color: #0c1a6c;
  font: 23px/18px "latobold";
  margin: 0 0 10px 0;
}
.services-text h2 a{ color: #0c1a6c;}
.services-text h2 a:hover{ color: #fff;}
.services-text p{font:normal 13px/20px 'latoregular'; color:#c7c8fb; min-height:77px;}
.services-left-list {
  float: left;
  margin: 50px 58px 0 0;
  width: 57%;
}
.services-left-list h1 {
  background: url("/images/sprite.png") no-repeat scroll 0 -352px rgba(0, 0, 0, 0);
  border-bottom: 1px dashed #8b90db;
  font: 24px/30px "latoblack";
  margin: 0 0 25px;
  text-transform: uppercase;
}
.services-left-list h1 a{ color:#fff; padding:0 0 10px 10%; display:block;}
.services-left-list h1 a:hover{ color:#0c1a6c;}
.ser-readmore {
  background: url("/images/sprite.png") no-repeat scroll 0 -421px rgba(0, 0, 0, 0);
  border: 1px solid #8b90db;
  border-radius: 5px;
  font: 12px/25px "latobold";
  text-align: center;
  width: 100px;
  margin: 15px 0 0 0 ;
}
.ser-readmore a{color:#fff; display:block;}
.ser-readmore a:hover{color:#2A3575;}
.service-tabs {
  float: left;
  margin: 10px 0 0;
  width: 35%;
}


.rslides {
	position: relative;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides > li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides > li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides > img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.service-tabs ul li{float: left;list-style-type: none;margin-left: 0px; font:normal 14px/32px "latoregular"; background:#2a3575; margin:0 0 2px 0; width:100%; border-radius:5px;}
.service-tabs ul li a { display: block;color:#fff; padding:0 0 0 12%;}
.bullet1 ul li a:hover, .bullet1 li.rslides_here a {background:#626ABF;}
.ser-scroller{ width:38%; float:left; background:url(/images/scroller-img.png) no-repeat 0px 0px; height:342px; position:absolute; right:0%;}
.list-scroller {
  float: left;
  margin: 17px 0 0 120px;
  width: 40%;
  height: 245px;
}
.list-scroller ul li{ background:url(/images/sprite.png) no-repeat 0px -557px; font:normal 13px/30px "latolight"; border-bottom:1px solid #717AC7;}
.list-scroller ul li a{ color:#D7D9F0; padding:0 0 0 15px; display:block;}
.list-scroller ul li a:hover{ color:#0c1a6c;}

.ser-scroller h3 {
 font:normal 22px/32px "latolight";
  margin: 27px 0 0 95px;
  width: 70%;
  background:url(/images/sprite.png) no-repeat 0px -471px;
}
.ser-scroller h3 a {
  color: #2a3575;
  display: block;
  padding: 0 0 0 7%;
}

#featured-sec{ width:100%; float:left; background:#fff; padding:0 0 35px 0; }
.featured-sec{ max-width:980px; margin:0 auto;}
.f-doctor-sec {
  float: left;
  margin: 0 28px 0 0;
  width: 31%;
}
.f-doctor-sec h2 {
  font: 21px/24px "latobold" !important;
  padding: 30px 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.f-doctor-sec-img{ width:36%; float:left; }
.f-doctor-sec-text{ float:left; width:60%; margin:0 0 0 12px; }
.f-doctor-sec-text p{ margin:0px; }
.f-doctor-sec p{ margin:0px;}
.f-doctor-sec-readmore {
  background: #2a3575 none repeat scroll 0 0;
  float: right;
  font: 12px/25px "latobold";
  margin: 15px 0 0;
  text-align: center;
  width: 80px;
}
.f-doctor-sec-readmore a:hover{ color:#fff !important;}
.featured-sec h2{ font:normal 24px/32px "latobold"; text-transform:uppercase; width:100%; text-align:left; padding:15px 0 15px 0;}
.featured-sec h2 a{color:#7880cc;}
.featured-sec1 {
  float: left;
  width: 100%;
		position:relative;
}
.featured-news-text {
  border-left: 0px dotted #bdbdbd;
  float: left;
  padding: 0 0 0 0px;
  width: 100%;
}
.featured-img {
  float: left;
  font: 30px/20px "latolight";
  min-height: 68px;
  text-align: center;
  width: 25%;
}
.featured-img span {
  background: none repeat scroll 0 0 #7b83ce;
  border-radius: 50%;
  color: #fff;
  display: block;
  min-height: 60px;
  padding: 15px 0 0; font-size:17px;
}
.featured-img a span{ display:block;   font: 14px/30px "latolight";}
.featured-text {
  float: left;
  margin: 0 0 0 0px;
  width: 100%;
}
.featured-text h3 {
  font: 18px/17px "latolight";
		float:left;
}
.featured-text h3 a{ color:#000; text-decoration:none; display:block;}
.featured-sec a:hover, .aside-featured-sec a:hover{color:#0000FE}
.featured-text h4{font:normal 16px/22px "latolight"; color:#7a83cd;  text-transform: uppercase; width:100%;}
.featured-text p {
  color: #a3a3a3;
  font: 14px/20px "latolight";
  margin: 10px 0 0;
}
.featured-text a{ float:right;  color:#7a83cd;  text-decoration:underline;}
a.rd{ float:right; margin-top:30px;}

/*******footer*******/
footer{ width:100%; float:left; background:#f1f1f1; padding:20px 0 40px 0;}
.footer-sec{ max-width:980px; margin:0 auto;  color:#fff; text-align:center;}
.footr-menu {
  color: #000;
  font: 12px/16px "latoregular";
  margin: 0 auto;
  width: 67%;
  float: left;
}
.footr-menu ul li{ float:left; }
.footr-menu ul li.f-last-li a{ padding-left:0px;}
.footr-menu ul li a{ color:#000; padding:0 7px; display:block; *padding:0 3%;}
.footr-menu ul li a:hover{ color:#0000fe;}
.copyright {
  clear: both;
  color: #8F8F8F;
  font: 13px/30px "latoregular";
  float: left;
}
.social-icons {
  float: left;
  width: 22%;
}
.social-icons ul li{float:left; width:33px; height:30px;}
.social-icons ul li a{ display:block; text-indent:-99999px;}

.social-icons ul li.facebook{ background:url(/images/sprite.png) no-repeat 0px -285px;}
.social-icons ul li.twitter{ background:url(/images/sprite.png) no-repeat -33px -285px;}
.social-icons ul li.linked-in{ background:url(/images/sprite.png) no-repeat -66px -285px;}
.social-icons ul li.google-plus{ background:url(/images/sprite.png) no-repeat -99px -285px;}
.social-icons ul li.youtube{ background:url(/images/sprite.png) no-repeat -132px -285px;}

.ypo-logo{margin:5px 0; float:right;}
 





/**********subpage styles**********/
section {
  float: left;
  padding: 30px 0 30px 0;
  width: 100%;
}
.article-sec{ max-width:980px; margin:auto; }
article{ float:left; width:70%; }
aside{ float:right; width:27%; background:url(/images/aside-ser-img.png) no-repeat 0px 0px;}
.aside-container{ width:88%; margin:15px auto;  }
.aside-services{ width:100%; float:left; background:#626ABF;border-radius:5px 5px 0 0;}
.aside-ser-head{ font: normal 24px/30px "latoregular";width:100%;}
.aside-ser-head a{ color:#fff; display: block; padding:20px 0 0 20px; }
.aside-ser-head a:hover{ font-size:25px;}
.aside-services ul { width:80%; margin:10px auto 20px auto; }
.aside-services ul li{ background:url(/images/sprite.png) no-repeat 0px -643px; font:normal 12px/30px "latoregular"; border-bottom:1px dotted #9ca0d4;}
.aside-services ul li a{ color:#fff; display:block;  padding:0px 0 0 20px;}
.aside-services ul li a:hover{ color:#0c1a6c;}
.aside-scroller{ width:100%; float:left; background:#2A3575; }
.s-list-scroller {
  float: left;
  height: 220px;
  margin: 17px 0 20px 0px;
  width: 100%;
}
.s-list-scroller ul {
  list-style-type: none;
  margin: 0 auto;
  width: 78%;
}
.s-list-scroller ul li {
  background: url("/images/sprite.png") no-repeat scroll 0 -643px rgba(0, 0, 0, 0);
  border-bottom: 1px dotted #717ac7;
  font:normal 13px/15px "latolight";
  padding: 5px 0;
}
.s-list-scroller ul li a{ color:#fff; padding:0 0 0 15px; display:block;}
.s-list-scroller ul li a:hover{color:#626ABF;}
.aside-featured-sec{ background:#F1F1F1; width:100%; float:left; margin:8px 0 0px 0;  border-radius:0 0 5px 5px; padding:0 0 30px 0;}
.aside-blue-sec{ height:8px; background:#2a3575; border-radius:5px 5px 0 0 ;}
.aside-featured-sec h2{ font:normal 24px/30px "latoregular";width:100%;}
.aside-featured-sec a{ color:#2a3575; display: block; padding:20px 0 0 20px; }
.aside-featured-sec h3{ font: normal 15px/15px "latolight"; }
.aside-featured-sec h3 a{ color:#000;}
.aside-featured-sec h4{ font:normal 14px/18px "latolight"; text-transform:uppercase; color:#7a83cd; padding:0 0 0 20px;}
.aside-featured-sec p{ font:normal 12px/18px "latoregular"; color:#a3a3a3; padding:0 20px; margin:10px 0 0 0;}
.aside-featured-sec p a{ padding:0px; text-decoration:underline; color:#7a83cd;}


.small-text {
  color: #626abf;
  font: bold 12px/15px "latolight";
  padding: 0 5px;
}
.web-form ul.label-input-inline li select.b-select{ width:12% !important;}
.web-form ul.label-input-inline li select.b-select-num{ width:7% !important;}
.web-form ul.label-input-inline li label.large {
  line-height: 130px;
}

#bullet5{ max-width:100px; height:auto; left:40px; bottom:-10px; z-index:9; position:absolute; }
#bullet5 li { float: left; list-style:none;display:block;}
#bullet5 li a { list-style: none; display: block;width:15px; height:15px; font-size:20px; color:#000;}
#bullet5 ul li a:hover, #bullet5 li.rslides_here a {color:#8A90DA; }

/***********media queriess**********/

@media only screen and ( max-width:1024px )
{
.list-scroller {
  float: left;
  height: 245px;
  margin: 17px 0 0 32%;
  width: 65%;
}
.menu-sec ul li a {
  padding: 0 30px;
}
.services-left-list {
  margin: 50px 3% 0 0;
}
}
@media only screen and ( max-width:959px )
{
	.menu-sec ul {
  padding: 0;
}
.menu-sec ul li a {
  color: #fff;
  display: block;
  padding: 0 30px;
}
#banner, #s-banner {
  background: url("/images/banner.jpg") no-repeat 0 0 / 171% auto;
  min-height:0px;
}
.contact-info {
  font: 15px/56px "latoregular";
  margin: 0 0 0 1%;
}
.login-sec {
  margin: 0 0 0 2%;
}
.booking-info {
  background: url("/images/sprite.png") no-repeat scroll -8% -211px #f2f2f2;
  float: left; margin:13px 30% 10px 35%;
}
.booking-info a {
  padding: 0 0 0 20%;
}
.services img {
  width: 27%;
}
.services-text h2 {
  font: 18px/18px "latobold";
}
.services-text p {
  font: 12px/15px "latoregular";
}
.services-left-list {
  margin: 50px 3% 0 0;
}
.list-scroller ul li {
  font: 13px/17px "latolight";
  padding: 5px 0;
}
.list-scroller {
  margin: 17px 0 0 39%;
  width: 59%;
}
.ser-scroller h3 {
  font: 19px/32px "latolight"; width:auto;
}
.service-tabs ul li {
  font: 12px/32px "latoregular";
}
.ser-scroller h3 a {
  padding: 0 0 0 10%;
}
.featured-img a {
  min-height: 0;
}
.featured-text h3 {
  font: 16px/22px "latolight";
}
.featured-text h4 {
  font: 13px/22px "latolight";
}
.f-doctor-sec-text {
  width: 58%;
}
.featured-img {
  width: 40%;
}
.featured-text {
  width: 95%; margin:0px;
}
article {
  float: left;
  width: 60%;
}
aside {
  width: 35%;
}
}
@media only screen and ( max-width:767px )
{
.menu-sec ul {
  padding: 0px;
}
.menu-sec ul li a {
  padding: 0 17px;
}
.contact-info {
  font: 13px/56px "latoregular";
}
.login-sec {
  margin: 0 0 0 5px; font:12px/56px "latobold";
}
.login-sec ul li {
  margin: 0 30px;
}
.booking-info {
  background: url("/images/sprite.png") no-repeat scroll -3% -211px #f2f2f2; font:12px/30px "latoregular";
}
.services-left-list h1 a {
  padding: 0 0 10px 15%;
}
.services img {
  margin: 0 4% 0 0;
}
.services-text h2 {
  font: 13px/18px "latobold"; margin:0 0 3% 0;
}

.services-left-list {
  margin: 50px 0 0 0;
}
.services-left-list {
  width: 50%;
}
.service-tabs {
  width: 43%;
}
.service-tabs ul li a {
  padding: 0 0 0 5%;
}
.ser-scroller {
  width: 45%;
}
.f-doctor-sec {
  width: 30%;
}
.f-doctor-sec-img {
  width: 50%;
}
.f-doctor-sec-text {
  margin: 7px 0 0 5px;
  width: 94%;
}
.featured-img {
  font: 30px/8px "latolight";
}
.footr-menu {
  width: 70%;
}
.social-icons {
  width: 30%;
}

aside {
  width: 100%;
}
.featured-img span {
  line-height: 15px;
}
}
@media only screen and ( max-width:639px )
{
.textMain {
    padding: 0px 12px 30px 7px !important;
	text-align: justify;
}
nav{display:none;}
.slicknav_menu {display: block;}
.slicknav_btn { position: relative;
 display: block;
 vertical-align: middle;
 float: right;
 padding: 0.438em 0.625em 0.438em 0.625em;
 line-height: 1.125em;
 cursor: pointer; color:#fff;
}
.slicknav_menu .slicknav_menutxt {
 display: block;
 line-height: 1.188em;
 float: left;
 font-family: Verdana, Geneva, sans-serif;
}
.slicknav_menu .slicknav_icon {
 float: left;
 margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
 margin: 0
}
.slicknav_menu .slicknav_icon-bar {
 display: block;
 width: 1.125em;
 height: 0.125em;
 -webkit-border-radius: 1px;
 -moz-border-radius: 1px;
 border-radius: 1px;
 -webkit-box-shadow: 0 1px 0 #fff;
 -moz-box-shadow: 0 1px 0 #fff;
 box-shadow: 0 1px 0 #fff;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
 margin-top: 0.188em
}
.slicknav_nav {
 clear: both
}
.slicknav_nav ul, .slicknav_nav li {
 display: block
}
.slicknav_nav .slicknav_arrow {
 font-size: 0.8em;
 float: right;
}
.slicknav_nav .slicknav_item {
 display: block;
 cursor: pointer;
}
.slicknav_nav a {
 display: block
}
.slicknav_nav .slicknav_item a {
 display: inline;
}
.slicknav_menu:before, .slicknav_menu:after {
 content: " ";
 display: table;
}
.slicknav_menu:after {
 clear: both
}
/ IE6/7 support /
.slicknav_menu {
*zoom: 1
}
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
 font-size: 16px;
}
/ Button /
.slicknav_btn {
 margin: 5px 5px 6px;
 text-decoration: none;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background-color: #f15541;
 position:absolute; right:10px;
 top:20px;
}
/ Button Text /
.slicknav_menu .slicknav_menutxt {
 color: #FFFFFF;
 font-weight: bold;
 text-shadow: 0 1px 3px #000;
}
/ Button Lines /
.slicknav_menu .slicknav_icon-bar {
 background-color: #cecece;
}
.slicknav_menu {
 background:url("/images/menu-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
 padding: 5px;
}
.slicknav_nav {
 color: #000;
 margin: 0;
 padding: 0;
 font-size: 0.875em;
}
.slicknav_nav, .slicknav_nav ul {
 list-style: none;
 overflow: hidden;
}
.slicknav_nav ul {
 padding: 0;
 margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_item {
 padding: 5px 10px;
 margin: 2px 5px;
}
.slicknav_nav a {
 padding: 8px 10px;
 margin: 2px 5px;
 text-decoration: none;
 color: #000;
 font:normal 13px Verdana, Geneva, sans-serif;
}
.slicknav_nav .slicknav_item a {
 padding: 0;
 margin: 0;

}
.slicknav_nav .slicknav_item:hover{
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 
}
.slicknav_nav a:hover {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 background: #003DAD;
 color: #fff;
}
.slicknav_nav .slicknav_txtnode {
 margin-left: 15px;
}

/*******slick nav ends******/
#services-sec {
  background: none repeat scroll 0 0 #626abf;
}
.services-sec {
  background: none repeat scroll 0 0 #626abf;
  max-width: 100%;
}
.services-left {
  float: left;
  width: 100%;
}
.services-left-list {
  width: 55%;
}
.service-tabs {
  width: 45%;
}
.ser-scroller {
  background: url("/images/scroller-img.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 342px;
  position: relative;
  right: 0; width:100%;
}

.info-sec {
  background: none ;
  max-width: 100%;
}
.contact-info {
  background: url("/images/sprite.png") no-repeat scroll 0 21px rgba(0, 0, 0, 0);
  float: none;
  margin: 0 auto;
  width: 50%; clear:both;
}
.login-sec {
  float: none;
  margin: 0 auto;
  width: 65%; clear:both;
}
.booking-info {
  background: url("/images/sprite.png") no-repeat scroll -20% -211px #f2f2f2;
  clear: both;
  float: none;
  margin: 20px auto;
  width: 27%;
}
.featured-sec1, .featured-sec2, .featured-sec3 {
  margin: 15px 0;
  width: 95%;
  border: none;
}
.f-doctor-sec {
  float: left;
  margin: 0 10px;
  width: 96%;
}
/**subpage media queries**/
article {
  width: 100%;
}
.contact ul {
  float: none;
}
aside {
  width: 65%;
  float: none;
  margin: 0 auto;
  clear: both;
}
.footr-menu {
  width: 95%;
  margin: 0 auto;
  float: none;
}
.social-icons {
  width: 74%;
}
.social-icons, .ypo-logo {
  margin: 20px 0 0 10px;
}
#info-sec {
  background:#fdfdfd;
}}

@media only screen and ( max-width:479px )
{
	
	ul.procdure_list { float:left; width:90%; margin: 1% 2% 0 2%;}
	
	
	.contact-info {
  background: url("/images/sprite.png") no-repeat scroll 0 21px rgba(0, 0, 0, 0);
  margin: 0 auto;
  width: 50%; clear:both;
}
.login-sec {
  float: none;
  margin: 0 auto;
  width: 78%;
  clear:both;
}
.booking-info {
  width: 40%;
}
.services-left-list {
  width: 100%;
}
.service-tabs {
  margin: 45px 0 0 5%;
  width: 90%;
}
.ser-scroller {
  background: none repeat scroll 0 0 #626abf;
  width: 100%;
}
.ser-scroller h3 {
  margin: 27px 0 0 25px; width:90%;
}
.list-scroller {
  margin: 17px 0 0 25px;
  width: 85%;
}
aside {
  clear: both;
  float: none;
  margin: 0 auto;
  width: 100%;
}
.copyright {
  margin: 15px 0 0;
}
 .ypo-logo {
  float: left;
}	
}

@media only screen and ( max-width:400px )
{
	.contact-info {
  width: 65%;
}
.login-sec {
  float: none;
  width: 100%;
}	
}