@charset "utf-8";
/* CSS Document */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; /*zoom:1.0; */}
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
@media (min-width: 200px) and (max-width:320px) {
	body, .Resetpasswrapper .sendbtn{font-size: 14px;}
	.titlepage{margin-left: 0px;}
	.SignUpwrapper{	margin-top: 60px; padding: 30px 0;}
	.table{width: 90%; min-height: auto; line-height: 24px;}
	.tp-subtitle{margin-bottom: 20px; margin-left: 0px;}
	.loginfb{width: 80%; padding-left: 20%;}
	.table .middleLine{width: 100%; }
	.logo{width:200px; margin: 15px 5px 0 0;}
	.footerlogo{width: 200px;}
	.signupbtn{margin: 0px auto; width: 100%;} 
	.inputfeilds{width: 100%;}
	.sw-button{width: 100%; font-size: 14px; float: none; margin-bottom: 10px;}
	.sw-button2{width: 100%; font-size: 14px; float: none; margin-bottom: 10px;}
	.searchform{margin-top: 10px;}
	.businessHeader h2, .businessHeader h1, .searchform{margin-left: 0px;}
	.findText{ font-size: 18px;}
	.bestText{font-size: 30px; margin-top: -10px;}
	.reviewdText{ font-size: 30px;margin-top: -8px !important; line-height: 28px;}
	.hopitalSpan{ font-size: 30px;}
	.mostSkilledText{ font-size: 30px; margin-top: -8px;}
	.doctorText{font-size: 30px; margin-top: -13px !important;}
	.searchtitle{font-size: 12px; padding: 0 8px;}
	.searchfeild{width: 75%; font-size: 12px;}
	.searchbtn{width: 25px; height: 25px; top: 0px; bottom: 0px; margin: auto 0 auto 0px; position: absolute; right: 10px;}
	.drimage{ margin-right: 5px; width:80px;}
	.RDoptions{padding: 2%; min-width: inherit !important; width: 90% !important;}
	.BirthDiv, .sb-wrapper, .cb-wrapper, .captchabox{width: 100%; font-size: 12px;}
	.sb-wrapper .city, .sb-wrapper .area, .inputfeilds, .BirthDiv select, .sb-wrapper select{font-size: 12px;}
	.hiddenelement .uploadpicText, .hiddenelement .pictureFeild{margin-right: 0px;}
	.hiddenelement .uploadpicText{margin-top: 10px; font-size: 12px;}
	.Resetpasswrapper h1{font-size: 16px; line-height: 28px;}
	.Resetpasswrapper{padding: 40px 0;}

	.moreRecomend, .seelist{width: 90%; margin:0px auto;}
	.SectionHeading{font-size: 25px;}
	.iconimg{ width: 19%; margin: 0 5px;}
	.icondetaildiv{width: 70%;}
	.questionsandratting .ratingstars, .ratetheDoctor span{
		min-width: 220px; max-width: 220px;
	}
	.terribleandexcellent{min-width: 200px; max-width: 200px;}
	.br-theme-css-stars .br-widget a{width: 36px; height: 36px; font-size: 36px; margin: 0 4px;}
}
@media (max-width:280px){
	.mostSkilledText{
		line-height: 30px;
    	margin: 0px 0 6px;
    }
    .timepoints{width: 90%; margin: 0 auto 40px; height: inherit; line-height: 55px;}
	.timepoints label{padding: 15px 4px; margin:0 2px; font-size: 12px; font-weight: normal;}
}  
@media (min-width: 281px) and (max-width:320px) {
	.timepoints{width: 87%; margin: 0 auto 40px; height: inherit; line-height: 55px;}
	.timepoints label{padding: 15px 4px; margin:0 2px; font-size: 14px; font-weight: normal;}
}
@media (min-width: 321px) and (max-width:360px) {
	.timepoints{width: 94%; margin: 0 auto 40px; height: inherit; line-height: 55px;}
	.timepoints label{padding: 15px 8px; margin:0 2px; font-weight: normal;}
}
@media (min-width: 321px) and (max-width:480px) {
	.loginfb{
		padding-left: 20%;
   		width: 70%;
	}
	.SignUpwrapper{	margin-top: 40px;}
	.table{width: 100%; min-height: auto;}
	.tp-subtitle{margin-bottom: 20px;}

	.sw-button{width: 100%; font-size: 14px; float: none; margin-bottom: 10px;}
	.sw-button2{width: 100%; font-size: 14px; float: none; margin-bottom: 10px;}
	.searchform{margin-top: 10px;}
	.businessHeader h2, .businessHeader h1, .searchform{margin-left: 0px;}
	.findText{ font-size: 18px;}
	.bestText{font-size: 30px; margin-top: -10px;}
	.reviewdText{ font-size: 30px;margin-top: -13px; line-height: 40px;}
	.hopitalSpan{ font-size: 30px;}
	.mostSkilledText{ font-size: 30px; margin-top: -14px;}
	.doctorText{font-size: 30px; margin-top: -16px;}
	.searchtitle{font-size: 14px; padding: 0 8px;}
	.searchfeild{width: 78%; font-size: 14px;}
	.searchbtn{width: 25px; height: 25px; top: 0px; bottom: 0px; margin: auto 0 auto 0px; position: absolute; right: 10px;}
	.drimage{margin-right: 10px;}
	.Resetpasswrapper h1{font-size: 20px;}
	/*.RDoptions{padding: 2%; min-width: inherit !important; width: 90% !important;}*/
}  
@media (min-width: 321px) and (max-width:580px) {
	.SectionHeading{font-size: 25px;}
	.iconimg{ width: 19%; margin: 0 15px;}
	.icondetaildiv{width: 70%;}
}

@media (max-width: 360px){
	.bannerSection{margin:38px auto 0;}
	.smalltitle{ font-size: 18px;}
	.logoAnchor img{width: 100%;margin: 10px 5px 0 0;}
	.responsiveMenu{padding-top: 30px; top: 40px;}
	.navigation, .navwrapper{height: 40px;}
	.resAnchor{width: 40px; height: 40px; background-size: 100%;}

	.reviewDetailWrapper{width: 100%;}
	.reviewIcon{display: none;}
	.reviewTitle{margin: 10px 0 0 10px; width: 66%;}

	.backtoreview{top: -28px;}
	.reviewformContainer .SectionHeading{margin-top: 20px;}
	.reviewFeilds span { font-size: 18px;}
	.HospitalInforWrapper section{
		width: 90%; min-width: 240px;
		margin: 40px auto; float: none;
		min-height: inherit;
	}
	.topicTitle{width: 58%;}
}
@media (min-width: 361px) and (max-width:400px){
	.timepoints{width: 83%; margin: 0 auto 40px; height: inherit; line-height: 55px;}
	.timepoints label{padding: 15px 8px; margin:0 2px; font-weight: normal;}
}
@media (min-width: 361px) and (max-width:480px) {
	.responsiveMenu{padding-top: 50px;}
	
}
@media (min-width: 361px) and (max-width:640px) {
	.reviewDetailWrapper{width: 84%;}
	.reviewTitle{margin: 10px 0 0 10px; width: 70%;}
	.reviewFeilds span{ font-size: 20px;}
	.HospitalInforWrapper section{
		width: 80%; min-width: 240px;
		margin: 40px auto; float: none;
		min-height: inherit;
	}
	.topicTitle{width: 70%;}
}
@media (max-width:400px) {
	.signupbtn, body, .loginfb{font-size: 14px;}
	.alert{max-width: 260px;}
	.table .middleLine{margin: 10px auto 0;}
	
}
@media (min-width: 290px) and (max-width: 480px){
	.timepoints{width: 88%; margin: 0 auto 40px; height: inherit; line-height: 65px;}
}
@media (max-width:480px) {
	.buttonreview{width: 180px; font-size: 14px;}
	.MRD, .MRH{height:auto;font-size: 14px; line-height: 20px;}
	.Resetpasswrapper .inputfeilds{width: 80% !important;}
	.articleTitle{font-size: 25px;}
	.logoAnchor {width: 69%;}
	.logoAnchor img{width: 100%;}
	.DoctorName, .H-Name{font-size: 25px;}
	.ratingInline .inlineWrapper .SectionHeading{margin-top: 45px;}
	.ratingSide{top: -28px;}
}
@media (min-width: 481px) and (max-width: 509px){
	.timepoints{width: 76%; margin: 0 auto 40px; height: inherit; line-height: 65px;}
}
@media (min-width: 481px) and (max-width: 540px){
	.businessHeader h2, .businessHeader h1, .searchform{margin-left: 0px;}
	.findText{ font-size: 20px;}
	.bestText{font-size: 35px; margin-top: -10px;}
	.reviewdText{ font-size: 35px;margin-top: -5px !important; line-height: 28px;}
	.hopitalSpan{ font-size: 35px;}
	.mostSkilledText{ font-size: 35px; margin-top: -8px !important;}
	.doctorText{font-size: 35px; margin-top: -16px !important;}
}
@media (min-width: 481px) and (max-width:580px) {
	.MRD, .MRH{
		height: auto; 
		font-size: 16px; 
		line-height: 24px;
	}
}
@media (min-width: 481px) and (max-width:681px){
	.table{width: 90%;
		min-height: auto; 
		margin: 0px auto;
	}
	.DoctorName, .H-Name{font-size: 25px;}
}
@media (min-width: 510px) and (max-width:580px){
	
	.timepoints{width: 67%; margin: 0 auto 40px; height: inherit; line-height: 65px;}
}
@media (min-width: 581px) and (max-width:639px){
	
}
@media (min-width: 541px) and (max-width:900px){
	.businessHeader h2, .businessHeader h1, .searchform{margin-left: 0px;}
	.findText{ font-size: 20px;}
	.bestText{font-size: 35px; margin-top: -12px;}
	.reviewdText{ font-size: 35px;margin-top: -18px;}
	.hopitalSpan{ font-size: 35px;}
	.mostSkilledText{ font-size: 35px; margin-top: -18px;}
	.doctorText{font-size: 36px; margin-top: -17px;}
}	
@media (max-width:640px) {
	.GreyCOntainerWithIcon{
		width: 80%;
		padding: 40px 5% 5%;
	}
	.contentIcon{
		width: 120px;
		margin: -107px auto 20px;
	}
	.contactusform{
		width: 100%;
		min-width: inherit;
	}

	.reviewWrapper, .ratingWrapper, .ratetheDoctor{padding: 40px 0;}	
	.reviewIcon{width: 13%;}
	
	.reviewTime{}
	.reviewDetail{margin: 5px 10px;}
	.Sharetitle{}
	.shareiconsWrapper{margin-bottom: 10px;}
	.twitterIcon{margin-left: 10px;}
	.happyorsad{margin-right: 25px;}

	.hospitalInfo{
		width: 95%; 
		padding: 20px 2.5% 0px;
	}
	.mostvaluedSection .middleLine{display: none;}
	.ratetheDoctor .inlineWrapper .SectionHeading{margin-top: 40px;}
	.ratetheDoctor .inlineWrapper .backtoreview {top: -28px;}
}
@media (min-width: 641px) and (max-width:720px){
	.HospitalInforWrapper section{
		width: 70%; min-width: 240px;
		margin: 40px auto; float: none;
		min-height: inherit;
	}
	.topicTitle{width: 40%;}
}
@media (min-width:721px)  and (max-width:950px){
	.questionsandratting .question{width: 58%;}
}
@media (max-width:681px) {
	
	#hospitalSignup .signupbtn ,#patientSignup .signupbtn, #DoctorSignup .signupbtn{margin-top: 15px !important;}
	.signupbtn{margin-top: 0px;}
	.signupDisplyImage {display:none;}
	.SignUpwrapper{margin-top: 60px;}
	.inlineContent {
	    -webkit-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.3);
	    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
	    box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.3);
	}
	.hiddenelement{display: block;}
	.slider img{width: auto; height: 100%;}
}
@media (min-width:681px)  and (max-width:910px){
	.slider img{
		width: 100%; 
		height: 100%;
	}
}
@media (min-width:721px)  and (max-width:910px){
	.HospitalInforWrapper section.aboutHSec{ margin-right: 0px; width:90%;}
	.HospitalInforWrapper  section.HmapSec{width: 100%;}
}
@media (max-width:720px){
	.reviewHeadings{ width: 95%; margin:0 2.5%;}
	.reviewHeadings .writeReview{display: none;} 
	#writeReview.writeReview{display: block !important; right: inherit; margin: 40px auto;}
	.reviewWrapper .pagination{margin: 0px auto !important;}
	.seprator, .review{width: 95%;}
	.backtoreview{right: 0px;} 
	.reviewFeilds{width: 95%;  padding:15px 2.5%; }
	.wr-headingfeild, .wr-textarea{width: 96%; padding: 0 2%}
	.wr-textarea {padding-top: 10px;}
	
	.DoctorLocation, .H-Location{font-size: 22px; margin-top:0px;}
	.HospitalInforWrapper section button{margin-top: 40px; position: relative;}
	.aboutHSec .bedandemployee{margin-bottom: 20px;}
	.reviewWrapper, .ratingWrapper, .ratetheDoctor{overflow-x: hidden; }
	.ratingSection{ width: 95%; margin:0 2.5% 30px;}
	.ratingSide{right: 2.5%;}
	.ratingvalue{text-align: right;}
	.ratingInline .SectionHeading{margin-bottom: 40px !important}
	.mostvaluedSection{width: 95%; max-width: inherit;}
	.questionsandratting{line-height: inherit;}
	.questionsandratting .question{width: 100%; line-height: 28px;}
	.questionsandratting .ratingstars, .terribleandexcellent, .ratetheDoctor span{float: none; clear: both; margin: 0px auto;}
	.ratetheDoctor .backtoreview {right: 2.5%;}
	.overalldivcontainer{margin: 40px auto; width: 95%;}
	.askdoctor .sb-wrapper{width: 100%; float: none;}
	.HospitalInforWrapper section.aboutHSec{padding: 20px 0;}
}
@media (max-width:750px) {
	.banner.slick-slider .slick-slide img{height: 100%; width: auto;}
	.MRD, .MRH{width: 100%; border: 0px;}
	.MRH{border-top: 1px solid #17576f;}
	.leftsectionbanner, .rightsectionbanner{height: auto; width: 100%;}
	.borderbottom{border-bottom: 1px solid #ff494a;}
	.featuredhospitalslist .RDoptions{
		width: 80%; float: none;
		max-width: 400px;
		margin: 0px auto 20px;
	}
	.howContainer{
		padding-bottom: 0px;
	}
	.howContainer .RDoptions{
		width: 80%; margin: 0px auto;
		padding-left: 5%; padding-right: 5%;
		min-height: auto;
		display: block;
		float: none;
		margin-bottom: 120px;
	}
	.navcontainers{
		width: 100% !important; margin-bottom: 20px;
	}
	.recomentContainer{background-size: auto auto;}
	.recomentContainer .rd-Doctor .RDoptions, .rc-inline .RDoptions{
		width: 300px; 
       
		margin: 0px auto 20px;
		float: none; clear: both;
	}
	.rc-inline{margin-bottom: 40px;}
	.articleSlides p{ font-size: 16px; line-height: 22px;}
	/*.CompleteArticlelist, .articleListbutton{display: none !important;}
.CompleteArticlelist{display: block !important;}*/
	.articleSliders, .upperSlider{
		display: block !important;
		width: 80%;
    	margin: 0px auto;
	}
	.articleSliders .articleSlides p{
		position: relative; 
		color: #d20001; 
		padding: 10px 0;  
		font-size: 18px; 
		line-height: 26px;
	}
	.articleA, .articleB, .searchwrapper .articles{
		width: 100%; margin: 0px;
	}
	.articleA, .searchwrapper .articles{margin-bottom: 40px;}
	.bottomnavigation{width: 90%;}
}
@media (min-width: 751px) and (max-width:910px){
	.RDoptions .valuerating{float: none;}
	/* .rddesignation{display: block; margin-top: -5px;} */
}
@media (min-width: 751px) and (max-width:1080px){
	.iconimg{width: 18%; margin:0 10px;}
	.icondetaildiv{width: 74%;}
	.leftsectionbanner, .rightsectionbanner{height: auto;}
	.drimage{margin-right: 10px;}
}
@media (min-width:750px) and (max-width:1200px) {
	.bottomnavigation{width: 95%;}
	.menu{margin-right: 20px;}
	.menu > li > a{ padding: 0px 28px; font-size: 15px;}
}
@media (max-width:910px) {
	.slick-slider{margin-bottom: 0px; height: 100%;}
	.slick-slider .slick-track, .slick-slider .slick-list, .slick-slide{height: 100%;}
	.HospitalInforWrapper section{ min-height: auto; }
	.HospitalInforWrapper section.addfavSec{margin-bottom: 60px;}
	.HospitalInforWrapper section button{
		position: relative;
		margin-top: 40px;
	}
}
@media (max-width:980px) {
	.menu{display: none;}
	.articleContent{
		width: 100%;
		float: none;
	}
	.populararticles{
		width: 100%; 
		float: none;
		margin-top: 40px;
	}
	.populararticles label{
		text-align: left;
	}
	.resAnchor{display: block;}
	.rdname{font-size: 15px;}
}
@media (max-width:1021px) {
	/*.navigation a{display: none;}*/
	.loginWrapper{display: none;}
}


@media only screen
and (min-width : 290px)
and (max-width :680px){  
	.ratetheDoctor .inlineWrapper .backtoreview {top: 2px;}
}