form * {
    /*-webkit-appearance:none;*/
    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: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;
}

.patterouter {
    display: none;
}


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

    .homeSection .header {
        margin-bottom: 50px;
    }
    /*.infoMenu {
        margin-bottom: 56px;
    }*/

    .thankyouPageBg {
        background-size: auto auto;
    }

    .errorHeading {
        margin-top: 3%;
    }

    .thankyouContent.faqbannerText {
        width: 80%;
    }

    .reviewBanner {
        background-image: url(../images/inner-banner-1300.jpg);
    }

    .bubble-pan .bubblenew {
        width: 245px;
        font-size: 15px;
    }
}

@media only screen and (max-width : 1235px) {
    /*=== 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%;
    }

    .cardBanner h2 {
        padding: 20px;
    }

    .preLoanSection .loanAmount {
        width: 45%;
    }

    .preLoanSection .interestRate {
        width: 30%;
    }
}

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

    .preLoanSection .interestRate {
        width: auto;
    }
}

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

    .contactBanner {
        background-image: url(../images/inner-banner-1300.jpg);
    }
    /*-----KP 06-09-17---------*/
    .benefitInsurenceBox .benefitBox {
        width: 225px;
        height: 236px;
        padding-top: 49px;
        margin: 0 0 0 11px;
    }

        .benefitInsurenceBox .benefitBox p {
            font-size: 18px;
            line-height: 23px;
        }
}

/* 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;
    }*/
    .footer p, .footerMenu, .footerSocilaMenu, .footerLogo {
        /*float: none;*/
        margin-bottom: 15px;
    }

    .footerSocilaMenu {
        margin-right: 0;
    }

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

    .congratulationContent {
        padding-bottom: 200px;
    }


    .excluPrvlgContainer ul li {
        width: 44.33%;
    }
}

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

    .contactBox {
        height: 100px;
    }

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

    a.redBtn {
        bottom: 11px;
    }

    .loanBox p, .creditCardBox p {
        font-size: 24px;
        line-height: 1.5;
    }

    .congratulationContent {
        padding-bottom: 280px;
    }

    .thankyouSection {
        background-position: 50% 100%;
        background-size: 130% auto;
    }

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

    .footerRight, .footerRightNW {
        width: 50%;
    }
}


@media only screen and (max-width : 900px) {
    /*    .preLoanSection .loanAmount, .preLoanSection .interestRate {
        float: none;
        margin: 0 auto;
        max-width: 360px;
        padding: 11px 0 11px 115px;
        width: 100%;
    }*/


    .preLoanSection .loanAmount {
        width: 45%;
        margin-left: 0;
    }


    /*==== 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;
    }

    .thankyouContent.faqbannerText {
        width: 95%;
    }

        .thankyouContent.faqbannerText .faqBtn ul li a {
            font-size: 20px;
        }

    .cstmrPage_right, .cstmrPage_left {
        float: none !important;
    }

        .cstmrPage_right p {
            padding-left: 0 !important;
            padding-top: 10px !important;
        }

            .cstmrPage_right p#pRadioStatus span {
                display: inline-block !important;
            }
}


@media only screen and (max-width : 870px) {
    .loanBox, .creditCardBox {
        background-size: 100% auto;
        width: 330px;
        float: none;
        margin: 0 auto 40px auto;
    }

    a.redBtn {
        bottom: -12px;
    }

    .thankyouSection {
        background-image: url(../images/congratulation-banner-870.jpg);
        background-size: auto auto;
    }

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

    .excluPrvlgContainer .listBlock {
        width: 100%;
    }

    .excluPrvlgContainer ul {
        overflow: hidden;
    }

        .excluPrvlgContainer ul li {
            width: 50%;
        }
}

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

    .loanArea .wrapper {
        padding: 0;
    }

    .preLoanSection .loanAmount {
        width: 43%;
        font-size: 20px;
        padding-left: 90px;
    }
}

@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%);
            transform: translate(0px, -70%);
            width: calc(100% - 200px);
        }

            .bowlPic h1 span {
                line-height: normal;
                margin-top: 10px;
            }
    /*-----KP 06-09-17---------*/
    .benefitInsurenceBox .benefitBox {
        width: 23%;
        height: 225px;
        float: left;
        margin: 0 2% 2% 0;
    }
}

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

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

    .selectOption {
        margin: 0;
    }

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

@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%;
    }
}
/* 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%;
    }
}

/*==== 27-06 ====*/

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

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

    .footerLeft {
        width: 100%;
    }

    .footer .copyright {
        float: none;
        display: block;
        padding-bottom: 10px;
    }

    .footer .footerNav {
        padding-left: 0;
    }

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

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

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

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

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




/*==== 27-06 ====*/

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

    .loanArea .wrapper {
        width: 96%;
        margin: 0 auto;
    }

    .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 : 944px) {
    .loanCalSection .rangeEnd {
        width: 26%;
        padding: 0;
    }

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


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

    .loanCalSection .rangeStart {
        width: 15%;
    }

    .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 17%;
            padding-left: 23px;
        }


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


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

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

    /*header.pageHeader .logo{
	float:none;
	margin:30px auto 0;
	display:inline-block;	
	}*/

    .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: 10px;
        right: 20px;
        top: 55px;
        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: 35px;
            height: 35px;
            font-size: 20px;
            line-height: 35px;
            font-weight: 700;
            color: #fff;
            cursor: pointer;
            margin: 25px auto;
            border-radius: 50%;
        }

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


        .footer .footerNav li {
            border: 0;
            float: none;
            text-align: center;
            font-size: 26px;
            line-height: 40px;
            font-weight: 400;
            padding: 10px 0;
        }

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

                .footer .footerNav li a:hover {
                    text-decoration: none;
                    color: #fe7a01;
                }
}

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

    .errorHeading {
        margin-top: 10%;
    }

    .cardSubmissionPlansecond .row label.flt-lt, .cardSubmissionPlansecond .row span {
        max-width: none;
        width: 240px;
    }

    .faqBanner {
        min-height: 500px;
    }

    .congratulationContent {
        padding-bottom: 420px;
    }

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

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

    .loanCalSection {
        padding: 15px;
    }

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

    .loanAmtSection {
        border-left: none;
    }

        .loanAmtSection .emiCalculation {
            padding: 0 0 15px;
        }

    .fieldSet {
        width: 46%;
    }

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

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

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

    .rangeEnd {
        float: left;
    }

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

    span.error {
        bottom: -1px;
    }

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

    .submitDetails {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 30px;
    }

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

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





    .loanCalSection .rangeEnd {
        float: right;
        padding: 0;
        width: 25%;
    }

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

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

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

    .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) {
    .experi span {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        width: 38%;
    }

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

    .preLoanSection .loanAmount {
        width: 40%;
        font-size: 18px;
    }

    /*-----KP 06-09-17---------*/
    .benefitInsurenceBox .benefitBox {
        width: 23%;
        height: 196px;
        float: left;
        margin: 0 2% 2% 0;
        padding-top: 33px;
    }

        .benefitInsurenceBox .benefitBox p {
            font-size: 16px;
            line-height: 17px;
        }

    #processBox .errorBox .body h3 {
        font-size: 20px;
        padding-bottom: 14px;
    }

    #processBox .radioGroup {
        font-size: 16px !important;
    }

    #processBox .errorBox input[type="radio"] {
        width: 14px;
        height: 14px;
    }
}

@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 {
        float: none;
        width: 269px;
        text-align: center;
        margin: 0 auto;
    }

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

    .footer p.callus {
        width: 140px;
        float: none;
        margin: 0 auto;
        background: none;
        padding: 15px 0;
        font-size: 13px;
        text-align: center;
    }

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

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


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

    .thankuTextContent, .errorContent {
        width: 90%;
    }

    .congratulationContent h2.panelHeading, .contactBanner h2, .faqBanner h2, .reviewBanner h2 {
        font-size: 50px;
    }

    .cardSubmissionPlansecond select {
        width: 90%;
    }

    .bubble-pan .lineTitle h4 {
        padding-left: 0;
        padding-right: 0;
    }

    .preLoanSection .loanAmount {
        width: 29%;
        font-size: 21px;
        line-height: 22px;
    }

    .preLoanSection .interestRate {
        width: 44%;
    }


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

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

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

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

    .noteDes #radioIncorrect, .noteDes #radioCorrect {
        margin: 5px 5px 5px 0 !important;
    }

    .faqBanner {
        background-image: url(../images/faq-banner-bg-600.jpg);
        background-color: #f0f1f3;
        min-height: 474px;
    }

    .thankyouContent.faqbannerText .faqBtn ul li a {
        font-size: 18px;
        padding: 8px 28px;
    }

    .excluPrvlgContainer ul li {
        float: none;
        width: auto;
    }

    .cardSubmissionPlanHeader .row {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0 0 0;
    }

        .cardSubmissionPlanHeader .row span, .cardSubmissionPlanHeader .row .flt-rt, .cardSubmissionPlanHeader .row label.flt-lt, .cardSubmissionPlanHeader .row span {
            float: none;
            display: block;
            width: 100%;
            text-align: left;
        }

    .auraCard {
        padding-bottom: 0;
    }

    #patternLockId {
        display: block;
        width: 100%;
        float: none;
        padding: 0 0 20px 0;
        margin-left: 30px;
    }

    .patterouter {
        display: block;
        text-align: center;
        width: 315px;
    }

    .patternlockcontainer {
        width: 260px;
        margin: auto;
        background-color: #e0e0e2;
        height: 260px;
        border-radius: 15px;
        overflow: hidden;
        float: left;
        clear: both;
        margin-bottom: 20px;
    }

    #patternLockId {
        display: block;
        width: 100%;
        float: none;
        padding: 0 0 20px 0;
        margin-left: 30px;
        margin-top: 10px;
    }

    .homeSection .registerForm .md-default-theme {
        padding-bottom: 12px;
    }

    .homeSection .registerForm .md-default-theme {
        padding-top: 20px;
    }

    .patterouter {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .thankyouBannerFull {
        min-height: 100px;
    }

    .congratulationContent {
        padding-bottom: 400px;
    }

    .successBox {
        max-width: 90% !important;
        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%);
    }
    /*-----KP 06-09-17---------*/
    .benefitInsurenceBox .benefitBox img {
        display: inline-block;
        margin-bottom: 14px;
        width: 30px;
    }
}

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

    .preLoanSection .loanAmount {
        float: none;
        width: auto;
        min-height: 100px;
        margin-bottom: 20px !important;
    }

    .preLoanSection .interestRate {
        width: 50%;
    }

    .preLoanSection .cardBox {
        float: none;
        margin: 0 auto 20px auto;
    }

    #processBox .errorBox .body h3 {
        font-size: 18px;
        line-height: 23px;
        font-weight: 400;
        padding-bottom: 14px;
    }
}


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

    .contactBanner {
        background-image: url(../images/inner-banner-600.jpg);
    }


        .contactBanner p, .thankyouContent.faqbannerText p {
            font-size: 20px;
            line-height: 24px;
        }

    .congratulationContent {
        padding-bottom: 250px !important;
    }
}

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

    .footer .copyright {
        margin-top: 36px !important;
    }

    .cardBanner h3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .bubble-pan .lineTitle h4 {
        font-size: 22px;
        line-height: 27px;
    }

    .bubble-pan h3 {
        font-size: 30px;
    }

    .thankyouBannerFull {
        background-image: url(../images/inner-banner-480.jpg);
        background-color: #f0f1f3;
        min-height: 1px;
        padding-bottom: 200px;
    }

    .reviewBanner {
        background-image: url(../images/inner-banner-600.jpg);
    }
}

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


    .congratulationContent {
        padding-bottom: 60px;
    }
}
/* 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;
    }*/
    .preLoanSection .interestRate {
        padding-left: 0;
        width: 45%;
    }

        .preLoanSection .interestRate p {
            padding: 0;
            margin: 0;
        }

    .totalAmt {
        background-position: 8px 10px;
        font-size: 20px;
        padding-left: 100px;
        padding-top: 10px;
        padding-bottom: 45px;
    }

    .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%;
        margin-top: 0 !important;
    }

    .fieldSet2 {
        width: 100% !important;
        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 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: 250px;
    }

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

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

    .thankyouBannerFull a.redBtn {
        margin: 0 auto;
        left: 0;
        bottom: 0;
    }

    .faqBanner {
        min-height: 400px;
    }
}

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

    .loanheader {
        padding-top: 0;
        padding-bottom: 40px;
        clear: both;
        height: 100%;
        overflow: hidden;
        float: none;
    }

        .loanheader h3 {
            text-align: center;
            float: none;
            margin-bottom: 5px;
        }

        .loanheader p {
            float: none;
            margin: 0 auto;
            width: 190px;
            font-size: 14px;
        }

    .excluPrvlgContainer .row .btn-submit {
        font-size: 20px;
        padding: 20px 30px;
    }

    .excluPrvlgContainer p.fee-row {
        font-size: 22px;
    }
}


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


    .loanBox, .creditCardBox {
        width: 250px;
        height: 150px;
        padding: 93px 25px 0;
    }

        .loanBox p, .creditCardBox p {
            font-size: 20px;
        }

    a.redBtn {
        background-size: cover;
        width: 162px;
        height: 36px;
        font-size: 16px;
        line-height: 32px;
        margin-left: -81px;
        bottom: -7px;
    }

    .bubble-pan .bubblenew {
        width: 100%;
    }

        .bubble-pan .bubblenew .popupBox {
            width: 98%;
            margin-left: 0;
            left: 0;
            height: 324px !important;
            top: -75px !important;
        }

    .cardBox .cardNo {
        bottom: 56px;
    }
}

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

    .footer p.callus {
        padding: 5px 0 0 0;
    }

    .footerSocilaMenu {
        padding-top: 0;
    }

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

    .bubble-pan .bubblenew .popupBox {
        width: 110%;
        margin-left: 0;
        left: -5%;
        height: 430px !important;
        top: -180px !important;
    }

        .bubble-pan .bubblenew .popupBox h3 {
            font-size: 14px !important;
            text-align: center;
        }

            .bubble-pan .bubblenew .popupBox h3 span {
                font-size: 18px;
            }

            .bubble-pan .bubblenew .popupBox h3, .bubble-pan .bubblenew .popupBox h3 span {
                line-height: 20px;
            }

    .cardBlockSection .cardBox input[type="text"] {
        bottom: 13px !important;
    }


    .cardBlockSection .cardBox {
        width: 263px;
        height: 165px;
        margin: 0;
        float: left;
        background-size: 100% auto;
    }

        .cardBlockSection .cardBox input[type="text"] {
            font-size: 9px;
            left: 15px;
            bottom: 1px;
        }


        .cardBlockSection .cardBox .cardNetwork {
            bottom: 15px;
            height: auto;
            right: 19px;
            width: 45px;
        }

    .cardBlockSection {
        min-height: 0 !important;
        height: 200px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

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

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

    .preLoanSection .interestRate {
        float: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }
}

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

    .thankyouBannerFull {
        padding-bottom: 150px;
    }

        .thankyouBannerFull a.redBtn {
            bottom: 25px;
        }

        .thankyouBannerFull h2.heading {
            margin-top: 10px;
        }

    .footer p.callus {
        width: 100%;
        right: 0;
        left: 0 !important;
        bottom: 0;
    }

    .footer p.esyln {
        margin-top: 3px !important;
    }

    .footer p.esycrd {
        margin-top: -14px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width : 375px) {
    .footer p.callus {
        width: 100%;
        right: 0;
        left: 0 !important;
        bottom: 0;
    }

    .footer p.esyln {
        margin-top: 3px !important;
    }

    .footer p.esycrd {
        margin-top: -14px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width : 750px) {
    .footer p.callus {
        width: 100%;
        right: 0;
        left: 0 !important;
        bottom: 0;
    }

    .footer p.esyln {
        margin-top: 3px !important;
    }

    .footer p.esycrd {
        margin-top: -14px;
        padding-bottom: 15px;
    }
}


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

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

    /*--------kp on 06-09-17--------------*/
    .benefitInsurenceBox .benefitBox img {
        width: 40px;
    }

    .benefitInsurenceBox .benefitBox {
        height: 190px;
    }

    .benefitInsurenceBox .benefitBox {
        width: 90%;
        height: 178px;
        margin: 0 auto 20px !important;
        float: none;
    }

    .acceptBox input[type="checkbox"] {
        width: auto;
        height: auto;
        margin: 0 10px 0 0;
    }

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

    .benefitInsurenceBox h3 {
        font-size: 18px;
    }

    #processBox .errorBox .body p {
        text-align: left;
        padding-left: 0;
    }

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

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

    .faqBanner {
        min-height: 350px;
    }


    .patterouter {
        display: block;
        float: none;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }

    #patternLockId {
        float: none;
        margin-left: 0;
        padding: 0;
    }

    .patternlockcontainer {
        background-color: #e0e0e2;
        border-radius: 15px;
        float: none;
        height: 260px;
        margin: 0 auto;
        overflow: hidden;
        width: 86%;
        margin: auto auto 23px;
    }

    .thankyouBannerFull a.redBtn {
        bottom: 0 !important;
    }

    .thankyouContent.faqbannerText .faqBtn ul li a {
        font-size: 14px;
        padding: 2px 20px;
    }

    .thankyouContent.faqbannerText .faqBtn {
        margin-top: -30px;
    }

    .sectionGroup h3 {
        font-size: 18px;
    }
}

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

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

/*-------------------------------New Footer 24-10-2017-------------------------------------*/
@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;
    }*/

    .footerLeftTopPad, .footerLeftTopPadNW {
        padding-top: 0;
        width: 60%;
        padding-top: 0;
    }

    .footerRight, .footerRightNW {
        width: 35%;
    }
}

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

/* Medium Devices, Desktops */
@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) {
    .footerNW .wrapperNW {
        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: center;
        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;
    }
}

@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;
            font-weight: 700;
            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;
                }
    /*.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 : 767px) {
    /*.thankyouPageBgNW{
        background-image:none;
    }
    .homeBgNW {
        background-image:none!important;
    }
    .innerFooterBgMobNW {
	    background: url(../images/footer-bg.jpg) no-repeat 0 0;
	    background-size: cover;
    }*/
}

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

@media only screen and (max-width : 640px) {
    .footerLeftNW {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 auto;
    }

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

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

    .footerRightNW {
        float: none;
        text-align: center;
        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 {
        width: auto;
        display: inline-block;
        background: none;
        float: none;
        text-align: left;
        line-height: 15px;
        padding: 0;
        font-size: 14px;
        margin-top: 7px;
        background: none;
        padding: 0;
        display: block;
    }

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

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

@media only screen and (max-width : 400px) {
    .footerSocilaMenuNW {
        padding-top: 0;
    }
}
/*-------------------------------New Footer 24-10-2017-------------------------------------*/
/*-------------------------------New Addition 26-10-2017-------------------------------------*/


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

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

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

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

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

@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--*/
    }
}

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

@media only screen and (max-width : 768px) {
    img {
        max-width: 100%;
        height: auto;
    }
    /*----27-10-17 For footer color that has MAN image------*/
    /*.innerFooterBgMobNW .footerSocilaMenuNW .fa {
        color: black;
        background: white;
    }*/

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

    .footerNW .footerLeftPNW {
        clear: both;
        padding-top: 8px;
        line-height: 17px;
        /*font-size: 10px;*/
        margin-bottom: 0;
    }

    .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;
    }
}
/*-------------------------------New Addition 26-10-2017-------------------------------------*/
/*-------------------------------New Addition 30-10-2017-------------------------------------*/
@media only screen and (max-width : 480px) {
    .cardBoxYourOfferNW {
        /*width: 263px;
        height: 165px;*/
        margin: 0;
        float: left;
        background-size: 100% auto;
    }

    .cardBlockSection img {
        max-width: 74%;
        margin-top: 93px;
    }

    .cardBoxYourOfferNW input[type="text"] {
        bottom: 12px;
    }

    header.pageHeader .logo {
        float: left;
        margin: 0 0 0 5px;
    }

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

@media only screen and (max-width : 360px) {
    .cardBoxYourOfferNW input[type="text"] {
        bottom: 23px;
    }

    .cardBoxYourOfferNW .cardNetwork {
        bottom: 34px;
    }
}

@media only screen and (max-width : 320px) {
    .cardBoxYourOfferNW .cardNetwork {
        bottom: 58px;
    }

    .cardBoxYourOfferNW input[type="text"] {
        bottom: 46px;
    }
}
/*-------------------------------New Addition 30-10-2017-------------------------------------*/

/* 08-12-2018 Bijoy S*/
@media only screen and (max-width : 1230px) {
    .thankYouModified .thankyouPageBgNW {
        background-position: 0 90%, 0 112%;
        padding-bottom: 20px;
    }
    .thankYouModified .thankyouPageBgNW .footerLeftTopPadNW {
        width: 40%;
        padding-top: 110px;
    }
    .thankYouModified .footerNW .footerNav {
        float: left;
    }
    .thankYouModified .footerRightNW {
        width: 39%;
    }
    .thankYouModified .footerNW .wrapperNW {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width : 1100px) {
    .thankYouModified .footerRightNW {
        width:46%;
    }
}
@media only screen and (max-width : 855px) {
    .thankYouModified .thankyouPageBgNW {
        background-position: 0 70%, 0 112%;
    }
    .thankYouModified .thankyouPageBgNW .footerLeftTopPadNW {
        width: 100%;
        padding-top: 0;
        margin-top: 30px;
    }
    .thankYouModified .footerRightNW {
        width: 100%;
    }
    .thankYouModified .footerNW .wrapperNW {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .thankYouModified .footerInfoTable {
        margin: 0 auto;
        text-align: left;
    }
}
@media only screen and (max-width : 768px) {
    .thankYouModified .desktopFooter .footerRightNW {
        display: none;
    }
    .thankYouModified .thankyouPageBgNW .desktopFooter  .footerLeftTopPadNW > .footerSocilaMenuNW {
        display: none;
    }
    .thankYouModified .thankyouPageBgNW .desktopFooter  .footerLeftTopPadNW > .clearFix {
        display: none;
    }
    .thankYouModified .thankyouPageBgNW .desktopFooter  .footerLeftTopPadNW > .copyrightNW {
        display: none;
    }
    .thankYouModified .footer-mobile {
        display: block;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    .thankYouModified .footer-mobile .footerSocilaMenuNW {
        width: 100%;
    }
}

@media only screen and (max-width : 480px) {
    .thankYouModified .thankyouPageBgNW {
        padding-bottom: 110px;
    }
    .thankYouModified .footer-mobile {
        position: relative;
        top: 103px;
    }
    .thankYouLoan.thankYouModified .thankyouPageBgNW {
        background-position: 0 45%, 0 112%;
    }
}
@media only screen and (max-width : 450px) {
    .thankYouModified .thankyouPageBgNW {
        padding-bottom: 150px;
    }
    .thankYouModified .footer-mobile {
        position: relative;
        top: 145px;
    }
}