/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width: 1169px) {
#nav li:nth-child(5) {margin-left: 0;}

.searchForDoctor .searchForDoctorWrap {width: 960px; transform: translateX(-66%); padding: 20px 10px;}
.searchForDoctor .searchForDoctorWrap .col-md-2 {width: 33.33%; float: left; margin-bottom:20px;}

.profileSectionWrap h1 {margin-bottom: 20px; font-size: 24px;}
.profileSectionWrap .shortProfileWrap {width: 100%; margin-bottom: 20px;}
.shortProfileDetails {padding: 20px;}
.profileThum {float: none; margin: 0 auto 20px;}
.profileTexts {float: none; width: 100%; text-align: center;}
.profileTextsEnroll {float: none; width: 100%; text-align: center;}
.shortProfileInfoWrap {width: 100%;}

.modal-dialog {width: 70% !important; margin: 20px auto !important;}

.whoCanRegister {padding: 30px 0; background-color: #ecf3f7;}
.whoCanRegisterBGWrap {display: none;}
.whoCanRegisterWrap::before {display: none;}

.profileImg {height: auto; padding: 20px; background-repeat: repeat;}
.profileLink {position: relative; left: 0; bottom: 0; margin-left: 0; margin-top: 20px;}

.registryMembersWrap .col-md-4 {width: 50%; float:left}

}
@media only screen and (max-width: 1023px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}

.resTabWrap .resTab .tabContainer {width: 100%; float: left; border: none;}
.resTabWrap .resTab .tabContent {padding: 0 10px;}


}
@media only screen and (max-width: 992px) {
#nav li a {padding: 5px 18px;}

.logoStrip .col-sm-6 {width: 50%; float: left;}

.bannerSection {padding: 50px 0; text-align:center;}
.bannerSection .col-sm-5 {width: 100%; margin-bottom: 20px;}
.digitalMissionBanner {position: relative; right: inherit; top: inherit; transform: none; width: 50%; margin: 0 auto; clear: both;}
.bannerSection h1 {text-align: center; font-size: 32px;}
.bannerSection h2 {font-size: 24px;}

.whoCanRegister {padding: 50px 0;}

.modal-dialog {width: 90% !important;}

.mobileNumber .form-group, .emailPublicDis .form-group, .landLineNumber .form-group {display: inline-block; width: 100%;}


}

@media only screen and (min-width: 960px) {#nav ul {display:block !important;}}

@media only screen and (max-width: 959px) {

/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#073e74;}
#nav ul{background:#305d93;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #002d63}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../images_new/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5);}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#002d63;color: #fff;}
#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nav ul{opacity:1;}
#nav li ul li, #nav ul a {width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}
#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;}
#nav li a {padding-left:15px;padding-right:15px;display:block;line-height:30px;font-size:14px;}
#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(../images_new/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}
#nav li ul li ul li a {padding-left:45px;background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color:#305d93;color: #fff;}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {background-color:#305d93;color: #fff;}

#nav li:nth-child(6) {margin-left: 0;}
#nav li:nth-child(6), #nav li:nth-child(7) {float: none;}

.searchForDoctor .searchForDoctorWrap {width: 100%; transform: none; top: 42px;}


#nav li.searchForDoctor:after {
	width: 46px;
	height: auto;
	background-color: #002d63;
	background-color: rgba(0, 45, 99, 0.5);
	background-image: url(../images_new/down-arrow.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	content: "";
}
.searchForDoctor .menuIcon{display:none !important;}

.whoCanRegister {background-image: none; background-color: #dce8ef;}
.whoCanRegister .col-sm-5 {width: 100%; text-align: center;}
.whoCanRegister .col-sm-7 {width: 100%; margin-bottom: 10px;}

.stepsToRegister h2 {margin: 0 0 30px; font-size: 26px; line-height: normal; text-align: center;}
.stepsToRegister .col-sm-4 {width: 100%; text-align: center;}
.regStepsNo {margin: 0 auto 20px;}
.regStepsBlock::after {left: 0; width: 100%;}
.stepsToRegister .col-sm-4:last-child .regStepsBlock::after {display:block;}

.benefitsWrap::before {display: none;}
.benefitsWrap::after {display: none;}
.benefitsWrap .col-sm-6 {width: 100%;}
.benefitsBlock {padding-left: 0; min-height: auto; background-size: 100px !important; text-align: center; margin-bottom: 20px; padding-bottom: 20px; 	padding-top: 120px; background-position: center top !important; border-bottom: 1px solid #F4F2F2;}
.benefitsWrap .col-sm-6::before {display:none;}
.benefitsWrap .col-sm-6:last-child::before {display: none;}

.footerLinks {padding: 20px 0;}
.footerLinks .col-sm-3 {width: 100%; text-align: center; margin-bottom: 20px; padding-bottom: 20px;}
.footerLinks .col-sm-3:last-child {margin: 0; padding: 0;}

.footerLinks .col-sm-3::before {content: " "; position: absolute; transform: none; top: inherit; z-index: auto; height: 1px; width: 100%; background: #308eb0; overflow: hidden; left: 0; bottom: 0;}
.footerLinks .col-sm-3:last-child::before {display: none;}

.footerLinks h2::after {left: 50%; transform: translateX(-50%);}
.footerLinks h2 {text-align: center;}
address br {display: none;}

.footerLinksWrap ul li {margin-bottom: 0; display: inline-block; padding:0 10px 0 10px; position:relative;}
.footerLinksWrap ul li:before {content:" "; position:absolute; left:0; top:50%; z-index:auto; height:14px; width:1px; background:#fff; overflow:hidden; margin-top:-7px; }
.footerLinksWrap ul li:first-child:before{display:none;}


.progressBarTab {border-radius: 0;}
.progressBarTab ul li {width: 50%;}
.progressBarTab ul li a .stepNumber::after {width: 47%; right: 0; transform: none;}

.progressBarTab ul li:first-child a .stepNumber::before {width: 47%; right: inherit; left: 0; transform: none;}
.progressBarTab ul li a .stepNumber::before {width: 47%; right: inherit; left: 0; content: ""; height: 2px; position: absolute; top: 33%; background-color: #DEDEDF; transform: none;}
.progressBarTab ul li:last-child a .stepNumber::after {width: 47%; left: inherit; right: 0;}

.logOut {left: auto; right: 0;}

.registryMembersWrap .col-md-4 {width: 100%; float:left}
.drprofileRight {float: left; width: auto;}
.drprofileLeft {margin-right: 20px;}
}
@media only screen and (max-width: 819px) {

}


@media only screen and (max-width: 800px) {


/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}

.buttonWidthFix {width: 60%;}
}
@media only screen and (max-width: 768px) {

}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.submitInfoDetails .button {width: 50%; display: inline-block; margin-bottom: 20px;}

.shortProfileInfo ul li {width: 100%; text-align: center;}
.shortProfileInfo ul li h2 {font-size: 16px;}
.shortProfileInfo ul li span {font-size: 14px;}

.submitInfoDetails .col-sm-4 {text-align: center;}
.profileInfoDetail .profileInfoDesc li {width: 100%;}

.drprofileLeft {width: 100%; margin-right: 0; float: none; margin-bottom: 15px;}
.drprofileThum {float: none; margin: 0 auto 5px;}
.drprofileRight {float: left; width: 100%; color: #000; text-align: center;}
.loginHealthIDForms{min-height:820px;}
}
@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}

.searchForDoctor .searchForDoctorWrap .col-md-2 {width: 50%;}
.modal-dialog {width: auto !important; margin: 10px !important;}

.submitInfoDetails .button {width: 100%;}

.buttonWidthFix {width: 100%;}
.logoStrip .col-sm-6 {width: 100%; float: left; text-align: center;}
.profImagetopRight, .healthCareLogo {float: none; width: auto; display: inline-block; vertical-align: middle; margin: 0 5px;}



}
@media only screen and (max-width: 479px) {
.bannerSection {padding: 20px 0;}
.bannerSection h1 {font-size: 22px;}
.bannerSection h2 {font-size: 18px;}
.bannerSection p {font-size: 14px;}

.whoCanRegister p {font-size: 16px;}
.whoCanRegister {padding: 20px 0;}
h2.border {font-size: 22px;}
h2.border::after {width: 100px;}

.stepsToRegister {padding: 20px 0;}
.stepsToRegister h2 {margin: 0 0 20px; font-size: 22px;}

.benefitsofHealthcare {padding: 20px 0;}
.benefitsofHealthcare h2 {font-size: 22px;}
.benefitsofHealthcare h2::after {width: 100px;}
.benefitsBlock h3 {font-size: 20px;}

.searchForDoctor .searchForDoctorWrap .col-md-2 {width: 100%;}

.submitInfoDetails .button {width: 100%; display: block;}

.progressBarTab ul li {width: 100%;}
.progressBarTab ul li a {padding: 5px 0;}
.trailingtext{ top:47px;}
}
@media only screen and (max-width: 359px) {

}