/****************** MEDIA *********************/
@media only screen and (max-width : 1090px) {

	.wrapper,
	.container {
		float: left;
		width: 100%
	}

	.headerWrap,
	.custSpeak .container {
		float: left;
		padding: 0 2%
	}

	.contactWrap {
		margin: 25px 5% 0;
		width: 90%
	}

	.headerWrap .watchVideo {
		right: 0
	}

	.headerWrap .faqsLink {
		right: 0
	}

	.popup.giftCardPopup {
		left: 37%
	}

	.formContainer {
		margin: 0 5%;
		width: 90%
	}

	.contactWrap.thankyou {
		margin-top: 0
	}

	.lightbox {
		width: 95%;
		padding: 30px;
	}

	.acnobox {
		width: 100%
	}

		.acnobox .box {
			min-height: 175px;
			padding: 10px 20px 0
		}

	.detailsForm .acnobox .box.accnumber img {
		height: 70px;
		padding-bottom: 10px
	}

	.detailsForm .acnobox .box .faqsLink img {
		height: auto;
		padding: 0
	}

	.detailsForm .acnobox .box.gift img {
		height: 50px;
		padding-bottom: 10px
	}

	.detailsForm .acnobox .box .fieldbox label,
	.detailsForm .acnobox .box p {
		font-size: 1.4em
	}

		.detailsForm .acnobox .box p.title {
			font-size: 2em;
			line-height: 1em
		}

	.prdcts .whatsDepositPlus {
		padding-right: 10px
	}

	.thankyouWrap .kycDocs li {
		float: left;
		margin-bottom: 7px
	}
}

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


	.otherPrdct .content ul {
		float: left;
		padding: 0 4%;
		width: 100%
	}

	#thankyounoaadhar {
		padding: 0
	}
}

@media only screen and (max-width : 970px) {
	.headerWrap {
		padding: 0 6% 22px
	}

	.movingPrdct .estimatedAmnt {
		float: left;
	}

	.headerWrap .watchVideo {
		float: right;
		font-size: 1.8em;
		line-height: 2em;
		margin: 0 auto;
		position: static;
		width: auto
	}

	.headerWrap .faqsLink {
		float: right;
		font-size: 1.8em;
		line-height: 2em;
		margin: 0 auto;
		position: static;
		width: auto
	}

	.headerWrap .homeLink {
		display: block;
		float: left;
		font-size: 1.8em;
		line-height: 2em;
		margin: 0 auto;
		position: static;
		width: auto
	}

	.fundCalc {
		float: none;
		margin: 0 auto;
		min-height: inherit;
		padding: 0;
		width: 500px
	}

	.prdcts .prdctWrap .prdctName:after {
		display: none
	}

	.prdcts .prdctWrap .prdctName:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #11e0e1;
		border-width: 12px;
		margin-left: -12px;
	}

	.prdcts .prdctWrap.depositPlus .prdctName:before {
		border-bottom-color: #fda651
	}

	.prdcts .prdctWrap.taxSaver .prdctName:before {
		border-bottom-color: #fdcb51
	}

	.prdcts .prdctWrap.disabled .prdctName:before {
		display: none
	}

	.prdcts .prdctWrap .prdctName {
		padding: 5% 0;
		width: 40%
	}

		.prdcts .prdctWrap .prdctName p {
			font-family: 'GothamHTFBlack',sans-serif;
			font-size: 2.57em
		}

			.prdcts .prdctWrap .prdctName p.amnt,
			.prdcts .prdctWrap .prdctName p.amnt.smallTxt {
				font-family: "WebRupee",sans-serif;
				font-size: 3.28em
			}

				.prdcts .prdctWrap .prdctName p.amnt span {
					font-family: "GothamHTFMedium",sans-serif
				}

	.prdcts .prdctWrap .prdctDetails p {
		font-size: 2.6em;
		float: left
	}

	.formWrap {
		padding: 30px 0 20px
	}

	.fundCalc p.title {
		float: none;
		font-size: 2.2em;
		margin-bottom: 40px;
		padding: 0;
		position: static;
		text-align: center
	}

		.fundCalc p.title:after {
			display: none
		}

	.popup .box {
		background: rgba(0, 0, 0, 0.5); font-size: 2.5em
	}

	.prdcts {
		float: left;
		margin-top: 20px;
		width: 100%
	}

		.prdcts .prdctWrap {
			width: 100%
		}

	.accordWrap .banner {
		float: none;
		margin: 0 auto;
		padding: 0
	}

	.interestRates {
		display: block;
		float: none;
		margin: 0 auto;
		position: static;
		width: 250px;
		text-align: center;
	}

	.prdcts .estimatedAmnt {
		padding: 10px 0;
		text-align: center
	}

	.deviceOnly .popup .close {
		background-size: 30px 30px;
		height: 30px;
		right: -0px;
		top: -45px;
		width: 30px;
	}

	.popup.giftCardPopup {
		left: 15%;
		margin-left: 0;
		top: -350px;
		width: 70%
	}

	.popup.taxPopup {
		top: 240px
	}

	.popup.optPopup {
		top: 280px
	}

	.popup.taxPopup .box:after {
		height: 60px
	}

	.popup.optPopup .box:after {
		height: 95px
	}

	.popup.giftCardPopup .box:before, .popup .box:before {
		display: none
	}

	.popup.giftCardPopup .box:after {
		height: 200px;
		left: 50%;
		top: 65px
	}

	.popup .box li {
		margin-left: 30px
	}



	.giftWrap .container {
		padding: 0 6%;
		text-align: center
	}

	.contactWrap .container {
		padding: 25px 6%;
		text-align: center
	}

	.giftWrap .lhs {
		display: none
	}

	.giftWrap .rhs {
		width: 100%
	}

		.giftWrap .rhs span.amount {
			display: block;
			float: none;
			margin: 0 auto 25px;
			width: 110px
		}

	.mobile .accordContent.benefits,
	.mobile .accordContent.faqs,
	.mobile .accordContent.custSpeak {
		border-bottom: 1px solid #d6d6d6;
		display: none
	}

		.mobile .accordContent.benefits.slideToggle,
		.mobile .accordContent.faqs.slideToggle,
		.mobile .accordContent.custSpeak.slideToggle {
			display: block
		}

	.accordWrap .tabHead {
		border-bottom: 1px solid #d6d6d6;
		cursor: pointer;
		display: block;
		float: left;
		padding: 5% 6%;
		width: 100%
	}

		.accordWrap .tabHead span {
			float: left;
			font-family: "GothamHTFMedium";
			font-size: 2.2em;
			padding: 0 25% 0 80px;
			position: relative;
			text-align: left;
			text-transform: uppercase;
			width: 100%
		}

			.accordWrap .tabHead span:after {
				background: url(../images/arrow-double-gray.png) 0 0 repeat-x;
				content: "";
				height: 22px;
				right: 0px;
				margin-top: -11px;
				position: absolute;
				top: 50%;
				width: 25px;
			}

		.accordWrap .tabHead.active span:after {
			background: url(../images/arrow-double-gray-down.png) 0 0 repeat-x;
			content: "";
			height: 25px;
			right: 0px;
			margin-top: -12px;
			position: absolute;
			top: 50%;
			width: 22px;
		}

		.accordWrap .tabHead.benefits span {
			background: url(../images/icon-benefits.png) 0 0 no-repeat
		}

		.accordWrap .tabHead.faqs span {
			background: url(../images/icon-faqs.png) 0 0 no-repeat
		}

		.accordWrap .tabHead.custSpeak span {
			background: url(../images/icon-cust-speak.png) 0 0 no-repeat; padding-bottom: 14px;
			padding-top: 10px
		}

		.accordWrap .tabHead.faqs span {
			padding-bottom: 12px;
			padding-top: 8px;
		}

	.movingPrdct {
		position: relative;
		top: 0
	}

	.formWrap .formWrapper {
		min-height: inherit;
		padding-bottom: 20px
	}

	.benefits {
		padding: 20px 0;
		text-align: left;
		width: 100%
	}

		.benefits .heading,
		.benefits h2 {
			display: none
		}

		.benefits .benefitBox {
			padding: 0 6%;
			width: 100%
		}

			.benefits .benefitBox .imgBox {
				float: left;
				margin-right: 15px;
				/*padding:0;*/
				text-align: center;
				width: 115px
			}

			.benefits .benefitBox:nth-of-type(2n) {
				margin: 0
			}

	.accordContent.faqs .faqBox,
	.accordContent.faqs .faqBox:nth-of-type(2n),
	.accordContent.faqs .faqBox:nth-of-type(3n),
	.accordContent.faqs .faqBox:nth-of-type(4n) {
		float: left;
		padding: 30px 6%;
		width: 100%
	}

		.accordContent.faqs .faqBox.first img {
			float: left;
			margin: 0 2% 2% 0;
			width: 13%
		}

		.accordContent.faqs .faqBox.first p {
			float: left;
			padding-top: 0;
			width: 85%
		}

	.custSpeak {
		background: none;
		padding: 20px 0;
		text-align: left
	}

		.custSpeak .doublequotes {
			display: none
		}

		.custSpeak .container {
			padding: 0 6%
		}

		.custSpeak .custSpeakBox {
			padding-bottom: 20px;
			width: 100%
		}

			.custSpeak .custSpeakBox:nth-of-type(3n) {
				margin: 0
			}

			.custSpeak .custSpeakBox img {
				float: left;
				padding: 0 20px 0 0
			}

			.custSpeak .custSpeakBox p {
				padding-bottom: 5px
			}

				.custSpeak .custSpeakBox p.name:before {
					display: none
				}

				.custSpeak .custSpeakBox p.name {
					padding: 0
				}

	.contactUs {
		background: none;
		padding: 0;
		width: 100%
	}

		.contactUs .lhs,
		.contactUs .rhs {
			border: none;
			padding: 0 12% 20px;
			width: 100%
		}

			.contactUs .lhs p {
				border-bottom: 1px solid #9a9a9a;
				padding: 0 0 20px
			}

			.contactUs .rhs li,
			.contactUs .rhs li.call {
				border-bottom: 1px solid #9a9a9a
			}

				.contactUs .rhs li span {
					display: inline-block;
					float: none;
					width: auto
				}

				.contactUs .rhs li.call span {
					margin-bottom: 14px
				}

				.contactUs .rhs li.mail span {
					margin-top: 20px;
					margin-bottom: 20px
				}

		.contactUs .social {
			float: none;
			margin: 0 auto;
			width: 138px;
		}

			.contactUs .social li {
				margin: 0 0 0 12px;
			}

				.contactUs .social li:first-child {
					margin-left: 0
				}

	.stepsWrap {
		padding: 20px 5% 0
	}

	.homepage .stepsWrap {
		padding: 20px 5% 0
	}

	.payFormWrap .payloginBox .heading p {
		font-size: 1.5em
	}

	.payFormWrap .payloginBox .clms2 .clm1-2 {
		width: 55%
	}

		.payFormWrap .payloginBox .clms2 .clm1-2 .fieldwrap {
			width: 50px
		}

			.payFormWrap .payloginBox .clms2 .clm1-2 .fieldwrap.mnth {
				margin-right: 10%
			}

	.footerNote {
		margin: 0
	}

	.nonCustWrap .lhs,
	.nonCustWrap .rhs {
		min-height: 250px
	}

	.nonCustWrap .lhs {
		padding: 45px 0 0
	}

	.nonCustWrap .rhs {
		padding: 0px 4% 0
	}

	.detailsWrap p.heading {
		padding: 0 5%
	}

	.detailsWrap .maturityAmntWrap {
		width: 260px
	}

	.faqSection .heading:before {
		left: -25%
	}

	.faqSection .content li span a {
		font-size: 1.4em
	}

	.otherPrdct .content li {
		margin-left: 5%;
		width: 30%
	}

		.otherPrdct .content li img {
			float: left;
			width: 100%
		}

	.thankyouWrap .recieptWrap ul {
		padding: 0
	}

	.thankyouWrap .content p br {
		display: none
	}

	.thankyouWrap .shareExp {
		padding-top: 35px
	}

	.thankyouWrap .recieptWrap ul li {
		padding: 0 2%
	}

	.nomineeDetails .fieldbox,
	.nomineeDetails .field {
		width: 50%
	}

	.clearfordevice {
		clear: both
	}

	.thankyouWrap.faqsWrap .accordianWrap .headerTab {
		font-size: 1.6em
	}

	.nomineeDetails .field.padRightfor2clm {
		padding-right: 15px
	}

	.movingPrdct a.goBack {
		float: left
	}

	.formWrap .formTabs ul {
		padding: 0;
		width: 500px;
	}

	.formWrap .formTabs li {
		font-size: 1.6em;
		padding: 22px 20px 7px;
	}
}

@media only screen and (max-width : 767px) {
	.payFormWrap .css-table {
		display: inherit;
		float: left;
		padding: 15px 0 30px
	}

	.payFormWrap .payloginBox {
		float: left;
		width: 100%
	}

	.payFormWrap .title {
		padding-right: 55px
	}

	.payFormWrap .payloginBox .heading p {
		padding-top: 15px
	}

		.payFormWrap .payloginBox .heading p br {
			display: none
		}

	.field,
	.payFormWrap .payloginBox .field.marTop {
		margin-top: 20px
	}

		.field input:focus ~ label,
		.field label.stay
		/*.field input:valid ~ label*/ {
			top: -15px;
		}

	.payFormWrap .or {
		background: none;
		float: left;
		margin-bottom: 20px;
		padding: 20px 0;
		width: 100%
	}

		.payFormWrap .or:before {
			display: none
		}

		.payFormWrap .or:after {
			background: #b2b2b2;
			content: '';
			height: 1px;
			left: 0;
			position: absolute;
			top: 50%;
			width: 100%;
			z-index: 1
		}

	.payFormWrap .payloginBox .clms2 {
		padding-top: 20px
	}

	.verification {
		padding-right: 0
	}

		.verification .cta {
			background: none;
			float: left;
			padding: 20px 0;
			position: static;
			width: 100%
		}

			.verification .cta img {
				display: none
			}

			.verification .cta::before {
				display: none
			}

	.nonCustWrap .lhs,
	.nonCustWrap .rhs {
		min-height: inherit;
		width: 100%
	}

	.nonCustWrap .lhs {
		padding: 35px 0
	}

		.nonCustWrap .lhs p.title {
			padding-bottom: 15px
		}

	.nonCustWrap .rhs {
		padding: 15px 5% 35px
	}

	.detailsWrap .maturityAmntWrap {
		padding: 20px 0 0;
		position: relative;
		top: 0;
		width: 100%
	}

	.faqSection .heading:before {
		height: 600%;
		left: -27%
	}

	.faqSection .content {
		padding: 20px 2%
	}

		.faqSection .content li {
			padding-bottom: 30px
		}

			.faqSection .content li span a {
				font-size: 1.3em
			}

	.otherPrdct .content {
		padding: 25px 0
	}

	.otherPrdct .heading p {
		font-size: 2.5em
	}

	.thankyouWrap .content p.title {
		background-size: 80px auto;
		font-size: 3.5em;
		padding-top: 60px;
		margin-top: 25px;
		text-align: center;
	}

	.thankyouWrap.faqsWrap .content p.title {
		font-size: 3.5em;
		padding: 0 0 25px;
	}

	.otherPrdct .heading:before {
		height: 600%
	}

	.nomineeDetails .fieldbox,
	.nomineeDetails .field {
		width: 100%
	}

	.detailsForm .acnobox .box .fieldbox label {
		padding-bottom: 10px
	}

	.thankYouMsg {
		padding-top: 20px
	}

	.payOptWrap .summaryWrap {
		width: 100%
	}

	.branchDetailsWrap .divWelcomeBranchEdit {
		padding: 0
	}

		.branchDetailsWrap .divWelcomeBranchEdit .fieldWrap {
			padding: 0 0 7px;
			width: 100%
		}

		.branchDetailsWrap .divWelcomeBranchEdit .selectedvalue {
			padding-right: 15px
		}

	.aadharDetails .clms2 .clm1-2,
	.aadharDetails .clms2 .clm2-2,
	.aadharDetails .clms3 .clm1-3,
	.aadharDetails .clms3 .clm2-3,
	.aadharDetails .clms3 .clm3-3,
	.aadharIntro .field,
	.aadharIntro .clms2 .clm1-2,
	.aadharIntro .clms2 .clm2-2 {
		width: 100%
	}

	.aadharDetails .clms3 .clm2-3 {
		margin: 10px 0
	}

	.aadharDetails .clms2 .clm2-2,
	.aadharIntro .clms2 .clm2-2 {
		margin: 10px 0 0
	}

	.aadharIntro .aadharEdit {
		background: none;
		float: left;
		padding: 0 0 20px 0;
		position: static;
		width: 100%
	}

		.aadharIntro .aadharEdit img {
			display: none
		}

		.aadharIntro .aadharEdit:before {
			display: none
		}

	.dontAadhar {
		font-size: 1.4em;
		margin-top: 10px
	}

	.thankyouWrap .recieptWrap.absolute {
		float: right;
		position: static
	}

	#dvSuccessBlock {
		display: inline-block
	}

	.thankyouWrap .kycDocs li {
		width: 100%;
		text-align: left;
	}

	/*22112017*/
	.formflds .fieldRow .fieldwrap.opt {
		background: none;
		padding-bottom: 0;
		margin-right: 0;
		top: 5px;
	}

	.aadharDetails .clms3.active_div #divmobotp {
		width: 100%;
		margin: 0;
	}

	#div_mob_varify {
		padding-bottom: 0 !important;
	}

	.lightBoxMsg,
	.lightBoxMsg1,
	.popupMinMaxValue {
		width: 90%;
		left: 50%;
		margin: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}

	.formflds .fieldRow .toolBox .toolData {
		left: -150px;
		width: 300px
	}
}

@media only screen and (max-width : 639px) {
	.headerWrap {
		padding: 0 3% 10px
	}

		.headerWrap .logo {
			width: 46%
		}

		.headerWrap .callOn {
			padding-top: 2%;
			width: 160px
		}

			.headerWrap .callOn p {
				font-size: 1em
			}

		.headerWrap .heading {
			padding: 15px 0
		}

			.headerWrap .heading p,
			.headerWrap .heading h1 {
				font-size: 2.5em
			}

		.headerWrap .watchVideo {
			background-size: 26px auto;
			font-size: 1.4em;
			padding-left: 33px
		}

		.headerWrap .faqsLink {
			background-size: 26px auto;
			font-size: 1.4em;
			padding-left: 33px
		}

		.headerWrap .homeLink {
			background-size: 26px auto;
			font-size: 1.4em;
			padding-left: 33px
		}

	.formWrap {
		padding: 15px 0 10px
	}

	.banner_sec {
		padding-top: 15px;
	}

	.fundCalc,
	.formWrap .formTabs ul {
		width: 370px;
	}

	.formWrap .formTabs li {
		margin-left: 12px;
	}

		.formWrap .formTabs li:first-child {
			margin: 0 12px 0 0;
		}

		.formWrap .formTabs li.active {
			margin: 0;
		}

	.fundCalc p.title {
		font-size: 1.6em;
		margin-bottom: 20px
	}

	.formflds {
		padding: 10px
	}

		.formflds.active {
			box-shadow: inset 0 0 6px 3px #fff
		}

		.formflds .fieldRow p,
		.formflds .fieldRow .fieldwrap input,
		.formflds .fieldRow .fieldwrap span.txt,
		.formflds .fieldRow .selectedvalue,
		.formflds .fieldRow .fieldwrap input.smallTxt,
		.selectboxit-text {
			font-size: 2em;
			line-height: inherit
		}

	.selectboxit-container span.selectboxit-text {
		line-height: 1.2em
	}

	.formflds .fieldRow p {
		vertical-align: inherit
	}

	/*.selectboxit-container span {line-height:42px}*/
	.selectboxit-container span,
	.selectboxit-container .selectboxit-options a {
		height: 20px;
		line-height: 25px
	}

	.formflds .fieldRow .fieldwrap input {
		width: 125px
	}

	/*.formflds .fieldRow .selectWrapper {width:120px}*/
	.formflds .fieldRow .selectedvalue {
		background-position: right 9px;
		top: 5px
	}

	.formflds .fieldRow .opt .selectWrapper {
		width: 150px
	}

	.prdcts .prdctWrap .prdctName p,
	.prdcts .prdctWrap .prdctName p.amnt,
	.prdcts .prdctWrap .prdctName p.amnt.smallTxt,
	.prdcts .prdctWrap .prdctDetails p,
	.movingPrdct .prdctName p,
	.movingPrdct .prdctName p.amnt,
	.movingPrdct .prdctName p.amnt.smallTxt,
	#thankyounoaadhar {
		font-size: 1.5em
	}

	.interestRates {
		width: 175px;
	}

	/* .interestRates a {background-size:15px 15px; font-size:1.2em; padding-left:22px} */
	.calculatorWrap {
		padding: 15px 0
	}

	.deviceOnly .popup .close {
		background-size: 16px 16px;
		height: 16px;
		top: -22px;
		width: 16px
	}

	/*.popup.optPopup {left:15%; top:135px; width:115%}*/
	.popup.taxPopup {
		top: 215px
	}

		.popup.taxPopup .box:after {
			height: 47px
		}

	.popup .box {
		font-size: 1.4em
	}

	.popup.optPopup {
		top: 280px
	}

		.popup.optPopup .box:after {
			height: 115px
		}

	.popup.giftCardPopup {
		left: 10%;
		top: -255px;
		width: 80%
	}

		.popup.giftCardPopup .box:after {
			height: 145px;
			left: 47%;
			top: 46px
		}

	.giftWrap {
		padding: 30px 0 15px
	}

		.giftWrap .rhs p {
			font-size: 1.6em
		}

	.accordWrap .tabHead.benefits span,
	.accordWrap .tabHead.faqs span,
	.accordWrap .tabHead.custSpeak span {
		background-size: 35px auto;
		font-size: 1.7em;
		padding: 0 25% 0 42px
	}

	.accordWrap .tabHead.faqs span,
	.accordWrap .tabHead.custSpeak span {
		padding-bottom: 7px;
		padding-top: 5px
	}

	.benefits {
		padding-bottom: 0
	}

		.benefits .benefitBox {
			padding-bottom: 15px
		}

			.benefits .benefitBox p,
			.benefits .benefitBox h3 {
				font-size: 1.4em
			}

			.benefits .benefitBox .imgBox {
				height: inherit;
				width: 65px
			}

				/*.benefits .benefitBox:nth-of-type(2n) .imgBox {margin-right:0; width:60px}*/
				.benefits .benefitBox .imgBox img {
					height: 53px
				}

	.accordContent.faqs .faqBox.first p {
		font-size: 1.8em;
		padding-bottom: 10px
	}

		.accordContent.faqs .faqBox.first p span {
			font-size: 1.2em
		}

	.accordContent.faqs .faqBox,
	.accordContent.faqs .faqBox:nth-of-type(2n),
	.accordContent.faqs .faqBox:nth-of-type(3n),
	.accordContent.faqs .faqBox:nth-of-type(4n) {
		padding: 15px 3%
	}

		.accordContent.faqs .faqBox p {
			font-size: 1.4em
		}

			.accordContent.faqs .faqBox p.question {
				font-size: 1.7em
			}

	.custSpeak .custSpeakBox img {
		width: 100px
	}

	.custSpeak .heading {
		font-size: 1.8em;
		padding-bottom: 20px
	}

	.custSpeak .custSpeakBox p {
		font-size: 1.2em
	}

		.custSpeak .custSpeakBox p.name {
			font-size: 1.5em;
			padding: 0
		}

	.contactWrap {
		margin: 25px 0 0;
		width: 100%
	}

	.contactUs p.heading {
		font-size: 2em;
		padding-top: 0
	}

	.floatVideoCalling,
	#divwidget {
		display: none
	}

	.innerContent {
		padding: 0
	}

	.formContainer {
		margin: 0;
		width: 100%
	}

	.bg-footer {
		display: none
	}

	.wrapper {
		padding-bottom: 0
	}

	.stepsWrap {
		padding: 30px 6% 0
	}

	.payFormWrap {
		padding: 20px 5%
	}

	.footerNote {
		padding: 20px 5% 10px
	}

	.stepsWrap .steps li span {
		font-size: 1.4em;
		line-height: 1.2em;
		min-width: 45px;
		padding: 50px 0 0
	}

		.stepsWrap .steps li span.verify,
		.stepsWrap .steps li span.details,
		.stepsWrap .steps li span.pay,
		.stepsWrap .steps li.active span.verify,
		.stepsWrap .steps li.active span.details,
		.stepsWrap .steps li.active span.pay,
		.stepsWrap .steps li.done span.verify,
		.stepsWrap .steps li.done span.details,
		.stepsWrap .steps li.done span.pay {
			background-position: center 0;
		}

			.stepsWrap .steps li.done span.verify:after,
			.stepsWrap .steps li.done span.details:after {
				background-size: 14px auto;
				height: 13px;
				position: absolute;
				right: -17px;
				top: 52px;
				width: 14px;
			}

	.footerNote .box {
		padding-left: 95px
	}

		.footerNote .box p {
			font-size: 1.1em;
		}

	.verification {
		padding: 20px 0 0
	}

	/*input.txtBtn {float:left}*/
	.detailsWrap {
		padding: 30px 3%
	}

	.detailsForm,
	.detailsForm .fieldbox,
	.detailsForm .fieldwrapbox,
	.detailsForm .field.fixWidth {
		width: 100%
	}

	.detailsWrap .maturityAmnt {
		padding: 15px 15px 50px
	}

	.detailsWrap .maturityAmntWrap img {
		right: 0
	}

	.detailsForm .fieldbox .clm1-3,
	.detailsForm .fieldbox .clm2-3,
	.detailsForm .fieldbox .clm3-3 {
		margin-right: 25px
	}

	.detailsForm .fieldbox .clm3-3 {
		width: 50px;
	}

	.faqSection .heading:before {
		height: 600%;
		left: -60%;
		width: 250%
	}

	.payOptWrap {
		padding-bottom: 10px
	}

		.payOptWrap .title {
			padding-bottom: 25px
		}

			.payOptWrap .title br {
				display: none
			}

		.payOptWrap .payloginBox {
			margin: 0;
			padding-bottom: 35px;
			width: 100%
		}

			.payOptWrap .payloginBox .heading img {
				height: 100px
			}

			.payOptWrap .payloginBox .heading p {
				padding-top: 15px
			}

			.payOptWrap .payloginBox p {
				padding-bottom: 15px
			}

	.faqSection .heading p {
		font-size: 1.6em
	}

	.faqSection .content li {
		border: 1px dotted #a9b6c2;
		margin: 2.5%;
		padding: 15px 0;
		width: 45%
	}

		.faqSection .content li img {
			padding-bottom: 15px
		}

		.faqSection .content li span a {
			font-size: 1.2em
		}

	.thankyouWrap .content p {
		font-size: 1.8em
	}

	.thankyouWrap {
		padding-top: 25px
	}

		.thankyouWrap .content {
			padding-bottom: 25px
		}

	.acnobox {
		display: inline
	}

		.acnobox .boxWrap {
			display: inline;
			float: left;
			width: 95%
		}

		.acnobox .or {
			float: left;
			height: 25px;
			width: 100%
		}

	.monthlycredit .or {
		background: none;
		float: left;
		height: auto;
		margin-bottom: 20px;
		padding: 20px 0;
		width: 100%
	}

		.monthlycredit .or:after {
			background: #b2b2b2;
			content: '';
			height: 1px;
			left: 0;
			position: absolute;
			top: 50%;
			width: 100%;
			z-index: 1
		}

	.thankyouWrap.faqsWrap .accordianWrap .headerTab li {
		padding-left: 5px
	}

	.thankyouWrap.faqsWrap .accordianWrap .accordCont {
		padding: 5px 45px
	}

	.aadharIntro {
		padding: 30px 3% 0
	}

	/* .lightBoxMsg, .popupMinMaxValue {left:0; margin-left:0; width:100%} */
	.verification {
		display: inline;
		float: left;
		width: 100%
	}

	.verificationBox {
		/*display:inline; */
		float: left;
		width: 100%
	}

	.verification .verificationOR {
		background: none;
		float: left;
		border-top: 1px dashed #333;
		height: 20px;
		margin-top: 20px;
		width: 100%
	}

	.myacmynumWrap {
		padding-bottom: 15px
	}

		.myacmynumWrap .chkAvailability {
			margin: 0
		}

		.myacmynumWrap img.tickGrn {
			margin: 35px 0 0 -22px
		}

	.formWrap .formTabs li {
		font-size: 1.3em;
		padding: 22px 20px 7px;
	}

		.formWrap .formTabs li.newCust span,
		.formWrap .formTabs li.IndCust span {
			background-size: 30px auto;
			background-position: 5px 0;
			padding-left: 40px
		}

		.formWrap .formTabs li.newCust span,
		.formWrap .formTabs li.IndCust span {
			min-height: auto;
		}

	.aadharDetails label.check {
		margin-left: 20px
	}

	.detailsForm .fieldbox .radioList.mobFullWidth li {
		clear: both;
		padding-left: 0
	}

	.toolBox.lineWrap .toolTip {
		top: 34px
	}

	.toolBox.lineWrap .toolData {
		margin-left: 0;
		top: 58px
	}
}

@media only screen and (max-width : 420px) {
	.aadharDetails label.check {
		display: block;
		margin: 5px 0 0
	}

	.formWrap .formTabs ul {
		width: 303px;
	}

	.formWrap .formTabs li {
		padding: 10px 8px 7px;
		font-size: 1.2em;
	}

	.formWrap .formTabs li {
		margin-left: 5px
	}

		.formWrap .formTabs li:first-child {
			margin: 0 5px 0 0
		}

		.formWrap .formTabs li.active {
			margin: 0
		}

	.prdcts .prdctWrap .prdctDetails {
		padding: 10px;
	}

		.prdcts .prdctWrap .prdctDetails a {
			left: 10px;
			padding: 10px 27px 10px 11px;
			bottom: -16px;
		}

	.stepsWrap {
		padding: 20px 3% 0
	}

	.detailsWrap .buttonWrap .button {
		margin: 0px 7px 0 0;
	}

	.detailsWrap {
		padding: 30px 0;
	}

	.thankyouWrap .recieptWrap ul li a,
	.thankyouWrap .recieptWrap.recieptWrapNew ul li span {
		font-size: 1.2em
	}

	.thankyouWrap .kycDocs li {
		font-size: 1.4em
	}

	.detailsForm .fieldbox .radioList li {
		width: 100%;
		padding-left: 0;
	}
}

@media only screen and (max-width : 400px) {
	.headerWrap .callOn {
		width: 130px
	}

		.headerWrap .callOn p {
			font-size: 0.8em
		}

	.headerWrap .heading p,
	.headerWrap .heading h1 {
		font-size: 2em
	}

	.fundCalc {
		float: left;
		padding: 0 2%;
		width: 100%
	}

	.formflds .fieldRow .fieldwrap {
		padding-bottom: 5px
	}

		.formflds .fieldRow p,
		.formflds .fieldRow .fieldwrap input,
		.formflds .fieldRow .fieldwrap span.txt,
		.formflds .fieldRow .selectedvalue,
		.formflds .fieldRow .fieldwrap input.smallTxt,
		.selectboxit-text {
			font-size: 1.6em
		}

	.formflds .fieldRow .selectWrapper {
		width: 40px
	}

	.formflds .fieldRow .selectedvalue {
		background-position: right 5px
	}

	.formflds .fieldRow .opt .selectWrapper {
		width: 115px
	}

	.formflds .fieldRow select#opt {
		width: 115px !important
	}

	.formflds .fieldRow .toolBox {
		margin-left: 15px
	}

	/*input.txtBtn {margin-top:15px}*/
	/* .verification .button {float:left !important} */
	.verification .lightBoxMsg .button {
		float: none !important
	}

	.detailsForm .fieldbox .radioList.flin {
		width: 185px
	}

		.detailsForm .fieldbox .radioList.flin li {
			padding-left: 0
		}

	.toolBox .toolData {
		width: 300px
	}

	.detailsForm .fieldbox .selectWrapper.fixWidth {
		width: 270px
	}

	.toolBox {
		padding: 0 8% 0 0;
	}

	.detailsWrap .buttonWrap .separator {
		float: left;
		height: 10px;
		width: 100%
	}

	.faqSection .heading:before {
		height: 500%;
		left: -130%;
		width: 370%
	}

	.thankyouWrap .shareExp .shareWith {
		float: left;
		width: 100%
	}

		.thankyouWrap .shareExp .shareWith span {
			display: inline-block;
			float: none;
			line-height: 1.2em;
			padding-bottom: 7px
		}

		.thankyouWrap .shareExp .shareWith ul {
			float: none;
			margin: 0 auto;
			width: 100%
		}

			.thankyouWrap .shareExp .shareWith ul li {
				float: none;
				display: inline;
				padding: 5px
			}

	.otherPrdct .heading:before {
		height: 300%
	}

	.popup.taxPopup {
		top: 185px
	}

		.popup.taxPopup .box:after {
			height: 47px
		}

	.popup .box {
		font-size: 1.4em
	}

	.popup.optPopup {
		top: 245px
	}

		.popup.optPopup .box:after {
			height: 105px
		}

	.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
		top: 38%
	}

	.branchDetailsWrap .branchName {
		width: 80%
	}

	.branchDetailsWrap .branchEdit {
		margin-left: 15px
	}

	.formflds .fieldRow .fieldwrap input {
		width: 95px
	}

	#radGender td,
	#radfacta td {
		padding: 0 0 0 8px
	}
}

/****************** MEDIA *********************/
@media only screen and (max-width : 320px) {
	.detailsForm .fieldbox .chkbox li label {
		font-size: 1.3em;
	}

	.callOtp,
	.resendOtp,
	#btncancel.cancelbtn {
		padding: 0 8px;
	}
}