@media only screen and ( max-width:1370px) {
    .plan-details {
        padding: 10px 15px;
    }

    .mb45-0 {
        margin-bottom: 35px;
    }

    .step-container {
        margin-top: 5px;
    }

    .digiterm h1 {
        margin-top: 10px;
    }

    h1 {
        font-size: 50px;
        text-transform: uppercase;
        position: relative;
        /* padding-left: 10px; */
        padding-left: 0px;   /* changes by Harsh */
    }

        h1 > span {
            font-size: 14px;
        }

            h1 > span::after {
                height: 18px;
                top: 23px;
            }

        h1::after {
            height: 20px;
            top: 4px;
        }

    .step-container .step-copy {
        font-size: 14px;
    }

    .step-container .step-title {
        font-size: 16px;
    }

    output.values {
        font-size: 16px;
    }

    .range-value {
        font-size: 16px;
        padding: 5px 15px;
    }

    .calculation-form-box ul {
        margin-bottom: 30px;
        padding: 15px;
    }

    .premium-frequency::after {
        height: 35px;
    }

    .calculation-form-box > div.range-slider-wrapper {
        margin: 25px auto;
    }

    .header-content-left > a > img {
        width: 100%;
        max-width: 300px;
    }

    .digiterm {
        margin-top: 80px;
    }

    .btn > a, .btn > button {
        font-size: 16px;
        padding: 8px 35px 8px 35px;
    }

        .btn > button::after {
            font-size: 22px;
        }

    .rider-adon li {
        padding: 15px 40px;
        font-size: 18px;
    }

    .rider-adon {
        margin-bottom: 0px;
    }

    .section-heading {
        font-size: 18px;
    }

    .mt40 {
        margin-top: 20px;
    }

    .mb40 {
        margin-bottom: 40px;
    }

    .calculation-form-box .box-heading {
        font-size: 14px;
        left: 15px;
    }

    .calculation-form-box > div.range-premium {
        padding: 5px 10px;
    }

    .calculation-form-box > div.detection {
        height: 70px;
    }

    .customized-policy-wrapper .calculation-form-box > div.detection {
        height: 60px;
    }

    .check-box > label > span {
        font-size: 16px;
    }

    .premium-detail-container > p {
        font-size: 16px;
        line-height: 22px;
    }

    .form-summary-container > ul > li > .form-summary-block .form-summary-detail {
        font-size: 18px;
    }

    .premium-detail-container > .premium-detail-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .premium-detail-container > .total-annual-premium {
        font-size: 20px;
        margin: 25px 0;
    }

    .download {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .accordian-title {
        padding: 10px 10px 10px 20px;
        font-size: 16px;
    }

    .premium-detail-container {
        margin: 30px auto 0 auto;
    }

    .terms-condition {
        margin-top: 0px;
    }

        .terms-condition > .terms > p {
            font-size: 14px;
            margin-bottom: 0px;
        }
}

@media only screen and ( max-width:1280px) {
    .plan-col > .img-wrapper > img {
        width: auto;
        margin: 0 auto;
    }

    .plan-price button {
        font-size: 18px;
    }
}


@media only screen and ( max-width:1170px) {
    .owl-carousel {
        padding: 0 15px;
    }
}



@media only screen and ( max-width:639px ) {
    .form-box > ul > li {
        width: 100%;
    }

    .step-container {
        max-width: 225px;
        min-width: auto;
    }
    /* Added on 31-5-18*/
}

@media only screen and ( min-width:640px ) and ( max-width:767px ) {
}

@media only screen and ( max-width:768px ) {
    .plan-price button {
        font-size: 14px;
    }

        .plan-price button i {
            font-size: 20px;
        }

    .calculation-form-box ul li {
        width: 48%;
    }

    h1 {
        font-size: 20px;
    }

        h1:after {
            height: 20px;
            top: 2px;
        }

        h1 > span {
            margin-top: 3px;
        }

            h1 > span:after {
                height: 20px;
                top: 21px;
            }

    .digiterm {
        margin-bottom: 20px !important;
    }

    .mt10050 {
        margin-top: 50px;
    }

    .mb45-0 {
        margin-bottom: 0;
    }

    .form-row > div {
        margin-bottom: 25px;
    }

    .form-col {
        width: 100%;
    }

        .form-col > label {
            font-size: 14px;
        }

    input[type="text"] {
        font-size: 16px;
    }

    .form-col > select {
        font-size: 16px;
    }

    header {
        height: 70px;
    }

    .header-content-right > ul > li > span {
        display: none;
    }

    .header-content-right > ul > li > img.callIcon {
        display: none;
    }

    .header-content-left > a > img {
        width: 200px;
    }

    .header-content-right > ul > li:after {
        margin-left: 30px;
    }

    .header-content-right > ul > li {
        padding: 0 10px 0 10px;
    }

        .header-content-right > ul > li > a > img {
            width: 20px;
            height: 20px;
        }

        .header-content-right > ul > li:after {
            height: 30px;
            top: 0;
        }

    .footer-content {
        font-size: 11px;
    }

        .footer-content > p > span {
            font-size: 13px;
        }

    footer {
        margin-top: 25px;
    }

    .step-container {
        padding: 15px 5px;
    }

        .step-container .step-copy {
            font-size: 14px;
        }

        .step-container .step-title {
            font-size: 16px;
        }

    .btn > a {
        font-size: 16px;
        padding: 10px 40px 10px 30px;
    }

        .btn > a:before {
            top: 15px;
            right: 18px;
            height: 12px;
            width: 12px;
        }

    .radiobtn {
        margin: 10px 10px 0 5px;
    }

    .calculation-form-box > div.detection {
        height: auto;
        padding: 5px;
    }

    .customized-col {
        margin-bottom: 30px;
        width: 100%;
    }

    .section-heading {
        padding: 0 15px;
        font-size: 16px;
    }

    .section-subheading {
        font-size: 14px;
    }

    .btn > button {
        font-size: 14px;
    }

        .btn > button::after {
            font-size: 16px;
        }

        .btn > button.edit-btn {
            margin-right: 0;
        }

    .nri-container {
        max-width: 300px;
    }

    .radiobtn-clr {
        margin-top: 16px;
    }

    .nri-detail {
        margin-top: 4px;
        position: relative;
    }

        .nri-detail > .form-col > select {
            width: 90%;
            height: 30px;
            font-size: 13px;
        }

    .terms {
        margin-top: 7px;
    }

        .terms input[type="checkbox"] + label:before {
            top: 0%;
            height: 18px;
            width: 18px;
        }

        .terms > label > span {
            font-size: 12px;
            margin-left: 25px;
        }

    .check-box p {
        font-size: 11px;
        margin-top: 6px;
    }


    .form-summary-container > ul {
        flex-wrap: wrap;
    }

        .form-summary-container > ul > li {
            width: 48%;
            margin-bottom: 30px;
        }

            .form-summary-container > ul > li > .form-summary-block p {
                font-size: 14px;
                padding-bottom: 10px;
            }

            .form-summary-container > ul > li > .form-summary-block .form-summary-detail {
                font-size: 14px;
                padding-top: 10px;
            }

    .premium-detail-container {
        width: 100%;
        margin: 30px auto 0 auto;
    }

        .premium-detail-container > .premium-detail-title {
            font-size: 18px;
            padding: 0 12% 10px 12%;
            margin-bottom: 15px;
        }

        .premium-detail-container > p {
            font-size: 14px;
            line-height: 22px;
        }

        .premium-detail-container > .total-annual-premium {
            font-size: 18px;
            width: 90%;
            margin: 20px 0;
        }

            .premium-detail-container > .total-annual-premium > p {
                display: block;
            }

            .premium-detail-container > .total-annual-premium > span {
                font-size: 14px;
            }

    .download {
        font-size: 11px;
        margin-bottom: 10px;
    }

        .download > .downld-img {
            padding-left: 5px;
        }

            .download > .downld-img > img {
                width: 18px;
            }

    .terms-condition > .terms > label > span {
        font-size: 14px;
    }

    .terms-condition > .terms > p {
        font-size: 14px;
    }

    .terms-condition > .terms input[type="checkbox"] + label:before {
        left: -2px;
        top: -1px;
    }

    .accordian-title {
        cursor: pointer;
        font-family: 'VAGRoundedStdLight';
        font-size: 14px;
        color: #004ca8;
        padding: 20px 20px 20px 40px;
        text-decoration: underline;
        display: block;
        margin-top: 10px;
    }

    .accordian-content {
        color: #333;
        padding: 5px 10px 0px 40px;
        line-height: 18px;
    }

        .accordian-content > p {
            font-size: 14px;
        }

        .accordian-content > span {
            font-size: 14px;
        }

        .accordian-content ul > li {
            list-style-type: decimal;
        }
    /*.accordian-title { font-size:16px; padding: 10px 10px 10px 15px; margin-top: 20px;}*/
    .closedlanguage {
        background: url(../images/plus-mob.png) no-repeat right 15px center #f4f4f4;
    }

    .openlanguage {
        background: url(../images/minus-mob.png) no-repeat right 15px center #f4f4f4;
    }

    .calculation-form-box .box-heading {
        font-size: 14px;
    }

    output.values {
        font-size: 16px;
    }

    .range-value {
        font-size: 16px;
    }

    /*.plan-wrapper-inner {overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
.plan-wrapper-inner > li {width: 90%; float: none; display: inline-block;}
.plan-col {white-space: normal;}*/
    .check-box > label > span {
        font-size: 16px;
    }

    .rider-adon {
        margin-bottom: 30px;
    }

        .rider-adon li {
            padding: 12px 15px;
            font-size: 16px;
        }

    .hover-price {
        position: relative;
        max-height: 350px;
    }

    .plan-price {
        padding: 0px;
    }

        .plan-price .main-price {
            display: none;
        }

    .plan-details .other-options {
        height: 45px;
    }

    .plan-wrapper-inner > li {
        width: 50%;
        margin-bottom: 25px;
    }

    .item {
        height: auto;
    }

    .plan-details {
        min-height: 140px;
    }

    .plan-name h3 {
        line-height: 20px;
        padding: 0 15px;
    }

    .sum-assure output.values, .sum-assure input.values {
        max-width: 90px;
    }
    /*Changed on 6-8-18*/

}

@media only screen and ( max-width:540px ) {
    .plan-wrapper-inner > li {
        width: 100%;
        margin-bottom: 25px;
    }

    .plan-details {
        min-height: auto;
    }
    .riderMsg {
            margin: 31px 0 0 !important;
            font-size: 10px;
        }
}

@media only screen and ( min-width:769px ) and ( max-width:991px) {
    h1 {
        font-size: 30px;
    }

        h1:after {
            height: 23px;
        }

        h1 > span {
            font-size: 18px;
            margin-top: 3px;
        }

            h1 > span:after {
                height: 25px;
                top: 25px;
            }

    .header-content-left {
        width: 55%;
        float: left;
    }

    .header-content-right > ul > li:after {
        margin-left: 10px;
    }

    .header-content-right > ul > li {
        padding: 0 10px 0 10px;
    }

    .header-content-left > a > img {
        width: 240px;
    }



    @media only screen and (max-width:767px) {
        .btnWrapBackNextAD .backbtnAD {
            line-height: 20px;
            font-size: 14px;
            padding: 8px 35px;
        }

    }


    .radiobtn-clr > label > span {
        margin: 20px 20px 20px 25px;
    }

    .btn > button {
        font-size: 20px;
        padding: 16px 70px 16px 70px;
    }

    .form-summary-container > ul > li {
        width: 19%;
    }

        .form-summary-container > ul > li > .form-summary-block p {
            font-size: 16px;
            padding-bottom: 12px;
        }

        .form-summary-container > ul > li > .form-summary-block .form-summary-detail {
            font-size: 14px;
            padding-top: 12px;
        }

    .accordian-title {
        font-size: 18px;
        padding: 15px 15px 15px 25px;
        margin-top: 20px;
    }

    .closedlanguage {
        background: url(../images/plus-mob.png) no-repeat right 25px center #f4f4f4;
    }

    .openlanguage {
        background: url(../images/minus-mob.png) no-repeat right 25px center #f4f4f4;
    }
}

@media only screen and ( min-width:768px ) and ( max-width:1024px) {
    .step-container {
        padding: 10px 25px;
    }


    .radiobtn {
        margin: 10px 0 0 0;
    }

        .radiobtn > label > span {
            margin: 5px;
        }

    .btn > a {
        font-size: 25px;
        padding: 15px 50px 15px 50px;
    }

        .btn > a:before {
            top: 24px;
            right: 30px;
        }
}

@media only screen and (max-width:1170px) {
    .plan-details .other-options {
        margin-left: 0px !important;
    }

    .plan-col:hover .plan-details .other-options {
        height: 60px;
    }
}

@media only screen and ( min-width:992px ) and ( max-width:1200px) {
    .form-summary-container > ul > li > .form-summary-block .form-summary-detail {
        font-size: 18px;
    }
}



/*Hosanna*/
.sum-assure output.values, .sum-assure input.values {
    width: 115px;
}

@media only screen and (max-width:1370px) {
    .customized-policy-wrapper .calculation-form-box > div.detection {
        height: 42px;
    }

    .plan-details {
        padding: 10px;
    }
}

@media only screen and (max-width:767px) {
    .btnWrapBackNextAD .backbtnAD {
        line-height: 21px;
        font-size: 14px;
        padding: 8px 35px;
        margin-bottom: 0px;
        position: relative;
        bottom: 1px;
    }

        .btnWrapBackNextAD .backbtnAD::before {
            font-size: 16px;
        }

    .plan-wrapper-inner > li .plan-details .other-options > div .mobileMsgAD {
        display: block;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

    #progressBar p img {
        width: 100px;
        height: 100px;
    }

    .sum-assure output.values, .sum-assure input.values {
        max-width: 130px;
    }

    .terms-condition > .terms input[type="checkbox"] + label:before, .terms .check-box > label::before, .terms .check-box > label::after {
        top: -8px;
    }

    .terms-condition > .terms > p span {
        display: block;
        font-size: 12px;
        margin: 0 0 6px;
    }

    .plan-wrapper-inner {
        margin-bottom: 0;
    }

    .plan-details .other-options {
        height: 65px;
    }

    .plan-wrapper-inner > li .redNoteAD {
        display: inline-block;
    }
}


/* 12-07-2018 css start here */
@media only screen and (max-width:1440px) {

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

    .step-container-1 {
        margin: 8px 0 0;
        padding: 0;
    }

    .towColWrapper .step-container-1 {
        margin: 26px 26px 0 0;
    }

    .digiterm.towColWrapper .col-xs-6:nth-child(1) {
        width: auto;
        float: left;
    }

    .digiterm.towColWrapper .col-xs-6:nth-child(2) {
        width: auto;
        float: right;
    }

    .step-container-1 .step-copy, .step-container .step-copy {
        font-size: 16px;
    }

    .step-container-1 .step-title, .step-container .step-title {
        font-size: 20px;
    }

    .digiterm h1 {
        width: 100% ; /*17022021 --200px;*/
    }
}

@media only screen and (max-width:1024px) {
    .btn > a, .btn > button {
        font-size: 16px;
        padding: 8px 35px 8px 35px;
    }

    .documents .formWrapUploadD {
        width: 100%;
    }

    .step-container-1 .step-copy {
        font-size: 12px;
    }

    .step-container .step-copy {
        font-size: 12px;
    }

    .step-container-1 .step-title {
        font-size: 16px;
    }

    .step-container .step-title {
        font-size: 16px;
    }

    .towColWrapper .step-container-1 {
        margin: 14px 26px 0 0;
    }
}

@media only screen and (max-width:800px) {
    .documents .formWrapUploadD .colWrapA {
        width: 100%;
    }

    div#dvincomeProof button.file-upload-button {
        position: absolute;
        /* top: 38px */
        top: 49px
    }
}

@media only screen and (max-width:767px) {
    .btn > a, .btn > button {
        line-height: 21px;
        font-size: 14px;
        padding: 8px 35px;
    }

    .btn > a {
        position: relative;
        bottom: 0px;
    }

    .mtm25 {
        margin-top: 25px;
    }

    .mbm25, .colM25 {
        margin-bottom: 25px;
    }

    .premium-detail-container > .form-col.pan-no {
        width: 240px;
    }

    .dearXYZ h5 {
        font-size: 14px;
        line-height: 22px;
    }

    .medical-schedular h4.fbA26 {
        font-size: 20px;
    }

    .mailingInformation .width40 {
        width: 100%;
    }

    .form-summary-container > ul > li {
        width: 100%;
    }

    .mailingInformation .medical-schedular .row, .medicalDetails .medical-schedular .row, .additionalDetails .medical-schedular .row {
        margin: 0;
    }

    #progressBar p img {
        display: block;
        margin: 0 auto;
    }

    #progressBar p img {
        width: 100px;
        height: 100px;
    }

    .mbm25 {
        margin-bottom: 25px;
    }

    .applicationDetails .Politicallyexposed .acNumber .form-col {
        width: 100%;
    }

    .applicationDetails .Politicallyexposed .acNumber .form-col {
        width: 100%;
    }

    .applicationDetails .Politicallyexposed .faqctaWrap {
        margin: 10px 0 0;
        display: block;
    }

    .applicationDetails .Politicallyexposed .questionWrap .fourOptionsW .radiobtn-clr {
        width: calc(100% - 25px);
    }

        .applicationDetails .Politicallyexposed .questionWrap .fourOptionsW .radiobtn-clr:nth-child(2) {
            margin-top: 40px;
        }

    .custom-container {
        width: 100%;
        max-width: 100;
        left: 0;
        transform: none;
        -webkit-transform: none;
    }

    .mailingInformation .insuranceDetail .check-box, .nomineeDetails .form-row h4 .check-box {
        margin: 20px 0;
        display: block;
    }

    .otpWrap .fiveColWrap .col-sm-3 {
        margin-bottom: 25px;
    }

    body {
        height: auto;
        width: 100%;
        float: left;
    }

    .paymentFailure .innerWrap h4 {
        font-size: 18px;
    }

    .paymentFailure .innerWrap p {
        font-size: 16px;
        line-height: 20px;
    }

    .thankYou2 .innerWrap span {
        font-size: 20px;
    }

    .thankYou2 .innerWrap a {
        font-size: 16px;
    }

    .paymentFailure .innerWrap abbr {
        font-size: 30px;
    }

    .plan-wrapper-inner > li .check-box > label {
        display: inline-block;
        width: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin-bottom: 10px;
        padding-left: 20px;
    }

        .plan-wrapper-inner > li .check-box > label:before {
            width: 14px;
            height: 14px;
        }

    .check-box > label:after {
        width: 14px;
        height: 14px;
        background-size: 12px;
        top: 2px;
        left: 0;
    }

    .step-container-1 {
        margin: 15px 0 0;
        padding: 0;
    }

    .digiterm h1 {
        margin: 15px 0 0;
    }

    .step-container-1 .step-copy, .step-container-1 .step-title, .step-container .step-copy, .step-container .step-title {
        font-size: 12px;
    }

    .digiterm.towColWrapper .col-xs-6 .step-container-1 {
        margin-right: 20px;
    }

    .towColWrapper .step-container-1 {
        margin-top: 22px;
    }

    body {
        padding-top: 0px;
    }

    .customauthError {
        position: relative;
        bottom: auto;
        top: 0;
        color: red !important;
        font-size: 13px !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block;
    }

    .mailingInformation .insuranceDetail .check-box > label:before, .additionalDetails.bankDetails .check-box > label:before, .nomineeDetails .form-row .check-box > label:before, .check-box > label:before {
        top: 0;
    }

    .mailingInformation .insuranceDetail .check-box > label:after, .additionalDetails.bankDetails .check-box > label:after, .nomineeDetails .form-row .check-box > label:after, .check-box > label:after {
        top: 0px;
        left: 0px;
    }

    .mailingInformation .digiterm, .bankDetails .digiterm, .nomineeDetails .digiterm, .lifeCoverDetails .digiterm, .lifestyleDetails .digiterm, .additionalDetails .digiterm {
        margin-top: 60px !important;
    }

    .btnWrapBackNextAD.btn > button, .btnWrapBackNextAD .backbtnAD {
        padding: 9px 35px;
        font-size: 16px;
        line-height: 21px;
    }

        .btnWrapBackNextAD.btn > button::after, .btnWrapBackNextAD .backbtnAD::before {
            font-size: 22px;
            line-height: 0;
            position: relative;
            top: 2px;
        }

    .btnWrapBackNextAD.btn .backbtnAD {
        bottom: 0px;
    }

    .btnWrapBackNextAD.btn > a.backbtnAD:before {
        right: 0;
    }

    .digiterm.towColWrapper .col-xs-6:nth-child(2), .digiterm.towColWrapper .col-xs-6.text-right.plM0, .digiterm.towColWrapper .col-xs-6.text-right {
        width: 100%;
    }

        .digiterm.towColWrapper .col-xs-6:nth-child(2) .step-container {
            min-width: auto;
        }

    .digiterm.towColWrapper .col-xs-6 .step-container-1 {
        float: left;
    }

    .applicationDetails .radiobtn-clr > label:before {
        top: 36%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .applicationDetails .radiobtn-clr > label:after {
        top: 36%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .applicationDetails .check-box > label {
        text-align: left;
    }

    .plan-wrapper-inner > li {
        width: 100%;
    }

    .lifestyleDetails .check-box > label:after {
        top: 2px;
    }

    .documents .check-box > label:after {
        top: -1px !important;
    }

    .medical-schedular ul li {
        width: 50%;
    }

    .medical-schedular ul.medical-test li {
        width: calc(50% - 20px);
    }

    .nomineeaddAD .accordian-content .custom-container > div, .nomineeaddAD .accordian-content .custom-container.nomineeAddressAD .maxWidthAD400, .nomineeaddAD .accordian-content .custom-container.nomineeAddressAD .maxWidthAD300, .nomineeaddAD .accordian-content .custom-container.nomineeAddressAD .maxWidthAD150.txtCenter, .nomineeaddAD .accordian-content .custom-container .maxWidthAD200, .nomineeaddAD .accordian-content .custom-container.nomineeAddressAD > div {
        width: 100%;
        margin: 0 0 20px;
    }

        .nomineeaddAD .accordian-content .custom-container > div span:after {
            width: 100%;
        }

    .otpWrap button#validateotp {
        display: block;
        margin: 20px auto 0;
    }

    .calculation-form-box > div.range-premium .check-box > input:checked ~ label:after {
        top: 2px;
        left: 2px;
    }

    .nomineeaddAD .accordian-content .custom-container h4 {
        text-align: center;
    }
}

@media only screen and (max-width:520px) {
    .digiterm.towColWrapper .col-xs-6:nth-child(2) {
        width: 100%;
    }

    .digiterm.towColWrapper .col-xs-6:nth-child(2), .digiterm.towColWrapper .col-xs-6.text-right.plM0, .digiterm.towColWrapper .col-xs-6.text-right {
        width: 100%;
    }

    .digiterm.towColWrapper .col-xs-6 .step-container-1 {
        float: left;
    }
}

@media only screen and (max-width:340px) {
    .step-container-1 .step-copy, .step-container-1 .step-title, .step-container .step-copy, .step-container .step-title {
        font-size: 11px;
        line-height: 18px;
    }

    .digiterm.towColWrapper .col-xs-6 .step-container-1 {
        margin-right: 10px;
    }

    .header-content-right > ul > li {
        padding: 0 4px;
    }
}

/* 12-07-2018 css end here */