@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri'), url('./fonts/Calibri.woff2') format('woff2');
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: local('Calibri Bold'), local('Calibri-Bold'), url('./fonts/Calibri700.woff2') format('woff2');
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: local('Calibri Italic'), local('Calibri-Italic'), url('./fonts/Calibri400Italic.woff2') format('woff2');
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'), url('./fonts/Calibri700Italic.woff2') format('woff2');
}

*:focus {
    outline: 0;
}

@media screen and (min-width:1000px){
	.adjust-single-line{height:45px;padding-top: 24px;}
}

@media screen and (max-width:800px){
	.sm-dflex{display: flex;}
	.sm-pl5{padding-left: 5px;}
	.sm-pb0{padding-bottom: 0;}
	.sm-pt8{padding-top: 8px;}
	.sm-pt12{padding-top: 4px;}
	.sm-pb4{padding-bottom: 4px;}
	.sm-mb0{margin-bottom:0 }
	.sm-mb5{margin-bottom: 5px !important;}
	.sm-mb10{margin-bottom: 10px !important;}
	.sm-mt15{margin-top: 15px;}
	.fl{float: left;}
	.sm-fln{float: none;}
	.hidemob{display: none;}
	#main-wrap{width: 100%;}
	body{font-size: 12px;  font-family: 'Roboto', sans-serif !important; letter-spacing:1px;}
	#header{height: 35px;width: 100%;}
	#page-wrap{width: 98%;}
	.content-wrap{width: 100%;}
	.logo{float:left;height: 27px;width: 75px;margin-left: 15px;background-image: url('../images/hdfc-new.svg');background-repeat: no-repeat;text-align: center;}
	.login-area{float:right;width: 340px;color: #FFFFFF;padding-top: 10px;margin-right: 258px;font-size: 13px; margin-top: 14px}
	.page-heading-wrap{height: 40px;}
	.page-heading{float:left;width:100%;text-align:center;margin-left:0px;padding-top: 10px;font-size: 15px; font-family: 'Roboto', sans-serif !important;font-weight: 400;}
	.intro-left{float:left;width: 10%;background-color: #FFFFFF;}
	.left-intro-steps{float:left;width: 100%;}
	.left-intro-steps-num{width: 100%;height: 50px;font-size: 15px;padding-top: 20px;}
	.left-intro-steps-text{display:none;}
	.left-intro-steps-text-active{display:none;}

	.intro-right{float:left;width: 89%;height:490px;border-right: 1px solid #e3e3e3;background-color: #FFFFFF;}
	.inner-right{width:89%;}
	.intro-banner{width: 100%;}
	.intro-slider-wrap{float: left;}
	.right-intro-heading{font-size:20px;padding-top: 10px;}
	.right-intro-text{font-size:13px;color: #555454;padding-top: 10px;text-align: justify; line-height: 15px;width: 100%;height:340px;margin-bottom: 5px;}
	.right-intro-text{font-size:13px;color: #555454;padding-top: 10px;text-align: justify; line-height: 15px;width: 100%;height:340px;margin-bottom: 5px;}
	.right-intro-btn{float: right;width: 95px;height: 30px;background-color: #efefef;border:1px solid #d7d7d7;text-align: center;color: #FFFFFF;padding-top: 0px;margin-right: 15px;cursor: pointer;}

	.left{float:left;width: 10%;background-color: #FFFFFF;}
	.right{float:left;width: 98%;min-height:490px;border-right: 1px solid #e3e3e3;background-color: transparent;margin: 5% 4%;}
	.ad-space{/*display:none;*/width: 95%;margin: 20px 0px 0px 5px;}
	.ad-space{/*display:none;*/width: 95%;margin: 20px 0px 0px 5px;}
	.ad-space a{float: left;width: 76px;margin-right: 15px;margin-top: 0px;}
	/*.sidebar-uploaded-docs,.sidebar-myfiles,.sidebar-post-query,.view-anchor-document,.docs-popup-link,.sidebar-faqs{margin-top: 5%;}*/
	.right-step-name{font-size:20px;padding-top: 10px;float: right;padding-right: 10px;width: 100%;}
	.step-bar-active{float: left;width:90%;height: 32px;margin-left:0px;margin-top:10px;padding-left:0px;background-color: #FFFFFF; color: #ea3737;font-size: 14px; font-weight: bold;text-transform: uppercase;padding-top: 8px;margin-left: 2%;}
	.step-bar{width:90%;height: 32px;margin-left:10px;margin-top:10px;padding-left:10px;font-size: 14px; font-weight: bold;padding-top: 8px;}
	.step-bar-completed{width:80%;height: 32px;margin-left:10px;margin-top:10px;padding-left:60px;font-size: 14px;padding-top: 8px;}
	.step-bar-completed-check{display:none;position: absolute;top: 8px;left: -5px;background-image: url('../images/checkmark.png');width: 49px;height: 24px;}
	.step-icon{float:left; padding-right: 10px;width: 24px; height: 24px;background-repeat: no-repeat;background-position: center;}
	.step-content-wrap{float: left;width: 100%;margin-left: 10px;}
	.step-content-info{font-size: 17px;padding-bottom: 10px;line-height: 18px;font-weight: 400;letter-spacing: 1px; color:#747474;}
	.step-content-form-field-set{float: left; width: 100%;} /*width: 100%;*/
	.step-content-form-field-set-full{float: left;width: 100%;font-size: 12px;}/*padding-bottom: 20px;*/
	.step-content-form-label{float: left;font-size: 14px;width: 100%;color:#5769AE;}
	.step-content-form-input{border:1px solid #e9e9e9;/*border-bottom: 1px solid #e9e9e9;*/font-size: 12px;padding-left: 2%;color: #c4c4c4;margin-right: 2%;width: 95%; color:#000000;}
	.select-style{width: 72%}
	.step1-2-wrap{width:100%;}
	#completedinfospn2{display: none;}
	#completedinfospn3{display: none;}
	#completedinfospn4{display: none;}
	.b-applicant-ques{font-size: 11px;}
	.app-sec{width: 100%;}
	.app-sec .head-right{height: auto;}
	.loan-offer-left{background-image: none !important;padding-left: 0px !important;}
	.loan-offer-tenure-left{background-image: none !important;padding-left: 0px !important;}
	.loan-offer-bold{font-weight: bold !important;font-size: 20px !important;line-height: 25px !important;}
	.step1-3-loan-info{font-size: 12px !important;font-weight: normal !important; line-height: 15px !important;}
	.spnMax{font-size: 11px;}

	.loan-offer-middle{width:100% !important;margin-bottom: 0px !important;margin-right: 0px;}
	.loan-offer-left{width: 100% !important;margin-bottom: 0px !important;}
	.loan-offer-right{width: 100% !important;margin-bottom: 40px !important;float:left !important;}

	.loan-offer-tenure-middle{width:100% !important;margin-bottom: 0px !important;margin-right: 0px;}
	.loan-offer-tenure-left{width: 100% !important;margin-bottom: 0px !important;}
	.loan-offer-tenure-right{width: 100% !important;margin-bottom: 40px !important;float:left !important;font-size: 11px;}

	.loan-offer-bold-th{font-size: 15px;}
	.loan-offer-bold-td{font-size: 13px;}

	.cbh{clear:both;height:10px !important;}

	.div-tabs{margin-left:0px;width:100%;}

	.step2-label{text-align: left;margin-top: 20px;margin-left: 5px;}
	.step2-field{margin-bottom: 10px;}
	.step2-pan-mobile{margin-left: 0px !important;}
	#address{width:89%;}

	.eapproval-cert-wrap{width:100%;background-image:none;margin:auto;}
	.eapproval-congrats{float:left;width:100%;text-align:center;padding-top: 30px;}
	.eapproval-congrats span{font-size: 30px;}
	.eapproval-name{float:left;width:100%;text-align:center;padding-top: 30px;}
	.eapproval-name span{font-size: 30px;font-family: 'Playball', cursive;color: #990707;}
	.eapproval-id{float:left;width:100%;text-align:center;padding-top: 15px;}
	.eapproval-id span{font-size: 16px;color: #990707;}
	.eapproval-details{float:left;width:100%;text-align:center;padding-top: 30px;}
	.eapproval-details-row{width: 90%;margin:auto;height: 25px;}
	.eapproval-details-label{float:left;width: 45%;text-align: left;}
	.eapproval-details-field{float:left;width: 55%;color: #990707;text-align: left;}
	.eapproval-offer-wrap{width:99%;margin:auto;}
	.eapproval-offer{float:left;width:99%;text-align:center;margin-top:15px;padding: 5px;border: 1px solid #EEEEEE;border-radius: 3px;}
	.eapproval-offer span{font-size: 13px;}
	.eapproval-offer span b{font-size: 15px;color: #990707;}
	.user-welcome{display: none;}
	.inner-intro-slider-footer{width:100%;}

	#footer{width:100%;padding:10px 0px;margin-top: 10px;background-color: #FFFFFF;}

	/* POPUP CSS */
	.popup-class-login, .popup-class-approved-link , .popup-class-submitted-docs, .popup-class-post-query{
		max-width: 100% !important;
		width:90% !important;
	}
	.inner-intro-slider-footer{
		display: none;
	}
	#intro-slider-wrapper
	{
		height: 77% !important;
	}
	.jspVerticalBar {
	    background: none repeat scroll 0 0 red;
	    height: 100%;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 4px !important;
	}


	.content-wrap2{width: 100%;}
	.instructions-box-wrapper{width: 96%;margin: 2%;}
	/* .check-eli-instructions-bx{} */
	.instructions-box-wrap{width: 90%;padding: 5%;}
	.instructions-box-text{width: 90%;padding: 0% 5%;}
	.switch-radio li{width: 140px;}
	.right-intro-btn{font-size: 17px;}
	.step-content-form-input{width:100%;margin-bottom: 5px;}
	.upload-doc-note-mob{font-size: 12px;line-height:17px;}
	.pay-online-now{width: 200px;}
	.resp-loan-offer-wrap{width: 100%;}
	.loan-offer-right input{text-align: left;}
	.loan-offer-tenure-right{text-align: left;}
	.switch-radio label{font-size: 13px;}
	.input-1-2-mob-number{width:100%;margin-top: 10px;}
	.switch-radio{width: 98%;}
	.switch-radio li{width: 50%;}
	.loan-offer-tenure-right input{width: 7%;font-size: 20px;font-weight: bold;}
	.loan-offer-bold-years{font-size: 20px;font-weight: bold;}
	.step-bar-active02{ width: 96%; }

	.d-flex-col{
		flex-direction: column;
	}

@media only screen and (max-width: 600px) {
.logo 
{
    line-height: 60px;
    height: 60px;
    width: 32px !important;
    background-image: url(../images/hdfc-icon-mobile.svg);
    background-position: center left;
}
.acrdn_div {
    width: 96%;
}
.step-content-form-field-set {
    width: 97%;
}
.select-style {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
.step-content-form-input {
    margin-bottom: 5px;
    width: 94% !important;
    height: 25px;
    font-size: 14px;
}
.ml5{
	margin-left: 0 !important;
}
.step-bar-active01 {
    width: 100%;
}
.otherIncomeDetails {
    width: 92% !important;
}
.accordian-bar {
    width: 96%;
}
.acrdn_div {
    width: 96%;
}
.coolored_back {
    padding: 6px;
    width: 95% !important;
}
.coolored_back input[type=text] {
    height: 30px !important;
    font-size: 14px;
	margin-bottom: 5px;
}
.coolored_back .select-style {
    height: 30px !important;
    border-bottom: 0px !important;
    width: 97% !important;
    border-radius: 4px;
    line-height: 30px;
	/* margin-bottom: 10px; */
}
.ml10 {
    margin-left: 0px;
}
.step-content-wrap {
    width: 95% !important;
}
.select-style-big {
    width: 93%;
}
.step-bar-active01{
    width: 95% !important;
}

.select-style-big{
    height: 30px;
    width: 98%;
    font-size: 16px !important;
}
.loan-width-90 {
    width: 95%;
    height: 30px;
    font-size: 16px;
}
.coolored_back {
    width: 86% !important;
}
.table-column {
    width: 50% !important;
}
.accordian-bar{
    width: 95%;
}
.acctype {
    width: 95%;
    border: 1px solid transparent;
    height: 30% !important;
    margin-top: 5px;
    font-size: 14px;
}
.select-style-small{
    width: 100%;
}
.input-width-130 {
    margin-bottom: 5px;
}
.month-year-input {
    width: 85% !important;
}
.width45perc {
    width: 90% !important;
}
.switch-radio {
    width: 95% !important;
}
.coolored_back {
    background-color: #ECF3FC;
    padding: 10px !important;
    margin-bottom: 10px;
    width: 97% !important;
    border-radius: 5px;
    box-sizing: border-box;
}
.select-state-div {
    width: 95% !important;
}
.width23perc {
    width: 98% !important;
}
.mlminus6 {
    margin-left: 0px !important;
}
	.width40pe{
	 width: 100% !important;
 }
.areaLandDiv {
    margin-top: 1%;
    width: 100%;
    padding-bottom: 0px;
}
.estimateDiv {
    width: 97% !important;
    box-sizing: border-box;
}
.estimaeSrc {
    width: 102% !important;
}
.totSrcFundsInnerDiv {
    width: 100% !important;
}
.totalReqFundsinnerDiv {
    width: 100% !important;
}
.width100perc {
    width:95% !important;
}
.estimateInnerDiv{
  width: 95% !important;
  float:left !important;
  margin-right:20px;
}
.step-content-form-label {
   width: 96% !important;
}
.switch-radio li{width: 50% !important;}
.declaration_style {
   width: 95% !important;
}
.preferdModPayment {
    width: 96% !important;
}
.step-bar-active {
    width: 95% !important;
    margin-left: 0px !important;
    font-size: 16px;
}
#address {
    width: 95% !important;
}
.step3-3-field{
   width:100% !important;
}


}
}