*{margin:0; padding:0;}
body, html{ font-family:calibri, arial; font-size:16px; color:#4b5058; background:#f3f3f3;}
input, button, textarea, select{font-family:calibri, arial;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,li{list-style:none;}
a{ text-decoration:none;}
a, a:ative, a:focus{outline:0 none;}
.fL{float:left;}
.fR{float:right;}
.clr{ clear:both;}


/* LAYOUT STYLE 
=============================================================== */
@media all {
	#header{background:#fff;}
	.logo{background:url(../images/logo.png) no-repeat 0 0; display:block; text-indent:-999em; width:109px; height:75px; margin-top:14px;}
	.logo-suvichar{background:url(../images/suvichar-hospital.jpg) no-repeat 0 0; display:block; text-indent:-999em; width:122px; height:43px; margin-top: 33px; margin-left: 18px;}
	.headerTopLinks{}
	.topLinks{ text-align:right; background:url(../images/devider.png)no-repeat left bottom; padding:6px 0;}
	.phoneNum{ display:inline-block; background:url(../images/call.png)no-repeat 0 0; padding-left:35px; height:29px;}
	.btnRed{display:inline-block; width:182px; height:27px; margin-left:55px; background:#ef4043; border:1px solid #b52125; text-align:center; line-height:27px; text-transform:uppercase; color:#fff; border-radius:4px;}
	.nav{padding:10px 0; text-align:right;}
	.nav li{display:inline-block;}
	.nav li a{display:block; padding:0 18px; height:32px; color:#4b5058; line-height:32px; border-top:4px solid #fff; }
	.nav li a:hover, .nav li a:active, .nav li a.active{background:#4fbde4; color:#fff; border-radius:5px; border-color:#3eaacf; }
	
    .banner{background:#4fbde4; }
	.bannerContent{padding-right:400px;}
	.bannerContent h2{font-size:44px; font-weight:bold; color:#fff;display:block;}
	.bannerInside{overflow:hidden; padding:89px 0; height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
	
	.slideImg_1{background:url(../images/banner_img1.png) right bottom no-repeat; }
	.slideImg_2{background:url(../images/banner_img2.png) right bottom no-repeat; }
	.slideImg_3{background:url(../images/banner_img3.png) right bottom no-repeat; }
	.slideImg_4{background:url(../images/banner_img4.png) right bottom no-repeat; }
	.slideImg_5{background:url(../images/banner_img5.png) right bottom no-repeat; }
	
	.bannerContentList{padding-top:30px;}
	.bannerContentList li{display:block; padding-left:30px; background:url(../images/bullet-1.png) no-repeat 0 2px; color:#fff; margin-bottom:20px;}
	.bannerContent .knowMoreBtn{display:inline-block; border:1px solid #fff; text-transform:uppercase; font-weight:bold; border-radius:2px; width:152px; height:45px; line-height:45px; color:#fff; text-align:center; margin-top:30px;}
	.bannerContent .knowMoreBtn:hover{background:#fff; color:#3daacf;}
	.swiper-slide .centerAlign {height: 100%;}
	.swiper-container {width: 100%; height:455px;color: #fff;}
	.red-slide {background: #ca4040;}
	.blue-slide {background: #4390ee;}
	.orange-slide {background: #ff8604}
	.green-slide {background: #49a430;}
	.pink-slide {background: #973e76;}
	.swiper-slide .title {font-style: italic;font-size: 42px; margin-top: 80px;margin-bottom: 0; line-height: 45px;}
	.pagination { position: absolute;z-index: 20;left: 50%; bottom: 10px; margin-left:-22px;}
	.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #222;margin-right: 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
	.swiper-visible-switch { background: #aaa;}
	.swiper-active-switch {background: #fff;}
		
	h3.dr-name{ margin: 0 0 10px 0; font-weight: bold; }
	.hBlocksWrapp{text-align:center; padding:55px 0;}
	.hBlocks{display:inline-block; width:320px;}
	.hBlocks:first-child{margin-right:15px;}
	.hBlocks:last-child{margin-left:15px;}
	.hBlockIcon{display:block; width:100px; height:100px; margin:0 auto; border:2px solid #c9cfd1; border-radius:100px; margin-bottom:26px;}
	.hBlockTitle{display:block; color:#3daacf; font-size:22px; font-weight:bold; text-transform:uppercase; margin-bottom:26px;}
	.hBlockTitle:hover{color:#ef4043;}
	.techIcon{background:url(../images/tech-icon.png) no-repeat center center;}
	.healthcareIcon{background:url(../images/healthcare-icon.png) no-repeat center center;}
	.availabilityIcon{background:url(../images/ambulance-icon.png) no-repeat center center;}
	
	.sleepDisroderWrap{text-align:center; }
	.sleepDisroderBox{display:inline-block; width:320px; text-align:left; vertical-align:top; margin-bottom:15px;}
	.sleepDisroderBox h2, .subTitle{ font-size:20px; margin-bottom:20px; font-weight:bold;}
	
	.vBox {margin-bottom:30px; padding-left:15px;}
	.sleepDisroderBox:first-child{margin-right:15px;}
	.sleepDisroderBox:last-child{margin-left:15px;}
	
	.aboutWrapp{background:#fff; padding:55px 0; border-top:1px solid #ccc;}
	.aboutWrapp h3{font-weight:bold; font-size:18px;}
	.docImg{background:url(../images/doctor.jpg) no-repeat 0 0; width:223px; padding-top:335px;}
	.docName{color:#84878c; text-align:center;}
	.blockTitle{color:#3daacf; font-size:22px; font-weight:bold; text-transform:uppercase; }
	.blockTitle em{font-style:normal; color:#ef4043;}
	.aboutWrapp  .blockTitle{margin-bottom:26px;}
	.homeServicesList li{display:block; padding-left:25px; background:url(../images/bullet-2.png) no-repeat 0 2px; margin-bottom:7px;}
	
	.readMore{background:#78d1f0; padding:0 20px; color:#fff; display: inline-block;height: 45px;line-height: 45px;font-weight: bold; margin-top:25px ;text-transform: uppercase;}
	
	#footer{padding:55px 0; border-top:1px solid #ccc;}
	.mapWrapp{width:565px; min-height:345px;}
	.map{border:4px solid #fff; box-shadow:0 0 2px #ccc;}
	.mapTxt{font-size:14px; margin-top:15px; color:#6d6c6c;}
	.appointmentFormWrapp{width:393px;}
	.appointmentForm{padding:15px 22px; background:#fff; border:1px solid #e1e1e1;}
	.appointmentForm .error{font-size:14px; color:red;}
	.inputDiv{margin-bottom:10px;}
	.inputLabel{ color:#484544; font-weight:bold; margin-bottom:4px;  font-size:14px;}
	.inputLabel .requiredField{color:#ef4043;}
	.inputHalf{width:47.5%;}
	.inputDiv input, .inputDiv select{width:100%; padding:0 10px; height:35px;  box-sizing:border-box; background:#f3f3f3; border:2px solid #dededd; border-radius:3px; font-size:16px;}
	.inputDiv input:focus, .inputDiv select:focus{border-color:#3daacf;}
	.bookAppointmentBtn{background: #3daacf !important; cursor:pointer; border: 0 none !important;color: #fff;font-size: 18px; font-weight: bold;height: 37px !important;margin-top: 12px;text-align: center;text-transform: uppercase;}
	.copyright{color:#7f7f7f; text-align:center; padding:20px 0; border-top:1px solid #d1d1d2; font-size:14px;}
	
	.pageTitle{font-size:30px; font-weight:bold; padding:55px 0; color:#fff; background:url(../images/page-img.png) no-repeat right 0; text-shadow: 1px -1px 0 #44a8cb;}
	.ui-datepicker{font-size:14px!important;}
	.contentInside{background:#fff; padding:30px 20px; margin:20px 0;  box-shadow: 0 0 3px #ccc;}
	.para_heading{font-size:22px; font-weight:bold; margin-bottom:10px;}
	.para_sub_heading{font-size: 22px;font-weight: bold;margin-bottom: 20px; margin-top: 10px;color: #ef4043;background: #f2f2f2;padding: 9px 18px;text-decoration: underline;}
	.members{overflow:hidden; padding-top:10px;}
	.member{color:#4a4b52; margin-bottom:35px;  float:left; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
	.member:nth-child(4){margin-right:0;}
	.member .membersImg{ margin-bottom:15px; width:160px; border: 1px solid #ccc; float:left;}
	.aboutDoc{ float;left; padding-left: 185px;}
	
	.memberName{font-size:18px; color:#25262b; margin-bottom:10px; position:relative; font-weight:bold;}
	.emailRed{position:absolute; bottom:3px; right:0;}
	.member .socialIcons{padding:15px 0;}
	.socialIcons a{display:inline-block; width:32px; height:32px; border:1px solid #666d89; border-radius:50px; text-indent:-999em;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		-o-transition-property: -o-transform;
		transition-property: transform;
	}
	.socialIcons a:hover{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
	.member .socialIcons a{margin-right:2px;}
	.gplus{background:url('../images/gplus.png') no-repeat center center;}
	.twitt{background:url('../images/twitt.png') no-repeat center center;}
	.linkedin{background:url('../images/linkedin.png') no-repeat center center;}
	.talbeStyle{border-top:1px solid #ccc; border-right:1px solid #ccc;}
	.talbeStyle th{background:#4C5059; color:#fff;}
	.talbeStyle th, .talbeStyle td{border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:6px; text-align:left;}
	.appointmentTableWrapp{padding:20px 0;}
	.btnBlue{display: inline-block;padding: 7px 22px;background: #78d1f0 ;border-radius: 5px;margin-top: 34px; color:#fff;}
    .sortAppointments{text-align:center; padding:0 0 20px 0;font-size:18px; font-weight:bold;}
	.sortAppointments input{font-size:18px; font-weight:bold;border: 1px solid #ccc; border-radius:5px; height:35px; padding:0 10px;}
	.btnshow{background: #EF4043;border: 1px solid #b52125!important;color: #fff;padding: 0 15px;}
	.message{background:#fff1c1; padding:15px; text-align:center; font-size:18px; font-weight:bold; color:#000; margin-bottom:15px; border:1px solid #f6b1a1; border-radius:5px;}

	.loginHeading{ color:#141d25; font-size:38px; text-align:center; margin-top:110px; margin-bottom:29px;}
	.loginWrapp{ background:#fff; border:1px solid #d8dde4; border-radius:5px; width:1000px; margin:20px auto; overflow:hidden;}
	.loginWrappLeftSect{ width:564px; height:365px; float:left; background:url(../images/login-img.jpg);}
	.loginForm{ width:290px; margin-left:73px; padding-top:40px; float:left;}
	.loginForm h2{ font-size:24px; font-weight:bold; color:#4FBDE4; margin-bottom:5px;}
	.loginForm h4{ color:#99a3b1; font-size:16px; margin-bottom:15px;}
	.loginInputDiv{ padding-bottom:10px;}
	.loginInputLabelDiv{ font-size:16px; color:#768082; margin-bottom:7px;}
	.loginInputs{ width:96%; padding:0 2%; height:35px; border:2px solid #e3e4e8; border-radius:4px; font-size:20px;}
	.loginBtn{ width:128px; height:40px; background:#EF4043; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; border:0; border-radius:4px; cursor:pointer; margin-top:20px;}
	.thankYouMessage{padding: 50px;text-align: center;font-size: 30px;font-weight: bold;color: white;background: #5ba420;margin: 20px 0; border-radius:5px;}
    .twoCols{overflow:hidden;}
	.ColHalf{ width:50%; box-sizing:border-box;}
	.ColHalf img{width:100%;}
	.padding15{padding:0 15px;}
	.paddingLeft15{padding-left:15px;}
	.picList{padding-top:20px;}
	.picList li{display:inline-block; border:1px solid #ccc; padding:5px; background:#f2f2f2; width:215px; height:215px; margin-right:10px;  margin-left:10px; margin-bottom:20px;}
	.picList li img{width:100%;opacity:.8; }
	.picList li:hover{background:#78d1f0 ; border-color:#3eaacf;}.picList li:hover img{opacity:1;}

	.chirayu-hospital-logo{background:url(../images/chirayu-hospital-logo.png) no-repeat 0 0; width:104px; height:75px; text-indent:-999em; margin:13px 25px 0 0;}
	.txtBlue{color:#3daacf;}
	.mapWrap{height:357px;width:100%; box-shadow:0 0 2px #A9A9A9;}
	.listStyle{ padding-left:20px;}
	.listStyle li{list-style-type: circle;}
	.mobileMenuIcon{background:url(../images/mobile-menu-icon.png); display:none; width:43px; height:35px; position:absolute; right:15px; top:11px; text-indent:-999em;}
	.mobileMenuIcon:active{background-position:0 -35px;}
	.docAvailability{background:#ef4043 url(../images/docImg.png) no-repeat 10px center; display:block; width:100px; height:50px; position:fixed; bottom:0; right:10px; border-top-left-radius:4px; border-top-right-radius:4px; color:#fff; padding-left:62px; font-size:14px; z-index:99; }
	.docAvailability .txtBig{font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; margin-top: 5px;}
	.tableStyle{border-left:1px solid #ccc; border-top:1px solid #ccc;}	
	.tableStyle td, .tableStyle th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px; background:#fff;}
	.tableStyle th{background:#EF4043; text-align:left; color:#fff;}
	.borderBTMNone{border-bottom:0 none!important;}
	
	.flashContent{position: fixed;width: 100%;bottom: 0;left: 0;background: #FCE1C3;border-top: 3px solid rgb(231, 49, 49);z-index: 9;}
	.flashContent h2{color: red;font-weight: bold; font-size: 22px;margin: 8px 0;}
	.flashContent p{  margin-bottom: 15px;}
	.close{  position: absolute;right: 15px;top: 8px;font-size: 22px;font-weight: 700;color: rgb(223, 24, 24);}
	
}

@media screen and (min-width:1000px) {
	.centerAlign{width:1000px; margin:0 auto;}
	.headerTopLinks {width: 560px;}
	.aboutContentHome{width:730px}
}

@media screen and (max-width:768px) {
	.centerAlign{padding:0 10px;}
	.nav li a {padding: 0 10px;}
	.bannerInside {padding: 45px 0;}
	.bannerContent {padding-right: 300px;}
	.bannerContent h2 {font-size: 32px;}
	.slideImg_1 {background-size: 270px;}
	.slideImg_2 {background-size: 374px;}
	.slideImg_3{background-size: 346px;}
	.slideImg_4{background-size: 330px;}
	.slideImg_5{background-size: 320px;}
	.swiper-container {height: 380px;}
	.hBlocks {display: block;width: auto;margin-bottom: 30px;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
	.aboutContentHome { width:488px;}
	.mapWrapp {width: 100%; float:none;}
	.appointmentFormWrapp {width: auto;float: none; padding-top: 30px;}
	.picList li{ width:206px; height:206px;}
	.pageTitle{background:url(../images/page-img.png) no-repeat 290px 0; margin:0 -10px; padding:55px 10px;}
}

@media screen and (max-width:760px) {
	.chirayu-hospital-logo, .logo-suvichar{ display:none;}
	.bannerInside{ background-image:none!important; padding: 25px 0;}
	.banner{margin-top:59px;}
	.bannerContent{ padding-right:0;}
	.bannerContent h2 {font-size: 26px;}
	.bannerContentList {padding-top: 20px;}
	.bannerContent .knowMoreBtn{ margin-top:20px; height:35px ;line-height:35px;}
	.docImg{display:none;}
	.aboutContentHome{width:auto; float:none;}
	.pageTitle {padding: 25px 10px; font-size:24px;}
	.aboutDoc {padding-left: 0;}
	.member .membersImg{float:none;}
	#header {position: fixed;z-index: 9;left: 0;top: 0;width: 100%;}
	.topLinks{ display:none;}
	.logo {width: 69px;height: 54px;margin-top: 5px;background-size: 100%;}
	
}

@media screen and (max-width:550px) {
	.nav{width: 100%;position: absolute;top: 59px;left: 0;border-bottom: 1px solid #888;background: #fff; display:none;}
	.nav li{ display:block; -webkit-border-radius:0;  border-radius:0;}
	.nav li a{background:#fff; text-align:left; border-top:0; -webkit-border-radius:0!important;  border-radius:0!important;}
	.mobileMenuIcon{display:block;}
}

@media screen and (max-width:400px) {
	.picList li {width: 144px;height: 144px; margin-right: 5px; margin-left: 5px; margin-bottom: 15px;}
}