/*REV 1.0 Sourav 26.06.2018 */
/*REV 2.0 Sourav 13.08.2018 */
/*Rev 35.0 Saurav 10-08-2018 CASA VR Merge*/
/*REV 3.0 Sourav G 17.08.2018 */
/*REV 4.0 Sourav G 25.09.2018 */
/*Rev 5.0 Sourav G 07.12.2018 Footer changes*/
/*Rev 6.0 Bijoy 07.12.2018 Footer changes*/

form * {
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

.thankYou h2 {
    line-height: normal;
}

.rangeStart {
    width: 75px;
}

.rangeEnd {
    width: 176px;
}

.rangeValue input {
    /*width: 80px;*/
    width: 70px;
    margin-left: 10px;
}

.fieldSet {
    vertical-align: top;
}

.loanDetails label {
    font-size: 14px;
}

.md-default-theme {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footerWrap:before, .footerWrap:after {
    display: table;
    content: '';
}

.footerWrap:after {
    clear: both;
}

.bannerLeft .phoneNo {
    display: none;
}

.bannerRightCover .selectOption a.activeTitle > span > span.iconCover {
    vertical-align: middle;
    top: 0;
}

.selectOption a.activeTitle > span > p {
    vertical-align: middle;
    line-height: 50px;
}

.header > .phoneNo {
    display: none;
}

.innerFooter {
    padding: 10px 0;
    clear: both;
    height: 100%;
    overflow: hidden;
}

#verifyAadhar {
    border: 0;
}

@media only screen and (max-width : 1366px) {
    #viewport {
        width: 80%;
    }

    .homeSection .header {
        margin-bottom: 50px;
    }

    .preLoanSection .loanAmount {
        max-width: 500px;
        width: 100%;
        margin-left: 0;
        padding-left: 90px;
    }

    .loanDetails select {
        background-color: transparent;
    }
    /*.infoMenu {
			margin-bottom: 56px;
		}*/
}

@media only screen and (min-width : 1350px) {
    .dvWorkGroupFromNW .fieldSet {
        width: 31%;
        margin: 0 1% 1% 0;
    }
}

/*==== 27-06 ====*/
@media only screen and (max-width : 1240px) {
    .contactBox h3 {
        font-size: 17px;
    }

    .emailUS {
        margin-left: 0;
        border-bottom: 0;
    }

    .locate {
        clear: none;
        float: left;
        padding: 40px 0 0 0;
        text-align: left;
        width: 44%;
        margin-left: 25px;
        font-size: 17px;
    }

    #dvAadharStatus br {
        display: none;
    }

    #dvAadharStatus {
        margin: 10px 0 0 0;
    }
}

@media only screen and (max-width : 1230px) {
    /*=== 27-06 ===*/
    .contactBox {
        width: 44%;
        margin-bottom: 25px;
    }

    .reviewSection ul li {
        height: 260px;
    }

    .wrapper {
        width: 96%;
    }

    .loanCalSection .rangeStart {
        width: 10%;
    }

    .loanCalSection .range-slider {
        width: 47% !important;
    }

    .loanCalSection .rangeEnd {
        width: 32%;
    }

    .preLoanSection .loanAmount {
        /*max-width: 290px;*/
        max-width: 215px;
        text-align: left;
        padding-left: 100px;
        line-height: 25px;
    }

    .preLoanSection .interestRate {
        max-width: 260px;
        width: 100%;
    }

        .preLoanSection .interestRate .leftCol {
            text-align: left;
        }

    .footerRight {
        width: 35%;
    }

    .footerOpotionIn {
        background: url(../images/footer-bg.jpg) no-repeat 0 0;
        background-size: cover !important;
    }
}

@media only screen and (max-width : 1230px) {
    .footerRightNW {
        width: 35%;
    }

    .footerLeftNW {
        width: 60%;
        padding-top: 0;
    }

    .footerNW .copyrightNW {
        float: none;
    }

    .footerSocilaMenu {
        float: inherit;
        padding-left: 0;
        padding-top: 13px;
    }

    .footerNW .footerNav {
        float: none;
        padding: 10px 0 10px 0;
    }

    .footerLeftTopPadNW {
        padding-top: 24px;
    }
    /*.footerNoBackgroundNW {
        background: url(../images/footer-bg.jpg) no-repeat 0 0;
        background-size: cover!important;
    }*/
}

@media only screen and (max-width : 1150px) {
    .cardBanner {
        background-size: cover;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1100px) {
    /*.preLoanSection .loanAmount {
		margin-left: 20px;
	}*/
    .preLoanSection .interestRate {
        margin-right: 20px;
    }
    /*=== 27-06 ===*/
    .contactBox:first-child {
        /* width:450px;
			float:none;*/
        margin: 0 auto 25px auto;
    }

    .reviewSection ul li {
        height: 280px;
    }
}

@media only screen and (max-width : 1032px) {
    .loanCalSection .rangeStart {
        width: 12%;
    }

    .loanCalSection .range-slider {
        width: 42% !important;
    }

    .loanCalSection .rangeEnd {
        width: 33%;
    }

    .rangeValue input {
        margin-left: 10px;
        width: 40%;
    }

    /*------------------07-07-17 start by krish----------------*/

    .cardDeatilsArea .cardChoiceSec {
        width: 267px;
    }

        .cardDeatilsArea .cardChoiceSec img {
            width: 100%;
        }

        .cardDeatilsArea .cardChoiceSec .btnCardChice {
            left: -16px;
        }

    .cardDeatilsArea .cardChoiceSec {
        margin: 0 27px 20px 0;
    }

    .cardDeatilsArea h3 {
        padding: 10px 28px 10px 25px;
    }

    .cardDeatilsArea .fdEligible th:first-child {
        padding-left: 20px;
    }
    /*------------------07-07-17 end by krish----------------*/

    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2 {
        margin: 0 6px 80px; /*----19-07-17 added----*/
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
    .bannerCont h1 {
        font-size: 50px;
        padding-bottom: 20px;
    }

    .footer .leftPart, .footer .rightPart {
        float: none;
        width: 100%;
    }

    .footerWrap {
        text-align: center;
    }
    /*.footer .leftPart:before, .footer .leftPart:after {
			display: table;
			content: '';
		}
		.footer .leftPart:after {
			clear: both;
		}
		.footer .rightPart:before, .footer .rightPart:after {
			display: table;
			content: '';
		}
		.footer .rightPart:after {
			clear: both;
		}*/
    .footerMenu, .footerLogo {
        /*float: none;*/
        margin-bottom: 15px;
    }

    .footerSocilaMenu {
        margin-right: 0;
        margin-top: 15px;
    }

        .footerMenu li, .footerSocilaMenu li {
            float: none;
            display: inline-block;
        }

    .footerLogo > img {
        display: inline-block;
    }

    .experi span:nth-child(2) {
        margin: 0 0 0 -5px;
    }

    .loginBanner, .dCardBanner, .mBankingBanner {
        background: url(../images/login-banner-1000.jpg) no-repeat 50% 100% #f0f1f3 !important;
        background-size: 100% auto !important;
    }

    .thankyouBannerFull p.red-bold {
        font-family: 'Work Sans';
        color: rgba(152,39,43,1);
        font-size: 15px;
        line-height: normal;
        font-weight: 600;
        margin-bottom: 14px;
    }

    .thankyouBannerFull p {
        margin-bottom: 20px;
    }

    .congratulationContent2 a.redBtn,
    .thankyouBannerFull a.redBtn {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .preLoanSection .interestRate .row {
        font-size: 19px;
    }

    .submitBlack {
        font-family: 'Work Sans';
        font-size: 19px;
        color: rgba(255,255,255,1);
        line-height: 30px;
        font-weight: 600;
        text-transform: uppercase;
        background: rgba(65,63,64,1);
        text-align: center;
        cursor: pointer;
        padding: 15px 25px;
        height: auto;
    }

    .thankyouContent {
        margin-left: 34%;
    }

    .thankyouBannerFull p.red-bold {
        font-size: 22px;
    }

    .thankyouBannerFull p {
        font-size: 19px;
        line-height: 25px;
    }

    .loanCalSection {
        padding: 15px;
    }

    .priceRangeSection, .loanAmtSection {
        width: 100%;
    }

    .loanAmtSection {
        border-left: none;
    }

    .selectLoan {
        border-bottom: 1px solid #afafaf;
        margin-bottom: 20px;
        padding-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        position: relative;
    }

    .loanPeriod {
        border-bottom: 1px solid #afafaf;
        padding-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        position: relative;
    }

    .loanCalSection .rangeEnd {
        /*float: right;*/
        font-family: 'Work Sans';
        font-size: 18px;
        color: rgba(99,99,99,1);
        float: left;
        padding: 0;
        width: 25%;
        margin-left: 4%;
        font-weight: 400;
    }

        .loanCalSection .rangeEnd span {
            float: left;
            margin-right: 10px;
            line-height: 37px;
        }

    .rangeEnd.calender .rangeValue {
        background: url(../images/calender-icon.png) no-repeat scroll 0 5px;
        padding-left: 23px;
    }

    body.youroffer .loanArea .wrapper {
        padding-bottom: 25px;
    }

    .preLoanSection .wrapper,
    body.youroffer .loanArea .wrapper {
        border: none;
    }

    .loanArea .wrapper {
        text-align: center;
    }

    /*REV 4.0 Sourav G 25.09.2018 */
    .thankyouContent.faqbannerText .faqBtn ul li a {
        padding: 10px 22px;
        font-size: 20px;
    }
    /*REV 4.0 Sourav G 25.09.2018 */


}

@media (min-width: 901px) and (max-width : 1024px) {
    .selectOption a {
        margin: 0 5px;
    }

    .selectOption {
        margin: 0;
    }

        .selectOption a.activeTitle > span > p {
        }
}

@media only screen and (max-width : 1024px) {
    .footerNW .wrapperNW {
        padding: 20px 0 20px 10px;
    }

    .footerSocilaMenuNW {
        float: none;
        padding: 10px 0;
    }
    /*.homeBgNW {
        background: url(../images/new-bg2-800.jpg) #f0f1f3 no-repeat 50% 100% !important;
        background-size: cover!important;
    }
    .homeBgNW .backstretch {
        display:none;
    }*/
    /*----27-10-17------*/
    .thankyouPageTextNw {
        text-align: left;
        padding: 0 0 0 270px;
    }

    /*REV 4.0 Sourav G 25.09.2018 */
    .thankyouContent.faqbannerText .faqBtn ul li a {
        padding: 10px 22px;
        font-size: 20px;
    }

    .thankyouContent.faqbannerText .faqBtn ul li:nth-child(2) {
        float: left;
        margin-left: 10px;
    }

    /*REV 4.0 Sourav G 25.09.2018 */

}

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

    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 9px;
    }
}

@media only screen and (max-width : 1024px) {
    .cstmrPage_right_EmailNW {
        width: 495px;
        margin-top: -34px;
    }


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
    .footerMenuNW li, .footerSocilaMenuNW li {
        float: none;
        display: inline-block;
    }
}

@media (min-width: 801px) and (max-width : 1000px) {
    .selectOption a.activeTitle > span.login > span.iconCover {
        float: left;
        display: block;
    }

    .selectOption a.activeTitle > span > p {
        display: block;
        float: right;
        width: calc(100% - 54px);
    }

    .subTitle {
        height: inherit; /*margin-bottom: 20px;*/
    }
    /*.selectOption a {
			height: 85px;
			width: 85px;
		}
		.selectOption a > span {
			padding: 4px;
		}*/
    /*.iconCover {
			height: 36px;
		}*/
    /*.homeSection h1 {
			line-height: normal;
		}*/
    .reviewSection ul li {
        height: 300px;
    }

    .bannerRight {
        width: 36%;
    }
}

@media only screen and (max-width : 960px) {
    .loanBox {
        float: none;
        margin: 0 auto 50px auto;
    }

    .creditCardBox {
        float: none;
        margin: 0 auto 0 auto;
    }
}

@media only screen and (max-width : 944px) {
    .loanCalSection .rangeEnd {
        width: 26%;
        padding: 0;
    }

    .loanCalSection .range-slider {
        width: 61% !important;
    }

    .rangeValue input {
        width: 55%;
        padding: 5px;
        font-size: 15px;
        display: block;
        float: none;
        margin: 0 0 0 -18px;
    }

    .loanCalSection .rangeStart {
        /*width: 15%;*/
        width: auto;
    }

    .rangeEnd {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }

        .rangeEnd.rupees .rangeValue {
            background: url(../images/rs-icon.png) no-repeat scroll 0 9px;
            padding-left: 23px;
            padding-top: 4px;
            padding-bottom: 4px;
        }

    .loanSection #dvOR {
        margin-left: 117px !important;
    }

    .totalAmt {
        background: url(../images/loan-icon-w-sm.png) no-repeat 0 45%;
        padding-left: 70px;
        max-width: 215px;
        width: 100%;
        margin: 0 auto;
        font-family: 'Work Sans';
        font-weight: 400;
        color: rgba(46,30,8,1);
        font-size: 19px;
        border: none;
    }
}

@media only screen and (max-width : 940px) {
    .contactBox {
        height: 100px;
    }

    .footerLeft, .footerLeftNW {
        width: 50%;
        padding-top: 0;
    }

    .footerRight {
        width: 50%;
    }

    .footer .copyright {
        display: block;
    }

    .footer .copyright,
    .footer .footerNav,
    .footerSocilaMenu {
        padding: 0;
        margin: 0 0 15px 0;
        text-align: left;
        width: 100%;
    }
}

@media only screen and (max-width : 940px) {
    .footerLeftNW {
        width: 45%;
        padding-top: 0;
    }

    .footerRightNW {
        width: 50%;
    }

    .footerNW .copyrightNW {
        display: block;
    }
}

@media only screen and (max-width : 920px) {
    .contentGroup .otpSec {
        padding-top: 0;
        margin-top: 0;
        float: none;
        clear: both;
        height: 100%;
        overflow: hidden;
    }

    .otpBox {
        left: 0;
    }

    .otpSec h4 {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width : 900px) {
    /*==== 27-06 ====*/
    .infoRightSec .infoMenu {
        display: none;
    }

    .innerSection .header {
        margin-bottom: 48px;
    }

    .infoPageBanner .infoBannerRight {
        margin-top: 0;
    }

    .infoBannerRight img {
        height: 120px;
        width: auto;
    }

    .faqSection ul li {
        width: 100%;
        margin: 0 0 5px 0;
    }

        .faqSection ul li .answer {
            border-bottom: 0;
            min-height: auto;
        }

    .contactBox {
        width: 46%;
        margin-right: 0;
    }

    .leftCol, .rightCol {
        width: 100%;
    }

    .sectionGroup {
        margin-bottom: 40px;
    }

    #dvOTP {
        width: 100%;
        float: left;
    }

    .otpSec h4 {
        line-height: normal;
        padding: 0;
        width: 100%;
    }

    .otpBox {
        left: 0;
    }

    .otpSec .verifyBttn {
        margin-left: 5px;
    }

    .thankYou h2 {
        font-size: 40px;
    }

    .captchaCls a {
        width: 30px !important;
        height: 30px !important;
    }

    .personalDetails p.itlHeading {
        float: none;
        font-size: 13px;
        font-style: italic;
        text-align: left;
        width: 100%;
        padding-bottom: 15px;
    }

    .noteDes {
        line-height: 25px;
    }
}

@media (min-width: 801px) and (max-width : 900px) {
    .selectOption > a {
        margin: 0;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    .selectOption {
        margin: 0;
    }

        .selectOption a.activeTitle > span.debit > p {
            position: relative;
            top: 9px;
        }

    .homeSection h1 span {
        line-height: normal;
    }
}

/*==== 27-06 ====*/
@media only screen and (max-width : 855px) {
    .wrapper, .footer .wrapper {
        padding: 5% 0;
        width: 96%;
    }

    .footerLeft, .footerLeftNW {
        width: 100%;
        float: none;
        text-align: center;
    }

    .footer .copyright, .footer .footerNav, .footerSocilaMenu {
        margin: 0 0 15px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

        .footer .footerNav li {
            float: none;
            display: inline-block;
        }
    /*.footer .copyright {
		float: none;
		display: block;
		padding-bottom: 10px;
	}
    .footer .footerNav {
		padding-left: 0;
	}*/
    .footerRight {
        float: none;
        width: 100%;
        text-align: center;
    }

    .footer p.callus {
        display: inline-block;
        margin: 0 15px;
    }

    .selectOption a {
        width: 85px;
        height: 85px;
    }

    .loanDetails input[type=text], .loanDetails input[type=email], .loanDetails input[type=tel] {
        background: none;
    }
}

@media only screen and (max-width : 855px) {
    .footer .wrapper, .footer .wrapperNW {
        padding: 5% 0;
        width: 96%;
    }

    .footerNW .wrapperNW {
        /*padding: 5% 0;*/
        padding: 10px 0;
        width: 96%;
    }

    .footerLeftNW {
        width: 100%;
        float: none;
        text-align: center;
    }

    .footerNW .copyrightNW, .footerNW .footerNav, .footerSocilaMenuNW {
        margin: 0 0 15px;
        padding: 0;
        text-align: left;
        width: 100%;
    }

        .footerNW .footerNav li {
            float: none;
            display: inline-block;
        }

    .footerRightNW {
        float: none;
        width: 100%;
        text-align: center;
    }

    .footerNW p.callusNW {
        display: inline-block;
        margin: 0 15px;
    }

    /* Rev 5.0*/
    section.loginBanner{
        background-position: 50% 18% !important;
    }

    section.loginBanner footer.desktopFooter{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -50%;
    }

    section.dCardBanner{
        background-position: 50% 48% !important;
    }

    section.dCardBanner footer.desktopFooter{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -50%;
    }

    section.mBankingBanner {
        background-position: 50% 8% !important;
    }

    section.mBankingBanner footer.desktopFooter{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -50%;
    }

    /*End Rev 5.0 */
}

@media only screen and (max-width : 842px) {
    .experi span {
        width: 40%;
        font-size: 13px;
    }

        .experi span:nth-child(2) {
            margin: 0 0 0 -10px;
        }
}

@media only screen and (max-width : 800px) {
    .bowlPic:before, .bowlPic:after {
        display: table;
        content: '';
    }

    .bowlPic:after {
        clear: both;
    }

    .bowlPic {
        margin-bottom: -40px;
        position: relative;
    }

        .bowlPic .chowAnimation {
            float: left;
            position: relative;
            top: -50px;
            width: 240px;
        }

        .bowlPic h1 {
            font-size: 43px;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translate(0px, -70%);
            -ms-transform: translate(0px, -70%);
            -o-transform: translate(0px, -70%);
            transform: translate(0px, -70%);
            width: calc(100% - 200px);
        }

            .bowlPic h1 span {
                line-height: normal;
                margin-top: 10px;
            }

    .formHeading {
        border-top: 1px solid rgba(217,217,217,1);
        border-bottom: none;
        font-family: 'Work Sans', sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: rgba(46,30,8,1);
        line-height: normal;
        padding: 10px 0 16px;
    }

    .formGroup.active .formHeading {
        border-color: rgba(254,190,129,1);
        border-bottom: 1px solid rgba(254,190,129,1);
    }

    .formHeading > img {
        margin-right: 3px;
    }

    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .cardChoiceSec {
        width: 178px;
    }

    .tableMobCard {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }

    .cardDetailTabSec .cardChoiceDetails .cardDelArrow {
        top: -11px;
        left: 82px;
    }

    .cardDetailTabSec #card2 .cardDelArrow {
        left: 483px;
    }

    .cardDetailTabSec #card3 .cardDelArrow {
        left: 489px;
    }

    .cardDeatilsArea .cardChoiceSec .btnCardChice {
        top: 55px;
    }

    .cardDetailTabSec .cardChoiceDetails .cardConBox {
        margin-left: 0;
        width: 100%;
        float: none;
        padding-bottom: 25px;
    }

    .cardDetailTabSec #card2 .cardDelArrow {
        left: 293px;
    }

    .cardDeatilsArea .cardChiceMob .cardChoiceHeading, .cardDeatilsArea .cardChoiceSec .cardChoiceHeading {
        padding: 3px 0;
    }

    .cardBanner h2 {
        font-size: 36px;
        line-height: 42px;
    }
    /*------------------07-07-17 end by krish----------------*/

}

/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width : 800px) {
    .bannerCont {
        overflow: inherit;
    }

        .bannerCont h1 {
            font-size: 45px;
            line-height: 45px;
        }

    .inerHeader .chowAnimation {
        width: 600px;
        right: -20%;
    }

    .range-slider {
        width: 72% !important;
    }

    .selectLoan {
        border-bottom: 1px solid #afafaf;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .preLoanSection .interestRate {
    }

    .emiCalculation .row .colLT {
        font-size: 17px;
    }

    .emiCalculation .row .colRT {
        font-size: 17px;
    }

        .emiCalculation .row .colRT span {
            font-size: 15px;
        }

    .emiCalculation {
        margin-bottom: 40px;
    }

    .fieldSet {
        width: 46%;
    }

    .fieldSet2 {
        width: 31%;
    }

        .fieldSet2 input[type="checkbox"]:not(old) + label {
            height: inherit !important;
        }

            .fieldSet2 input[type="checkbox"]:not(old) + label > span {
                top: 5px;
            }
    /* New css */
    .footer {
    }

    .homeContentPanel {
        display: block;
    }

    .bannerLeft {
        display: block;
        width: 100%;
    }

    .bannerRight {
        display: block;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .bannerRightCover .subTitle h2 {
        /*color:#4f0202;*/
        font-weight: 800;
    }

    .bannerRight .phoneNo {
        display: none;
    }

    .bannerRightCover {
        float: none;
    }

    .bannerLeft .phoneNo {
        display: block;
    }

    .bannerLeft .bannerRight .phoneNo {
        display: none;
    }

    .innerSection .header .infoRightSec > .phoneNo {
        display: none;
    }

    .header > .phoneNo {
        display: block;
        position: relative;
        top: 40px;
    }

    .chowAnimation {
        width: 70%;
        margin: 0 auto;
    }

    #viewport {
        margin-left: 0;
    }

    .subTitle {
        min-height: inherit;
        margin-bottom: 15px;
    }

    .selectOption {
        text-align: center;
    }

    .reviewSection ul li {
        height: 330px;
    }

    .homeContentPanel {
        min-height: 77vh;
    }

    .emiCalculation .row .colLT {
        width: 60%;
        font-size: 14px;
    }

    .loanAmtSection i {
        font-size: 13px;
    }

    .emiCalculation .row .colRT {
        width: 40%;
    }
}


@media only screen and (max-width : 800px) {
    header.pageHeader {
        text-align: center;
    }

    .indLogo {
        float: none;
        position: absolute;
        right: 15px;
        top: 10px;
        width: 100px;
        height: auto;
    }

    .mobNavIcon {
        position: absolute;
        background: url(../images/mob-nav-icon.png) no-repeat 0 0;
        width: 15px;
        height: 12px;
        right: 23px;
        top: 50px;
        cursor: pointer;
    }

    .subTitle {
        padding: 5% 0 20px;
    }

    .selectOption {
        width: 300px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

        .selectOption a.activeTitle {
            margin-top: 10px;
        }

    .contactBox h3, .locate {
        font-size: 16px;
    }

    .loanSection .personalFrom #dvOR {
        margin-left: 0 !important;
        width: 8%;
    }

    .infoMenu {
        display: none;
    }

    .footer .footerNav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(124, 3, 3, 0.95);
        z-index: 99999;
        display: none;
    }

        .footer .footerNav .cls {
            display: block;
            width: 30px;
            height: 30px;
            font-size: 20px;
            line-height: 30px;
            color: rgba(160,3,3,1);
            cursor: pointer;
            margin: 25px auto;
            border-radius: 100%;
            background: #fff;
            font-weight: 600;
        }

            .footer .footerNav .cls:hover {
                color: #fe7a01;
            }

    .footer .footerNav {
        overflow: hidden;
        padding: 0 24px;
        width: 100%;
        box-sizing: border-box;
    }

        .footer .footerNav li {
            border: 0;
            float: none;
            text-align: left;
            font-size: 24px;
            line-height: 40px;
            font-weight: 400;
            padding: 10px 0;
            display: block;
            border-bottom: 1px solid #ab4646;
        }

            .footer .footerNav li:first-of-type {
                border-bottom: 1px solid #ab4646;
            }

            .footer .footerNav li a {
                text-decoration: none;
                color: #fff;
                padding: 0;
            }

                .footer .footerNav li a:hover {
                    text-decoration: none;
                    color: #fe7a01;
                }
    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .fdEligible .dragBarOuter {
        width: 100%;
        height: 40px;
        background-size: cover;
    }

    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2,
    .creditOfferBox, .loanOfferBox {
        margin-bottom: 51px;
    }
    /*------------------07-07-17 end by krish----------------*/
}

@media only screen and (max-width : 800px) {
    .footerNW .footerNav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(124, 3, 3, 0.95);
        z-index: 99999;
        display: none;
    }

        .footerNW .footerNav .cls {
            display: block;
            width: 30px;
            height: 30px;
            font-size: 20px;
            line-height: 30px;
            color: rgba(160,3,3,1);
            cursor: pointer;
            margin: 25px auto;
            border-radius: 100%;
            background: #fff;
            font-weight: 600;
            text-align: center;
        }

            .footerNW .footerNav .cls:hover {
                color: #fe7a01;
            }

    .footerNW .footerNav {
        overflow: hidden;
        padding: 0 24px;
        width: 100%;
        box-sizing: border-box;
    }

        .footerNW .footerNav li {
            border: 0;
            float: none;
            text-align: left;
            font-size: 24px;
            line-height: 40px;
            font-weight: 400;
            padding: 10px 0;
            display: block;
            border-bottom: 1px solid #ab4646;
        }

            .footerNW .footerNav li:first-of-type {
                border-bottom: 1px solid #ab4646;
            }

            .footerNW .footerNav li a {
                text-decoration: none;
                color: #fff;
                padding: 0;
            }

                .footerNW .footerNav li a:hover {
                    text-decoration: none;
                    color: #fe7a01;
                }
    /*.thankyouPageBgNW {
	    background: url(../images/thankyou-bgNW-800.jpg) no-repeat 100% 100% #f0f1f3;
    }*/
    /*----27-10-17------*/
    .thankyouPageTextNw {
        text-align: center;
        padding: 0;
    }
}

@media only screen and (max-width : 800px) {
    .addressLine1fieldSetNW {
        margin-top: 0;
    }
}

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

    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 10px;
    }

    .lblCurrentExpTOtal {
        margin-top: 0;
    }
}

@media only screen and (max-width : 810px){
    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 48% !important;
    }

    section.loginBanner footer.desktopFooter{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -50%;
    }

    section.dCardBanner{
        background-position: 50% 58% !important;
    }

    section.dCardBanner footer.desktopFooter{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -50%;
    }

    section.mBankingBanner {
        background-position: 50% 48% !important;
    }

    section.mBankingBanner footer.desktopFooter{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -50%;
    }

    /* Rev 5.0 */
}

@media only screen and (max-width : 770px) {
    .footer .wrapper, .footer .wrapperNW {
        padding: 4% 2%;
    }

    .reviewSection ul li {
        padding: 30px 5%;
        width: 90%;
        border-left: 0 !important;
        border-top: solid 1px #e5e5e5 !important;
        height: auto;
    }

        .reviewSection ul li:nth-of-type(1) {
            border-top: 0 !important;
            padding-top: 0;
        }

    .contactBox, .contactBox:first-child {
        width: auto !important;
        float: none;
        margin: 0 0 25px 0 !important;
        height: auto;
    }

        .contactBox::before {
            display: none;
        }

    .emailUS {
        border-bottom: 1px solid #e3e3e3;
    }

    .locate {
        text-align: left;
        padding-top: 15px;
        padding-left: 0;
        margin-left: 0;
        width: 100%;
    }


    /*------------------07-07-17 start by krish----------------*/
    .wrapper, .footer .wrapper {
        padding: 4% 2%;
    }

    .cardDeatilsArea .textField {
        width: 182px;
    }

    .congratulationContent h2.panelHeading {
        font-size: 48px;
    }
    /*------------------07-07-17 end by krish----------------*/

    .footer .wrapper, .footer .wrapperNW {
        padding: 4% 2%;
    }
}

/*-------------------------------New Addition 26-10-2017-------------------------------------*/

@media only screen and (max-width : 768px) {
    /*-------------------------------New Addition 30-10-2017-------------------------------------*/
    img {
        max-width: 100%;
        height: auto;
    }

    .homeSection .registerForm input[type="text"], .homeSection .registerForm input[type="password"] {
        box-sizing: border-box;
    }
    /*-------------------------------New Addition 30-10-2017-------------------------------------*/
    /*----27-10-17 For footer color that has MAN image------*/
    .innerFooterBgMobNW .footerSocilaMenuNW .fa {
        color: #fff;
        background: none;
    }

    .innerFooterBgMobNW .copyrightNW {
        color: #fff;
        /*text-shadow: 1px 1px #000;*/
    }
    /*----27-10-17 For All footer------*/
    .footerNW .footerRightNW {
        margin-top: 10px;
    }

    .footerNW .footerLeftPNW {
        clear: both;
        padding-top: 8px;
        line-height: 12px;
        font-size: 10px;
    }

    .footerNW .footerRcallusPNW {
        line-height: normal;
        margin-bottom: 10px;
    }

    .footerNW p.callusNW {
        line-height: 12px;
        padding: 0;
        font-size: 12px;
        margin-top: 0px;
        background-image: none;
    }

    .footerNW .wrapperNW {
        padding: 7px 0 7px 0;
    }
}

@media only screen and (max-width : 768px) {
    .cstmrPage_right_EmailNW {
        width: 270px;
        margin-top: -11px;
    }
}

/*---------------------------01-10-17-----------*/
/*your offer page -loan*/
@media only screen and (max-width: 768px) {
    .loanCalSection .rangeStart {
        float: none;
        width: 67px;
        margin: 0 auto;
    }

    /*absolute postion start*/
    .priceRangeSection .sectionHead {
        padding-bottom: 35px;
    }

    .priceRangeSection .loanPeriod,
    .priceRangeSection .selectLoan {
        position: relative;
    }

    .loanCalSection .rangeStart.rupees {
        position: absolute;
        top: 18px;
    }

    .loanCalSection .rangeEnd {
        position: absolute;
        top: 18px;
        right: 0;
    }

    .loanCalSection .rangeStart {
        position: absolute;
        top: 30px;
    }

    .loanCalSection .rangeEnd.calender {
        position: absolute;
        top: 30px;
        right: 0;
    }
    /*absolute postion end*/

    .loanCalSection .range-slider {
        width: 90% !important;
        margin: 0 auto;
        float: none !important;
    }

    .loanCalSection .rangeEnd {
        float: none;
        width: 160px;
        margin: 0 auto;
        clear: both;
    }

        .loanCalSection .rangeEnd.calender {
            width: 184px;
        }

            .loanCalSection .rangeEnd.calender input[type="text"] {
                width: 60px;
            }

            .loanCalSection .rangeEnd.calender .rangeValue {
                padding-left: 0;
            }

    .rangeEnd.rupees .rangeValue {
        padding-left: 20px;
        text-align: left;
    }

    .rangeEnd .rangeValue input {
        float: right;
    }


    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 60% !important;
    }

    section.loginBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 100%;
    }

    section.dCardBanner{
        background-position: 50% 67% !important;
    }

    section.dCardBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 100%;
    }

    section.mBankingBanner {
        background-position: 50% 60% !important;
    }

    section.mBankingBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 100%;
    }

    #DebitCardLogin_PinNumber{
        width: 140px !important;
    }

    /* Rev 5.0 */

}

@media only screen and (max-width : 767px) {
    /*img {
			max-width: 100% !important;
			height: auto !important;
		}*/
    .wrapper {
        padding: 0 20px;
    }

    .thankyouBannerFull {
        min-height: initial;
        background: rgba(240,241,243,1);
    }

    .loanAmtSection .emiCalculation {
        padding: 0 0 15px;
        width: 92%;
        margin: 0 auto;
        font-family: 'Work Sans';
        color: rgba(160,3,3,1);
        font-size: 17px;
        font-weight: 600;
    }

    .emiCalculation .row .colLT {
        text-align: left;
        font-family: 'Work Sans';
        color: rgba(160,3,3,1);
        font-size: 17px;
        font-weight: 600;
    }

    .emiCalculation .row .colRT {
        font-family: 'Work Sans';
        color: rgba(62,62,62,1);
        font-size: 17px;
        font-weight: 400;
    }

    .fieldSet {
        width: 48%;
        margin: 0 0 2% 1%;
    }

    .fieldSet2 {
        width: 44%;
        margin-right: 2%;
    }

        .fieldSet2 input[type="checkbox"]:not(old) + label {
            height: inherit !important;
            line-height: normal;
        }

            .fieldSet2 input[type="checkbox"]:not(old) + label > span {
                top: 6px;
            }

    .tabNav ul li a {
        padding: 0 20px;
    }

    .homeContentPanel {
        display: block;
    }

    .bannerLeft {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .bannerRight {
        display: block;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 60px;
        padding: 20px 0;
    }

        .bannerRight .phoneNo {
            display: none;
        }

    .bannerRightCover {
        float: none;
    }

    .bannerLeft .phoneNo {
        display: block;
    }

    .bannerLeft .bannerRight .phoneNo {
        display: none;
    }

    .innerSection .header .infoRightSec > .phoneNo {
        display: none;
    }

    .header > .phoneNo {
        display: block;
        position: relative;
        top: 40px;
    }

    .chowAnimation {
        width: 70%;
        margin: 0 auto;
    }

    #viewport {
        margin-left: 0;
    }

    .subTitle {
        min-height: inherit;
        margin-bottom: 0px;
    }

    .selectOption a.activeTitle > span {
        display: flex;
    }

    .rangeEnd {
        float: left;
    }

    .md-default-theme, .fieldSet > div {
        padding-bottom: 20px;
        text-align: left;
    }

    span.error {
        bottom: -1px;
    }

    .submitDetails .fieldSet2 {
        width: 100%;
        margin: 2px 0 !important;
    }

    .submitDetails {
        /*margin-left: 10px;
		margin-right: 10px;*/
        margin-top: 30px;
        margin-bottom: 26px;
        margin-left: auto;
        margin-right: auto;
        width: 93%;
    }

    .offerBanner {
        height: auto;
        background-size: cover;
    }

        .offerBanner h1 {
            padding-top: 60px;
        }

    .loanSection .personalFrom #dvCheckBox {
        margin-right: 0;
        width: 35%;
    }

    .loanSection .personalFrom #dvEnterCode {
        width: 40%;
    }

    .loanSection .personalFrom #enterCode {
        width: 100% !important;
    }

    .footer {
        min-height: 100px;
        position: relative;
        text-align: center;
    }
    /*.loanArea .wrapper {
		margin-top: 0;
	}*/
    .accIcon {
        height: 50px;
    }

        .accIcon:after {
            font-size: 14px;
            line-height: 49px;
        }

    .personalDetails p.itlHeading {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        color: rgba(109,109,109,1);
        font-style: normal;
        text-align: center;
        padding-bottom: 13px;
        margin: 0;
        letter-spacing: 0;
    }

    .personalDetails {
        padding: 20px 0 0 0;
        width: 1005;
        text-align: center;
    }

        .personalDetails p,
        .personalDetails h3 {
            text-align: center;
        }

    .fieldSet .md-default-theme {
        width: 100% !important;
        padding-bottom: 18px;
    }

    .demographics {
        padding-left: 13px;
        padding-right: 14px;
        text-align: left;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .workDetails,
    .loanDetails {
        padding-left: 13px;
        padding-right: 14px;
        margin: 20px 0 0;
        padding-bottom: 0;
    }

    .workDetails {
        margin-bottom: 25px;
    }

    .demographics,
    .workDetails,
    .loanDetails {
        background: none;
        /*background: rgba(245,245,250,1);
		padding-top: 5%;*/
    }

    .formGroup .contentGroup p.wrkDetls,
    .formGroup .contentGroup p.loanDetls {
        padding-top: 13px;
    }

    .personalFrom label,
    .fieldSet2 input[type=checkbox]:not(old) + label {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        line-height: normal;
        font-weight: 400;
        text-align: left;
    }

    .proceedButton {
        margin-bottom: 26px;
    }

    .loanDetails .fieldSet {
        text-align: left;
        margin-left: 2%;
        margin-right: 0;
        width: 48%;
        margin-bottom: 0;
        float: left;
        min-height: 75px;
    }

    .proceedButton > a,
    .personalFrom button.sendBtnDis {
        background-color: rgba(85,85,85,1);
        border: none;
        color: rgba(255,255,255,1);
        font-size: 13px;
        line-height: normal;
        display: inline-block;
        font-family: 'Work Sans', sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 15px;
        padding: 9px 20px 9px;
        text-decoration: none;
        transition: all 0.5s ease 0s;
        width: auto;
        float: none !important;
        margin: 0 auto;
    }

        .proceedButton > a:hover,
        .proceedButton > a:focus,
        .personalFrom button.sendBtnDis:hover,
        .personalFrom button.sendBtnDis:focus {
            background: rgba(251,176,23,1);
            border: none;
            color: rgba(255,255,255,1);
        }

    .loanSection {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .personalDetails p {
    }

    .personalDetails h3 {
    }

    .tabNav ul li {
        display: block;
        float: left;
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }

        .tabNav ul li a {
            font-family: 'Work Sans', sans-serif;
            font-size: 12px;
            font-weight: 500;
            background: rgba(225,224,224,1);
            color: rgba(52,47,37,1);
            display: block;
        }

            .tabNav ul li a:hover,
            .tabNav ul li a:focus {
                background: rgba(254,192,67,1);
                color: rgba(255,255,255,1);
            }

            .tabNav ul li a.current {
                background: rgba(251,176,23,1);
                color: rgba(255,255,255,1);
            }


    .thankyouBannerFull h2.headingLoanSummary {
        background: url(../images/loan-summary-heading-600.png) no-repeat 50% 0;
        margin: 5px 0 9px;
    }

    .thankyouBannerFull p {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: rgba(109,109,109,1);
        padding: 0 20px;
    }

    .thankyouContent {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    .preLoanSection .loanAmount,
    .preLoanSection .interestRate {
        float: none;
        margin: 0 auto;
        max-width: 390px;
        padding: 11px 0 11px 0;
        width: 100%;
    }

    .preLoanSection .loanAmount {
        background: url(../images/loan-icon-small.png) no-repeat scroll 0 50%;
        line-height: 25px;
        text-align: left;
        padding-left: 70px;
        max-width: 322px;
    }

    .preLoanSection .interestRate .leftCol {
        text-align: left;
    }

    .personalDetails p {
        font-family: 'Work Sans', sans-serif;
        font-size: 15px;
        color: rgba(111,111,111,1);
    }

    .personalDetails h3 {
        color: rgba(160,3,3,1);
        font-size: 20px;
    }

        .personalDetails h3 + p {
            padding-left: 25%;
            padding-right: 25%;
        }

    body.verifydet,
    body.youroffer {
        background: url(../images/bg-verifydetails-600.png) no-repeat 50% 100%;
        /*background-size: contain;*/
        /*padding-bottom: 380px;*/
    }

        body.verifydet .innerSection,
        body.youroffer .innerSection,
        /*body.verifydet .thankyouBannerFull,*/
        body.verifydet .innerFooter,
        body.youroffer .innerFooter,
        body.verifydet .loanSection,
        body.youroffer .loanSection, {
            background: none;
        }

        body.youroffer .innerFooter {
            background: none;
        }
    /*.footer p.callus {
		width: auto;
		display: inline-block;
		float: none;
		margin: 21px auto 0;
		line-height: 15px;
		background: none;
		padding: 3px 0 8px 30px;
		font-size: 17px;
		text-align: left;
	}
	.footerSocilaMenu {
		float: none;
		width: 91px;
		margin: 0 auto;
		padding-top: 2px;
		clear: both;
	}
	.footer {
		height: 160px;
		margin-top: 240px;
	}*/
    .experi select {
        margin-right: 0;
        width: 49%;
    }

    .loanArea .wrapper {
        width: 95%;
        border: none;
        border: 1px solid rgba(175,175,175,1);
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }

    .thankyouBannerFull h2.heading {
        margin: 5px 0 9px;
        height: 39px;
        background: url(../images/congratulation-heading-600.png) no-repeat 50% 0;
    }

    p.genarate-vid {
        color: #6eabed;
        font-family: Lato,sans-serif;
        font-size: 11px;
        width: 70%;
        margin-top: 8px;
        text-align: left;
    }

    .footerOpotionIn {
        background: url(../images/footer-bg.jpg) no-repeat 0 0;
    }

    .footerNW p.callusNW {
        margin: 0;
    }

    .fieldSet .tooltipArea {
        display: block;
        right: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        top: 90%;
    }

    .label_inline label label {
        padding: 0 0;
        font-size: 13px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width : 767px) {
    /*.thankyouPageBgNW{
        background-image:none;
    }
    .homeBgNW {
        background-image:none!important;
    }
    .innerFooterBgMobNW {
	    background: url(../images/footer-bg.jpg) no-repeat 0 0;
	    background-size: cover;
    }*/

    /*REV 4.0 Sourav G 25.09.2018 */
    .faqBtn {
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

    .faqBtn > ul{
        display: inline-block;
    }

    /*REV 4.0 Sourav G 25.09.2018 */

}

@media only screen and (max-width : 736px) {
    .cstmrPage_right_EmailNW {
        width: 342px;
    }
}

@media only screen and (max-width : 682px) {
    .experi span {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        width: 38%;
    }

    #dvAadharStatus img {
        margin-top: 4px;
    }

    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .cardChiceMob {
        display: block;
    }

    .cardDeatilsArea .cardChoiceSec {
        display: none;
    }

    .cardDetailTabSec .cardChoiceDetails .cardConBox {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .cardDetailTabSec .cardChiceMob {
        margin: 0 auto 15px;
        width: 315px;
    }

    .cardDetailTabSec .cardChoiceDetails {
        margin: 0 0 50px;
    }

    .cardDetailTabSec .cardChiceMob img {
        margin-bottom: 2px;
    }

    .cardDetailTabSec #card3 .cardDelArrow,
    .cardDetailTabSec #card2 .cardDelArrow,
    .cardDetailTabSec .cardChoiceDetails .cardDelArrow {
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -12px;
    }

    .cardBanner h3 {
        padding-bottom: 50px;
    }

    .cardDeatilsArea h3 {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 26px 10px 11px; /*padding: 5px 11px;*/
        background-position: 98% 11px;
    }

        .cardDeatilsArea h3.activeTab {
            background-position: 98% 12px;
        }

    .cardDeatilsArea .cardDetailTabSec {
        padding: 10px 15px;
    }

        .cardDeatilsArea .cardDetailTabSec .cardChoiceDetails h4 {
            font-size: 18px !important;
            padding-bottom: 16px;
        }

    .cardDetailTabSec .cardChoiceDetails {
        padding: 20px;
    }

        .cardDetailTabSec .cardChoiceDetails .cardConBox {
            margin-bottom: 20px;
        }

        .cardDetailTabSec .cardChoiceDetails ul li {
            padding: 0 0 4px 20px;
        }

    .cardDeatilsArea .cardDetailTabSec .cardChoiceDetails h5 {
        font-size: 15px;
        padding-bottom: 10px;
    }

    .cardDeatilsArea .cardDetailTabSec h4 {
        font-size: 17px;
        padding-bottom: 7px;
    }

    .cardDeatilsArea .cardDetailTabSec p {
        padding-bottom: 14px;
    }

    .cardDeatilsArea .fdEligible th {
        font-size: 14px;
        line-height: 16px;
    }

        .cardDeatilsArea .fdEligible th:first-child {
            padding-left: 10px;
        }

    .cardDeatilsArea .fdEligible td,
    .cardDeatilsArea .fdEligible th {
        padding: 7px 8px 8px 0;
    }

    .cardDeatilsArea .fdEligible td {
        font-size: 13px;
        line-height: 16px;
    }

    .tableMobCard {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }

    .cardDeatilsArea .fdEligible table {
        margin-bottom: 0;
    }

    .cardDeatilsArea .tableMobCard {
        margin-bottom: 15px;
    }

    .cardDeatilsArea .fdEligible input[type="checkbox"] {
        /*margin-right:2px;*/
        margin: 0 auto 2px;
        display: inline-block;
    }

    .cardDeatilsArea .fdEligible table tr td:first-child {
        padding-left: 5px;
        width: 100px;
    }

    .cardDeatilsArea .fdEligible .dragBarOuter {
        width: 100%;
    }

    .cardDeatilsArea .fdEligible .dragBarOuter {
        width: 100%;
        height: 41px;
        margin: 0 auto 0;
        background-size: cover;
    }

    .cardDeatilsArea .row label.flt-lt, .cardDeatilsArea .row span {
        float: none;
        text-align: right;
        max-width: 100%;
        width: 100%;
    }

    .cardDeatilsArea .row .flt-rt {
        text-align: center;
        padding-top: 10px;
    }

    .cardDeatilsArea .getCardSec ul {
        padding-bottom: 19px;
    }

    .cardDeatilsArea .row label, .cardDeatilsArea .row input[type=radio] {
        float: none;
        display: inline-block;
    }

    .cardDeatilsArea .row input[type=radio] {
        position: relative;
        top: -20px;
    }

    .cardDeatilsArea .row label.flt-lt {
        text-align: center;
    }

    .footerNoTopMargin {
        margin-top: 0 !important;
    }

    .cardDeatilsArea h3 {
        background-position: 98% 50%;
    }
    /*------------------07-07-17 end by krish----------------*/
    .dvSliderNw {
        width: 90%;
    }
}

@media only screen and (max-width : 682px) {
    .experi span {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        width: 38%;
    }

    #dvAadharStatus img {
        margin-top: 4px;
    }
}

@media only screen and (max-width : 682px) {
    .footerNoTopMarginNW {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width : 667px) {
    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 9px;
    }
}

@media only screen and (max-width:667px) {
    .priceRangeSection .sectionHead {
        font-size: 16px;
    }

    .priceRangeSection .rupees {
        padding-left: 17px;
    }

    .priceRangeSection .rangeValue,
    .priceRangeSection .priceStart {
        font-size: 14px;
    }

    .rangeEnd .rangeValue input {
        float: right;
        padding: 2px;
        margin-top: 4px;
    }

    .rangeEnd.rupees .rangeValue,
    .loanCalSection .rangeEnd.calender .rangeValue {
        line-height: 38px;
    }

    .loanCalSection .rangeStart {
        position: absolute;
        top: 25px;
    }

    .loanCalSection .rangeEnd {
        width: 124px;
    }

        .loanCalSection .rangeEnd.calender {
            width: 160px;
        }

    /*Rev 35.0*/
    .personalFrom .radioGroup-new label {
        width: 100%;
    }

        .personalFrom .radioGroup-new label span {
            padding-right: 0;
            margin-right: 0;
        }
    /*End Rev 35.0*/ 
}

@media only screen and (max-width : 665px) {
    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 10px;
    }
}

/*REV 4.0 Sourav G 25.09.2018 */
@media only screen and (max-width : 650px) {
    .faqBanner p {
        margin-bottom: 10px;
    }

    .thankyouContent.faqbannerText .faqBtn ul li a {
        padding: 10px 22px;
        font-size: 16px;
        line-height: 20px;
    }

    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 70% !important;
    }

    section.loginBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.dCardBanner{
        background-position: 50% 74% !important;
    }

    section.dCardBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.mBankingBanner {
        background-position: 50% 80% !important;
    }

    section.mBankingBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    /* Rev 5.0*/

}
/*REV 4.0 Sourav G 25.09.2018 */

@media only screen and (max-width : 640px) {
    .bannerCont {
        width: 100%;
        padding: 30px 0 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .chowAnimation {
        display: none;
    }

    header .indusIndLogo {
        margin-top: 15px;
    }

    .homeSection h1 {
        font-size: 24px;
        line-height: normal;
    }

        .homeSection h1 span {
            line-height: normal;
        }

    .homeSection .header {
        margin-bottom: 50px;
    }

    .inerHeader {
        background: #F9E9D4;
    }

        .inerHeader .wrapper {
            min-height: inherit;
        }

    .logoLeftSec {
        width: 100%;
    }

    .header > .phoneNo {
        top: 0;
    }
    /* .innerSection h1 {
			font-size: 40px;
		}*/
    .infoPageBanner .infoBannerLeft h3 {
        font-size: 22px;
    }

    .thankYou h2 {
        font-size: 35px;
    }

    .bowlPic {
        margin-bottom: 0;
    }

        .bowlPic h1 {
            position: relative;
            top: 0;
            -webkit-transform: translate(0px);
            -ms-transform: translate(0px);
            -o-transform: translate(0px);
            transform: translate(0px);
            width: 100%;
        }

    .footerLeft, .footerLeftNW {
        float: none;
        /*width: 269px;*/
        width: auto;
        /*padding: 1px 15px 0 15px;*/
        text-align: left;
        margin: 0 auto;
        /*padding-top: 1px;*/
    }

    .footerSocilaMenu {
        float: none;
        width: 91px;
        margin: 0 auto;
        padding-top: 2px;
        clear: both;
    }

    .footer p.callus {
        /*width: auto;
		display: inline-block;
        background: none;
		float: none;
        text-align: left;*/
        line-height: 15px;
        font-size: 14px;
        margin-top: 7px;
        background: none;
        padding: 0;
        display: block;
    }

    .footerRight {
        float: none;
        text-align: center;
        width: auto;
    }

    .copyright {
        float: none !important;
        width: 269px !important;
        margin: 0 auto 12px auto !important;
    }

    .innerFooter p.callus {
        color: #FFF;
    }

    .thankyouText {
        padding: 0;
        margin: 0 auto;
        max-width: 100%;
    }

        .thankyouText p, .bannerArea h1, .bannerArea h2 {
            color: #3e1d1d;
            font-weight: 700;
        }

        .thankyouText h1 {
            padding-top: 60px;
        }

    .offerHeadText, .reviewBanner, .faqBanner, .contactBanner, .offerBanner {
        margin: 0 auto;
        text-align: center;
    }

    .offerHeadText {
        width: 100%;
    }

        .offerHeadText a.apply {
            margin-bottom: 10px;
        }

    .offerBanner h1 {
        padding-top: 30px;
    }

    .homeSection .bannerLeft p, .errorTextContent p {
        color: #3e1d1d;
    }

    .subTitle h2, .errorTextContent p {
        font-weight: 800;
    }

    .thankyouText h1, .thankyouText h2, .offerHeadText h1 {
        color: #ffd800;
    }

    .radioGroup span {
        margin-right: 12px;
    }

    #dvAadharStatus img {
        margin-top: 4px;
    }

    .footer .copyright, .footer .copyrightNW {
        margin-top: 10px !important;
    }

    .footer p.callus, .footerNW p.callusNW {
        margin: 0;
    }

    .preLoanSection .cardSec {
        float: none;
        margin: 0px auto 10px;
    }

    .verAlign {
        position: static;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    .preLoanSection .interestRate p {
        padding: 0;
        text-align: center;
        font-size: 16px;
    }

    .fieldSet2 input[type="checkbox"]:not(old) + label > span {
        left: 6px;
    }
}

@media only screen and (max-width : 640px) {
    .footerLeftNW {
        float: none;
        width: auto;
        text-align: left;
        margin: 0 auto;
    }
    /*Start Rev 1.0*/
    .footerSocilaMenuNW {
        float: none;
        /*width: 91px;*/
        width: 100%;
        margin: 0 auto;
        padding-top: 2px;
        clear: both;
    }
    /*End Rev 1.0*/

    .footerNW p.callusNW {
        line-height: 15px;
        font-size: 14px;
        margin-top: 7px;
        background: none;
        padding: 0;
        display: block;
    }

    .footerRightNW {
        float: none;
        text-align: left;
        width: auto;
        margin-top: 10px;
    }

    .copyrightNW {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 8px auto !important;
    }

    .innerFooterNW p.callusNW {
        color: #FFF;
    }

    .thankyouPageTextNw {
        text-align: center;
        padding: 0;
    }

    .footer p.callus, .footerNW p.callusNW {
        margin: 0;
        line-height: 1.2 !important;
    }
}

@media only screen and (max-width : 640px) {
    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 9px;
    }
}

@media only screen and (max-width : 639px) {
    .personalDetails h3 {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: rgba(160,3,3,1);
        margin-bottom: 7px;
    }

    .personalDetails p {
        font-family: 'Work Sans', sans-serif;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        color: rgba(111,111,111,1);
        letter-spacing: -.5px;
        padding-bottom: 2px;
        margin: 0;
    }

    .impNote {
        font-family: 'Work Sans', sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
        margin-top: 15px;
    }

    .note {
        width: 100%;
        margin-bottom: 5px;
    }

        .note span {
            text-align: left;
            padding-left: 5px;
        }

    .workDetails .fieldSet {
        width: 100%;
        text-align: left;
        margin-right: 0;
        /*margin-bottom: 0;*/
    }

    .formGroup .contentGroup {
        padding-left: 15px;
        padding-right: 15px;
    }

    .md-default-theme {
        overflow: visible;
    }
    /*.workDetails {
		margin: 10px 0 0;
	}
	span.error {
		bottom: -10px;
	}*/

    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .fdEligible .dragBarOuter {
        height: 36px;
    }
    /*------------------07-07-17 end by krish----------------*/
}

@media only screen and (max-width : 600px) {
    .phoneNo {
        float: none;
        overflow: hidden;
        border-bottom: none;
        padding-bottom: 0;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .phoneNo a {
            border-bottom: 1px solid #e26602;
            padding-bottom: 10px;
            float: right;
        }

    .selectOption a.activeTitle > span > p {
        line-height: 48px;
    }

    #debitCardLogForm .md-default-theme, .personalFrom select.month, #DebitCardLogin_ExpeiryYear {
        width: 100% !important;
    }

    .personalFrom select.month {
        margin: 12px 0;
    }
    /*.thankyouTemplate .homeSection {
			background: #FBFBFD;
		}*/

    .selectOption {
        width: 100%;
    }

    .experi span {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        width: 42%;
    }

        .experi span:nth-child(2) {
            margin: 0 0 0 -16px;
        }

    .experi select {
        margin-right: 1%;
        width: 48%;
    }

    .loanSection .personalFrom #dvEnterCode {
        width: 100%;
        float: none;
    }

    .loanSection .personalFrom #dvOR {
        width: 12%;
        float: none !important;
        margin: auto !important;
        left: 0;
        right: 0;
        display: block;
        position: relative !important;
    }

    .loanSection .personalFrom #dvCheckBox {
        width: 100%;
        margin-right: 0 !important;
        float: none;
    }

    .errorBox {
        width: 90%;
        margin: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    #pRadioStatus {
    }

    #dvAadharStatus br {
        display: none;
    }

    #dvAadharStatus {
        margin: 10px 0 0 0;
    }

        #dvAadharStatus span {
            margin-top: 7px !important;
        }

    #pRadioStatus .radioGroup input[type="radio"] {
        display: block;
        float: left;
    }

    #pRadioStatus span {
        display: block;
    }

    #radioCorrect {
        float: left;
        display: block;
        line-height: 50px;
        margin: 7px 0 !important;
    }

    #pRadioStatus span {
        display: block;
    }

    #radioIncorrect {
        float: left;
        display: block;
        margin: 11px 0 11px -11px !important;
    }

    .cardBanner {
        background-image: none;
    }


    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .getCardSec ul li {
        font-size: 16px;
    }

    .cardDeatilsArea .row label.flt-lt, .cardDeatilsArea .row span {
        font-size: 17px;
    }

    .spaceTopcard {
        padding-top: 0;
    }

    .congratulationContent h2.panelHeading {
        font-size: 35px;
    }
    /*------------------07-07-17 end by krish----------------*/
}

@media only screen and (max-width: 600px) {
    #radioIncorrect {
        margin: 8px 0 11px -11px !important;
    }

    div#currentRadioStatus {
        margin-left: 10px;
    }
}

@media only screen and (max-width : 599px) {
    .preLoanSection .interestRate .row {
        font-size: 14px;
    }

    .preLoanSection .interestRate {
        line-height: 30px;
    }
    /*-------------------------------Modify 30-10-2017-------------------------------------*/
    /*header.pageHeader .logo {
            float: none;
            margin: 30px auto 0;
            display: inline-block;
        }*/
    /*-------------------------------Modify 30-10-2017-------------------------------------*/
    .thankyouBannerFull h2.headingLoanSummary {
        background: url(../images/loan-summary-heading-320.png) no-repeat 50% 0;
        margin: 5px 0 9px;
        height: auto;
    }

    .thankyouBannerFull h2.heading {
        background: url(../images/congratulation-heading-320.png) no-repeat 50% 0;
        margin: 5px 0 9px;
    }

    .thankyouBannerFull p {
        font-family: 'Work Sans', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: rgba(109,109,109,1);
        padding: 0 30px;
    }

    .loanArea .wrapper {
        width: 95%;
        border: none;
        border: 1px solid rgba(175,175,175,1);
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }

    .loanArea .preLoanSection .wrapper {
        border: none;
        width: 80%;
    }

    .personalDetails h3 + p {
        padding-left: 10%;
        padding-right: 10%;
    }

    .preLoanSection .loanAmount {
        font-family: 'Work Sans', sans-serif;
        font-size: 15px;
        font-weight: 500;
        max-width: 100%;
        padding: 70px 0 0;
        line-height: 20px;
        background: url(../images/loan-icon-small.png) no-repeat scroll 50% 0;
    }

    .preLoanSection .interestRate .leftCol {
        text-align: left;
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .preLoanSection .interestRate .rightCol {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .preLoanSection .loanAmount span {
        font-family: 'Work Sans', sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -1px;
    }

    .personalDetails p.itlHeading {
        font-size: 11px;
        padding-left: 10%;
        padding-right: 10%;
        width: auto;
    }

    body.verifydet,
    body.youroffer {
        background: rgba(255,255,255,1) url(../images/bg-verifydetails-300.png) no-repeat 50% 100%;
        /*background-size: contain;
		padding-bottom: 380px;*/
    }

        body.verifydet .innerSection,
        body.youroffer .innerSection,
        /*body.verifydet .thankyouBannerFull,*/
        body.verifydet .innerFooter,
        body.youroffer .innerFooter,
        body.verifydet .loanSection,
        body.youroffer .loanSection {
            background: none;
        }

        body.verifydet .innerFooter,
        body.youroffer .innerFooter {
            margin-top: 250px;
        }
    /*.footer p.callus {
		margin: 45px auto 0;
	}
	.loanDetails .fieldSet {
		min-height: 90px;
	}*/
    .totalAmt {
        background-position: 50% 19px;
        font-size: 20px;
        padding-left: 0;
        padding-top: 81px;
        padding-bottom: 35px;
        text-align: center;
        max-width: 100%;
    }

    .loanCalSection .rangeEnd {
        position: absolute;
        top: 45px;
        right: 0;
        width: 44%;
    }

    .rangeValue input {
        width: 60px;
        margin: 0;
        float: left;
    }

    /*.loanCalSection .rangeStart .priceStart {
            text-align: left;
        }*/

    .priceRangeSection .sectionHead {
        padding-bottom: 30px;
    }

    .loanCalSection .range-slider {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width : 570px) {
    .creditCardAccountMain {
        width: 95% !important;
    }

    .cstmrPage_left_EmailNW {
        width: 200px;
    }

    .cstmrPage_right_EmailNW {
        width: 100%;
        margin-top: 0;
    }

    .cstmrPage_right_radioGroup {
        padding-left: 0;
    }

        .cstmrPage_right_radioGroup span {
            float: left;
            margin-top: -7px;
        }

        .cstmrPage_right_radioGroup input {
            float: left;
        }
}

@media only screen and (max-width : 568px) {
    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 9px;
    }

    span.error.errorOfficeLandlineNW {
        bottom: -16px;
    }

    body {
        overflow-x: hidden; /*--26-10-17--*/
    }

    .errorContentResPnsive {
        width: 90%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 568px) {
    div#currentRadioStatus {
        margin-left: 0;
    }

    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 65% !important;
    }

    section.loginBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.dCardBanner{
        background-position: 50% 72% !important;
    }

    section.dCardBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.mBankingBanner {
        background-position: 50% 76% !important;
    }

    section.mBankingBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    /* Rev 5.0 */

}

@media only screen and (max-width : 567px) {
    span.error.errorOfficeLandlineNW {
        bottom: -2px;
    }

    /*REV 4.0 Sourav G 25.09.2018 */
    .thankyouContent.faqbannerText .faqBtn ul li a {
        font-size: 14px;
    }
    /*REV 4.0 Sourav G 25.09.2018 */

}

@media only screen and (max-width : 543px) {
    .experi span {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        width: 47%;
    }

        .experi span:nth-child(2) {
            margin: 0 0 0 -25px;
        }

    #dvAadharOtp {
        width: 65%;
    }

    #aadharOtp {
        width: 100% !important;
    }

    .thankyouBannerFull p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .thankyouContent {
        width: 80%;
    }

    .experi select {
        width: 43%;
        display: inline-block;
        margin-right: 5%;
    }

    body.verifydet .innerFooter,
    body.youroffer .innerFooter {
        margin-top: 180px;
    }
}

@media only screen and (max-width : 500px) {
    .subTitle h2 {
        font-size: 14px;
    }

    .selectOption {
        margin: 0 auto;
        padding-bottom: 20px;
    }

        .selectOption br {
            display: block !important;
            height: 1px;
            clear: both;
            width: 100%;
        }

        .selectOption .activeTitle br {
            display: none !important;
        }

    .md-default-theme a {
        height: auto !important;
        line-height: 12px !important;
    }
    /*------------------07-07-17 start by krish----------------*/
    .cardDetailTabSec .cardChiceMob {
        width: 100%;
    }

        .cardDetailTabSec .cardChiceMob img {
            width: 100%;
        }
    /*------------------07-07-17 end by krish----------------*/

    /*REV 2.0 Sourav 13.08.2018 */
    .personalFrom #currentRadioStatus label {
        overflow: hidden;
    }

    .savingsVerifyOfferNW {
        width: 100%;
    }
    /*REV 2.0 Sourav 13.08.2018 */

    /*REV 3.0 Sourav G 17.08.2018 */
    .personalFrom label {
        display: inline-block;
    }

    .noteDes {
        text-align: left;
    }

    /*REV 3.0 Sourav G 17.08.2018 */

}

@media only screen and (max-width : 489px) {
    .workDetails .fieldSet {
        width: 47%;
    }

    .tabNav ul li {
        float: none;
        display: block;
        width: auto;
    }

    .loanSection {
        padding-top: 1px;
    }

    .congratulationContent h2.panelHeading {
        padding: 0 15px;
    }

        .congratulationContent h2.panelHeading img {
            max-width: 100%;
            height: auto;
        }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .bannerCont {
        padding-top: 0px;
    }

    .inerHeader .wrapper {
        text-align: center;
    }

    header .indusIndLogo {
        display: inline-block;
        float: none;
    }

    .bannerCont a.applyBtn {
        display: inline-block;
    }

    .inerHeader .wrapper > a {
        display: inline-block;
    }

    .bannerCont p br {
        display: none;
    }

    .bannerCont h1 {
        font-size: 30px;
        padding-bottom: 0;
    }

    .bannerCont p {
        font-size: 20px;
        line-height: 30px;
    }

    .preLoanSection .loanAmount, .preLoanSection .interestRate {
        margin: 0;
        width: 100%;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .preLoanSection .interestRate {
        padding-left: 0;
    }

    .range-slider {
        width: 99% !important;
        margin: 0 !important;
    }
    /*.preLoanSection .loanAmount {
		padding-left: 100px;
	}*/
    .tabNav ul li a {
        display: block;
    }
    /*.tabNav ul li a.current {
		display: block;
		color: #262626;
	}*/
    .fieldSet {
        width: 100%;
        margin-right: 0;
    }

    .workDetails .fieldSet {
        width: 100%;
    }

    .fieldSet2 {
        width: 100%;
        margin-right: 0%;
    }

    .loanDetails .fieldSet {
        width: 100%;
        margin-right: 0%;
    }

    .fieldSet2 input[type="checkbox"]:not(old) + label > span {
        top: 3px;
    }

    .submitBlack {
        width: 100%;
        padding: 0;
        line-height: 64px;
        height: 64px;
        font-size: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .selectOption a.activeTitle > span.login > span.iconCover {
        top: 0px;
    }

    .selectOption a.activeTitle > span.debit > span.iconCover {
        top: 0;
    }

    .selectOption a.activeTitle > span.mobile > span.iconCover {
        top: 0;
    }
    /*==== 27-06 ====*/
    .faqSection ul li .question {
        font-size: 16px;
    }

    .contactBox h3, h4.locate {
        font-size: 17px;
    }
    /*==== 27-06 ====*/

    .selectOption a > span {
        padding: 10px;
    }
    /*    .homeSection h1 span {
			font-size: 22px;
			line-height: 28px;
			margin-top: 5px;
		}
	.tabNav ul li {
		display: block;
		margin: 0;
	}*/
    /* .innerSection h1 {
			font-size: 35px;
		}*/
    .thankYou h2 {
        font-size: 30px;
    }

    .modalContent .body {
        overflow-x: scroll;
    }

    .rangeValue {
        font-size: 16px;
    }

    .priceStart {
        font-size: 16px;
    }

    .loanCalSection .rangeStart {
        width: 20%;
    }

    .loanCalSection .range-slider {
        width: 43% !important;
    }
    /*.loanCalSection .rangeEnd {
		float: right;
		padding: 0;
		width: 27%;
	}
	.rangeValue input {
		margin-left: -21px;
		width: 100%;
	}*/
    #radioCorrect {
        margin: 6px 5px 0 0 !important;
    }

    #radioIncorrect {
        margin: 13px 0 11px 1px !important;
    }

    #dvAadharStatus img {
        margin-top: 1px;
    }

    .midHeight {
        position: relative;
        min-height: 300px;
    }

    .footer {
        position: relative;
        min-height: 100px;
    }

    .homeSection h1 {
        padding-top: 0;
    }

    .bannerRight {
        margin-top: 0;
        padding: 0;
    }

    .selectOption {
        margin-bottom: 140px;
    }

    .loginBanner .selectOption, .dCardBanner .selectOption, .mBankingBanner .selectOption {
        margin-bottom: 100px;
    }

    .loginBanner, .dCardBanner, .mBankingBanner {
        background: url(../images/login-banner-480.jpg) no-repeat 50% 100% #f0f1f3 !important;
        background-size: 100% auto !important;
    }

    /*==== 20-01-2017 ====*/
    header.pageHeader .logo {
        float: left;
        margin: 0 0 0 5px;
    }

    header.pageHeader .indLogo {
        float: right;
        margin-right: 5px;
        margin-top: 16px;
    }

    .cardContent {
        width: auto;
        padding: 0 20px;
    }

    .spaceTopcard h2, .congratulationContent h2.panelHeading {
        font-size: 24px;
        line-height: 30px;
    }

    .cardBanner h3 {
        font-size: 16px;
        padding-bottom: 35px;
    }

    .cardDeatilsArea h3.activeTab {
        background-position: 96% 50%;
    }

    .cardDeatilsArea h3 {
        font-size: 14px;
        line-height: 20px;
        background-position: 96% 50%;
        padding: 10px 25px;
    }

    .cardDeatilsArea .cardDetailTabSec h4 {
        font-size: 16px;
    }

    .cardDetailTabSec p {
        font-size: 13px;
        line-height: 17px;
    }

    .cardDeatilsArea .fdEligible td, .cardDeatilsArea .fdEligible th {
        padding: 10px 15px;
    }

    .creditFdOfferBoxV2 a.applyBtn2, .creditOfferBoxV2 a.applyBtn2, .loanOfferBoxV2 a.applyBtn2, .loanOfferBox a.applyBtn2, .creditOfferBox a.applyBtn2 {
        font-size: 18px;
    }

    .footer .copyright, .footer .footerNav, .footerSocilaMenu {
        font-size: 12px;
        line-height: 15px;
    }

    .subTitle h2 {
        font-weight: 600;
    }

    /*---27-10-17 added--*/
    /*REV 2.0 Sourav 13.08.2018 */
    .personalFrom #currentRadioStatus #radioCorrect {
        margin: 1px 5px 0 0 !important;
    }

    .personalFrom #currentRadioStatus #radioIncorrect {
        margin: 1px 5px 0 0 !important;
    }

    #dvEmailVerify {
        right: -2px !important;
        bottom: 18px !important;
    }

    /*REV 2.0 Sourav 13.08.2018 */
    /*---27-10-17 added--*/
    .personalFrom #currentRadioStatus label {
        float: none;
        margin-right: 0;
    }

    .footer .copyright, .footer .footerNav, .footerSocilaMenu, .footerSocilaMenuNW, .footer .copyrightNW {
        font-size: 12px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 480px) {
    #radioIncorrect {
        margin: 7px 5px 11px 0px !important;
    }
    /*VerifyCardDetails page*/
    .officeEmailVeryfyCard {
        margin-bottom: 50px;
    }

    .savingsVerifyOfferNW {
        float: left;
    }

    .amoutTextVerifyDetails {
        font-size: 14px;
    }
    /*VerifyCardDetails page*/
    /*SuccessBox Popup*/
    .successBox {
        width: 85%;
        margin: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    /*SuccessBox Popup*/
    /*VerifyCardDetails page 01-11-17*/
    .acceptBox input[type="checkbox"] {
        width: auto;
        height: auto;
        margin: 0 10px 0 0;
    }

    .benefitInsurenceBox h3 {
        font-size: 19px;
        padding-bottom: 28px;
    }

    .benefitInsurenceBox .benefitBox {
        margin: 0;
        width: 100%;
    }
    /*VerifyCardDetails page 01-11-17*/
    /*VerifyCardDetails page*/
    /*Loan Page YourOffer*/
    .loanCalSection .range-slider {
        width: 94% !important;
    }
    /*.rangeStart.calender, .rangeEnd.calender .rangeValue, .rangeStart.rupees, .rangeEnd.rupees .rangeValue {
        background: none;
        padding-left: 0;
    }*/
    .rangeEnd.calender .rangeValue {
        padding-left: 0;
    }

    /*.loanCalSection .rangeStart {
            width: 26%;
            padding-left: 0;
        }*/

    /*Loan Page YourOffer*/
    .acceptLabelMob {
        text-align: left;
    }

        .acceptLabelMob label {
            top: -6px;
            position: relative;
        }

    .footer .copyright, .footer .footerNav, .footerSocilaMenu, .footerSocilaMenuNW, .footer .copyrightNW {
        font-size: 12px;
        line-height: 15px;
    }
}

/*-------------------------------New Addition 26-10-2017-------------------------------------*/

@media only screen and (max-width:480px) {
    .loanCalSection .rangeStart.rupees {
        top: 34px;
    }

    .loanCalSection .rangeEnd {
        top: 34px;
    }

    .loanCalSection .rangeStart {
        top: 38px;
    }

    .loanCalSection .rangeEnd.calender {
        top: 42px;
    }


    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 76% !important;
    }

    section.loginBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.dCardBanner{
        background-position: 50% 79% !important;
    }

    section.dCardBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.mBankingBanner {
        background-position: 50% 80% !important;
    }

    section.mBankingBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    /* Rev 5.0 */

}

/*----27-10-17------*/
@media only screen and (max-width : 479px) {
    .thankyouPageBgNW .congratulationContent {
        padding-bottom: 162px !important;
    }
}

@media only screen and (max-width : 450px) {
    .selectOption a.activeTitle > span.login > span.iconCover {
        float: left;
        display: block;
    }

    .selectOption a.activeTitle > span > p {
        display: block;
        float: right;
        width: calc(100% - 54px);
    }

    .homeSection .header {
        margin-bottom: 30px;
    }

    .priceRangeSection .sectionHead {
        font-size: 20px;
    }

    .priceStart {
        font-size: 16px;
    }

    .offerHeadText h1 {
        font-size: 24px;
    }

    .offerHeadText h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .errorBox .radioGroup span {
        display: inline;
        margin-right: 0;
        line-height: 25px;
        padding-left: 0;
        font-size: 13px;
    }

    .errorBox .radioGroup input[type="radio"] {
        float: left;
        margin: 5px 2px;
    }

    #AssistProcess {
        margin-right: 2px;
    }
    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .fdEligible .dragBarOuter {
        height: 22px;
    }

    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2,
    .creditOfferBox, .loanOfferBox {
        width: 90%;
        height: 323px; /*-------19-7-17 modified---------*/
        padding: 155px 0 0; /*-------19-7-17 modified---------*/
        font-size: 25px;
        line-height: 33px;
        background-size: 100%;
        margin-bottom: 20px; /*-------19-7-17 modified---------*/
    }

        .creditFdOfferBoxV2 span, .creditOfferBoxV2 span, .loanOfferBoxV2 span {
            font-size: 21px; /*-------19-7-17 added---------*/
        }

    .spaceTopcard h2,
    .congratulationContent h2.panelHeading {
        font-size: 33px;
        line-height: 42px;
        margin-top: 25px;
    }

        .congratulationContent h2.panelHeading strong {
            display: block;
        }

    .cardDeatilsArea .textField {
        width: 74%;
    }

    .cardDeatilsArea h3 {
        padding-right: 13px;
    }
    /*------------------07-07-17 end by krish----------------*/
    .loanBox {
        width: 300px;
        background-size: 100% 100%;
        padding: 138px 20px 0;
    }

    .creditCardBox {
        width: 300px;
        background-size: 100% 100%;
        padding: 138px 20px 0;
    }

        .loanBox p, .creditCardBox p {
            font-size: 22px;
            line-height: 37px;
        }
}

@media only screen and (max-width : 400px) {
    /*.loanCalSection .rangeEnd {
		width: 26%;
	}
	.footer p.callus {
		padding: 5px 0 0 0;
	}*/
    .footerSocilaMenu {
        padding-top: 0;
    }
    /*.footer .copyright {
		margin-top: 36px!important;
	}*/
    .cardDeatilsArea .cardDetailTabSec p {
        padding-bottom: 30px;
    }

    .dvSliderNw {
        width: 85%;
        margin-bottom: 30px;
    }

    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2, .creditOfferBox, .loanOfferBox {
        padding: 174px 0 0;
    }
}

@media only screen and (max-width : 400px) {
    .footerSocilaMenuNW {
        padding-top: 0;
    }

    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 74% !important;
    }

    section.loginBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.dCardBanner{
        background-position: 50% 77% !important;
    }

    section.dCardBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.mBankingBanner {
        background-position: 50% 80% !important;
    }

    section.mBankingBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    /* Rev 5.0 */

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    .bannerCont h1 {
        font-size: 28px;
    }
    /*.preLoanSection .loanAmount {
		font-size: 20px;
	}
	.preLoanSection .loanAmount span {
		font-size: 30px;
	}*/
    .preLoanSection .interestRate {
        font-size: 17px;
    }

    .emiCalculation .row .colLT {
        font-size: 17px;
    }

    .emiCalculation .row .colRT {
        font-size: 17px;
    }

        .emiCalculation .row .colRT span {
            font-size: 15px;
        }

    .bannerRightCover .selectOption a {
        height: 85px !important;
        width: 85px !important;
    }

    .selectOption > a {
        margin: 0 -2px;
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }

    .bannerRightCover .selectOption a.activeTitle {
        width: auto !important;
        height: auto !important;
    }

    .selectOption {
        margin: 0 -4px;
        margin-bottom: 120px;
    }

        .selectOption a > span {
            padding: 4px;
        }

    .iconCover {
        height: 36px;
    }

    .emiCalculation .row .colLT {
        width: 60%;
    }

    .emiCalculation .row .colRT {
        width: 40%;
    }
    /*.formHeading {
		font-size: 14px;
	}*/
    .fieldSet:nth-child(11) div {
        padding: 17px 0 0;
    }

        .fieldSet:nth-child(11) div > div {
            padding-top: 0;
        }

    #radioIncorrect {
        margin-top: 14px !important;
    }

    #dvAadharStatus img {
        margin-top: 0px;
    }
}

@media only screen and (max-width : 390px) {
    .emiCalculation .row .colLT, .emiCalculation .row .colRT {
        font-size: 14px;
    }

    .loanAmtSection i {
        font-size: 15px;
    }

    .locate {
        text-align: center;
    }

    .bannerRightCover .selectOption .captchaCls a {
        width: 20px !important;
        height: 20px !important;
    }

    .captchaCls br {
        display: none !important;
    }

    .homeSection h1 {
        padding-top: 0;
    }

    /*.rangeStart .priceStart {
            width: 125px !important;
        }*/

    /*.loanCalSection .rangeStart .priceStart {
            width: auto !important;
        }*/

    /*------------------07-07-17 start by krish----------------*/
    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2, .creditOfferBox, .loanOfferBox {
        font-size: 20px;
        line-height: 28px;
    }

        .creditFdOfferBoxV2 p, .creditOfferBoxV2 p, .loanOfferBoxV2 p, .creditOfferBox p, .loanOfferBox p {
            width: 80%;
            text-align: center;
            display: inline-block;
        }

        .creditFdOfferBoxV2 span, .creditOfferBoxV2 span, .loanOfferBoxV2 span, .creditOfferBox span {
            font-size: 15px;
        }
    /*.footer {		
	    height: 113px;		
	    min-height: 100px;		
	    margin-top:0;		
	}*/
    .footer p.callus {
        background: none;
        padding: 0;
        display: block;
        font-size: 13px;
    }

    .spaceTopcard h2,
    .congratulationContent h2.panelHeading {
        font-size: 26px;
        line-height: 30px;
    }

    .innerSection .spceMobTop {
        height: auto;
        min-height: auto;
    }
    /*------------------07-07-17 end by krish----------------*/
}

@media only screen and (max-width : 380px) {
    .rangeValue, .rangeValue {
        font-size: 14px;
    }

    /*.rangeStart.calender, .rangeEnd.calender .rangeValue, .rangeStart.rupees, .rangeEnd.rupees .rangeValue {
            background-size: 22%;
        }*/

    .rangeEnd.calender .rangeValue {
        padding-left: 21px;
    }

    .rangeValue input {
        padding: 4px;
        font-size: 12px;
    }
}

@media only screen and (max-width : 370px) {
    .selectOption > a {
        margin: 0 -8px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .contactBox {
        text-align: center;
    }

        .contactBox .contactIcon, .locate .contactIcon {
            float: none;
            margin: 0 auto;
            display: block;
        }

        .contactBox, .contactBox h4 {
            text-align: center;
        }

    .bannerRight {
        margin-top: 0;
    }

    .md-default-theme, .fieldSet > div {
        padding-bottom: 0;
    }

    a.resendotp {
        margin: 5px 0 0 0;
    }
    /*------------------07-07-17 start by krish----------------*/
    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2, .creditOfferBox, .loanOfferBox {
        height: 303px; /*--------19-7-17 modified ----*/
        padding: 144px 0 0; /*--------19-7-17 modified ----*/
        font-size: 19px;
        line-height: 25px;
    }

    .cardDeatilsArea .getCardSec ul li {
        font-size: 15px;
        background-position: 0 6px;
    }
    /*------------------07-07-17 end by krish----------------*/
}

@media only screen and (max-width: 360px) {
    #radioIncorrect {
        margin-top: 6px !important;
    }

    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 8px;
    }

    /* Rev 5.0 */
    section.loginBanner{
        background-position: 50% 72% !important;
    }

    section.loginBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.dCardBanner{
        background-position: 50% 76% !important;
    }

    section.dCardBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    section.mBankingBanner {
        background-position: 50% 80% !important;
    }

    section.mBankingBanner footer.footer-mobile .wrapperNW{
        background: url(../images/wooden-bg.jpg) repeat-x 0 -10%;
    }

    /* Rev 5.0 */


}

/*-------------------------------New Footer 24-10-2017-------------------------------------*/
@media only screen and (max-width:360px) {
    .customPin span.error {
        bottom: -19px;
    }
}

@media only screen and (max-width : 350px) {
    .loanCalSection .rangeStart {
        width: 18%;
        padding-left: 21px;
    }

    .rangeValue, .rangeValue {
        font-size: 13px;
    }

    .errorBox {
        width: 87%;
        margin: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    /*------------------07-07-17 start by krish----------------*/
    .cardDeatilsArea .cardDetailTabSec .cardChoiceDetails h4 {
        font-size: 16px !important;
        padding-bottom: 14px;
    }
    /*------------------07-07-17 end by krish----------------*/
    .loanBox {
        width: 220px;
    }

    .creditCardBox {
        width: 220px;
    }

        .loanBox p, .creditCardBox p {
            line-height: 28px;
        }
}

@media only screen and (max-width : 324px) {
    /*.loanCalSection .rangeEnd {
		float: right;
		padding: 0;
		width: 26%;
	}*/
    /*.loanCalSection .rangeStart {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            font-size: 16px;
            padding-left: 5px;
            width: 18%;
        }*/

    /*.rangeStart.calender, .rangeEnd.calender .rangeValue, .rangeStart.rupees, .rangeEnd.rupees .rangeValue {
            background: none;
            padding-left: 0;
        }*/

    .loanCalSection .rangeStart {
        width: 26%;
        padding-left: 0;
    }
    /*.rangeValue input {
		margin-left: 0;
		width: 77%;
	}*/
    .rangeEnd.calender .rangeValue {
        padding-left: 0;
    }

    .rangeValue input {
        font-size: 13px;
    }

    .thankyouText h1 {
        font-size: 22px;
    }

    /*.priceStart, .rangeValue {
            padding: 0;
            line-height: 15px;
        }*/

    .rangeStart {
        float: none !important;
        position: relative;
        z-index: 100;
        padding: 0;
        line-height: 15px;
    }
    /*.rangeEnd {
		float: right!important;
		width: 70px!important;
		text-align: right!important;
		margin-top: -70px!important;
	}*/
    /*.rangeValue input {
		width: 60px;
		margin-top: 50px;
	}*/
    .loanCalSection .range-slider {
        width: 94% !important;
    }
    /*.loanPeriod .rangeEnd {
		margin-top: -90px!important;
	}*/
    .selectOption {
        margin: 0 -4px;
        margin-bottom: 90px;
    }

    /*------------------07-07-17 start by krish----------------*/
    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2, .creditOfferBox, .loanOfferBox {
        height: 261px; /*---------19-7-17 modified-----*/
        padding: 117px 0 0; /*---------19-7-17 modified-----*/
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 40px;
    }
    /*------------------07-07-17 end by krish----------------*/
}

/*-----------------------------------New Addition SecureVerifyDetails page 31-10-2017-----------------------------------*/
@media only screen and (max-width: 320px) {
    /*VerifyCardDetails page*/
    .amoutTextVerifyDetails {
        font-size: 12px;
    }
    /*VerifyCardDetails page*/
}
/*-----------------------------------New Addition SecureVerifyDetails page 31-10-2017-----------------------------------*/

@media only screen and (max-width:320px) {
    .loanCalSection .rangeStart {
        width: 90px;
    }

    .loanCalSection .rangeEnd.calender {
        width: 147px;
    }

        .loanCalSection .rangeEnd.calender .rangeValue {
            padding-left: 14px;
        }
}



/* Rev 6.0 */
@media only screen and (max-width :1230px) {
    .footerRightNW {
        width: 52%;
    }
    .footerLeftNW {
        width: 40%;
    }
    .footerNW .footerNav {
        float: left;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    .footerLeftTopPadNW {
        padding-top: 100px;
    }
    .review .footerLeftTopPadNW {
        padding-top: 80px;
    }
}

@media only screen and (max-width :1160px) {
    .desktopFooter .wrapperNW {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width :1024px) {
    .footerSocilaMenuNW {
        padding: 0;
        margin-bottom: 20px;
    }
}

@media (min-width:801px) and (max-width :1000px) {
    .subTitle-new {
        padding-top: 45px;
    }
}
@media only screen and (max-width :990px) {
    .footerInfoTable thead tr th, .footerInfoTable tbody tr td {
        padding: 5px 5px 5px 0;
    }
}
@media only screen and (max-width :940px) {
    .footerLeftNW {
        padding-top: 80px;
    }
}
@media only screen and (max-width :855px) {
    .footerInfoTable {
        margin: 0 auto;
        text-align: left;
    }
    .footerNW .copyrightNW, .footerNW .footerNav, .footerSocilaMenuNW {
        margin: 0 0 10px;
        padding-bottom: 0;
    }
    .footerRightNW {
        padding-bottom: 15px;
        padding-top: 8px;
        width: 100%;
    }
    .footerLeftNW {
        padding-top: 0;
        padding-left: 0;
        width: 100%;
    }
    .footerNW .wrapperNW {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .footerSocilaMenuNW {
        text-align: center;
        margin-top: 10px;
    }
    .footerNW .footerNav {
        text-align: center;
    }
    .footerNW .copyrightNW {
        text-align: center;
    }
    .review .footerLeftTopPadNW {
        padding-top: 0px;
    }
}

@media only screen and (max-width :800px) {
    .footerLeftTopPadNW {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width :768px) {
    .innerFooterBgMobNW .footerSocilaMenuNW .fa {
        color: #fff;
        background: transparent;
    }
    .innerFooterBgMobNW .copyrightNW {
        color: #fff;
    }
    .footerNW .footerRcallusPNW {
        font-size: 12px;
    }
    .desktopFooter .wrapperNW {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .desktopFooter .wrapperNW .footerRightNW {
        display: none;
    }
    .desktopFooter .wrapperNW .footerLeftTopPadNW {
        padding-bottom: 0;
    }
    .desktopFooter .wrapperNW .footerLeftTopPadNW .footerSocilaMenuNW {
        display: none;
    }
    .desktopFooter .wrapperNW .footerLeftTopPadNW .copyrightNW {
        display: none;
    }
    .desktopFooter {
        padding: 0;
    }
    .footer-mobile {
        display: block;
        text-align: center;
    }
    .homeSection .footer-mobile {
        padding-top: 290px;
    }
    .thankyouPageBg .footer-mobile {
        display: block;
    }
    .loanArea ~ .footer-mobile {
        padding: 30px 0 10px;
        background: url(../images/wooden-bg.jpg) no-repeat 0 0;
        text-align: center;
    }
}

@media only screen and (max-width :767px) {
    .bannerRight {
        margin-bottom: 60px;
    }
    .footer {
        min-height: inherit;
    }
}

@media only screen and (max-width :640px) {
    .footerLeftNW {
        padding-bottom: 5px;
    }
}

@media only screen and (max-width:600px) {
    .footer-mobile .wrapperNW {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-mobile {
        padding-top: 36%;
    }
}

@media only screen and (max-width :480px) {
    .footerInfoTable thead tr th, .footerInfoTable tbody tr td {
        line-height: 1.3;
    }
    .footerInfoTable tbody tr td {
        font-size: 12px;
    }
    .footer-mobile {
        padding-top: 55%;
    }
}

/* End Rev 6.0 */