@import url(fonts_googleapis_com_css_family_Quicksand_400_700_300.css);
@import url(httpsfonts_googleapis_comcssfamily_Work_Sans100_200_300_400_500_600_700_800_900.css);
@import url(fonts_googleapis_com_css_family_Raleway.css);
@import url(fonts_googleapis_com_css_family_Lato_300_300i_400_400i_700_700i_900.css);
/*REV 4.0 Sourav G 25.09.2018 */
form * {
    border-radius: 0;
}

.thankYou h2 {
    line-height: normal;
}

.rangeStart {
    width: 75px;
}

.rangeEnd {
    width: 176px;
}

.rangeValue input {
    width: 80px;
    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:after, .footerWrap:before {
    display: table;
    content: '';
}

.bannerLeft .phoneNo, .header > .phoneNo {
    display: none;
}

.footerWrap:after {
    clear: both;
}

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

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

.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;
    }

    .thankyouPageBg {
        background-size: auto auto;
    }
}

@media only screen and (max-width :1230px) {
    .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: 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%;
    }
}

@media only screen and (max-width :1150px) {
    .cardBanner {
        background-size: cover;
    }
}

@media only screen and (max-width :1100px) {
    .preLoanSection .interestRate {
        margin-right: 20px;
    }

    .contactBox:first-child {
        margin: 0 auto 25px;
    }

    .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%;
    }

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

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

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

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

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

    .creditFdOfferBoxV2, .creditOfferBoxV2, .loanOfferBoxV2 {
        margin: 0 6px 80px;
    }

    .registersOffice p {
        font-size: 16px;
        line-height: 22px;
    }

    
    /*REV 4.0 Sourav G 25.09.2018 */
    .cardDeatilsArea .row .flt-rt input[type="radio"]{
        -webkit-appearance: radio;
        -moz-appearance: radio;
        -ms-appearance: radio;
    }
    /*REV 4.0 Sourav G 25.09.2018 */
}

@media only screen and (max-width :1023px) {
    .submitBlack, .thankyouBannerFull p.red-bold {
        font-weight: 600;
        font-family: 'Work Sans';
    }

    .loanCalSection .rangeEnd, .submitBlack, .thankyouBannerFull p.red-bold {
        font-family: 'Work Sans';
    }

    .footerWrap, .loanArea .wrapper, .submitBlack {
        text-align: center;
    }

    .bannerCont h1 {
        font-size: 50px;
        padding-bottom: 20px;
    }

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

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

    .footerLogo, .footerMenu {
        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;
    }

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

    .thankyouBannerFull p.red-bold {
        color: rgba(152,39,43,1);
        line-height: normal;
        margin-bottom: 14px;
    }

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

    .submitBlack {
        color: rgba(255,255,255,1);
        line-height: 30px;
        text-transform: uppercase;
        background: rgba(65,63,64,1);
        cursor: pointer;
        padding: 15px 25px;
        height: auto;
    }

    .thankyouContent {
        margin-left: 34%;
    }

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

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

    .loanCalSection {
        padding: 15px;
    }

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

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

    .loanAmtSection {
        border-left: none;
    }

    .selectLoan {
        margin-bottom: 20px;
    }

    .loanCalSection .rangeEnd {
        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) 0 5px no-repeat;
        padding-left: 23px;
    }

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

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

    .bannerRight-pop-up-sec .loginForm input, .bannerRight-pop-up-sec .loginForm input[type=text], .bannerRight-pop-up-sec .loginForm input[type=date] {
        width: 100%;
    }

    .dob-sec, .pan-no {
        width: 45% !important;
    }

    span.midOr {
        width: 10%;
    }
}

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

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

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

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

    .footerRight {
        width: 50%;
    }

    .footer .copyright {
        display: block;
    }

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

@media only screen and (max-width :900px) {
    .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;
    }

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

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

    #dvOTP, .leftCol, .otpSec h4, .rightCol {
        width: 100%;
    }

    .sectionGroup {
        margin-bottom: 40px;
    }

    #dvOTP {
        float: left;
    }

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

    .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 only screen and (max-width :800px) {
    .bowlPic:after, .bowlPic:before {
        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(0,-70%);
            -ms-transform: translate(0,-70%);
            -o-transform: translate(0,-70%);
            transform: translate(0,-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;
    }

    .cardDeatilsArea .cardChoiceSec {
        width: 178px;
    }

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

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

    .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;
    }
}

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

    .selectOption {
        margin: 0;
    }

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

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

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

    .selectOption {
        margin: 0;
    }
}

@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;
    }

    .reviewSection ul li {
        height: 300px;
    }

    .bannerRight {
        width: 36%;
    }
}

@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;
    }

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

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

    .emiCalculation {
        margin-bottom: 40px;
    }

    .fieldSet {
        width: 46%;
    }

    .fieldSet2 {
        width: 31%;
    }

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

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

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

    .homeContentPanel {
        display: block;
    }

    .bannerRight {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .bannerRightCover .subTitle h2 {
        font-weight: 800;
    }

    .bannerRight .phoneNo {
        display: none;
    }

    .bannerRightCover {
        float: none;
    }

    .bannerLeft .phoneNo {
        display: block;
    }

    .bannerLeft .bannerRight .phoneNo, .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 :855px) {
    .footerLeft, .footerRight {
        float: none;
    }

    .footer .wrapper, .wrapper {
        padding: 5% 0;
        width: 96%;
    }

    .footerLeft, .footerRight {
        width: 100%;
        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 p.callus {
        display: inline-block;
        margin: 0 15px;
    }

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

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

@media only screen and (max-width :1240px) {
    .contactBox h3, .locate {
        font-size: 17px;
    }

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

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

    #dvAadharStatus br {
        display: none;
    }

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

@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: auto;
    }

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

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

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

    .totalAmt {
        background: url(../images/loan-icon-w-sm.png) 0 45% no-repeat;
        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 :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;
    }

    h2.sub-title {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
    }

    .subTitle-new {
        padding-bottom: 0;
    }

    .bannerRight.bannerRight-pop-up-sec.bannerRight-pop-1, .bannerRight.bannerRight-pop-up-sec.bannerRight-pop-2 {
        width: 60%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@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) {
    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;
        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;
        height: 100%;
        background: rgba(124,3,3,.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;
                }

    .cardDeatilsArea .fdEligible .dragBarOuter {
        width: 100%;
        height: 40px;
        background-size: cover;
    }

    .creditFdOfferBoxV2, .creditOfferBox, .creditOfferBoxV2, .loanOfferBox, .loanOfferBoxV2 {
        margin-bottom: 51px;
    }

    .subTitle-new {
        padding-bottom: 0;
    }

    .bannerRight-total-sec .selectOption {
        width: auto;
    }

        .bannerRight-total-sec .selectOption a {
            width: 110px;
            height: 110px;
        }

            .bannerRight-total-sec .selectOption a.activeTitle {
                width: auto;
                height: auto;
            }
}

@media only screen and (max-width :770px) {
    .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 !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%;
    }

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

    .cardDeatilsArea .textField {
        width: 182px;
    }

    .congratulationContent h2.panelHeading {
        font-size: 48px;
    }
}

@media only screen and (max-width :767px) {
    .emiCalculation .row .colLT, .emiCalculation .row .colRT, .loanAmtSection .emiCalculation {
        font-family: 'Work Sans';
        font-size: 17px;
    }

    .wrapper {
        padding: 0 20px;
    }

    .homeSection .contentArea .wrapper {
        position: relative;
        z-index: 1;
    }

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

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

    .emiCalculation .row .colLT {
        text-align: left;
        color: rgba(160,3,3,1);
        font-weight: 600;
    }

    .emiCalculation .row .colRT {
        color: rgba(62,62,62,1);
        font-weight: 400;
    }

    .personalDetails p, .personalDetails p.itlHeading, .personalFrom button.sendBtnDis, .proceedButton > a, .tabNav ul li a, .thankyouBannerFull p {
        font-family: 'Work Sans',sans-serif;
    }

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

        .fieldSet > div#dvCurrentVerify {
            top: -48px;
        }

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

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

    .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 {
        padding-right: 0;
    }

    .bannerRight {
        margin-top: 30px;
        margin-bottom: 260px;
        padding: 20px 0;
    }

        .bannerRight .phoneNo {
            display: none;
        }

    .bannerRightCover {
        float: none;
    }

    .bannerLeft .phoneNo {
        display: block;
    }

    .bannerLeft .bannerRight .phoneNo, .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: 0;
    }

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

    .rangeEnd {
        float: left;
    }

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

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

    span.error {
        bottom: -1px;
    }

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

    .submitDetails {
        width: 93%;
        margin: 30px auto 26px;
    }

    .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;
    }

    .accIcon {
        height: 50px;
    }

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

    .personalDetails p.itlHeading {
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        color: rgba(109,109,109,1);
        font-style: normal;
        padding-bottom: 13px;
        margin: 0;
        letter-spacing: 0;
    }

    .personalDetails {
        padding: 20px 0 0;
        width: 1005;
    }

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

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

    .personalFrom input[type=email], .personalFrom input[type=tel], .personalFrom input[type=text] {
        width: 99%;
    }

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

    .workDetails {
        margin-bottom: 25px;
    }

    .demographics, .loanDetails, .workDetails {
        background: 0 0;
    }

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

    .fieldSet2 input[type=checkbox]:not(old) + label, .personalFrom 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;
    }

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

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

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

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

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

            .tabNav ul li a:focus, .tabNav ul li a:hover {
                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) 50% 0 no-repeat;
        margin: 5px 0 9px;
    }

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

    .thankyouContent {
        width: 50%;
        margin: 0 auto;
        padding: 0;
    }

    .preLoanSection .interestRate, .preLoanSection .loanAmount {
        float: none;
        margin: 0 auto;
        max-width: 390px;
        padding: 0 0 4px;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

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

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

    .personalDetails p {
        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) 50% 100% no-repeat;
    }

        , body.verifydet .innerFooter, body.verifydet .innerSection, body.verifydet .loanSection, body.youroffer .innerFooter, body.youroffer .innerSection, body.youroffer .loanSection {
            background: 0 0;
        }

        body.youroffer .innerFooter {
            background: 0 0;
        }

    .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) 50% 0 no-repeat;
    }

    .registersOffice br {
        display: none;
    }

    .thankyouPageBg {
        background-image: url(../images/thankyou-bg-700.jpg);
    }

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

@media only screen and (max-width :682px) {
    #dvAadharStatus img {
        margin-top: 4px;
    }

    .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 #card2 .cardDelArrow, .cardDetailTabSec #card3 .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;
    }

        .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: 0 auto 2px;
        display: inline-block;
    }

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

    .cardDeatilsArea .fdEligible .dragBarOuter {
        width: 100%;
        height: 41px;
        margin: 0 auto;
        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 input[type=radio], .cardDeatilsArea .row label {
        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%;
    }

    .dvSliderNw {
        width: 90%;
    }

    .preLoanSection .cardSec {
        width: auto;
        float: none;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .preLoanSection .interestRate p {
        font-size: 18px;
        line-height: 22px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

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

    .demographics .tooltipArea {
        width: 100%;
        top: 92%;
        right: -10px;
    }

    .experi select {
        width: 100%;
        display: inline-block;
        margin-right: 0;
    }

    .ddlmonthyear:nth-child(1n) {
        margin-right: 5px;
        padding-right: 0;
    }

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

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

@media only screen and (max-width :640px) {
    .homeSection h1, .homeSection h1 span {
        line-height: normal;
    }

    .footerLeft, .footerRight {
        text-align: left;
    }

    .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;
    }

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

    .inerHeader {
        background: #F9E9D4;
    }

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

    .logoLeftSec {
        width: 100%;
    }

    .header > .phoneNo {
        top: 0;
    }

    .infoPageBanner .infoBannerLeft h3 {
        font-size: 22px;
    }

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

    .bowlPic {
        margin-bottom: 0;
    }

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

    .footerLeft, .footerRight, .footerSocilaMenu {
        float: none;
        width: auto;
    }

    .footerLeft {
        padding: 1px 0 0;
        margin: 0 auto;
    }

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

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

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

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

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

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

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

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

    .offerHeadText {
        width: 100%;
    }

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

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

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

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

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

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

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

    .footer .copyright, .footer .footerNav, .footerSocilaMenu {
        text-align: left;
    }

    .footer p.callus {
        margin-left: 0;
        margin-right: 0;
    }

    .otpSec .otpBox .md-input {
        margin-top: 1px;
    }
}

@media only screen and (max-width :639px) {
    .impNote, .personalDetails h3, .personalDetails p {
        font-family: 'Work Sans',sans-serif;
        line-height: 18px;
    }

    .personalDetails h3 {
        font-size: 14px;
        font-weight: 600;
        color: rgba(160,3,3,1);
        margin-bottom: 7px;
    }

    .personalDetails p {
        font-size: 13px;
        font-weight: 400;
        color: rgba(111,111,111,1);
        letter-spacing: -.5px;
        padding-bottom: 2px;
        margin: 0;
    }

    .impNote {
        font-size: 15px;
        font-weight: 500;
        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;
    }

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

    .md-default-theme {
        overflow: visible;
    }

    .cardDeatilsArea .fdEligible .dragBarOuter {
        height: 36px;
    }
}

@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;
    }

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

    .personalFrom select.month {
        margin: 12px 0;
    }

    .selectOption {
        width: 100%;
        padding-bottom: 0;
    }

    .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;
    }

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

    .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%);
    }

    #dvAadharStatus br {
        display: none;
    }

    #dvAadharStatus {
        margin: 10px 0 0;
    }

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

    #radioCorrect {
        line-height: 50px;
        margin: 1px 5px 1px 0 !important;
    }

    #pRadioStatus span {
        display: block;
    }

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

    .cardBanner {
        background-image: none;
    }

    .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;
    }

    .bannerRight-total-sec .selectOption a {
        width: 90px;
        height: 90px;
    }

        .bannerRight-total-sec .selectOption a.activeTitle {
            width: auto;
            height: auto;
        }

    .or-sec {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    h2.sub-title {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .iconCover {
        width: 50%;
        margin: 0 auto;
    }

    .bannerRight-pop-up-sec .loginForm input, .bannerRight-pop-up-sec .loginForm input[type=text], .bannerRight-pop-up-sec .loginForm input[type=date], .bannerRight.bannerRight-pop-up-sec.bannerRight-pop-1, .bannerRight.bannerRight-pop-up-sec.bannerRight-pop-2, .thankuTextContent {
        width: 100%;
    }

    .selectOption > a.four-wheeler .iconCover, .selectOption > a.loan-against .iconCover, .selectOption > a.two-wheeler .iconCover {
        margin-bottom: 0;
    }

    .homeSection .bannerRight.bannerRight-total-sec .subTitle-new h1 {
        font-size: 22px;
        padding-top: 10px;
    }

    .bannerRight-pop-up-sec .subTitle h1 {
        font-size: 16px;
        padding-left: 50px;
    }

    .bannerRight-pop-up-sec .form-sec, .bannerRight-pop-up-sec .subTitle.sub-title2, .bannerRight-pop-up-sec.bannerRight-pop-2 .form-sec {
        padding-left: 0;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }

    .bannerRight-pop-up-sec.bannerRight-pop-1 .subTitle h1, .bannerRight-pop-up-sec.bannerRight-pop-2 .subTitle h1 {
        background-position: 0 2px;
        background-size: 40px;
        font-size: 17px !important;
        line-height: 22px;
        padding-left: 50px;
    }

    .bannerRight-pop-up-sec .subTitle.sub-title2 h2 {
        font-size: 14px;
    }

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

    .loginBanner {
        position: relative;
    }

    .footerNW-for-mobile {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .bannerRight-pop-up-sec.bannerRight-pop-2 .form-sec .resend-otp-sec {
        right: 0;
    }

    .thankuTextContent {
        padding: 0 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .fieldSet.customPin > div:last-child {
        margin-top: -65px !important;
    }
}

@media only screen and (max-width :599px) {
    .preLoanSection .loanAmount, .thankyouBannerFull p {
        font-family: 'Work Sans',sans-serif;
    }

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

    .preLoanSection .interestRate {
        line-height: 30px;
    }

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

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

    .thankyouBannerFull p {
        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-size: 15px;
        font-weight: 500;
        max-width: 100%;
        padding: 70px 0 0;
        line-height: 20px;
        background: url(../images/loan-icon-small.png) 50% 0 no-repeat;
    }

        .preLoanSection .interestRate .leftCol, .preLoanSection .interestRate .rightCol, .preLoanSection .loanAmount span {
            font-family: 'Work Sans',sans-serif;
            font-weight: 600;
        }

    .preLoanSection .interestRate .leftCol {
        text-align: left;
        font-size: 14px;
    }

    .preLoanSection .interestRate .rightCol {
        font-size: 14px;
    }

    .preLoanSection .loanAmount span {
        font-size: 22px;
        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: url(../images/bg-verifydetails-300.png) 50% 100% no-repeat rgba(255,255,255,1);
    }

        body.verifydet .innerFooter, body.verifydet .innerSection, body.verifydet .loanSection, body.youroffer .innerFooter, body.youroffer .innerSection, body.youroffer .loanSection {
            background: 0 0;
        }

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

    .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;
    }

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

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

@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: 100%;
        display: inline-block;
        margin-right: 0;
    }

    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;
    }

        .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;
    }

    .cardDetailTabSec .cardChiceMob, .cardDetailTabSec .cardChiceMob img {
        width: 100%;
    }

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

        .selectOption a > span > p {
            font-size: 11px;
        }

    .captchaCls br {
        display: none !important;
    }
}

@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;
        }
}

@media only screen and (max-width :480px) {
    .bannerCont a.applyBtn, .inerHeader .wrapper > a, header .indusIndLogo {
        display: inline-block;
    }

    .bannerCont {
        padding-top: 0;
    }

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

    header .indusIndLogo {
        float: none;
    }

    .bannerCont p br {
        display: none;
    }

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

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

    .preLoanSection .interestRate, .preLoanSection .loanAmount {
        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;
    }

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

    .tabNav ul li a {
        display: block;
    }

    .workDetails .fieldSet {
        width: 100%;
    }

    .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.debit > span.iconCover, .selectOption a.activeTitle > span.login > span.iconCover, .selectOption a.activeTitle > span.mobile > span.iconCover {
        top: 0;
    }

    .faqSection ul li .question {
        font-size: 16px;
    }

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

    .selectOption a > span {
        padding: 0 5px;
        overflow: visible;
    }

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

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

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

    .loanCalSection .rangeStart {
        width: 20%;
    }

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

    #radioCorrect {
        margin: 6px 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;
    }

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

    .selectOption {
        margin-bottom: 0;
    }

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

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

    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;
    }

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

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

    .cardDeatilsArea h3 {
        font-size: 14px;
        line-height: 20px;
        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, .creditOfferBox a.applyBtn2, .creditOfferBoxV2 a.applyBtn2, .loanOfferBox a.applyBtn2, .loanOfferBoxV2 a.applyBtn2 {
        font-size: 18px;
    }

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

    .subTitle h2 {
        font-weight: 600;
    }

    .personalFrom #currentRadioStatus label {
        float: none;
        margin-right: 0;
        width: 100%;
        overflow: hidden;
    }
}

@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;
    }

    .cardDeatilsArea .fdEligible .dragBarOuter {
        height: 22px;
    }

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

        .creditFdOfferBoxV2 span, .creditOfferBoxV2 span, .loanOfferBoxV2 span {
            font-size: 21px;
        }

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

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

    .cardDeatilsArea .textField {
        width: 74%;
    }

    .cardDeatilsArea h3 {
        padding-right: 13px;
    }

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

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

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

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

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

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

@media only screen and (max-width :360px) {
    .bannerCont h1 {
        font-size: 28px;
    }

    .emiCalculation .row .colLT, .emiCalculation .row .colRT, .preLoanSection .interestRate {
        font-size: 17px;
    }

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

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

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

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

    .selectOption {
        margin: 0 -4px;
    }

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

    .iconCover {
        height: 36px;
    }

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

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

    .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: 0;
    }
}

@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;
    }

    .creditFdOfferBoxV2, .creditOfferBox, .creditOfferBoxV2, .loanOfferBox, .loanOfferBoxV2 {
        font-size: 20px;
        line-height: 28px;
    }

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

        .creditFdOfferBoxV2 span, .creditOfferBox span, .creditOfferBoxV2 span, .loanOfferBoxV2 span {
            font-size: 15px;
        }

    .footer p.callus {
        background: 0 0;
        padding: 0;
        display: block;
        font-size: 13px;
    }

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

    .innerSection .spceMobTop {
        height: auto;
        min-height: auto;
    }
}

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

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

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

@media only screen and (max-width :370px) {
    .contactBox, .contactBox h4 {
        text-align: center;
    }

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

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

    .bannerRight {
        margin-top: 0;
    }

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

    a.resendotp {
        margin: 5px 0 0;
    }

    .creditFdOfferBoxV2, .creditOfferBox, .creditOfferBoxV2, .loanOfferBox, .loanOfferBoxV2 {
        height: 303px;
        padding: 144px 0 0;
        font-size: 19px;
        line-height: 25px;
    }

    .cardDeatilsArea .getCardSec ul li {
        font-size: 15px;
        background-position: 0 6px;
    }
}

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

    .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%);
    }

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

    .creditCardBox, .loanBox {
        width: 220px;
    }

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

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

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

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

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

    .rangeStart {
        float: none !important;
        position: relative;
        z-index: 100;
        padding: 0;
        line-height: 15px;
    }

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

    .selectOption {
        margin: 0 -4px;
    }

    .creditFdOfferBoxV2, .creditOfferBox, .creditOfferBoxV2, .loanOfferBox, .loanOfferBoxV2 {
        height: 261px;
        padding: 117px 0 0;
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 40px;
    }
}

@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;
    }

    .footerLeftTopPadNW {
        padding-top: 24px;
    }
}

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

    .footerSocilaMenuNW {
        float: none;
        padding: 10px 0;
    }

    .thankyouPageTextNw {
        text-align: left;
        padding: 0 0 0 270px;
    }
}

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

@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 :855px) {
    .footerLeftNW, .footerRightNW {
        float: none;
    }

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

    .footerLeftNW, .footerRightNW {
        width: 100%;
        text-align: center;
    }

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

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

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

@media only screen and (max-width :800px) {
    .footerNW .footerNav {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        background: rgba(124,3,3,.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;
        }

            .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;
                }

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

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

@media only screen and (max-width :640px) {
    .footerLeftNW, .footerRightNW {
        width: auto;
        text-align: center;
    }

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

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

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

    .footerRightNW {
        float: none;
        margin-top: 10px;
    }

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

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

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

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

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

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

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

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

    .lblCurrentExpTOtal {
        margin-top: 0;
    }
}

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

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

@media only screen and (max-width :640px) {
    .errorOfficeLandlineNW span.field-validation-error {
        font-size: 9px;
    }
    /*REV 4.0 Sourav G 25.09.2018 */
    .selectOption a .debit img{
        top: 4px;
    }
    /*REV 4.0 Sourav G 25.09.2018 */
}

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

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

    body {
        overflow-x: hidden;
    }

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

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

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

@media only screen and (max-width :768px) {
    img {
        max-width: 100%;
        height: auto;
    }

    .homeSection .registerForm input[type=text], .homeSection .registerForm input[type=password] {
        box-sizing: border-box;
    }

    .innerFooterBgMobNW .footerSocilaMenuNW .fa {
        color: #000;
        background: 0 0;
    }

    .innerFooterBgMobNW .copyrightNW {
        color: #000;
    }

    .footerNW .footerRightNW {
        margin-top: 3px;
    }

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

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

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

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

    .server-error span.error {
        line-height: 1.2 !important;
        margin-top: 10px;
        background-position: 0 0;
    }
}

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

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

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

@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: -2px;
        }

        .cstmrPage_right_radioGroup input {
            float: left;
        }
}

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

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

    .md-default-theme-new {
        display: block;
        overflow: hidden;
    }

    .bannerRight-pop-up-sec.bannerRight-pop-2 .form-sec a.resend-otp {
        position: static;
    }

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

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

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

    .officeEmailVeryfyCard {
        margin-bottom: 50px;
    }

    .savingsVerifyOfferNW {
        float: left;
    }

    .amoutTextVerifyDetails {
        font-size: 14px;
    }

    .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%);
    }

    .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%;
    }

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

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

    .acceptLabelMob {
        text-align: left;
    }

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

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

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

    .customPin span.error {
        bottom: -19px;
    }
}

@media only screen and (max-width:320px) {
    .amoutTextVerifyDetails {
        font-size: 12px;
    }
}

@media only screen and (max-width:768px) {
    .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 {
        float: none;
        width: 67px;
        margin: 0 auto;
        position: absolute;
        top: 30px;
    }

    .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 {
            position: absolute;
            top: 30px;
            right: 0;
            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;
    }
}

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

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

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

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

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

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

    .loanCalSection .rangeEnd {
        width: 124px;
    }

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

    .selectOption > a span.iconCover, .selectOption > a span.iconcover {
        display: inline-block;
        width: 70%;
    }

    .selectOption a > span > p {
        font-size: 11px;
    }

    .dob-sec, .pan-no {
        width: 82% !important;
    }

    .ui-widget.ui-widget-content {
        z-index: 999 !important;
    }

    .subTitle-new-otp {
        padding-top: 5%;
    }

    .hedding-new-otp {
        padding-top: 10px;
        padding-bottom: 10px;
        background-position: 0px 50%;
    }
}

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

    .loanCalSection .rangeStart {
        top: 38px;
    }

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

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

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

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



/* 06-12-2018  */
@media only screen and (max-width :1300px) {
    .backstretch {
        background: url(../images/wooden-bg.jpg) repeat-x 0 bottom;
    }
    .backstretch img {
        bottom: 10px !important;
    }
}
@media only screen and (max-width :1230px) {
    .footerRightNW {
        width: 52%;
    }
    .footerLeftNW {
        width: 40%;
    }
    .footerNW .footerNav {
        float: left;
        padding-bottom: 15px;
    }
    .footerLeftTopPadNW {
        padding-top: 100px;
    }
    .backstretch img {
        bottom: 25px !important;
    }
    .sessionExpired .sessionBanner {
        background-image: url(../images/thankyou-bgNW.jpg), url(../images/wooden-bg.jpg);
        background-repeat: no-repeat, repeat-x;
        background-position: 0 67%, 0 150%;
        background-position: 0 90%, 0 116%;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width :1160px) {
    .backstretch img {
        bottom: 40px !important;
    }
    .footerLeftTopPadNW {
        padding-left: 30px;
    }
}

@media only screen and (max-width :1080px) {
    .backstretch img {
        bottom: 60px !important;
    }
}

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


}
@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;
    }
    .backstretch img {
        bottom: 150px !important;
    }
    .sessionExpired .sessionBanner {
        background-position: 0 70%, 0 150%;
    }
    .sessionExpired .sessionBanner .desktopFooter .footerLeftNW {
        padding-top: 20px;
    }
}

@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;
    }
    .footer-mobile {
        display: block;
        padding-top: 290px;
    }
    .backstretch img {
        bottom: 230px !important;
    }
    .thankyouPageBg .footer-mobile {
        display: block;
    }
    .sessionExpired .sessionBanner {
        background-position: 0 75%, 0 120%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .sessionExpired .footer-mobile {
        /*padding-top: 0;*/
    }
}

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

@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%;
    }
    .backstretch img {
        bottom: 270px !important;
    }
    .sessionExpired .sessionBanner {
        height: inherit !important;
        background-position: 0px 24%, 0 135%;
    }
    .sessionExpired .sessionBanner .footer-mobile {
        /*padding-top: 0%;*/
    }
}

@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%;
    }
    .backstretch img {
        bottom: 160px !important;
    }
}

@media only screen and (max-width:460px) {
    .backstretch img {
        bottom: 180px !important;
    }
    .backstretch {
        background-position-y: 144%;
    }
}

@media only screen and (max-width:360px) {
    .backstretch img {
        bottom: 210px !important;
    }
    .backstretch {
        background-position-y: 144%;
    }
}

@media only screen and (max-width:320px) {
    .backstretch img {
        bottom: 180px !important;
    }
}