/*
 * Table of Contents:
 * 	   - Media Queries
 *   0 - media screen and (max-width: 1170px)
 *   1 - media screen and (max-width: 1152px) 
 *   2 - media screen and (max-width: 1024px)
 *   3 - media screen and (max-width: 992px)
 *   4 - media screen and (max-width: 800px)
 *   5 - media screen and (max-width: 768px)
 *   6 - media screen and (max-width: 728px)
 *   7 - media screen and (max-width: 640px)
 *   8 - media screen and (max-width: 500px)
 *   9 - media screen and (max-width: 480px)
 *  10 - media screen and (max-width: 414px)
 *  11 - media screen and (max-width: 375px)
 * 	12 - media screen and (max-width: 360px)
 *  13 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, a, p, article,
aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary{
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size:13px;
	font-weight:400;
	line-height:19px;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size:13px;
	font-weight:400;
	margin: 0px;
	padding: 0px; background-image:url(../images/bg.png); background-repeat:repeat; background-position:top left; width:100%;
}

a{
	color: #F00; outline:0;
	-webkit-transition: all .25s ease-in;
		-moz-transition: all .25s ease-in;
		 -ms-transition: all .25s ease-in;
		  -o-transition: all .25s ease-in;
		     transition: all .25s ease-in;
}
a:focus { text-decoration:none; outline:0;}
a:hover{
	text-decoration: none;
	color: #2a8fbd;
}
.container {
	width: 99%;
	padding:0 50px; margin-bottom:0px;
}
.shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
	box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
	/*background: rgb(255, 255, 255);*/
}

ul{
	list-style: none;
}
li { padding:3px 0; margin:0px;}


ul li ul { list-style:disc; padding:0 0 10px 25px;}
ul li li { background-image:none; background-position:inherit; padding:2px 0;}


ol, ul {
    margin-bottom: 10px;
    margin-top: 0; padding:0 0 0 20px;
}
ol li { padding:4px 0; margin:0px; background-image:none;}

.inline li { display:inline-block; width:50%; float:left;}

p { margin:0px; padding:0 0 8px 0; text-align: justify;}

h1{ font-size:30px; font-weight:400; color:#000; display:block; text-align:left; text-transform:capitalize; line-height:30px; padding: 0 0 17px 0; display:inline-block; width:100%;}
h2{ font-size:23px; font-weight:400; color:#222; display:block; text-align:left; text-transform:capitalize; line-height:25px; padding:10px 0 5px 0; margin:0 0 10px 0; /*display:inline-block; width:100%;*/ /*border-bottom:solid 1px #e0dede;*/}
h3{ font-size:18px; font-weight:600; color:#222; display:block; text-align:left; text-transform:capitalize; line-height:20px; padding:10px 0 5px 0; margin:0 0 6px 0; /*display:inline-block; width:100%;*/}
h4{ font-size:16px; font-weight:600; color:#222; display:block; text-align:left; text-transform:capitalize; line-height:20px; padding:10px 0 5px 0; margin:0 0 6px 0; /*display:inline-block; width:100%;*/}
h5{ font-size:15px; font-weight:600; color:#222; display:block; text-align:left; text-transform:capitalize; line-height:18px; padding:0 0 5px 0; margin:0 0 6px 0; /*display:inline-block; width:100%;*/}
h6{ font-size:14px; font-weight:600; color:#333; display:block; text-align:left; text-transform:capitalize; line-height:18px; padding:0 0 5px 0; margin:0 0 10px 0;}

b { font-weight:bold;}

.form-horizontal { display:inline-block; width:100%;}

.form-horizontal .control-label { padding-right:0px; text-align:left;}
.form-horizontal .form-group { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}

.form-apply .form-group { display:inline-block; float:left; width:50%;}

.form-control {font-size: 13px; padding:8px 10px 7px 10px; border:solid 1px #e0dede; box-shadow:none; height:37px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.form-control-md {
	background-color: #fff;
    background-image: none;
    border: 1px solid #e0dede;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: none;
    color: #555;
    display: block;
    font-size: 13px;
    height: 37px;
    line-height: 1.42857;
    padding: 8px 10px 7px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:60%;
}
	
.form-control-sm{
	background-color: #fff;
    background-image: none;
    border: 1px solid #e0dede;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: none/* 0 1px 1px rgba(0, 0, 0, 0.075) inset*/;
    color: #555;
    display: block;
    font-size: 13px;
    height: 37px;
    line-height: 1.42857;
    padding: 8px 10px 7px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:50%;
}
.form-control-xs{
	background-color: #fff;
    background-image: none;
    border: 1px solid #e0dede;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: none;
    color: #555;
    display: block;
    font-size: 13px;
    height: 37px;
    line-height: 1.42857;
    padding: 8px 10px 7px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:30%;
}

.search_jobs input[type=text]{
	font-size: 13px;
	padding:8px 10px 7px 10px;
	border:solid 1px #e0dede;
	box-shadow:none;
	height:37px;
	line-height: 1.42857;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #fff;
    background-image: none;
	color: #555;
    display: block;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.check-list { padding-bottom:12px; padding-top:5px;}
.check-list .checkbox { padding-left:0px; padding-right:0px;}

label {
    font-weight:600; color:#333;
}
label span {
    font-weight:600; color:#ff9800;
}

/* ccr-main-section
---------------------------------------------------------------------- */
.ccr-main-section { margin:0px; padding:0px; width:100%;}


/* breadcrumb
---------------------------------------------------------------------- */
.breadcrumb { background-color:transparent; border-bottom:dashed 1px #e0dede; border-radius:0px; padding:0px; margin-bottom:15px;}
.breadcrumb > li { text-transform:capitalize;display:inline-block; line-height:33px; background-image:none; padding:0px; margin:0px;}
.breadcrumb > li > a { outline:0; display:inline-block;}
.breadcrumb > li > a:focus { outline:0; color: #25b53a; text-decoration:none;}


/* accordion
---------------------------------------------------------------------- */
#accordion .panel-title { font-weight:600; padding:0px; text-transform:capitalize;}
#accordion .panel-title a { display:block; outline:0; padding:7px 15px; font-size:14px; font-weight:600;}
#accordion .panel-title a:hover { display:block; outline:0; padding:7px 15px;  background-color:#1bb4ff; color:#fff;}
#accordion .panel-title a:focus { text-decoration: none; color: #fff; outline:0; background-color:#1bb4ff;}
#accordion .panel-default > .panel-heading { padding:0px;}
#accordion .panel-body { padding:10px;}
#accordion .panel { box-shadow:none; border-radius:0px;}
.panel-default { border:solid 1px #e0dede;}


/* Main-Header
---------------------------------------------------------------------- */
.main-header { min-height:150px; border-bottom:solid 1px #919191;}

.logo { float:left; padding:0px; margin:20px 0; width:100%;}
.logo .title { padding:0px; margin:0px 0 0 0; font-size:35px; font-weight:bold; color:#2a8fbd; text-transform:capitalize; text-align:center; text-decoration:underline;}
.logo .titlea { padding:0px; margin:0px 0 0 0; font-size:25px; font-weight:bold; color:#2a8fbd; text-transform:capitalize; text-align:center; }
.logo span { font-size:14px; font-weight:bold; color:#666666; text-align:center; width:100%; float:right;}
.logo img { width:100px; height:110px; float:left; margin: 0 30px 0 0;}

.profile { margin:0px; padding:0px; float:right;}
.profile img { width:116px; margin-top:6px; border:solid 1px #919191; border-bottom:none; background-color:#fff;}


/* slider
---------------------------------------------------------------------- */
.slide-area { margin:0px; padding:22px 0; display:inline-block; float:left; width:100%;}
.about { float:left; width:36%; padding:0 40px 0 0;}
.about h1 { border-bottom:solid 1px #919191; font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:0 0 10px 0;}

.pulse { border-bottom:solid 1px #919191; border-top:solid 1px #919191; padding:7px 0; margin:5px 0 0 0;}
.pulse img { width:100%;}

.banner { border:solid 1px #919191; float:left; width:64%; margin:15px 0 0 0px; padding: 0px; height:411px; overflow:hidden;}


/* content-area
---------------------------------------------------------------------- */
.content-area { margin:0px; padding:0px; border-bottom:solid 1px #919191;}


/* learn-area
---------------------------------------------------------------------- */
.learn-area { margin:0px; padding:22px 0 10px 0; display:inline-block; float:left; width:100%;}
.learn-area .title {border-bottom:solid 1px #919191; font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:0 0 10px 0; text-transform:capitalize;}
.learn-area ul { margin:0px; padding:0px; list-style:none;}
.learn-area li { border-bottom:dashed 1px #ccc; margin:0px; padding:3px 0 5px 22px; background-image:url(../images/grey-check.png); background-repeat:no-repeat; background-position:0 3px; text-align:justify;}
.learn-area li:last-child { border-bottom:none;}
.learn-area li span { display:block; font-weight:bold;}
.learn-area p { margin:0px; padding:0px;}

.sub-education { border-top:solid 1px #919191; padding:7px 0; margin:0 0 5px 0;}
.sub-education:last-child { margin:0px;}
.sub-education span { font-weight:bold; color:#000; display:block; text-decoration:underline; margin:0 0 5px 0;}

.education { float:left; width:32%; padding:0px; margin:0px;}
.professional-experience { float:left; width:38%; padding:0 40px; margin:0px;}
.proceedings { float:left; width:30%; padding:0px; margin:0px;}
.proceedings li { margin:0px; padding:5px 0 7px 22px; border-bottom:dashed 1px #ccc; background-position:0 4px;}


/* specialisation
---------------------------------------------------------------------- */
.specialisation { margin:0px; padding:0 0 20px 0; display:inline-block; float:left; width:100%;}
.specialisation .title { border-bottom:solid 1px #919191; font-size:24px; color:#777; line-height:26px; padding:0 0 5px 0; margin:0 0 10px 0; text-transform:capitalize;}
.specialisation ul { list-style:none; margin:0px; padding:0px; display:inline-block; float:left; width:100%;}
.specialisation li { list-style:none; margin:0px 20px 1px 0; padding:0px; width:100%; display:inline-block; float:left; text-align:left;}
.specialisation li:nth-child(4n+4) { margin-right:0px;}
.specialisation li img {width:100%;-webkit-border-radius: 15px;-moz-border-radius: 15px;order-radius: 15px;
}
.specialisation li span { font-size:20px; font-weight:500; line-height:15px; font-family:"Times New Roman", Times, serif; margin-bottom:15px; display:block;}
.patient-care { display:inline-block; float:left; width:100%; margin:12px 0 0 0; padding:0px;}
.patient-care .title {border-bottom:solid 1px #919191; font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:0 0 10px 0; text-transform:capitalize;}


/* consulation
---------------------------------------------------------------------- */
.consulation { margin:0px; padding:0px; display:inline-block; float:left; width:100%;}
.consulation .title { border-bottom:solid 1px #919191; font-size:24px; color:#777; line-height:26px; padding:0 0 5px 0; margin:0 0 10px 0;}
.consulation-left { float:left; width:30%; margin:0px; padding:0 40px 0 0;}

.hospital { display:inline-block; float:left; width:100%; margin:12px 0 0 0; padding:0px;}
.hospital .title { border-bottom:solid 1px #919191; font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:0 0 10px 0; text-transform:capitalize;}
.hospital i { margin:0 5px 0 0;}
.hospital a { color:#222; font-weight:bold;}
.hospital a:hover { color:#2a8fbd;}

.hospital p { text-align:left;}

.clinic { display:inline-block; float:left; width:100%; margin:12px 0 0 0; padding:0px;}
.clinic .title {border-bottom:solid 1px #919191; font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:0 0 10px 0; text-transform:capitalize;}
.clinic i { margin:0 5px 0 0;}
.clinic p { text-align:left;}

.consulation-right { float:left; width:70%; margin:0px; padding:0px; border:solid 1px #919191;}


/* contact-area
---------------------------------------------------------------------- */
.contact-area { margin:10px 0 0 0; padding:10px 0; display:inline-block; float:left; width:100%; border-top:solid 1px #919191;}
.contact-area ul { margin:0px; padding:0px; list-style:none; display:inline-block; float:left; width:100%;}
.contact-area li { margin:0 40px 0 0; padding:0px; display:inline-block; float:left; width:22%;}
.contact-area li:nth-child(4n+4) { margin-right:0px;}
.contact-area li .title { border-bottom:solid 1px #919191; font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:45px 0 10px 0; text-transform:capitalize;}
.contact-area li p i { margin:0 5px 0 0;}
.contact-area li p a { color:#222;}
.contact-area li p a:hover { color:#2a8fbd;}

.contact-area li img { width:100%; padding:0 0 0 30px;}


/* Media Queries
---------------------------------------------------------------------- */

/* media screen and (max-width: 1024px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1024px)
{
.container { width:100%; padding:0 15px;}
.contact-area li { margin:0 25px 0 0; width:23%;}
.banner { height:auto; margin-top:80px;}
}

/* media screen and (max-width: 980px)
---------------------------------------------------------------------- */
@media screen and (max-width: 980px)
{
.logo { width:55%;}
.specialisation li { width:23.3333%;}
}


/* media screen and (max-width: 800px)
---------------------------------------------------------------------- */
@media screen and (max-width: 800px)
{
.logo { width:65%;}
.about { width:100%; padding:0px;}
.banner { width:100%; margin:10px 0 0 0;}
.specialisation li { width:23%;}

.contact-area li { width:47%; margin-right:40px; margin-top:15px;}
.contact-area li:nth-child(2n+2) { margin-right:0px;}
.contact-area li img { padding:0px;}
.contact-area li .title { margin-top:0px;}
}


/* media screen and (max-width: 768px)
---------------------------------------------------------------------- */
@media screen and (max-width: 768px)
{
.specialisation li { width:22.4444%;}
.logo {  width:100%;}
.logo .title { padding:0px; margin:0px 0 0 0; font-size:30px; font-weight:bold;center; text-decoration:underline;}
.logo .titlea { padding:0px; margin:0px 0 0 0; font-size:20px; font-weight:bold; text-align:center; }
.logo span { font-size:12px; font-weight:bold; text-align:center; width:100%; float:right;}
.banner { border:solid 1px #919191; width:98%; margin:-650px 0 0 0px; padding: 0px; height:311px; overflow:hidden;}
.about { float:left; width:100%; padding:0 0 0 0; margin:330px 0 0 0}
.about h1 {  font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; text-align:center;}
.specialisation .title { text-align:center;}
.specialisation li { list-style:none; margin:0px 20px 1px 0; padding:0px; width:100%; display:inline-block;  text-align:center;}

.consulation-left { float:left; width:100%; margin:0px; padding:0 40px 0 0;}
.consulation-right { width:100%;}.hospital { width:33%; }
.clinic { float:right; width:33%; margin:12px 200px 0 0; padding:0px;}
.contact-area { margin:10px 0 0 0; padding:10px 0; display:inline-block;  width:100%; text-align:center; }
.contact-area ul { margin:0px; padding:0px; list-style:none; display:inline-block; float:left; width:100%;}
.contact-area li { margin:0 40px 0 0; padding:0px; display:inline-block; float:left; width:45%;}
.contact-area li .title {  font-size:20px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; margin:45px 0 10px 0; text-transform:capitalize; text-align:left;}
.contact-area li img { display:none;}

}

/* media screen and (max-width: 728px)
---------------------------------------------------------------------- */
@media screen and (max-width: 728px)
{
.logo { width:70%;}
.education { width:100%;}
.professional-experience { width:100%; padding:0px; margin:20px 0 10px 0;}
.proceedings { width:100%;}
}


/* media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width: 640px)
{
	.main-header { min-height:120px; border-bottom:solid 1px #919191;}
.logo {  width:100%;}
.logo .title { padding:0px; margin:0px 0 0 0; font-size:30px; font-weight:bold;center; text-decoration:underline;}
.logo .titlea { padding:0px; margin:0px 0 0 0; font-size:20px; font-weight:bold; text-align:center; }
.logo span { font-size:11px; font-weight:bold; text-align:center; width:100%; float:right;}
.banner { border:solid 1px #919191; width:98%; margin:-670px 0 0 1%; padding: 0px; height:311px; overflow:hidden;}
.specialisation li { width:100%; }
.consulation-left { float:left; width:100%; margin:0px; padding:0 40px 0 0;} .hospital { width:40%; }
.clinic { float:right; width:40%; margin:0 0px 0 0; padding:0px;}
.contact-area li { width:45%;}
}


/* media screen and (max-width: 500px)
---------------------------------------------------------------------- */
@media screen and (max-width: 500px)
{
.logo { width:100%; margin-bottom:0px;}
.profile { float:none; display:inline-block; width:100%; text-align:center;}
.specialisation li { width:47%; margin-right:28px;}
.consulation-left { width:100%; padding:0px; margin-bottom:15px;}
.consulation-right { width:100%;}

.contact-area li { width:47%; margin-right:22px;}
}


/* media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px)
{
	.main-header { min-height:130px; border-bottom:solid 1px #919191;}
.logo {  width:100%;}
.logo .title {  font-size:24px; }
.logo span { font-size:11px; font-weight:bold; text-align:center; width:100%; float:right;}
.banner { width:98%; margin:-770px 0 0 1%; padding: 0px; height:261px; overflow:hidden;}
.specialisation li { width:100%;} 
.specialisation li span{font-size:14px;}
	
	.contact-area { margin:10px 0 0 0; padding:10px 0; display:inline-block;  width:100%; text-align:center; }
.contact-area li { margin:0 0px 0 20px; padding:0px; display:inline-block; float:left; width:45%; text-align:left;}
.contact-area li .title {  font-size:18px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; text-align:left;}
.contact-area li img { display:none;}
	
	
}


/* media screen and (max-width: 414px)
---------------------------------------------------------------------- */
@media screen and (max-width: 414px)
{
.logo .title { font-size:25px;}
.specialisation li { margin-right:0px; width:100%; margin:5px 0 15px 0;}
.contact-area li { width:100%; margin-right:0px;}
}


/* media screen and (max-width: 360px)
---------------------------------------------------------------------- */
@media screen and (max-width: 360px)
{
.main-header { min-height:100px; border-bottom:solid 1px #919191;}
.logo {  width:100%;}
.logo .title {  font-size:16px; font-weight:700; }
.logo .titlea { font-size:16px; font-weight:bold; text-align:center; }
.logo span {font-size:10px;text-align:center;width:100%;float:right;}
.banner { width:98%; margin:-960px 0 0 1%; padding: 0px; height:150px; overflow:hidden;}
.about { float:left; width:100%; padding:0 0 0 0; margin:160px 0 0 0}
.about h1 {  font-size:16px; font-weight:bold;}
.about p{text-align:left; line-height:22px;}
.specialisation li { width:100%;} 
.specialisation li span{font-size:14px; font-weight:bold;}
	
	.contact-area { margin:10px 0 0 0; padding:10px 0; display:inline-block;  width:100%; text-align:center; }
.contact-area li { margin:0 0px 0 20px; padding:0px; display:inline-block; float:left; width:100%; text-align:left;}
 .hospital { width:100%; }
.clinic {  width:100%; margin:0 0px 0 0; padding:0px;}
.contact-area li { width:100%;}
.consulation-right{width:100%; height:150px; overflow:hidden;}

.contact-area li .title {  font-size:18px; color:#2a8fbd; line-height:22px; padding:0 0 5px 0; text-align:left;}
.contact-area li img { display:none;}
}