h2 {
    font-size: 22px
}

p {
    font-size: 14px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3
}

.hide-mobile {
    display: none
}

.about-section .right .svg-icon, .about-section .right img {
    width: 55px;
    height: 55px
}

    .about-section .right .svg-icon .icon, .about-section .right .svg-icon .icon30, .about-section .right .svg-icon .icon35, .about-section .right .svg-icon .icon40, .about-section .right .svg-icon .icon45 {
        width: 30px;
        height: 30px
    }

.about-section .right p {
    font-size: 12px
}

.about-section .right img.card {
    width: 88px;
    height: auto
}

.banner .breadcrumb {
    display: none
}

.hidden-xs {
    display: none !important
}

.popular-blogs .item {
    min-height: 508px
}

.horizontal-scroll-mobile {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap
}

.horizontal-line {
    width: 48%
}

.about-section, .benefits, .faqs, .feature-section, .type-of-cards {
    padding: 30px 0
}

.banner {
    background-image: none
}

.credit-card-banner {
    background-image: url(.https://cdnapp.indialends.com/livesite/Images/credit-report.png);
    background-size: 80%
}

.banner .left_heading {
    padding-top: 5px;
    text-align: center
}

    .banner .left_heading h2 {
        display: block;
        margin-bottom: 20px
    }

    .banner .left_heading p {
        display: none
    }

    .banner .left_heading h2 + h2 {
        color: #c3d4ff !important;
        font-size: 14px
    }

    .banner .left_heading h1 {
        font-size: 24px
    }

    .banner .left_heading h2 {
        font-size: 14px
    }

.benefits h4 {
    font-size: 14px
}

.arrow-icon {
    position: absolute;
    right: 20px
}

.about-section .right p {
    font-weight: 700
}

.about-section .left h2 {
    text-align: center
}

.benefits h2 {
    text-align: center
}

.mobile-center {
    text-align: center
}

.info-box {
    overflow-y: scroll;
    max-height: 400px
}

.modal-p {
    font-size: 14px
}

.mobile-modal-dialog {
    width: auto
}

.otp-input input {
    outline: 0;
    background: 0 0;
    border: 1px solid #dadfea;
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 5px;
    margin-left: 6px;
    display: inline-block
}

.type-of-cards .para {
    width: 100%
}

.testimonials .col-sm-4.left {
    text-align: center
}

.testimonials a.left.carousel-control {
    right: 60%
}

.testimonials .carousel-control {
    right: 50%
}

.type-of-slider .slider .slider__item[data-position="1"] {
    left: 15%
}

.slider .slider__item[data-position="3"], .type-of-slider .slider .slider__item[data-position="1"], .type-of-slider .slider .slider__item[data-position="2"], .type-of-slider .slider .slider__item[data-position="4"] {
    width: 40%
}

.type-of-slider .slider .slider__item[data-position="2"] {
    left: -18.5%
}

.type-of-slider .slider .slider__item[data-position="3"] {
    left: 120.5%
}

.type-of-slider .slider .slider__item[data-position="4"] {
    left: 92%
}

.type-of-slider .slider .slider__item[data-position="0"] {
    left: 50%
}

.type-of-slider .slider .slider__item[data-slider=X2] .bottom, .type-of-slider .slider .slider__item[data-slider=X5] .bottom {
    bottom: -145px
}

.type-of-slider .slider .slider__item[data-slider=X3] .bottom, .type-of-slider .slider .slider__item[data-slider=X6] .bottom {
    bottom: -120px
}

.type-of-slider .slider .slider__item[data-slider=X9] .bottom {
    bottom: -100px
}

.type-of-slider .slider .slider__item {
    width: 60%
}

.type-of-cards {
    margin: 0;
    overflow: hidden
}

.type-of-slider {
    margin-bottom: 75px
}

    .type-of-slider .bottom {
        bottom: -120px
    }

.header .navbar {
    margin-bottom: 0
}

.radio .font14 {
    font-size: 12px
}

.footer-col1, .footer-col2, .footer-col3 {
    width: 15%
}

.bg-category-section {
    background-color: #edf0f4;
    cursor: pointer;
    font-size: 16px
}

    .bg-category-section .fa {
        top: 2px;
        position: relative
    }

.copyright-text {
    color: #50597b;
    font-size: 12px;
    margin: 0
}

#employment-type .modal-dialog {
    width: 60%
}

.cross-icon {
    height: 14px
}

.cc-faq h4 {
    font-size: 14px;
    line-height: 24px;
    color: #50597b
}

.freegift-tags {
    color: #fff;
    height: 23px;
    width: 90px;
    font-size: 12px;
    position: relative;
    right: 0;
    float: right;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 2px;
    background: #00a8c6;
    background: -moz-linear-gradient(270deg,rgba(0,168,198,1) 0,rgba(0,234,144,1) 100%);
    background: -webkit-linear-gradient(270deg,rgba(0,168,198,1) 0,rgba(0,234,144,1) 100%);
    background: linear-gradient(270deg,rgba(0,168,198,1) 0,rgba(0,234,144,1) 100%);
    top: 20px
}

.eapproval-tags {
    color: #fff;
    height: 23px;
    width: 114px;
    font-size: 12px;
    position: relative;
    right: 0;
    float: right;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 2px;
    background: #f8007d;
    background: -moz-linear-gradient(90deg,rgba(248,0,125,1) 0,rgba(40,57,128,1) 100%);
    background: -webkit-linear-gradient(90deg,rgba(248,0,125,1) 0,rgba(40,57,128,1) 100%);
    background: linear-gradient(90deg,rgba(248,0,125,1) 0,rgba(40,57,128,1) 100%);
    top: 20px
}

    .eapproval-tags .arrow_in {
        position: relative;
        width: 0;
        height: 0;
        border-style: solid;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        top: -20px;
        left: -15px;
        border-top: 12px solid transparent;
        border-bottom: 11px solid transparent;
        border-right: 10px solid #f8007d
    }

.instant-tags {
    color: #fff;
    height: 23px;
    width: 114px;
    font-size: 12px;
    position: relative;
    float: right;
    right: 0;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 2px;
    background: #00d2f8;
    background: -moz-linear-gradient(90deg,rgba(0,210,248,1) 0,rgba(33,76,255,1) 100%);
    background: -webkit-linear-gradient(90deg,rgba(0,210,248,1) 0,rgba(33,76,255,1) 100%);
    background: linear-gradient(90deg,rgba(0,210,248,1) 0,rgba(33,76,255,1) 100%);
    top: 20px
}

.offers-panel {
    border: none;
    padding: 0
}

    .offers-panel .panel-body {
        padding: 25px 8px 5px 8px
    }

    .offers-panel h5 {
        font-size: 16px
    }

.offers-section {
    padding: 10px;
    text-align: center
}

.small-scroll {
    max-height: 255px
}

.testimonials {
    padding: 20px 0
}

.about-credit-report.about-section {
    padding: 20px 0 0
}

.para {
    width: 100%;
    margin: auto
}

.white-header-flow .header .navbar-toggle {
    margin-top: 35px
}

@media only screen and (max-width:1178px) {
    .footer-social-section span {
        font-size: 18px;
        color: #3c374d;
        display: block;
        margin: 5px 0
    }
}

@media only screen and (max-width :767px) {
    .user-journey-flow .offers-panel ul li:first-child {
        padding-top: 0
    }

    .user-journey-flow .offers-panel ul li {
        display: inline-block;
    }

        .user-journey-flow .offers-panel ul li:first-child {
            display: block !important
        }

        .user-journey-flow .offers-panel ul li:nth-child(-n+3) {
            display: inline-block;
        }

    .box {
        align-items: flex-start
    }

    .sm-marg-inherit {
        margin: inherit
    }

    .sm-marg0 {
        margin: 0 !important
    }

    .sm-marg0t {
        margin-top: 0 !important
    }

    .sm-marg0b {
        margin-bottom: 0 !important
    }

    .sm-marg0l {
        margin-left: 0 !important
    }

    .sm-marg0r {
        margin-right: 0 !important
    }

    .sm-marg5 {
        margin: 5px !important
    }

    .sm-marg5t {
        margin-top: 5px !important
    }

    .sm-marg5b {
        margin-bottom: 5px !important
    }

    .sm-marg5l {
        margin-left: 5px !important
    }

    .sm-marg5r {
        margin-right: 5px !important
    }

    .sm-marg10 {
        margin: 10px !important
    }

    .sm-marg10t {
        margin-top: 10px !important
    }

    .sm-marg10b {
        margin-bottom: 10px !important
    }

    .sm-marg10l {
        margin-left: 10px !important
    }

    .sm-marg10r {
        margin-right: 10px !important
    }

    .sm-marg15 {
        margin: 15px !important
    }

    .sm-marg15t {
        margin-top: 15px !important
    }

    .sm-marg15b {
        margin-bottom: 15px !important
    }

    .sm-marg15l {
        margin-left: 15px !important
    }

    .sm-marg15r {
        margin-right: 15px !important
    }

    .sm-marg20 {
        margin: 20px !important
    }

    .sm-marg20t {
        margin-top: 20px !important
    }

    .sm-marg20b {
        margin-bottom: 20px !important
    }

    .sm-marg20l {
        margin-left: 20px !important
    }

    .sm-marg20r {
        margin-right: 20px !important
    }

    .sm-marg25 {
        margin: 25px !important
    }

    .sm-marg25t {
        margin-top: 25px !important
    }

    .sm-marg25b {
        margin-bottom: 25px !important
    }

    .sm-marg25l {
        margin-left: 25px !important
    }

    .sm-marg25r {
        margin-right: 25px !important
    }

    .sm-marg30 {
        margin: 30px !important
    }

    .sm-marg30t {
        margin-top: 30px !important
    }

    .sm-marg30b {
        margin-bottom: 30px !important
    }

    .sm-marg30l {
        margin-left: 30px !important
    }

    .sm-marg30r {
        margin-right: 30px !important
    }

    .sm-pad-inherit {
        padding: inherit
    }

    .sm-pad-inherit {
        padding: inherit
    }

    .sm-pad0 {
        padding: 0 !important
    }

    .sm-pad0t {
        padding-top: 0 !important
    }

    .sm-pad0b {
        padding-bottom: 0 !important
    }

    .sm-pad0l {
        padding-left: 0 !important
    }

    .sm-pad0r {
        padding-right: 0 !important
    }

    .sm-pad5 {
        padding: 5px !important
    }

    .sm-pad5t {
        padding-top: 5px !important
    }

    .sm-pad5b {
        padding-bottom: 5px !important
    }

    .sm-pad5l {
        padding-left: 5px !important
    }

    .sm-pad5r {
        padding-right: 5px !important
    }

    .sm-pad10 {
        padding: 10px !important
    }

    .sm-pad10t {
        padding-top: 10px !important
    }

    .sm-pad10b {
        padding-bottom: 10px !important
    }

    .sm-pad10l {
        padding-left: 10px !important
    }

    .sm-pad10r {
        padding-right: 10px !important
    }

    .sm-pad15 {
        padding: 15px !important
    }

    .sm-pad15t {
        padding-top: 15px !important
    }

    .sm-pad15b {
        padding-bottom: 15px !important
    }

    .sm-pad15l {
        padding-left: 15px !important
    }

    .sm-pad15r {
        padding-right: 15px !important
    }

    .sm-pad20 {
        padding: 20px !important
    }

    .sm-pad20t {
        padding-top: 20px !important
    }

    .sm-pad20b {
        padding-bottom: 20px !important
    }

    .sm-pad20l {
        padding-left: 20px !important
    }

    .sm-pad20r {
        padding-right: 20px !important
    }

    .sm-pad25 {
        padding: 25px !important
    }

    .sm-pad25t {
        padding-top: 25px !important
    }

    .sm-pad25b {
        padding-bottom: 25px !important
    }

    .sm-pad25l {
        padding-left: 25px !important
    }

    .sm-pad25r {
        padding-right: 25px !important
    }

    .sm-pad30 {
        padding: 30px !important
    }

    .sm-pad30t {
        padding-top: 30px !important
    }

    .sm-pad30b {
        padding-bottom: 30px !important
    }

    .sm-pad30l {
        padding-left: 30px !important
    }

    .sm-pad30r {
        padding-right: 30px !important
    }

    .credit-card-history .tabbing .nav-tabs {
        width: 100%;
        height: auto;
        left: 0
    }

    .credit-card-history .tabbing li:first-child {
        left: -2%;
        top: -30px
    }

    .credit-card-history .tabbing li:nth-child(2) {
        left: 18%;
        top: -30px
    }

    .credit-card-history .tabbing li:nth-child(3) {
        left: 40%;
        top: -30px
    }

    .credit-card-history .tabbing li:nth-child(4) {
        right: 20%;
        top: -30px
    }

    .credit-card-history .tabbing li:last-child {
        top: -30px
    }

    .credit-card-history .tabbing .tab-content {
        margin: 0 auto 0
    }

    .extraline {
        display: none
    }

    .banner {
        margin-top: 90px
    }

    .refer-earn-div {
        background-color: #fff;
        border-radius: 5px;
        padding: 20px 5px 20px !important;
        color: #fff
    }

    .banner .left_heading, .banner.jounrey-banner .left_heading {
        padding-top: 20px;
        text-align: center
    }

    .cards-journey {
        height: auto
    }

    .credit-card-carousel .carousel-indicators {
        position: relative;
        bottom: 0 !important
    }

    .pos-div {
        position: fixed;
        z-index: 999;
        width: 100%
    }

    #addressProff .modal-body, #creditcardMode .modal-body, #directorName .modal-body, #directorRelationship .modal-body, #educationalQualification .modal-body, #employmentDesignation .modal-body, #idProff .modal-body, #industryType .modal-body, #noDependents .modal-body, #occupationIndustry .modal-body, #qualification .modal-body, #relationShipSbi .modal-body, #relationshipIcici .modal-body, #residenceType .modal-body, #salaryMode .modal-body, #workExperience .modal-body {
        padding: 15px 0;
        max-height: 370px;
        overflow-y: scroll
    }

    #addressProff .checkmark, #creditcardMode .checkmark, #directorName .checkmark, #directorRelationship .checkmark, #educationalQualification .checkmark, #employmentDesignation .checkmark, #idProff .checkmark, #industryType .checkmark, #noDependents .checkmark, #occupationIndustry .checkmark, #qualification .checkmark, #relationShipSbi .checkmark, #relationshipIcici .checkmark, #residenceType .checkmark, #salaryMode .checkmark, #workExperience .checkmark {
        top: 0;
        left: 15px
    }

    #salaryMode .line-bottom {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    #addressProff .checkbox_container, #creditcardMode .checkbox_container, #directorName .checkbox_container, #directorRelationship .checkbox_container, #educationalQualification .checkbox_container, #employmentDesignation .checkbox_container, #idProff .checkbox_container, #industryType .checkbox_container, #noDependents .checkbox_container, #occupationIndustry .checkbox_container, #qualification .checkbox_container, #relationShipSbi .checkbox_container, #relationshipIcici .checkbox_container, #residenceType .checkbox_container, #salaryMode .checkbox_container, #workExperience .checkbox_container {
        padding-left: 50px
    }

    #addressProff .modal-dialog, #creditcardMode .modal-dialog, #directorName .modal-dialog, #directorRelationship .modal-dialog, #educationalQualification .modal-dialog, #employmentDesignation .modal-dialog, #idProff .modal-dialog, #industryType .modal-dialog, #noDependents .modal-dialog, #occupationIndustry .modal-dialog, #qualification .modal-dialog, #relationShipSbi .modal-dialog, #relationshipIcici .modal-dialog, #residenceType .modal-dialog, #salaryMode .modal-dialog, #workExperience .modal-dialog {
        width: 90%
    }

    .page-not-found {
        margin-top: 90px
    }

    .amex-bank-logo-cc {
        float: right
    }

    .credit_card_box .heading {
        font-size: 18px;
        color: #3c374d;
        text-align: left;
        margin-bottom: 10px
    }

    .eligible-panel {
        padding: 15px 10px !important
    }

        .eligible-panel h4 {
            font-size: 16px
        }

    .not-eligible-panel {
        padding: 15px 10px !important
    }

        .not-eligible-panel h4 {
            font-size: 16px
        }

    .credit-card .banner {
        position: relative;
        margin-top: 90px
    }

    .Eligibility-section h4 {
        font-size: 16px
    }

    .itworks-section h4 {
        font-size: 16px
    }

    .credit-card .credit_card_box {
        padding: 30px 20px 10px 20px
    }

    .login {
        float: right;
        display: block;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        font-size: 14px;
        padding: 7px 20px;
        margin-top: 13px;
        margin-right: 15px
    }

        .login:hover {
            color: #fff;
            text-decoration: none
        }

    .header .navbar-brand {
        color: #fff;
        font-size: 50px;
        margin-left: 14px;
        outline: 0;
        float: none;
        margin: 5px auto 0;
        display: block;
        width: 200px;
        height: auto
    }

    .nav.navbar-nav li a {
        font-size: 15px;
        padding: 10px 10px
    }

    .nav.navbar-nav > li:last-child a {
        border: 1px solid #fff;
        color: #fff;
        opacity: 1;
        border-radius: 5px;
        padding: 10px 30px;
        margin: 0 10px;
        font-size: 15px;
        display: none
    }

    .header .navbar-nav {
        margin-top: 0
    }

        .header .navbar-nav li:last-child {
            display: none
        }

    .header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        font-size: 16px
    }

        .header.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #ccc
        }

    .header .navbar-collapse {
        margin-left: 20px;
        border-top: none;
        box-shadow: none
    }

    .header .navbar-toggle {
        top: 0;
        float: left;
        margin-left: 6px;
        position: absolute
    }

    .header .navbar-toggle {
        margin-top: 40px
    }

    .navbar-brand {
        padding: 10px 15px 14px
    }

    .amex-bank-logo-cc {
        float: right
    }

    .credit_card_box .heading {
        font-size: 18px;
        color: #3c374d;
        text-align: left;
        margin-bottom: 10px
    }

    .eligible-panel {
        padding: 15px 10px !important
    }

        .eligible-panel h4 {
            font-size: 16px
        }

    .not-eligible-panel {
        padding: 15px 10px !important
    }

        .not-eligible-panel h4 {
            font-size: 16px
        }

    .credit-card .banner {
        position: relative;
        margin-top: 90px
    }

    .Eligibility-section h4 {
        font-size: 16px
    }

    .itworks-section h4 {
        font-size: 16px
    }

    .credit-card .credit_card_box {
        padding: 30px 20px 10px 20px
    }

    .btn.btn-blue.secondary.pull-right {
        float: none !important;
        text-align: center;
        margin: 0 auto;
        display: flow-root;
        width: 250px
    }

    .login {
        float: right;
        display: block;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        font-size: 14px;
        padding: 7px 20px;
        margin-top: 13px;
        margin-right: 15px
    }

        .login:hover {
            color: #fff;
            text-decoration: none
        }

    .header .navbar-brand {
        color: #fff;
        font-size: 50px;
        margin-left: 14px;
        outline: 0;
        float: none;
        margin: 5px auto 0;
        display: block;
        width: 200px;
        height: auto
    }

    .nav.navbar-nav li a {
        font-size: 15px;
        padding: 10px 10px
    }

    .nav.navbar-nav > li:last-child a {
        border: 1px solid #fff;
        color: #fff;
        opacity: 1;
        border-radius: 5px;
        padding: 10px 30px;
        margin: 0 10px;
        font-size: 15px;
        display: none
    }

    .header .navbar-nav {
        margin-top: 0
    }

        .header .navbar-nav li:last-child {
            display: none
        }

    .header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        font-size: 16px
    }

        .header.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #ccc
        }

    .header .navbar-collapse {
        margin-left: 20px;
        border-top: none;
        box-shadow: none
    }

    .header .navbar-toggle {
        top: 0;
        float: left;
        margin-left: 6px;
        position: absolute
    }

    .header .navbar-toggle {
        margin-top: 40px
    }

    .navbar-brand {
        padding: 10px 15px 14px
    }

    .user-journey-flow .banner {
        margin-top: 60px
    }

    .user-journey-flow .header .navbar-brand {
        margin: auto;
        margin-left: auto
    }

    .instant-text {
        display: flex;
        color: #00c99b;
        font-size: 14px;
        float: right;
        position: absolute;
        right: 10px;
        bottom: 85px
    }

    #snackbar {
        visibility: hidden;
        width: 300px !important;
        margin-left: -150px !important;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        padding: 16px;
        position: fixed;
        z-index: 9999;
        left: 50%;
        top: 30px;
        font-size: 13px !important;
        border-radius: 8px
    }

    .user-journey-flow .login.userjourney-login {
        color: #203c7f !important;
        margin-top: 8px;
        margin-right: 12px !important;
        font-weight: 500
    }

    .user-journey-flow .banner {
        margin-top: 60px !important;
        padding: 30px 0
    }

    .user-journey-flow .banner-content {
        text-align: center !important
    }

    .user-journey-flow .header .navbar-brand {
        margin-top: 5px;
        margin: auto
    }

    .user-journey-flow .header .navbar {
        padding: 0 0
    }

    .user-journey-flow .banner {
        margin-top: 60px
    }

    .user-journey-flow .header .navbar-toggle {
        margin-top: 4px
    }

    .header.white-header .navbar-default .navbar-nav .open .dropdown-menu > li > a, .user-journey-flow .header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #8a8794;
        font-size: 16px
    }

    .userjourney-flow-body {
        margin-top: 22px;
        padding-top: 30px
    }

    .user-journey-flow .step {
        display: inline-block;
        text-align: center;
        padding: 0 15px
    }

    .user-journey-flow .horizontal-line {
        top: 26px;
        width: 165%
    }

    .user-journey-flow .free-instant-text {
        top: 195px
    }

    .user-journey-flow .user-journey .close {
        position: relative;
        top: -15px !important;
        right: -9px !important
    }

    .userjourney-flow-body .container {
        padding-left: 7px;
        padding-right: 7px
    }

    .user-journey-flow .scroll-bg {
        box-shadow: none
    }

    .card-name, .user-journey-flow .cards-offer-screen .credit-card-img {
        display: table-cell;
        vertical-align: top
    }

    .user-journey-flow .offers-panel {
        padding: 0
    }

    .font10-xs {
        font-size: 10px !important;
        line-height: 15px
    }

    .user-journey-flow .pl-flow-thankyou .congratulations-box p {
        font-size: 14px
    }

    .user-journey-flow .pl-flow-thankyou h3 {
        font-size: 18px
    }

    .user-journey-flow .header .navbar-nav > li > a {
        padding: 15px 5px
    }

    .user-journey-flow .checkbox_container .checkmark {
        top: 0
    }

    .font20 {
        font-size: 17px !important
    }

    .pl-flow-thankyou .congratulations-box p {
        font-size: 16px !important
    }

    .banner .arrow-icon {
        position: absolute;
        right: 15px
    }

    .userjourney h1 {
        font-size: 26px
    }

    .user-journey-flow .offers-panel {
        padding: 0 !important
    }

    .pl-how-it-works-section h2 {
        font-size: 26px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 20px
    }
}

@media (max-width:720px) {
    .popular-blogs .item {
        min-height: 490px
    }
}

@media only screen and (max-width:719px) {
    .pan-form {
        padding: 0
    }

    .checkbox_container p {
        font-size: 11px;
        line-height: 14px;
        text-align: justify
    }

    .modal-center .modal-dialog {
        width: 90%
    }

    #dv_karza_buttons .btn.secondary {
        padding: 0 32px 0
    }

    h1.font404 {
        font-size: 5em
    }

    .feature-section img {
        width: 84px
    }

    .type-of-slider .bottom {
        bottom: -165px
    }

    .type-of-slider .heading-top {
        top: -40px;
        font-size: 14px
    }

    .popular-blogs .item {
        min-height: 440px
    }

    .type-of-slider {
        margin-bottom: 110px
    }

        .type-of-slider .slider .slider__item[data-slider=X2] .bottom {
            bottom: -210px
        }

        .type-of-slider .slider .slider__item[data-slider=X5] .bottom {
            bottom: -190px
        }

        .type-of-slider .slider .slider__item[data-slider=X3] .bottom, .type-of-slider .slider .slider__item[data-slider=X6] .bottom {
            bottom: -160px
        }

        .type-of-slider .slider .slider__item[data-slider=X4] .bottom, .type-of-slider .slider .slider__item[data-slider=X7] .bottom {
            bottom: -145px
        }

        .type-of-slider .slider .slider__item[data-slider=X8] .bottom {
            bottom: -165px
        }

        .type-of-slider .slider .slider__item[data-slider=X9] .bottom {
            bottom: -118px
        }

    #employment-type .modal-dialog {
        width: 90%
    }

    .horizontal-line {
        width: 70%
    }

    .checkbox_container.radio_buttons {
        margin-bottom: 10px;
        margin-left: 0
    }

    .checkbox_container.landline-number:last-child {
        margin-bottom: 0
    }

    #testimonalsSlider .item .pad20 {
        height: 235px
    }

    .credit-card-banner {
        background-size: 100%;
        height: 490px
    }

    .benefit-img {
        height: 235px
    }

    .credit-card-history .tabbing li a {
        font-size: 11px
    }

    .own_select#li_sbi_relation_type {
        padding: 14px 35px 14px 15px
    }

    .bootstrap-select .dropdown-menu.open {
        overflow-y: scroll !important;
        max-height: 135px !important
    }

    h1.font404 {
        font-size: 4em
    }

    #typeOfCreditCard .carousel-control {
        width: 10%
    }
}

@media (max-width:480px) {
    .header .navbar {
        margin-bottom: 10px
    }
}

@media only screen and (max-width :479px) {
    .xs-marg-inherit {
        margin: inherit
    }

    .xs-marg0 {
        margin: 0 !important
    }

    .xs-marg0t {
        margin-top: 0 !important
    }

    .xs-marg0b {
        margin-bottom: 0 !important
    }

    .xs-marg0l {
        margin-left: 0 !important
    }

    .xs-marg0r {
        margin-right: 0 !important
    }

    .xs-marg5 {
        margin: 5px !important
    }

    .xs-marg5t {
        margin-top: 5px !important
    }

    .xs-marg5b {
        margin-bottom: 5px !important
    }

    .xs-marg5l {
        margin-left: 5px !important
    }

    .xs-marg5r {
        margin-right: 5px !important
    }

    .xs-marg10 {
        margin: 10px !important
    }

    .xs-marg10t {
        margin-top: 10px !important
    }

    .xs-marg10b {
        margin-bottom: 10px !important
    }

    .xs-marg10l {
        margin-left: 10px !important
    }

    .xs-marg10r {
        margin-right: 10px !important
    }

    .xs-marg15 {
        margin: 15px !important
    }

    .xs-marg15t {
        margin-top: 15px !important
    }

    .xs-marg15b {
        margin-bottom: 15px !important
    }

    .xs-marg15l {
        margin-left: 15px !important
    }

    .xs-marg15r {
        margin-right: 15px !important
    }

    .xs-marg20 {
        margin: 20px !important
    }

    .xs-marg20t {
        margin-top: 20px !important
    }

    .xs-marg20b {
        margin-bottom: 20px !important
    }

    .xs-marg20l {
        margin-left: 20px !important
    }

    .xs-marg20r {
        margin-right: 20px !important
    }

    .xs-marg25 {
        margin: 25px !important
    }

    .xs-marg25t {
        margin-top: 25px !important
    }

    .xs-marg25b {
        margin-bottom: 25px !important
    }

    .xs-marg25l {
        margin-left: 25px !important
    }

    .xs-marg25r {
        margin-right: 25px !important
    }

    .xs-marg30 {
        margin: 30px !important
    }

    .xs-marg30t {
        margin-top: 30px !important
    }

    .xs-marg30b {
        margin-bottom: 30px !important
    }

    .xs-marg30l {
        margin-left: 30px !important
    }

    .xs-marg30r {
        margin-right: 30px !important
    }

    .xs-pad-inherit {
        padding: inherit
    }

    .xs-pad0 {
        padding: 0 !important
    }

    .xs-pad0t {
        padding-top: 0 !important
    }

    .xs-pad0b {
        padding-bottom: 0 !important
    }

    .xs-pad0l {
        padding-left: 0 !important
    }

    .xs-pad0r {
        padding-right: 0 !important
    }

    .xs-pad5 {
        padding: 5px !important
    }

    .xs-pad5t {
        padding-top: 5px !important
    }

    .xs-pad5b {
        padding-bottom: 5px !important
    }

    .xs-pad5l {
        padding-left: 5px !important
    }

    .xs-pad5r {
        padding-right: 5px !important
    }

    .xs-pad10 {
        padding: 10px !important
    }

    .xs-pad10t {
        padding-top: 10px !important
    }

    .xs-pad10b {
        padding-bottom: 10px !important
    }

    .xs-pad10l {
        padding-left: 10px !important
    }

    .xs-pad10r {
        padding-right: 10px !important
    }

    .xs-pad15 {
        padding: 15px !important
    }

    .xs-pad15t {
        padding-top: 15px !important
    }

    .xs-pad15b {
        padding-bottom: 15px !important
    }

    .xs-pad15l {
        padding-left: 15px !important
    }

    .xs-pad15r {
        padding-right: 15px !important
    }

    .xs-pad20 {
        padding: 20px !important
    }

    .xs-pad20t {
        padding-top: 20px !important
    }

    .xs-pad20b {
        padding-bottom: 20px !important
    }

    .xs-pad20l {
        padding-left: 20px !important
    }

    .xs-pad20r {
        padding-right: 20px !important
    }

    .xs-pad25 {
        padding: 25px !important
    }

    .xs-pad25t {
        padding-top: 25px !important
    }

    .xs-pad25b {
        padding-bottom: 25px !important
    }

    .xs-pad25l {
        padding-left: 25px !important
    }

    .xs-pad25r {
        padding-right: 25px !important
    }

    .xs-pad30 {
        padding: 30px !important
    }

    .xs-pad30t {
        padding-top: 30px !important
    }

    .xs-pad30b {
        padding-bottom: 30px !important
    }

    .xs-pad30l {
        padding-left: 30px !important
    }

    .xs-pad30r {
        padding-right: 30px !important
    }

    .type-of-slider .bottom {
        bottom: -170px
    }

    .type-of-slider {
        margin-bottom: 140px
    }

    .popular-blogs .item {
        min-height: 425px
    }

    .type-of-slider .slider .slider__item[data-slider=X2] .bottom {
        bottom: -240px
    }

    .type-of-slider .slider .slider__item[data-slider=X5] .bottom {
        bottom: -215px
    }

    .type-of-slider .slider .slider__item[data-slider=X3] .bottom, .type-of-slider .slider .slider__item[data-slider=X4] .bottom, .type-of-slider .slider .slider__item[data-slider=X6] .bottom, .type-of-slider .slider .slider__item[data-slider=X8] .bottom {
        bottom: -190px
    }

    .type-of-slider .slider .slider__item[data-slider=X7] .bottom {
        bottom: -165px
    }

    .type-of-slider .slider .slider__item[data-slider=X9] .bottom {
        bottom: -140px
    }

    .radio .font14 {
        font-size: 11px
    }

    .horizontal-line {
        width: 85%
    }

    .banner {
        margin-top: 85px
    }

        .banner .left_heading {
            padding-top: 10px
        }

    .small-cross-icon {
        top: 15px
    }

    #dv_karza_buttons .btn.secondary {
        padding: 0 18px 0
    }

    .small-check-icon {
        top: 5px
    }
}

@media (max-width:460px) {
    .instant-green.free-text-section.lifetime-div {
        top: 185px
    }

    .btn-section {
        padding-top: 50px !important
    }

    .apply-btn {
        margin-left: 0;
        padding: 10px
    }

    .offers-panel ul li:first-child {
        margin-left: 0;
        display: block
    }

    .offers-panel ul li:nth-child(2) {
        margin-left: 0
    }

    .offers-panel ul li {
        display: inline-block;
        font-size: 12px;
        margin-left: 10px;
        margin-top: 10px;
        vertical-align: top
    }

    .details ul li {
        font-size: 14px;
        color: #50597b;
        display: block;
        margin-left: 0;
        line-height: 28px
    }

    .credit-card-history .tabbing li:first-child {
        left: -6%
    }

    .credit-card-history .tabbing li:nth-child(2) {
        left: 16%
    }

    .credit-card-history .tabbing li:last-child {
        right: -8%
    }

    .credit-card-history .tabbing li:nth-child(4) {
        right: 14%
    }

    .credit-card-history .tabbing .tab-content {
        width: 88%;
        left: 0
    }
}

@media only screen and (max-width :419px) {
    #numberFocus {
        width: 35%
    }

    .type-of-slider .bottom {
        bottom: -160px
    }

    .type-of-slider .slider .slider__item {
        width: 80%
    }

    .type-of-slider {
        margin-bottom: 115px
    }

    .testimonials a.left.carousel-control {
        right: 63%
    }

    .popular-blogs .item {
        min-height: 445px
    }

    .type-of-slider .slider .slider__item[data-slider=X2] .bottom {
        bottom: -215px
    }

    .type-of-slider .slider .slider__item[data-slider=X3] .bottom {
        bottom: -170px
    }

    .type-of-slider .slider .slider__item[data-slider=X4] .bottom, .type-of-slider .slider .slider__item[data-slider=X7] .bottom {
        bottom: -145px
    }

    .type-of-slider .slider .slider__item[data-slider=X5] .bottom {
        bottom: -195px
    }

    .type-of-slider .slider .slider__item[data-slider=X6] .bottom, .type-of-slider .slider .slider__item[data-slider=X8] .bottom {
        bottom: -170px
    }

    .type-of-slider .slider .slider__item[data-slider=X9] .bottom {
        bottom: -120px
    }

    .radio .font14 {
        font-size: 10px
    }

    .radio_buttons .checkmark {
        margin-top: 0
    }

    .horizontal-line {
        width: 100%
    }

    #sbi-show .select-items div, #sbi-show .select-selected {
        font-size: 11px
    }

    .credit-card-history .tabbing li:first-child {
        left: -10%
    }

    .credit-card-history .tabbing li:nth-child(2) {
        left: 14%
    }

    .credit-card-history .tabbing li:last-child {
        right: -10%
    }

    .credit-card-history .tabbing li:nth-child(4) {
        right: 12%
    }

    .credit-card-history .tabbing li a {
        font-size: 10px
    }

    #div_office_landline .user-input-wrp span, #div_residence_landline .user-input-wrp span {
        font-size: 11px
    }

    .arrow-icon {
        right: 10px
    }

    #typeOfCreditCard .carousel-control {
        width: 15%
    }

    .small-check-icon {
        top: 15px
    }

    .refer-earn .invite-friend {
        left: 40%;
        transform: translate(-30%)
    }
}

@media only screen and (max-width:379px) {
    .instant-green {
        top: 210px;
        right: 20px
    }

    .Fees-content p {
        font-size: 12px;
        margin-bottom: 5px
    }

        .Fees-content p:nth-child(2) {
            font-size: 14px
        }

    .offers-panel a {
        font-size: 14px;
        color: #1caffd
    }

    .info-svg {
        top: 5px
    }

    .otp-input input {
        width: 42px;
        height: 42px
    }

    #typeOfCreditCard .carousel-control {
        width: 15% !important
    }
}

@media only screen and (max-width:360px) {
    .small-voucher p {
        font-size: 10px
    }

    .otp-input input {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:359px) {
    .edit-icon {
        padding-left: 0
    }

    #numberFocus {
        padding: 5px 4px
    }

    .type-of-slider {
        margin-bottom: 130px
    }

        .type-of-slider .bottom {
            bottom: -170px
        }

    .testimonials a.left.carousel-control {
        right: 65%
    }

    .popular-blogs .item {
        min-height: 428px
    }

    .type-of-slider .slider .slider__item[data-slider=X2] .bottom {
        bottom: -235px
    }

    .type-of-slider .slider .slider__item[data-slider=X3] .bottom, .type-of-slider .slider .slider__item[data-slider=X4] .bottom, .type-of-slider .slider .slider__item[data-slider=X6] .bottom {
        bottom: -190px
    }

    .type-of-slider .slider .slider__item[data-slider=X7] .bottom {
        bottom: -170px
    }

    .type-of-slider .slider .slider__item[data-slider=X9] .bottom {
        bottom: -145px
    }

    .select-items div, .select-selected {
        font-size: 12px
    }

    .diploma {
        height: 30px
    }

    .radio span {
        padding: 10px 5px
    }

    .user-input-wrp .floating-label {
        font-size: 12px
    }

    .horizontal-line {
        left: 35%
    }

    .credit-card-banner {
        height: 430px
    }

    .about-credit-report.about-section .right p {
        line-height: 15px
    }

    .credit-card-history .tabbing li a {
        padding-right: 0;
        padding-left: 0
    }

    .credit-card-history .tabbing .tab-content {
        width: 100%
    }

    .credit-card-history .tabbing li:nth-child(4) {
        right: 13%
    }

    .credit-card-history .tabbing li:nth-child(3) {
        left: 42%
    }

    .otp-input input {
        width: 34px;
        height: 34px
    }

    #div_office_landline .user-input-wrp input:focus ~ .floating-label, #div_office_landline .user-input-wrp input:not(:focus):valid ~ .floating-label, #div_office_landline .user-input-wrp textarea:focus ~ .floating-label, #div_office_landline .user-input-wrp textarea:not(:focus):valid ~ .floating-label, #div_residence_landline .user-input-wrp input:focus ~ .floating-label, #div_residence_landline .user-input-wrp input:not(:focus):valid ~ .floating-label, #div_residence_landline .user-input-wrp textarea:focus ~ .floating-label, #div_residence_landline .user-input-wrp textarea:not(:focus):valid ~ .floating-label {
        font-size: 9px
    }

    .own_select {
        padding: 14px 8px
    }

    .edit-div a {
        font-size: 12px;
        outline: 0
    }

    .small-cross-icon {
        top: 25px
    }

    #numberFocus {
        width: 38%
    }

    #dv_karza_buttons .btn.secondary {
        padding: 0 10px 0
    }

    #dv_karza_buttons .btn {
        font-size: 14px
    }

    .eligible-panel .relative {
        vertical-align: top
    }

    .small-check-icon {
        top: 4px
    }

    .refer-earn .invite-friend {
        left: 35%;
        transform: translate(-25%)
    }

    .refer-earn .whatsapp {
        font-size: 14px;
        width: 98%
    }

    .refer-earn .refer-code {
        font-size: 13px
    }

    .refer-earn .tab-content table td, .refer-earn .tab-content table th {
        font-size: 13px
    }
}

@media screen and (max-width:359px) {
    .login {
        margin-right: 6px
    }

    .header .navbar-brand {
        width: 180px
    }
}

@media (max-width:480px) {
    .credit-card-carousel img {
        max-width: 250px;
    }
}