@media only screen and (min-width:1191px) and (max-width: 1300px) {
    /*.employe-img img{ display:none;}*/
    #part-1 img {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width:1101px) and (max-width: 1190px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-nav {
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            float: none;
            display: inline-block;
        }

            .navbar-nav > li > a {
                padding: 10px 7px;
            }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .employe-img img {
        display: none;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }

    .about-text {
        padding-left: 25px;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 50px 0;
    }

    p.gray-small {
        font-size: 16px;
    }

    .det-text ul li p {
        width: 81%;
    }

    .employe-img img {
        display: none;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }
}



@media only screen and (min-width:1025px) and (max-width: 1100px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-nav {
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            float: none;
            display: inline-block;
        }

            .navbar-nav > li > a {
                padding: 10px 7px;
            }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .employe-img img {
        display: none;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }

    .about-text {
        padding-left: 25px;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 50px 0;
    }

    p.gray-small {
        font-size: 16px;
    }

    .det-text ul li p {
        width: 81%;
    }

    .employe-img img {
        display: none;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width:993px) and (max-width:1024px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-nav {
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            display: inline-block;
        }

            .navbar-nav > li > a {
                padding: 10px 7px;
            }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .employe-img img {
        display: none;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }

    .about-text {
        padding-left: 25px;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 50px 0;
    }

    .employe-img img {
        display: none;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }

    .footer-text ul li a i {
        width: 24px;
    }
}

@media only screen and (min-width:901px) and (max-width:992px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            float: none;
            display: inline-block;
        }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .banner-text {
        width: 100%;
        margin-top: 80%;
        margin-bottom: 25px;
        text-align: center;
    }

    .about-text {
        padding: 10px 40px;
    }

    .about-spcl .col-md-4, .about-spcl .col-md-5 {
        width: 50%;
        float: left;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 15px 0;
        top: 136px;
        position: relative;
    }

    #part-1 {
        padding: 0px 0;
        top: 137px;
        position: relative;
    }

    #footer .col-md-2 {
        float: left;
        width: 33%;
    }

    .con-right {
        padding: 0 20px;
    }

    .employe-img {
        float: none;
    }

    .employe-text {
        float: left;
        width: 55%;
        left: 0;
    }

    .employe-img img {
        display: none;
    }

    .contact-left, .con-right, #part-1 .col-md-6 {
        float: left;
        width: 50%;
    }

    #part-1 img {
        display: block;
        width: 100%;
    }

    .logo {
        float: left;
    }

        .logo a img {
            width: 75%;
            margin: 0;
        }

    .navbar {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:801px) and (max-width:900px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            float: none;
            display: inline-block;
        }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .banner-text {
        width: 100%;
        margin-top: 80%;
        margin-bottom: 25px;
        text-align: center;
    }

    .about-text {
        padding: 10px 40px;
    }

    .about-spcl .col-md-4, .about-spcl .col-md-5 {
        width: 50%;
        float: left;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 15px 0;
        top: 136px;
        position: relative;
    }

    #part-1 {
        padding: 0px 0;
        top: 137px;
        position: relative;
    }

    #footer .col-md-2 {
        float: left;
        width: 33%;
    }

    .con-right {
        padding: 0 20px;
    }

    .employe-img {
        float: none;
    }

    .employe-text {
        float: left;
        width: 55%;
        left: 0;
    }

    .employe-img img {
        display: none;
    }

    .logo {
        float: left;
    }

        .logo a img {
            width: 75%;
            margin: 0;
        }

    .navbar {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:800px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-toggle {
        margin: 0;
        border-radius: 0;
    }

    .navbar-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            float: left;
            display: inline-block;
        }

    .navbar-collapse {
        border: none;
        padding: 0;
    }

    .navbar-nav > li > a {
        padding: 5px 8px;
        line-height: 23px;
    }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .banner-text {
        width: 100%;
        margin-top: 80%;
        margin-bottom: 25px;
        text-align: center;
    }

        .banner-text h3 {
            font-size: 30px;
            line-height: normal;
        }

    #part-1 {
        padding: 0px 0;
        top: 137px;
        position: relative;
    }

        #part-1 img {
            display: block;
            width: 100%;
        }

    .about-text {
        padding: 10px 40px;
    }

    a.more {
        margin-top: 8px;
    }

    h3.head-main, h4.about-head, h3.em-head {
        font-size: 25px;
    }

    .det-text ul li p, .det-text ul {
        width: auto;
    }

    .amount-box {
        width: 100%;
        margin: 0;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 15px 0;
        top: 136px;
        position: relative;
    }

    .employe-img img {
        display: none;
    }

    .employe-text {
        padding-top: 15px;
        margin-top: 0;
        left: 0;
    }

    .employe-det a.em-link {
        margin-top: 20px;
    }

    .con-area .form-control {
        margin-bottom: 10px;
    }

    .con-area {
        padding: 0;
    }

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

    .footer-logo img {
        display: block;
        margin: 0 auto;
    }

    .footer-text {
        width: 100%;
    }

    .about-spcl .col-md-4, .about-spcl .col-md-5 {
        width: 50%;
        float: left;
    }

    .det-text ul li p {
        float: none;
    }

    .employe-img {
        float: none;
    }

    .employe-text {
        float: left;
        width: 55%;
        left: 0;
    }

    #footer .col-md-2 {
        float: left;
        width: 33%;
    }

    .logo {
        float: left;
    }

        .logo a img {
            width: 100%;
            margin: 0;
            max-width: 100%;
        }

    .navbar {
        margin-bottom: 0;
    }

    .welcome-text p {
        font-size: 25px;
        margin-bottom: 20px;
        padding: 0 20px;
        line-height: 35px;
    }
}


@media only screen and (min-width:701px) and (max-width:767px) {
    .container {
        width: 100%;
    }

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-toggle {
        margin: 0;
        border-radius: 0;
    }

    .navbar-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: none;
        margin: 0;
    }

    .navbar-collapse {
        border: none;
        padding: 0;
    }

    .navbar-nav > li > a {
        padding: 5px 8px;
        line-height: 23px;
    }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .banner-text {
        width: 100%;
        margin-top: 80%;
        margin-bottom: 25px;
        text-align: center;
    }

        .banner-text h3 {
            font-size: 30px;
            line-height: normal;
        }

    #part-1 {
        padding: 0px 0;
        top: 0;
        position: relative;
    }

        #part-1 img {
            display: block;
            width: 100%;
        }

    .about-text {
        padding: 10px 40px;
    }

    a.more {
        margin-top: 8px;
    }

    h3.head-main, h4.about-head, h3.em-head {
        font-size: 25px;
    }

    .det-text ul li p, .det-text ul {
        width: auto;
    }

    .amount-box {
        width: 100%;
        margin: 0;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 15px 0;
        top: 0;
        position: relative;
    }

    .employe-img img {
        display: none;
    }

    .employe-text {
        padding-top: 15px;
        margin-top: 0;
        left: 0;
    }

    .employe-det a.em-link {
        margin-top: 20px;
    }

    .con-area .form-control {
        margin-bottom: 10px;
    }

    .con-area {
        padding: 0;
    }

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

    .footer-logo img {
        display: block;
        margin: 0 auto;
    }

    .footer-text {
        width: 100%;
    }

    .about-spcl .col-md-4, .about-spcl .col-md-5 {
        width: 50%;
        float: left;
    }

    .det-text ul li p {
        float: none;
    }

    .employe-img {
        float: none;
    }

    .employe-text {
        float: left;
        width: 55%;
        left: 0;
    }

    #footer .col-md-2 {
        float: left;
        width: 33%;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
    }

    .banner {
        height: auto;
        top: 0px;
    }

    .logo {
        float: left;
    }

        .logo a img {
            width: 85%;
            margin: 0;
        }

    .navbar {
        margin-bottom: 0;
    }
}




@media only screen and (min-width:601px) and (max-width:700px) {

    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-toggle {
        margin: 0;
        border-radius: 0;
    }

    .navbar-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: none;
        margin: 0;
    }

    .navbar-collapse {
        border: none;
        padding: 0;
    }

    .navbar-nav > li > a {
        padding: 5px 8px;
        line-height: 23px;
    }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .banner-text {
        width: 100%;
        margin-top: 80%;
        margin-bottom: 25px;
        text-align: center;
    }

        .banner-text h3 {
            font-size: 22px;
            line-height: 28px;
        }

    #part-1 {
        padding: 0px 0;
        top: 0;
        position: relative;
    }

        #part-1 img {
            display: block;
            width: 100%;
        }

    .about-text {
        padding: 10px 20px;
        text-align: center;
    }

    a.more {
        margin-top: 8px;
    }

    .about-spcl {
        text-align: center;
    }

    h3.head-main, h4.about-head, h3.em-head {
        font-size: 25px;
        text-align: center;
    }

    span.icon-list {
        float: none;
        margin: 0 auto;
    }

    .det-text ul li p, .det-text ul {
        width: auto;
        text-align: center;
    }

    .amount-box {
        width: 100%;
        margin: 0;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 15px 0;
        top: 0;
        position: relative;
    }

    .employe-img img {
        display: none;
    }

    .employe-text {
        padding-top: 15px;
        text-align: center;
        margin-top: 0;
        left: 0;
    }

    .employe-det a.em-link {
        margin-top: 20px;
    }

    .con-area .form-control {
        margin-bottom: 10px;
    }

    .con-area {
        padding: 0;
    }

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

    .footer-logo img {
        display: block;
        margin: 0 auto;
    }

    .footer-text {
        width: 100%;
        text-align: center;
    }

    .footer-head {
        text-align: center;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
    }

    .banner {
        height: auto;
        top: 0px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .logo {
        float: left;
    }

        .logo a img {
            width: 75%;
            margin: 0;
        }

    .navbar {
        margin-bottom: 0;
    }
}


@media only screen and (min-width:481px) and (max-width:600px) {
    .logo a {
        display: block;
    }

        .logo a img {
            margin: 0 auto;
            display: block;
        }

    .navbar-toggle {
        margin: 0;
        border-radius: 0;
    }

    .navbar-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: none;
        margin: 0;
    }

    .navbar-collapse {
        border: none;
        padding: 0;
    }

    .navbar-nav > li > a {
        padding: 5px 8px;
        line-height: 23px;
    }

    .banner {
        height: 750px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-position-x: 60%;
    }

    .banner-text {
        width: 100%;
        margin-top: 80%;
        margin-bottom: 25px;
        text-align: center;
    }

        .banner-text h3 {
            font-size: 22px;
            line-height: 28px;
        }

    #part-1 {
        padding: 0px 0;
        top: 0;
        position: relative;
    }

        #part-1 img {
            display: block;
            width: 100%;
        }

    .about-text {
        padding: 10px 20px;
        text-align: center;
    }

    a.more {
        margin-top: 8px;
    }

    .about-spcl {
        text-align: center;
    }

    h3.head-main, h4.about-head, h3.em-head {
        font-size: 25px;
        text-align: center;
    }

    span.icon-list {
        float: none;
        margin: 0 auto;
    }

    .det-text ul li p, .det-text ul {
        width: auto;
        text-align: center;
    }

    .amount-box {
        width: 100%;
        margin: 0;
    }

    .amt-num img {
        width: 100%;
    }

    #part-2, #part-3, #part-4, #footer {
        padding: 15px 0;
        top: 0;
        position: relative;
    }

    .employe-img img {
        display: none;
    }

    .employe-text {
        padding-top: 15px;
        text-align: center;
        margin-top: 0;
        left: 0;
    }

    .employe-det a.em-link {
        margin-top: 20px;
    }

    .con-area .form-control {
        margin-bottom: 10px;
    }

    .con-area {
        padding: 0;
    }

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

    .footer-logo img {
        display: block;
        margin: 0 auto;
    }

    .footer-text {
        width: 100%;
        text-align: center;
    }

    .footer-head {
        text-align: center;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
        padding-bottom: 0;
        margin-bottom: 6px;
    }

    .banner {
        height: auto;
        top: 0px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .logo {
        float: left;
    }

        .logo a img {
            width: 65%;
            margin: 0;
        }
}

@media only screen and (min-width:320px) and (max-width:613px) {
    .loan-information .loan-info-btn a {
        margin-right:0;
    }
   
}

@media only screen and (min-width:320px) and (max-width:583px) {
    .loan-information .loan-info-btn a.return-btn {
        position: relative;
        top: 75px;
    }
    .loan-information .loan-info-btn a {
        top: -75px;
        position: relative;
    }
}

    @media only screen and (min-width:321px) and (max-width:480px) {
        .logo a {
            display: block;
        }

            .logo a img {
                margin: 0 auto;
                display: block;
            }

        .navbar-toggle {
            margin: 0;
            border-radius: 0;
        }

        .navbar-nav {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            float: none;
            margin: 0;
        }

        .navbar-collapse {
            border: none;
            padding: 0;
        }

        .navbar-nav > li > a {
            padding: 5px 8px;
            line-height: 23px;
        }

        .banner {
            height: 750px;
            width: 100%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center;
            background-position-x: 60%;
        }

        .banner-text {
            width: 100%;
            margin-top: 80%;
            margin-bottom: 25px;
            text-align: center;
        }

            .banner-text h3 {
                font-size: 22px;
                line-height: 28px;
            }

        #part-1 {
            padding: 0px 0;
            top: 0;
            position: relative;
        }

            #part-1 img {
                display: block;
                width: 100%;
            }

        .about-text {
            padding: 10px 20px;
            text-align: center;
        }

        a.more {
            margin-top: 8px;
        }

        .about-spcl {
            text-align: center;
        }

        h3.head-main, h4.about-head, h3.em-head {
            font-size: 25px;
            text-align: center;
        }

        span.icon-list {
            float: none;
            margin: 0 auto;
        }

        .det-text ul li p, .det-text ul {
            width: auto;
            text-align: center;
        }

        .amount-box {
            width: 100%;
            margin: 0;
        }

        .amt-num img {
            width: 100%;
        }

        #part-2, #part-3, #part-4, #footer {
            padding: 15px 0;
            top: 0px;
            position: relative;
        }

        .employe-img img {
            display: none;
        }

        .employe-text {
            padding-top: 15px;
            text-align: center;
            margin-top: 0;
            left: 0;
        }

        .employe-det a.em-link {
            margin-top: 20px;
        }

        .con-area .form-control {
            margin-bottom: 10px;
        }

        .con-area {
            padding: 0;
        }

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

        .footer-logo img {
            display: block;
            margin: 0 auto;
        }

        .footer-text {
            width: 100%;
            text-align: center;
        }

        .footer-head {
            text-align: center;
        }

        .navbar-fixed-top, .navbar-fixed-bottom {
            position: relative;
            padding-bottom: 0;
            margin-bottom: 6px;
        }

        .banner {
            top: 0px;
            height: 750px;
            width: 100%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center;
            background-position-x: 60%;
        }

        .row {
            margin-left: 0;
            margin-right: 0;
        }

        .logo {
            float: left;
        }

            .logo a img {
                width: 65%;
                margin: 0;
            }
    }


    @media only screen and (min-width:240px) and (max-width:320px) {
        .logo a {
            display: block;
        }

            .logo a img {
                margin: 0 auto;
                display: block;
            }

        .navbar-toggle {
            margin: 0;
            border-radius: 0;
        }

        .navbar-nav {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            float: none;
            margin: 0;
        }

        .navbar-collapse {
            border: none;
            padding: 0;
        }

        .navbar-nav > li > a {
            padding: 5px 8px;
            line-height: 23px;
        }

        .banner-text {
            width: 100%;
            margin-top: 80%;
            margin-bottom: 25px;
            text-align: center;
        }

            .banner-text h3 {
                font-size: 22px;
                line-height: 28px;
            }

        #part-1 {
            padding: 0px 0;
            top: 0;
            position: relative;
        }

            #part-1 img {
                display: block;
                width: 100%;
            }

        .about-text {
            padding: 10px 20px;
            text-align: center;
        }

        a.more {
            margin-top: 8px;
        }

        .about-spcl {
            text-align: center;
        }

        h3.head-main, h4.about-head, h3.em-head {
            font-size: 25px;
            text-align: center;
        }

        span.icon-list {
            float: none;
            margin: 0 auto;
        }

        .det-text ul li p, .det-text ul {
            width: auto;
            text-align: center;
        }

        .amount-box {
            width: 100%;
            margin: 0;
        }

        .amt-num img {
            width: 100%;
        }

        #part-2, #part-3, #part-4, #footer {
            padding: 15px 0;
            top: 0;
            position: relative;
            width: 100%;
        }

        .employe-img img {
            display: none;
        }

        .employe-text {
            padding-top: 15px;
            text-align: center;
            margin-top: 0;
            left: 0;
        }

        .employe-det a.em-link {
            margin-top: 20px;
        }

        .con-area .form-control {
            margin-bottom: 10px;
        }

        .con-area {
            padding: 0;
        }

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

        .footer-logo img {
            display: block;
            margin: 0 auto;
        }

        .footer-text {
            width: 100%;
            text-align: center;
        }

        .footer-head {
            text-align: center;
        }

        .navbar-fixed-top, .navbar-fixed-bottom {
            position: relative;
            padding-bottom: 0;
            margin-bottom: 6px;
        }

        .banner {
            height: auto;
            top: 0px;
        }

        .row {
            margin-left: 0;
            margin-right: 0;
        }

        .logo {
            float: left;
        }

            .logo a img {
                width: 65%;
                margin: 0;
            }
    }


    @media only screen and (min-width:300px) and (max-width:767px) {
        
        .home-calculator {
            margin: 0;
            width: 100%;
        }

        .calculator-form tbody {
            display: block;
            padding: 20px 10px;
        }

        .navbar {
            padding-left: 0;
            border-bottom: 0;
            background: #fff;
        }

        .language-select .nav-link {
            padding: 5px 8px;
            line-height: 23px;
            color: #777;
        }

        .navbar-brand {
            height: auto;
        }

        .consent-img img {
            display: inline-block
        }

        .detail-sec dt, .detail-sec dd {
            width: 100%;
            display: block;
            margin-bottom: 5px;
        }

        .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            display: inline-block;
        }

        .body-content {
            margin-top: 0;
        }

        .confirm-detail-btn {
            text-align: center;
        }

        .registration label {
            font-size: 16px;
            line-height: 20px;
            border-radius: 0;
        }

        .navbar-nav {
            margin: 10px 0;
        }

        .homepage .calculator-form {
            max-width: 100%;
        }

        .terms-cond-sec .consent-img {
            margin-top: 0;
            float: none;
        }

        .loan-info-head .center-block .row {
            display: flex;
        }


        .loan-info-head .center-block .col-md-7 {
            order: 2;
        }

        .loan-info-head .center-block .col-md-5 {
            order: 1;
        }

        .consent-head {
            margin-bottom: 20px;
        }

        .loan-info-head .center-block .col-md-12 {
            padding: 0;
            width: 100%;
            text-align: center;
        }

        .calculator-form {
            max-width: 100%;
        }

            .calculator-form .interest-section td:first-child label, .calculator-form tr td label {
                font-size: 16px;
            }

        .loan-info-head .consent-head {
            margin-top: 20px;
        }
        .loan-info-head .consent-head {
            width:90%;
            overflow:hidden;
        }
        .loan-info-head .consent-head h3 {
            font-size:40px;
            float:none;
        }
        .consent-head h3, .consent-head h4 {
            font-size: 40px
        }

        .contact-us-sec.faq h3 {
            font-size: 30px;
        }

        .personal-detail-sec .card-header, .employe-detail-sec .card-header {
            padding: 0 15px;
        }

        .consent-info-sec h3 {
            font-size: 18px;
            line-height: 26px;
        }
    }


    @media only screen and (min-width:768px) and (max-width:1024px) {
        .navbar-default .navbar-nav > li > a {
            padding: 4px 8px;
            font-size: 14px;
        }

        .employe-detail-sec {
            padding-left: 15px;
            padding-right: 15px;
        }

        .language-select {
            margin-top: 0;
        }

            .language-select .nav-link {
                padding: 15px 0px;
                font-size: 14px;
            }

        .consent-img img {
            display: inline-block;
        }

        .consent-img {
            float: none;
        }

        .consent-head h3, .consent-head h4 {
            font-size: 40px;
        }

        .navbar-nav {
            margin-top: 12px;
            float: right;
        }

        .registration label.btn-info {
            margin-bottom: 1px;
        }
    }

    @media only screen and (min-width:768px) and (max-width:900px) {
        .consent-head {
            width:500px;
        }
        .consent-head h3 span {
            font-size:38px;
        }
            .navbar-default .navbar-nav > li > a {
                padding: 4px 5px;
                font-size: 12px;
            }

        .language-select .nav-link {
            padding: 15px 0px;
            font-size: 12px;
        }

        .language-select {
            margin-top: 4px;
        }
    }

    @media only screen and (max-width:1000px) {
        .record-section .col-md-6 {
            border: none;
        }

        .appy-now-text p {
            margin-left: 0;
        }

        .appy-now-text {
            text-align: center;
            padding: 30px 0;
        }

        .borrower-loan-sec h3 {
            border-right: 0;
        }

        .loan-info-link .col-md-6 {
            padding: 0;
        }

        .registration label.btn-info, .btn-group > .btn-radio:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-radio:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
            border-radius: 0;
        }

        .personal-detail-sec {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:580px) {
        .submit-col {
            display: flex;
            flex-wrap: wrap-reverse;
        }

        .terms-cond-sec .submit-terms-row .submit-col button {
            order: 2;
            margin: 0 17% 23px 17%;
        }
    }



    @media (max-width: 767px) {
        .ja .contact-us-sec {
            padding: 30px 15px 100px;
        }
        .ja .contact-us-sec .contact-content h3 {
            font-size:32px;
        }
        .ja .contact-us-sec .home-contact-btn a {
            padding: 20px 30px;
            max-width: inherit;
            margin: auto;
            display: inline-block;
            font-size: 22px;
        }
        .ja .contact-us-sec .contact-content p {
            font-size: 17px;
            line-height: 30px;
            margin-top: 20px;
            color: #000;
        }
        .ja .apply-sec {
            padding: 20px 0;
        }
        .ja .apply-sec .apply-content-sec h3,
        .ja .apply-sec .apply-content-sec h4 {
            font-size: 30px;
            line-height: 40px;
        }
         .ja .support-docx-sec h3 {
            font-size: 24px;
            margin-bottom: 75px;
        }

        .ja .about-sec {
            padding: 40px 0;
        }

        .ja .step-sec {
            padding-top: 0;
            padding-bottom: 120px;
        }

        .ja .paral-section-2-jp .online-application .step-head h1,
        .ja .paral-section-2-jp .review-sec .step-head h1,
        .ja .paral-section-2-jp .sign-submit-sec .step-head h1,
        .ja .paral-section-2-jp .funds-sec .step-head h1 {
            font-size: 48px;
        }

            .ja .paral-section-2-jp .online-application .step-head h1 br,
            .ja .paral-section-2-jp .review-sec .step-head h1 br,
            .ja .paral-section-2-jp .sign-submit-sec .step-head h1 br,
            .ja .paral-section-2-jp .funds-sec .step-head h1 br {
                display: none;
            }

        .ja .paral-section-2-jp .online-app-content-jp p br {
            display: none;
        }

        .ja .paral-section-2-jp .review-sec .online-app-content-jp {
            margin-top: 15px;
        }

        .ja .paral-section-2-jp .funds-sec .online-app-content-jp {
            margin-top: 20px;
        }

        .ja .step-sec p {
            margin: 0;
            padding: 0;
            font-size: 24px;
        }

        .ja .banner-content p {
            font-size: 30px;
            line-height: 40px;
        }

        .ja .step-sec img {
            bottom: -95px;
            top: inherit;
        }

        .ja .banner-sec .banner-content {
            padding: 20px;
        }

        .ja .banner-content h3 {
            font-size: 50px;
        }

        .ja .det-text p br,
        .ja .employe-det p br,
        .ja p.con-semtext br {
            display: none;
        }

        .ja p.con-semtext {
            margin-bottom: 25px !important;
        }
        .consent-head {
            width: 80%;
            margin: auto;
            float: none;
            text-align:center;
        }

        .consent-head h3 {
            background: #99ccff;
            border-bottom-right-radius: 10px;
        }

        .consent-head h3 span {
            margin: 0;
            font-size: 34px;
            background: transparent;
        }

        .consent-head h3 span.step-1 {
            padding-bottom: 0px;
        }

        .consent-head h3 span.step-2 {
            padding-top: 0px;
        }


        .application-summary-head .consent-img {
            float: none;
        }

        .paral-section-2 {
            height: auto;
        }

            .paral-section-2 .section-2-left {
                background-size: 100%;
            }

        .paral-section-5 .section-5-left {
            padding-top: 40px;
        }

        .paral-section-6 .section-6-left {
            padding-top: 40px;
        }

        .paral-section-4 .section-4-left {
            padding-top: 40px;
        }

        .paral-section-4 .section-4-right {
            padding-top: 40px;
            padding-left: 15px;
        }

        .paral-section-7 {
            height: auto;
        }
        /*.navbar-collapse { background-color: rgba(0, 0, 0, 0.5); }*/
        .footer .container {
            text-align: left;
            margin-left: 15px
        }

            .footer .container .copyright {
                margin-left: 7px
            }

        .banner-sec {
            background-size: cover;
            background-position: center;
            margin-top: 0;
            background-image: url(../images/banner-mobile.jpg);
            padding: 400px 15px;
        }

        .banner-content h3 {
            font-size: 45px;
        }

        .banner-content p {
            font-size: 25px;
            line-height: 30px;
        }

        .step-sec h1, .step-sec h2 {
            font-size: 31px;
        }

        .step-sec p {
            font-size: 16px;
            padding-left: 1px;
            margin-bottom: 10px;
            width: 95%;
        }

        .step-sec {
            display: inline-block;
        }

            .step-sec img {
                float: right;
                position: relative;
                top: -15px;
                right: 15px;
                left:inherit;
            }

            .step-sec span {
                font-size: 72px;
                left: 10px;
                bottom: 40px;
                top: initial;
            }

        .support-docx-sec {
            margin: 0px;
            padding: 20px;
        }

        .footer {
            padding-bottom: 25px;
        }

            .footer .container {
                margin: auto;
                text-align: center;
            }

                .footer .container .copyright {
                    margin: 0px;
                }

        .contact-us-sec {
            padding: 70px 15px 100px;
            text-align: center;
        }

            .contact-us-sec .contact-content h3 {
                font-size: 25px;
            }

            .contact-us-sec .contact-content p {
                font-size: 13px;
            }

            .contact-us-sec .home-contact-btn a {
                padding: 8px 20px;
                max-width: 162px;
                margin: auto;
            }

            .contact-us-sec .home-contact-btn {
                padding-top: 25px;
            }

        .apply-sec {
            background: url(../images/apply-banner-img.png);
            background-size: 100%;
            background-repeat: no-repeat;
            padding: 100px 0;
        }

            .apply-sec .apply-content-sec h3 {
                font-size: 22px;
                margin-top: 25px;
                line-height: 30px;
            }

            .apply-sec .apply-content-sec h4 {
                font-size: 20px;
                padding: 20px 0px;
                margin-bottom: 15px;
            }

            .apply-sec .apply-content-sec .home-apply-btn a {
                padding: 12px 34px;
                font-size: 18px;
            }

        .upload-section {
            margin: 0px;
        }

        .consent-img {
            text-align: center;
            margin-top: 15px;
        }

        .record-section .col-md-6 {
            border: none;
        }

        .terms-cond-sec .submit-terms-row .submit-col button {
            font-size: 20px;
        }

        .submit-terms-row {
            text-align: center;
            margin-top: 1em !important;
        }

        .application-summary-head .view-loan-col {
            text-align: center;
        }

        .faq-content {
            padding: 20px 0px;
            margin: 0px 0px;
        }

        .faq-container .consent-head {
            margin: 60px 0px 10px 0px;
        }

            .faq-container .consent-head h3 {
                display: block;
                font-size: 34px;
            }

        .loan-information .loan-info-link {
            padding: 40px 0px;
        }

        .loan-information .loan-info-btn {
            text-align: center !important
        }

            .loan-information .loan-info-btn a.return-btn {
                margin-bottom: 23px;
            }

        .terms-cond-sec .consent-head h3, .terms-cond-sec .consent-head h4 {
            font-size: 34px;
            margin-bottom: 10px;
            margin-top: 0;
        }

        .terms-cond-sec .consent-head {
            margin-top: 15px;
        }

        .col-md-12.TermsConditions {
            padding: 0;
        }

        .terms-cond-sec .submit-terms-row .submit-col button {
            display: inline-block;
        }

        .terms-cond-sec .submit-terms-row .submit-col .dont-agree-btn {
            margin-bottom: 23px;
            margin-right: 10px;
        }

        .registration .btn-primary {
            margin-bottom: 10px
        }

        .registration .m-t-20 {
            text-align: center;
        }

        .step-sec, .step-sec.step-sec.review-sec .step-content {
            height: auto;
        }

        .dataTables_wrapper {
            padding: 20px 0;
        }

        .upload-section .button-white {
            margin: 0;
            max-width: 180px;
        }

        .additional-information {
            margin-top: 0;
            padding-bottom: 0;
        }

            .additional-information .consent-head {
                display: flex;
                flex-wrap: wrap-reverse;
            }

                .additional-information .consent-head img {
                    order: 1;
                    padding-top: 30px
                }

        .logo {
            position: relative;
            z-index: 1111;
        }

        .borrower-loan-sec .detail-sec .js-select2 {
            float: none;
            display: inline-block;
        }

        .navbar-nav > li {
            float: none;
        }

        .confirm-detail-btn .col-md-4 {
            display: none;
        }

        .registration label.btn-info {
            border-radius: 0 !important;
        }

        .btn-radio:first-child, .btn-radio:last-child {
            border-radius: 0;
        }

        .best-time .btn-radio {
            min-width: 150px;
            margin-bottom: 1px;
        }

        .welcome-text p {
            font-size: 25px;
            margin-bottom: 20px;
            padding: 0 20px;
            line-height: 35px;
        }

        .container.profile-container .card-body dt, .container.profile-container .card-body dd {
            flex-basis: unset;
            -webkit-box-flex: unset;
            flex-grow: unset;
            width: 50%;
        }

        }

    @media (max-width: 480px) {
        .consent-head {
            width: 90%;
        }
        .banner-content h3 {
            font-size: 34px;
        }
        .banner-content p {
            font-size: 22px;
        }
        .banner-sec {
            padding: 192px 15px;
        }

        .loan-information .consent-img {
            margin-top:0;
        }

        .loan-information .consent-img img {
            padding-top: 0 !important;
        }

        .loan-info-head .consent-head {
            width: 100%;
            overflow: hidden;
            text-align: left;
        }

            .loan-info-head .consent-head h3 {
                line-height:60px;
            }

        .consent-head h3 span {
            text-align:left;
        }

        .registration .employe-type-box label.btn-info {
            font-size:11px;
        }

        .paral-section-2.par.about-sec {
            padding: 25px 0 60px 0;
        }

        .loan-checkbox .col-md-4 {
            padding-left:15px;
        }

        .apply-loan-btn-row {
            text-align:center;
            margin-bottom:15px;
        }

        }

    @media (max-width: 375px) {
        .ja .terms-cond-sec .submit-terms-row .submit-col button {
            padding:12px 0;
        }
        .ja .contact-us-sec .home-contact-btn a {
            padding: 16px 20px;
            font-size: 15px;
        }
        .ja .contact-us-sec .contact-content h3 {
            font-size: 22px;
        }
        .ja .contact-content p a.home-faq {
            display:block;
        }
        .ja .apply-sec .apply-content-sec h3,
        .ja .apply-sec .apply-content-sec h4 {
            font-size: 20px;
            line-height: 26px;
        }
        .ja .apply-sec .apply-content-sec .home-apply-btn a {
            padding: 12px 25px;
            font-size: 16px;
        }
        .ja .support-docx-sec h3 {
            font-size: 16px;
            margin-bottom: 40px;
        }
        .ja .paral-section-2-jp .online-application .step-head h1,
        .ja .paral-section-2-jp .review-sec .step-head h1,
        .ja .paral-section-2-jp .sign-submit-sec .step-head h1,
        .ja .paral-section-2-jp .funds-sec .step-head h1 {
            font-size: 36px;
        }
        .ja .step-sec p {
            font-size: 18px;
        }
        .ja .banner-sec {
            padding: 88px 0;
        }
        .ja .banner-content h3 {
            font-size:34px;
        }
        .ja .banner-content p {
            font-size: 20px;
            line-height: 26px;
        } 
        .contact-us-sec {
            padding: 20px 15px 100px;
        }

        .apply-sec {
            padding: 40px 0;
        }

        .apply-sec .apply-content-sec h3 {
            margin-top: 0;
        }
        .terms-cond-sec .submit-terms-row .submit-col .dont-agree-btn {
            margin: 0 17% 23px 17%;
        }

        .registration .btn-primary {
            font-size: 11px;
        }
        .loan-info-head .consent-head h3 {
            font-size: 34px;
        }
    }