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

@media only screen and (max-width : 1024px) {
    .whyContainer .topBtn {
        right: 0;
        width: 80px;
    }
}

@media only screen and (max-width : 999px) {
    .bullet {
        height: 10px;
        width: 10px;
    }

    .spacing1 {
        padding: 40px 0 100px;
    }

    .header .headerCenter {
        margin: 0 5%;
        width: 90%;
    }

    .containerWrapper .containerCenter {
        margin: 0 5%;
        width: 90%;
    }

    .footer .footerCenter {
        margin: 0 5%;
        width: 90%;
    }

    .loginSection {
        padding: 70px 0 370px;
    }

    .registerSection {
        padding: 40px 0 370px;
        width: 320px;
    }

        .registerSection .form {
            width: 100%;
        }

    .form .title {
        padding-bottom: 20px;
    }

    .information ul li {
        width: 100%;
    }

    .boxSection {
        width: 100%;
    }

    .formSection .row .clm {
        padding-left: 20px;
    }

        .formSection .row .clm label {
            padding: 5px 15px 0 0;
            width: 20%;
        }

    .formSection .rowStyle1 .clm label {
        padding: 0 0 15px;
        width: 100%;
    }

    .formSection .rowStyle1 .clmWidth1 input[placeholder] {
        width: 40%;
    }

    .formSection .row .dobClmWidth .fields {
        width: 80%;
    }

    .formSection .setAlertRow .clm {
        padding: 0;
        width: 100%;
    }

        .formSection .setAlertRow .clm:first-child {
            border-bottom: 1px solid #d6d6d6;
            border-right: medium none;
            padding: 0 0 15px;
        }
    /*addNomimeeSection:start*/
    .formSection .addNomimeeSection .formWrap {
        width: 100%;
    }

    .formSection .addNomimeeSection .btnWrap {
        width: 100%;
    }

    .formSection .addNomimeeSection .addFormValues .btnWrap {
        padding-top: 20px;
    }

    .formSection .addNomimeeSection .addForm .btnWrap {
        padding-top: 20px;
    }

    .formSection .addNomimeeSection .row .clm {
        width: 50%;
    }

    .formSection .addNomimeeSection .row .clmMobile {
        width: 100%;
        padding: 10px 0 0 0;
    }
    /*addNomimeeSection:end*/


    .registerDetails .row input[placeholder], .form .row input[placeholder] {
        font-size: 1.4em;
        height: 40px;
        line-height: normal;
        padding: 5px 16px;
    }

    .responsiveTable {
        width: 100%;
    }

        .responsiveTable table tr td, .responsiveTable table tr th {
            font-size: 1.2em;
        }

    .myPayoutsForm .responsiveTable table tr th, .myPayoutsForm .responsiveTable table tr td {
        font-size: 1.1em;
    }

    .chartSection {
        padding: 25px 0;
        text-align: center;
        width: 100%;
    }
    /*updateDetails:start*/
    /*.updateDetails ul li:nth-child(3n),
.updateDetails ul li.removeStyle {padding-right: 0;}
.updateDetails ul li:nth-child(4n),
.updateDetails ul li.removeStyle {padding-right: 40px;}*/
    /*updateDetails:end*/

    /*viewPayoutDetails:start*/
    .viewPayoutDetails .box {
        margin: 25px 0 0 0;
        min-height: auto;
        width: 100%;
    }
    /*viewPayoutDetails:end*/

    /*calendarSection:start*/
    .calendarSection .leftSection .monthSection ul li {
        height: 99px;
        margin: 8px 8px 0 0;
        width: 99px;
    }

    .monthDetails .policyDetails .policyInfo {
        padding-left: 5px;
        width: 92%;
    }

        .monthDetails .policyDetails .policyInfo .contentGrp .orangeBtn {
            padding: 0 10px;
        }

    .calendarSection .leftSection .yearSection {
        width: 97%;
    }
    /*calendarSection:end*/

    /*setAlertSection:start*/
    .setAlertSection .selPolicyBox {
        width: 100%;
    }
    /*setAlertSection:end*/

    /*homepageOuterWrapper:start*/
    .homepageInnerWrapper {
        margin: 0 5%;
        width: 90%;
    }

    .hpBanSection, .hpBanSection .slides, .hpBanSection .slides img {
        height: auto;
    }

        .hpBanSection .slides img {
            width: 100%;
        }
    /*.hpBanSection .slides{height:auto;}*/
    /*homepageOuterWrapper:end*/


    .homeContainerWrapper .containerCenter {
        margin: 0 auto;
        width: 95%;
    }

    .hpBanSection .slides {
        height: auto;
    }
    /*topSectionWrapper:start*/
    .topSectionWrapper .topSectionCenter {
        margin: 0 auto;
        width: 95%;
    }

    .topSection .linkSection {
        padding: 0 0 15px 0;
        width: 100%;
    }

        .topSection .linkSection ul li {
            margin: 0 0 0 15px;
            width: auto;
        }

            .topSection .linkSection ul li:first-child {
                margin-left: 0;
            }

            .topSection .linkSection ul li a {
                padding: 10px 15px;
                width: auto;
            }

    .topSection .notificationSection {
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
    }

        .topSection .notificationSection .group .rightSide .contentGroup {
            float: left;
            width: 100%;
        }

        .topSection .notificationSection .group .rightSide .btnGroup {
            float: right;
            padding-top: 10px;
            width: 100%;
        }
    /*topSectionWrapper:start*/

    /*policyInfoSection:start*/
    .policyInfoSection .leftSide {
        border: none;
        border-bottom: solid 1px #90a9a9;
        padding: 0 0 15px 0;
        width: 100%;
    }

    .policyInfoSection .rightSide {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .links {
        padding-bottom: 5px;
    }

        .links a {
            margin: 0 15px 15px 0;
        }

    .policyProfileDetails .group {
        margin-right: 2%;
        width: 48%;
    }
    /*policyInfoSection:end*/

    /*premiumInfo:start*/
    .premiumInfo .group {
        min-height: auto;
    }

    .premiumInfo .premAmountClm {
        padding: 0 0 15px 0;
        width: 100%;
    }

    .premiumInfo .premTypeClm {
        border-left: 0;
        padding-left: 0;
        width: 50%;
    }

    .premiumInfo .btnGroup {
        width: 50%;
        padding-right: 0;
        text-align: right;
    }

        .premiumInfo .btnGroup .orangeBtn {
            font-size: 1.8em;
            margin: 0 0 0 10px;
        }

    .premiumInfo .group p .value {
        display: inline-block;
        font-size: 2.5em;
        padding-left: 10px;
        vertical-align: middle;
    }
    /*premiumInfo:end*/

    /*payoutsBenefitSection:start*/
    .payoutsBenefitSection .benefitsDetails ul li.plus {
        font-size: 2.5em;
        padding-top: 20px;
        width: 5%;
    }

    .payoutsBenefitSection .benefitsDetails ul li.minus {
        font-size: 3.5em;
        padding-top: 15px;
        width: 5%;
    }

    .payoutsBenefitSection .benefitsDetails ul li label {
        font-size: 1.2em;
    }

    .payoutsBenefitSection .benefitsDetails ul li .value {
        font-size: 1.4em;
    }

    .payoutsBenefitSection .benefitsDetails ul li a {
        font-size: 1.2em;
    }
    /*payoutsBenefitSection:end*/

    /*fundPerformanceSection:start*/
    .fundPerformanceSection .tableChartSection .tableGraphViewSection {
        padding: 15px 0 0 0;
        width: 100%;
    }

    .fundPerformanceSection .tableChartSection .fundAllocationSection {
        text-align: center;
        width: 100%;
    }
    /*fundPerformanceSection:end*/

    /*topUpFundSwitchSection:start*/
    .topUpFundSwitchSection .group {
        padding: 10px 8px;
    }
    /*topUpFundSwitchSection:end*/

    /*userProfileSection:start*/
    .userProfileSection .section .profileDetails .row .signClm .selVal {
        width: 65%;
    }
    /*userProfileSection:end*/

    /*whyContainer:start*/
    .whiteContainerWrapper .containerCenter {
        margin: 0 5%;
        width: 90%;
    }

    .whyContainer .whyContent .group {
        padding: 0 15px;
    }

        .whyContainer .whyContent .group:first-child {
            padding-left: 0;
        }

    .whyContainer .topBtn {
        right: 0;
        width: 60px;
    }
    /*whyContainer:end*/
    .footerWrapper .footerWrapperIner {
        margin: 0 5%;
        width: 90%;
    }

    .listStyle25 .heading {
        margin: 0;
    }

    .listStyle25 .rightSide {
        padding: 0 0 0 20px;
    }

    .col1_type2 {
        padding: 0;
    }

    .dashbordWrp .branchmap img {
        width: 100%;
    }

    .bordTop .polyHed h3, .bordTop .polyAmt h3 {
        font-size: 1.8em;
    }

    .topSection .notificationSection .group .rightSide .contentGroup, .topSection .notificationSection .group .rightSide .btnGroup {
        width: auto;
        padding: 0;
    }
}

@media only screen and (max-width : 900px) {
    .dashbordWrp .policyInfoSection .infobox {
        padding: 0 1%;
    }

    .dashbordWrp .recFu .col3 p {
        font-size: 2em;
    }

    .policyWrp .lefSide img {
        width: 100%;
    }
}

@media only screen and (max-width : 800px) {
    /*.dashbordWrp .policyInfoSection .infobox{ width:100%}*/
    .dashbordWrp .policyInfoSection .infobox.w20 {
        width: 25%;
    }

    .dashbordWrp .policyInfoSection .infobox.w60 {
        width: 50%;
    }

    .dashbordWrp .premiumInfo .group {
        padding: 0 1%;
    }

    .policyInfoSection {
        padding: 2%;
    }

    .dashbordWrp .policyInfoSection li {
        padding: 0;
    }

    .dashbordWrp .plsBox .col2.rigBox, .dashbordWrp .plsBox .col2 {
        width: 50%;
    }

        .dashbordWrp .plsBox .col2 a.arrowBk {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .dashbordWrp .faqBar .col3:first-child, .dashbordWrp .faqBar .col3 {
        width: 33.33%;
    }

    .accordianSection .accordianContent, .dashbordWrp .whtBox, .dashbordWrp .recFu {
        padding: 3%;
    }

    .dashbordWrp .policyInfoSection .infobox.w20 {
        width: 33%;
    }

    .dashbordWrp .policyInfoSection .infobox.w60 {
        width: 33%;
    }

    .dashbordWrp .policyInfoSection .infobox .col2 {
        width: 100%;
    }

    .dashbordWrp .plsBox .col2 .orngList {
        padding: 0;
    }

    .dashbordWrp .plsBox .rigBox p {
        min-height: 82px;
    }

    .productPage .accordianSection .title h2 {
        padding: 3px 0 3px 3%;
        font-size: 2em;
    }

        .productPage .accordianSection .title h2 .sub {
            font-size: 12px;
            float: left;
            width: 100%;
        }

    .productPage .accTable {
        padding: 5px;
    }

    .preLgnWrp .rowList li span {
        width: 80%;
    }
}

@media only screen and (max-width : 767px) {
     .mobilebanner {
        display:block;
    }
    .desktopbanner {
        display:none;
    }

    .list-type ol li {
        width:100%;
    }
    .proWrap li {
        width:50%;
    }
    .videoSection {
        width: 100%;
        float: none;
        text-align: center;
    }

        .videoSection iframe {
            width: 100%;
            height: 467px;
        }

    .errorMsg {
        background-size: 20px;
        font-size: 1.4em;
        padding: 0 0 3px 25px;
    }

    .errorMsgMl {
        margin: 15px 0 0 0;
    }

    .loginSection {
        padding: 25px 0 315px;
    }

    .registerSection {
        padding: 25px 0 315px;
        width: 300px;
    }

    .form .row .forgotPass {
        margin: 5px 0 0 0;
    }

    a.addBtn, a.editBtn, a.deleteBtn, a.updateBtn, a.cancelBtn {
        font-size: 1.4em;
        background-size: 25px 25px;
    }
    /*formSection:start*/
    .formSection .row .clm {
        padding: 0 0 15px 0;
        width: 100%;
    }

    .formSection .rowStyle1 .clm {
        padding: 0 0 0 20px;
        width: 50%;
    }

    .formSection .row .otpClmWidth {
        width: 40%;
    }

    .formSection .rowStyle1 .clm label {
        font-size: 1.4em;
        padding: 0 0 5px;
    }

    .formSection .rowStyle1 .clm input[placeholder] {
        font-size: 1.4em;
        height: 40px;
        line-height: normal;
        padding: 5px 16px;
    }

    .formSection .rowStyle1 .clm .selBoxA {
        height: 40px;
    }

        .formSection .rowStyle1 .clm .selBoxA .selVal {
            font-size: 1.4em;
            height: 40px;
            line-height: 40px;
            padding: 0 56px 0 16px;
        }

    .formSection .rowStyle1 .clmWidth1 {
        width: 100%;
    }

    .formSection .completeStep .rightEntry {
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 33%;
    }

        .formSection .completeStep .rightEntry .showEnterField {
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            width: 80%;
        }

    .usForm .row .clm .downloadBox {
        margin: 0;
        width: 100%;
    }

    .usForm .row .formToClm .fields .group {
        padding: 0 0 10px;
        width: 100%;
    }

    .formSection .row .selBoxAWidth1 {
        width: 100%;
    }

    .resultSection2 .title {
        font-size: 1.4em;
    }

    .resultSection2 .fundInfo .group label, .resultSection2 .fundInfo .group .fundValue {
        font-size: 1.4em;
        width: 105px;
    }

    .thankYouSection .title {
        font-size: 1.4em;
        background-size: 18px 18px;
        padding-left: 30px;
    }

    .thankYouSection ul li {
        font-size: 1.4em;
        width: 50%;
    }

    .formSection .checkCode {
        margin: 30px 0 0 0;
    }

    .formSection .bankName {
        font-size: 1.4em;
    }
    /*addNomimeeSection:start*/
    .formSection .addNomimeeSection .row .clmMobile {
        padding-top: 0;
    }

    .formSection .addNomimeeSection .row .clm label {
        font-size: 1.4em;
        padding: 0 0 5px;
    }

    .formSection .addNomimeeSection .row .clm input[placeholder] {
        font-size: 1.4em;
        height: 40px;
        line-height: normal;
        padding: 5px 16px;
    }

    .formSection .addNomimeeSection .row .clm .selBoxA {
        height: 40px;
    }

        .formSection .addNomimeeSection .row .clm .selBoxA .selVal {
            font-size: 1.4em;
            height: 40px;
            line-height: 40px;
            padding: 0 56px 0 16px;
        }

    .formSection .addNomimeeSection .row .clm .selBox {
        height: 40px;
    }

        .formSection .addNomimeeSection .row .clm .selBox .selVal {
            font-size: 1.4em;
            height: 40px;
            line-height: 40px;
        }

    .formSection .addNomimeeSection .addFormValues ul li {
        font-size: 1.4em;
    }
    /*addNomimeeSection:end*/

    /*nomineeDetails:start*/
    .nomineeDetails ul li {
        font-size: 1.4em;
    }

    .nomineeDetails .title {
        font-size: 1.4em;
    }
    /*nomineeDetails:end*/

    /*formSection:end*/

    /*updateDetails:start*/
    .updateDetails .title {
        font-size: 1.4em;
        padding-bottom: 10px;
    }

    .updateDetails ul li {
        font-size: 1.4em;
        padding: 0 20px 10px 0;
    }
    /*updateDetails:end*/

    /*calendarSection:start*/
    .calendarSection .leftSection {
        padding: 0 0 20px 0;
        width: 100%;
    }

        .calendarSection .leftSection .monthSection ul li {
            height: 105px;
            width: 105px;
        }

    .lightbox {
        margin: 0;
        width: 85%;
    }

    .rightSection {
        width: 100%;
    }

    .calendarSection .rightSection {
        display: none;
    }

    .lightbox .lbClose {
        background-size: 35px 35px;
        right: -25px;
        top: -20px;
    }
    /*calendarSection:end*/

    /*.responsiveTable:start*/
    .responsiveTable .tableData table tr {
        float: left;
        width: 120px;
    }

    .responsiveTable table tr td, .responsiveTable table tr th {
        border-bottom: solid #d6d6d6 1px;
        border-top: none;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
        float: left;
        font-size: 1.2em;
        width: 120px;
        vertical-align: middle;
        padding: 5px;
    }

    .myPayoutsForm .responsiveTable table tr th, .myPayoutsForm .responsiveTable table tr td {
        font-size: 1.2em;
    }

    .prPostForm .responsiveTable table tr th:nth-child(1), .prPostForm .responsiveTable table tr td:nth-child(1) {
        height: 40px;
    }

    .responsiveTable table tr th:nth-child(3), .responsiveTable table tr td:nth-child(3) {
        height: 50px;
    }

    .responsiveTable table tr th:nth-child(5), .responsiveTable table tr td:nth-child(5) {
        height: 50px;
    }

    .myPayoutsForm .responsiveTable table tr th, .myPayoutsForm .responsiveTable table tr td {
        height: auto;
    }

        .myPayoutsForm .responsiveTable table tr th:nth-child(8), .myPayoutsForm .responsiveTable table tr td:nth-child(8) {
            height: 50px;
        }

    .accTable .responsiveTable {
        padding: 0;
    }

        .accTable .responsiveTable table tr th, .accTable .responsiveTable table tr td {
            border-bottom: solid #d6d6d6 1px;
            border-top: none;
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            display: block;
            float: left;
            text-align: left;
        }

            .accTable .responsiveTable table tr td .lastNavChange input {
                text-align: left;
            }

    .fundPerformanceSection .responsiveTable table tr th:first-child, .fundPerformanceSection .responsiveTable table tr td:first-child {
        text-align: left;
    }

    .fundPerformanceSection .responsiveTable table tr th:nth-child(1), .fundPerformanceSection .responsiveTable table tr td:nth-child(1) {
        height: 50px;
    }

    .fundPerformanceSection .responsiveTable table tr th:nth-child(2), .fundPerformanceSection .responsiveTable table tr td:nth-child(2) {
        height: 50px;
    }

    .fundPerformanceSection .responsiveTable table tr th:nth-child(3), .fundPerformanceSection .responsiveTable table tr td:nth-child(3) {
        height: auto;
    }

    .fundPerformanceSection .responsiveTable table tr th:nth-child(4), .fundPerformanceSection .responsiveTable table tr td:nth-child(4) {
        height: 70px;
    }

    .policyTimeLineSection .responsiveTable table tr th:first-child, .policyTimeLineSection .responsiveTable table tr td:first-child {
        text-align: left;
    }

    .policyTimeLineSection .responsiveTable table tr th:nth-child(1), .policyTimeLineSection .responsiveTable table tr td:nth-child(1) {
        height: 50px;
    }

    .policyTimeLineSection .responsiveTable table tr th:nth-child(4), .policyTimeLineSection .responsiveTable table tr td:nth-child(4) {
        height: 50px;
    }

    .policyTimeLineSection .responsiveTable table tr th:nth-child(3), .policyTimeLineSection .responsiveTable table tr td:nth-child(3) {
        height: auto;
    }

    .policyTimeLineSection .responsiveTable table tr th:nth-child(5), .policyTimeLineSection .responsiveTable table tr td:nth-child(5) {
        height: 50px;
    }

    .responsiveTable .abTableHeading {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 120px;
        z-index: 2;
    }

    .responsiveTable .tableDataOuter {
        padding-left: 120px;
    }

    .responsiveTable .tableData {
        overflow-x: scroll;
        position: relative;
        width: 100%;
    }

        .responsiveTable .tableData table thead {
            display: none;
        }

        .responsiveTable .tableData table tbody {
            float: left;
        }

            .responsiveTable .tableData table tbody tr, .responsiveTable .tableData table tbody tr td {
                width: 120px;
            }

    /*responsiveTable responsive table:end*/

    /*topSectionWrapper:start*/
    .topSection {
        padding-top: 15px;
    }

        .topSection h2 {
            text-align: center;
            padding-bottom: 15px;
            width: 100%;
        }

        .topSection .policyHolder {
            float: left;
            width: 40%;
        }

        .topSection .mobileNotification {
            display: block;
        }

        .topSection .notificationSection {
            display: none;
        }

            .topSection .notificationSection .group h3 {
                display: none;
            }

            .topSection .notificationSection .group .leftSide {
                padding-bottom: 10px;
                width: 100%;
            }

            .topSection .notificationSection .group .status {
                padding: 5px 0 5px 35px;
            }

            .topSection .notificationSection .group .rightSide {
                width: 100%;
            }

        .topSection .linkSection ul li {
            font-size: 1.4em;
        }

    .policyInfoSection .rightSide ul li.smuAss {
        width: 100%;
    }

    .policyInfoSection .rightSide ul li.plus {
        padding-top: 0;
        width: 100%;
    }

    .policyInfoSection .rightSide ul li.total {
        width: 100%;
    }

    .policyInfoSection .rightSide ul li .groupAmt {
        float: left;
        width: 100%;
    }

    .policyInfoSection .rightSide ul li .amount {
        font-size: 1.6em;
    }
    /*topSectionWrapper:end*/

    /*policyProfileDetails:start*/
    .policyProfileDetails .group .title {
        padding: 10px;
    }

        .policyProfileDetails .group .title h2 {
            font-size: 1.8em;
            padding-left: 30px;
        }

        .policyProfileDetails .group .title .policyHolder {
            background-size: 20px 20px;
        }

        .policyProfileDetails .group .title .lifeInsurance {
            background-size: 20px 20px;
        }

        .policyProfileDetails .group .title .nominee {
            background-size: 30px 20px;
            padding-left: 40px;
        }

    .policyProfileDetails .group {
        margin: 0 0 15px;
        min-height: auto;
        width: 100%;
    }

        .policyProfileDetails .group .content {
            padding: 10px;
        }
    /*policyProfileDetails:end*/

    /*accordianSection:start*/
    .accordianSection {
        padding-bottom: 15px;
    }

        .accordianSection .title h2 {
            font-size: 2em;
            padding: 5px 0 0 15px;
        }

        .accordianSection .title .arrow {
            background-size: 40px 40px;
            height: 40px;
            width: 40px;
        }

        .accordianSection .title .orangeBtn {
            float: left;
            margin: 5px 15px 0 0;
        }
    /*accordianSection:end*/

    /*premiumInfo:start*/
    .premiumInfo .group {
        border-bottom: solid #989898 1px !important;
        border-left: none !important;
        padding: 0 0 10px;
        margin: 0 0 10px;
        width: 100% !important;
    }

        .premiumInfo .group p .value {
            font-size: 2em;
        }

    .premiumInfo .btnGroup {
        text-align: left;
    }

        .premiumInfo .btnGroup .orangeBtn {
            font-size: 1.4em;
            height: auto;
            line-height: normal;
            padding: 10px 15px;
            width: auto;
        }
    /*premiumInfo:end*/

    /*payoutsBenefitSection:start*/
    .payoutsBenefitSection .benefits {
        padding: 10px;
    }

        .payoutsBenefitSection .benefits p .value {
            font-size: 1.6em;
        }

    .payoutsBenefitSection .benefitsDetails ul li {
        padding: 0 !important;
        width: 100% !important;
    }

        .payoutsBenefitSection .benefitsDetails ul li .helpIcon {
            float: none;
            display: inline-block;
            vertical-align: middle;
        }

        .payoutsBenefitSection .benefitsDetails ul li label {
            font-size: 1.4em;
        }

        .payoutsBenefitSection .benefitsDetails ul li .value {
            font-size: 1.6em;
        }

        .payoutsBenefitSection .benefitsDetails ul li a {
            font-size: 1.4em;
        }
    /*payoutsBenefitSection:end*/

    /*topUpFundSwitchSection:start*/
    .topUpFundSwitchSection .group {
        border: none;
        border-top: solid #989898 1px;
        padding: 10px 0;
        width: 100%;
    }

        .topUpFundSwitchSection .group .linkBtn .orangeBtn {
            font-size: 1.6em;
            height: auto;
            width: auto;
            line-height: normal;
            padding: 10px 15px;
        }
    /*topUpFundSwitchSection:end*/

    .policyTimeLineSection .linkBtn .orangeBtn {
        font-size: 1.6em;
        height: auto;
        width: auto;
        line-height: normal;
        padding: 10px 15px;
    }

    .whyContainer {
        padding: 20px 0 40px 0;
    }

        .whyContainer h2 {
            padding-bottom: 15px;
            font-size: 2.5em;
        }

        .whyContainer .whyContent .group .title h3 {
            font-size: 2em;
        }

        .whyContainer .whyContent .group .title h4 {
            font-size: 1.6em;
            padding-bottom: 5px;
        }

        .whyContainer .whyContent .group .content {
            padding-top: 10px;
        }

    .insidePge h1 {
        font-size: 3em;
    }

    .listStyle25 .rightSide {
        width: 75%;
    }

    .dashbordWrp .plsBox .col2 .relative {
        min-height: initial;
    }

    .dashbordWrp .plsBox .col2 a.arrowBk {
        position: relative;
    }

    .productPage .accordianSection .title h2 .sub {
        display: none;
    }

    .productPage .accordianSection .title h2 {
        padding: 6px 0 6px 3%;
    }
    /*userProfileSection:start*/
    .userProfileSection .section {
        padding: 15px;
    }

        .userProfileSection .section .profileDetails .row {
            padding-top: 0;
        }

            .userProfileSection .section .profileDetails .row .clm {
                padding: 10px 0 0 0;
                width: 100%;
            }

            .userProfileSection .section .profileDetails .row .signClm {
                position: static;
            }

            .userProfileSection .section .profileDetails .row .clm label {
                width: 35%;
                max-width: 100px;
            }

            .userProfileSection .section .profileDetails .row .clm .selVal {
                width: 55%;
            }
    /*userProfileSection:end*/

    /*Forgot Password @12 Oct 2015 Start*/
    .forgotPws .formBox, .forgotPws .ormid {
        width: 100%;
    }

    .forgotPws .ormid {
        margin: 10px 0;
    }
    /*Forgot Password @12 Oct 2015 End*/
}

@media only screen and (max-width : 667px) {
    .dashbordWrp .policyInfoSection .infobox.w20 {
        width:50%!important;
    }
    /**/
    .dashbordWrp .recFu .col3 {
        min-height: inherit;
    }

        .dashbordWrp .policyInfoSection .infobox.w20, .dashbordWrp .policyInfoSection .infobox.w60, .dashbordWrp .plsBox .col2, .dashbordWrp .plsBox .col2.rigBox, .dashbordWrp .recFu .col3.w20, .dashbordWrp .recFu .col3.mid, .dashbordWrp .col2 {
            width: 100%;
            border: none;
        }

            .dashbordWrp .plsBox .col2.rigBox, .dashbordWrp .recFu .col3.mid, .dashbordWrp .col2 {
                padding: 15px 0;
            }

    .dashbordWrp .bordTop .col2, .dashbordWrp .branchLocate .row {
        padding: 5px 0;
    }

    .dashbordWrp .premiumInfo .group {
        border: 0 !important;
    }

    .dashbordWrp .infobox.w60.premiumInfo {
        padding: 15px 0;
    }

    .dashbordWrp .premiumInfo .group, .dashbordWrp .premiumInfo .frequency {
        padding: 0;
    }

    .toolTip .toolData {
        right: -4px;
        top: 30px;
        margin: 0;
    }

    .dashbordWrp .plsBox .rigBox p {
        padding: 0;
    }

    .toolData:before {
        left: 88%;
        top: -16px;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: 8px solid #fff;
    }

    .dashbordWrp .accordianSection .title h2 .sub {
        font-size: 0.9em;
    }

    .dashbordWrp .recFu .col3 p, .dashbordWrp .recFu .col3 a.arrowBk {
        margin: 5px 0;
    }

    .dashbordWrp .policyInfoSection .infobox {
        min-height: inherit;
    }

    .dashbordWrp .accordianSection .title h2 {
        padding: 3px 0 3px 3%;
    }

    .topSection .notificationSection .group .status {
        background: url(../images/icon-status.png) no-repeat scroll 0 0;
    }

    .addBanner .col2:first-child {
        padding: 0;
    }

    .addBanner .col2 {
        padding: 30px 0 0 0;
    }

    .dashbordWrp .plsBox .rigBox p {
        min-height: initial;
    }

    .dashbordWrp .plsBox .col2 .orngList {
        padding: 0;
    }

    .productPage .responsiveTable table tr td, .productPage .responsiveTable table tr th {
        padding: 5px;
    }

        .productPage .responsiveTable table tr td:nth-child(1), .productPage .responsiveTable table tr td:nth-child(2), .productPage .responsiveTable table tr td:nth-child(3), .productPage .responsiveTable table tr td:nth-child(4) {
            width: 120px;
        }

        .productPage .responsiveTable table tr th:nth-child(1), .productPage .responsiveTable table tr td:nth-child(1) {
            min-height: 52px;
        }

        .productPage .responsiveTable table tr th:nth-child(2), .productPage .responsiveTable table tr td:nth-child(2) {
            min-height: 86px;
        }

        .productPage .responsiveTable table tr th:nth-child(3), .productPage .responsiveTable table tr td:nth-child(3) {
            min-height: 86px;
        }

        .productPage .responsiveTable table tr th:nth-child(4), .productPage .responsiveTable table tr td:nth-child(4) {
            min-height: 103px;
        }

    .topSection .notificationSection .group .status {
        width: auto;
    }

    .productPage .responsiveTable table tr td:nth-child(1) {
        text-indent: 0;
    }
}

@media only screen and (max-width : 639px) {
    /*common style:start*/
    .pt1 {
        border-top: solid #ccb595 1px;
        margin-top: 15px;
        padding-top: 15px;
    }
    /*selBox:start*/
    .selBox {
        height: 40px;
        padding: 0 10px;
    }

        .selBox .selVal {
            font-size: 1.4em;
            height: 40px;
            line-height: 40px;
        }

        .selBox select {
            height: 40px;
        }

            .selBox select option {
                font-size: 1em;
            }
    /*selBox:end*/

    /*selBox:start*/
    .selBoxA {
        height: 40px;
    }

        .selBoxA .selVal {
            font-size: 1.4em;
            height: 40px;
            line-height: 40px;
            padding: 0 56px 0 16px;
        }

        .selBoxA select {
            height: 40px;
        }

            .selBoxA select option {
                font-size: 1em;
            }
    /*selBox:end*/

    .fetchingMsg {
        background-size: 30px 30px;
        font-size: 1.4em;
        padding: 5px 0 5px 40px;
        min-height: 30px;
    }
    /*tableData:start*/
    .tableData table tr th, .tableData table tr td {
        font-size: 1.2em;
        padding: 5px;
    }
    /*tableData:end*/

    .checkBox .cheked, .checkBox .uncheked, .checkBox input {
        background-size: 35px 35px;
        height: 35px;
        width: 35px;
    }

    .checkBoxA .cheked, .checkBoxA .uncheked, .checkBoxA input {
        background-size: 20px 20px;
        height: 20px;
        width: 20px;
    }

    .checkBoxA label {
        padding-left: 5px;
    }
    /*common style:end*/

    .footer .footerCenter {
        margin: 0 1%;
        width: 98%;
    }

    .loginBg {
        background: #f8f8f8 url(../images/login-bg-device.jpg) no-repeat center bottom;
    }

    .registerBg {
        background: #f8f8f8 url(../images/register-bg-device.jpg) no-repeat center bottom;
    }

    .loginSection, .registerSection {
        float: left;
        width: 100%;
    }

    .loginSection {
        padding: 25px 0 200px;
    }

    .form .title {
        font-size: 1.4em;
        padding-bottom: 20px;
        text-align: center;
    }

    .form .row .newUser label {
        font-size: 1.4em;
    }

    .form .row .viewDemo {
        background-size: 40px;
        font-size: 1.4em;
        padding: 0 0 0 50px;
    }

    .registerDetails .row .clmEdit .updateContact {
        padding: 0 16px;
    }

    .registerDetails .row .clmEditBtn {
        padding-top: 5px;
    }

    .information {
        display: none;
    }

    .boxSection {
        padding: 15px;
    }
    /*formSection:start*/
    .formSection .rowStyle1 {
        padding-bottom: 0;
    }

        .formSection .rowStyle1 .clm {
            padding: 0 0 15px 0;
            width: 100%;
        }

    .formSection .row .clm input[placeholder] {
        font-size: 1.4em;
        height: 40px;
        line-height: normal;
        padding: 5px 16px;
    }

    .formSection .row .clm label {
        font-size: 1.4em;
    }

    .formSection .completeStep .rightEntry {
        width: 50%;
    }

        .formSection .completeStep .rightEntry .successIcon1 {
            background-size: 15px auto;
            width: 15px;
        }

        .formSection .completeStep .rightEntry .showEnterField {
            width: 85%;
        }

            .formSection .completeStep .rightEntry .showEnterField label {
                font-size: 1.2em;
            }

            .formSection .completeStep .rightEntry .showEnterField .enterVal {
                font-size: 1.2em;
                word-wrap: break-word;
            }

    .formSection .row .clm .fieldInfo {
        font-size: 1.2em;
    }

    .formSection .row .formToClm .fields .group {
        padding: 0 0 10px;
        width: 100%;
    }

    .rprForm .row .clm .downloadBox {
        margin: 0;
        width: 100%;
    }

    .formSection .row .formToClm .fields label {
        padding: 0 10px 0 0;
        width: 50px;
    }

    .formSection .rowStyle1 .clmWidth1 input[placeholder] {
        width: 100%;
    }

    .thankYouSection ul li {
        font-size: 1.4em;
        padding-left: 30px;
        width: 100%;
    }

        .thankYouSection ul li span {
            width: auto;
        }

        .thankYouSection ul li .fiedName {
            padding-right: 10px;
        }

    .formSection .checkCode {
        margin: 0;
    }
    /*formSection:end*/

    /*passwordSection:start*/
    .passwordSection {
        padding: 15px 0 0 0;
    }
    /*passwordSection:end*/

    /*updateDetails:start*/
    .updateDetails ul li {
        padding: 0 0 10px 0;
        width: 100%;
    }
    /*updateDetails:end*/

    /*calendarSection:start*/
    .calendarSection .leftSection .monthSection ul li {
        margin: 8px 8px 0 0;
        height: 85px;
        width: 85px;
    }

    .calendarSection .leftSection .yearSection {
        width: 93%;
    }

        .calendarSection .leftSection .yearSection span .next {
            margin-right: 0;
        }
    /*calendarSection:end*/

    /*setAlertSection:start*/
    .setAlertSection .navChangeBox {
        height: 35px;
        line-height: 35px;
        margin-left: 10px;
        width: 100px;
    }

        .setAlertSection .navChangeBox span, .setAlertSection .navChangeBox input {
            font-size: 1.2em;
        }

        .setAlertSection .navChangeBox input {
            width: 20px;
        }
    /*setAlertSection:end*/

    /*topSection:start*/

    .topSection .linkSection ul li {
        margin: 0 10px 10px 0;
    }

    .topSection .notificationSection .group .progressBar {
        margin-bottom: 15px;
        width: 100%;
    }
    /*topSection:end*/
    .tabSection .tabs li {
        font-size: 1.4em;
    }

        .tabSection .tabs li a {
            padding: 10px;
        }

    .accordianSection .title h2 {
        font-size: 1.6em;
        padding: 8px 0 0 10px;
    }
    /*whyContainer:start*/
    .whyContainer .whyContent .group {
        padding: 0;
        width: 100%;
    }
    /*whyContainer:end*/

    .footer {
        padding: 0 0 10px;
    }

        .footer p {
            font-size: 1em;
        }

        .footer .footerLinks {
            padding-bottom: 10px;
        }

            .footer .footerLinks li {
                border-right: medium none;
                float: none;
                display: inline-block;
            }

        .footer p {
            text-align: center;
        }
    /**/
    .listStyle5 li {
        width: 100%;
        padding: 15px 0;
    }

    .gridWrapperStyle1 td {
        font-size: 1.3em;
        word-break: break-all;
        padding: 5px;
    }

    .whyContainer .whyContent .group {
        padding: 15px 0;
    }

    .topSection .notificationSection .group .orangeBtn, .topSection .notificationSection .group .rightSide .btnGroup {
        margin: 5px 0;
        float: left;
    }

    .tabSection .tabs.owlTab li a {
        padding: 3% 2%;
        width: 96%;
        text-align: center;
    }

    .formSection.enrolPysFrm .row.w50 {
        width: 100%;
    }
}

@media only screen and (max-width : 599px) {
    /*addNomimeeSection:start*/
    .formSection .addNomimeeSection .addFormValues ul li:first-child {
        padding-top: 0;
    }

    .formSection .addNomimeeSection .addFormValues ul li {
        padding: 10px 0 0 0;
        width: 100%;
    }

        .formSection .addNomimeeSection .addFormValues ul li label {
            display: block;
            width: 150px;
        }

        .formSection .addNomimeeSection .addFormValues ul li .value {
            width: auto;
        }

    .formSection .addNomimeeSection .row .clm {
        padding: 0 0 10px 0;
        width: 100%;
    }
    /*addNomimeeSection:end*/

    /*nomineeDetails:start*/
    .nomineeUpdateSuccess ul {
        padding-left: 0;
    }

    .nomineeDetails ul li {
        padding: 5px 0 0 0;
        width: 100%;
    }

        .nomineeDetails ul li label {
            width: 150px;
        }

        .nomineeDetails ul li .value {
            width: auto;
        }

    .nomineeDetails .nomineeList ul li:first-child {
        padding-top: 0;
    }

    .nomineeDetails .nomineeList ul {
        padding-top: 15px;
    }

        .nomineeDetails .nomineeList ul li label {
            display: block;
        }

        .nomineeDetails .nomineeList ul:first-child {
            padding-top: 0;
        }
    /*nomineeDetails:end*/
    .policyWrp .lefSide, .policyWrp .rgtSide {
        margin: 0;
        width: 100%;
    }

    .policyWrp .rgtSide {
        padding: 15px 0 0 0;
    }

    .preLgnWrp .rowList li, .preLgnWrp .rowList.center li {
        width: 100%;
        padding: 15px 0;
    }

    .preLgnWrp .rowList li {
        border-top: 1px solid #d7d2c6;
        border-bottom: 1px solid #d7d2c6;
        border-left: none;
        border-right: none;
    }

    .preLgnWrp .rowList {
        border: none;
    }
}

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

    .proWrap li {
        width:100%;
    }

    .videoSection iframe {
        height: 315px;
    }

    .formSection .row .otpClmWidth, .calendarSection .leftSection .yearSection {
        width: 75%;
    }

    .chartSection img, .dashbordWrp .faqBar .col3:first-child, .dashbordWrp .faqBar .col3 {
        width: 100%;
    }
    /*setAlertSection:start*/
    .setAlertSection .navChangeBox {
        clear: left;
        margin: 0 0 10px 0;
    }

    .tabSection .tabs li {
        font-size: 1.2em;
        line-height: normal;
    }

        .tabSection .tabs li .bigText, .gridWrapperStyle1 td {
            font-size: 1.2em;
        }

    .premiumInfo .group p .value {
        padding-left: 0;
        width: 100%;
    }

    .accordianSection .title h2 {
        font-size: 1.4em;
    }

    .accordianSection .desktop {
        display: none;
    }

    .accordianSection .mobile {
        display: block;
    }

    .policyTimeLineSection .linkBtn .orangeBtn {
        padding: 10px;
        font-size: 1.2em;
        margin-left: 5px;
    }
    /*setAlertSection:end*/
    .thankYouSection ul li {
        padding: 0 0 10px 30px;
        width: 100%;
    }

        .thankYouSection ul li .fiedName {
            padding: 0;
            width: 100%;
        }

    .footer .footerLinks li, .dashbordWrp .plsBox {
        padding: 0 5px;
    }
    /**/
    .dashbordWrp .faqBar .col3 {
        padding: 15px 0;
        border-left: 0;
        border-top: 1px solid #90a9a9;
    }
    /*//*/

    .listStyle25 .heading {
        border-radius: 0;
        height: auto;
        width: 100%;
        display: inline-block;
        line-height: normal;
        padding: 5px 15px;
        margin-bottom: 15px;
    }

    .listStyle25 .rightSide {
        width: 100%;
        padding: 0;
    }

    .topSection .policyHolder {
        width: 100%;
    }
    /*userProfileSection:start*/
    .userProfileSection .section p {
        padding-bottom: 10px;
    }

    .userProfileSection .section .profileTitle {
        font-size: 1.4em;
    }

    .userProfileSection .section .profileDetails .row .clm label {
        font-size: 1.2em;
    }

    .userProfileSection .section .profileDetails .row .clm .selVal {
        font-size: 1.2em;
    }

    .userProfileSection .section .profileDetails .orangeBtn {
        font-size: 1.4em;
    }
    /*userProfileSection:end*/
}

@media only screen and (max-width : 479px) {
     .dashbordWrp .policyInfoSection .infobox.w20 {
        width:100%!important;
        border:5px solid #b8dcdd;
    }
    .appBar {
        width: 30%;
        height: 350px;
    }

        .appBar .stegBar .stegs {
            height: 300px;
        }

        .appBar .stegBar li {
            margin: -15px 0 0 -40px;
        }

            .appBar .stegBar li .stegsmsg {
                left: 170px;
                top: 35px;
                width: 190px;
            }

                .appBar .stegBar li .stegsmsg p {
                    font-size: 1.2em;
                }

                .appBar .stegBar li .stegsmsg:before {
                    left: 10%;
                }

            .appBar .stegBar li .status {
                background-size: 40px auto;
                height: 40px;
                width: 40px;
                line-height: 40px;
                background-position: 0 -90px;
            }

            .appBar .stegBar li.active .status {
                background-position: 0 -45px;
            }

        .appBar .stegBar {
            width: 22%;
        }

            .appBar .stegBar li.steg1 {
                left: 50%;
                top: 0;
            }

            .appBar .stegBar li.steg2 {
                left: 50%;
                top: 33.33%;
            }

            .appBar .stegBar li.steg3 {
                left: 50%;
                top: 66.66%;
            }

            .appBar .stegBar li.steg4 {
                left: 50%;
                top: 99.99%;
            }

            .appBar .stegBar li .text {
                left: 85%;
                margin: -7px 0 0;
                position: absolute;
                text-align: left;
                top: 50%;
                width: 200px;
                padding: 0;
            }
}

@media only screen and (max-width : 360px) {
    
    .formSection .row .clm label {
        padding: 0 0 10px;
        width: 100%;
    }

    .formSection .row .dobClmWidth .fields {
        width: 100%;
    }

    .fetchingMsg {
        padding: 0 0 0 40px;
    }

    .orangeBtn, .greenBtn, .greyBtn, .retryBtn {
        padding: 0 10px;
    }

    .calendarSection .leftSection .monthSection ul li {
        height: 65px;
        margin: 5px 5px 0 0;
        padding: 5px;
        width: 65px;
    }

        .calendarSection .leftSection .monthSection ul li .monthName {
            font-size: 1.2em;
        }

        .calendarSection .leftSection .monthSection ul li .alertActive {
            background-size: 20px 22px;
        }

        .calendarSection .leftSection .monthSection ul li .premimumType {
            bottom: 2px;
            left: 2px;
        }

            .calendarSection .leftSection .monthSection ul li .premimumType .monthly, .calendarSection .leftSection .monthSection ul li .premimumType .quarterly, .calendarSection .leftSection .monthSection ul li .premimumType .yearly {
                height: 10px;
                margin-right: 3px;
                width: 10px;
            }

    .policyTimeLineSection .linkBtn .orangeBtn {
        padding: 5px;
    }
    /*addNomimeeSection:start*/
    .formSection .addNomimeeSection .addFormValues ul li label {
        width: 50%;
    }

    .formSection .addNomimeeSection .addFormValues ul li .value {
        width: 50%;
    }
    /*addNomimeeSection:end*/

    /*/*nomineeDetails:start*/
    .nomineeDetails ul li label {
        width: 50%;
    }

    .nomineeDetails ul li .value {
        width: 50%;
    }
    /*/*nomineeDetails:start*/

}

@media only screen and (max-width : 320px) {
    .formSection .row .formToClm .fields label {
        padding: 0 0 10px 0;
        width: 100%;
        text-align: left;
    }

    .calendarSection .leftSection .yearSection {
        width: 95%;
    }

    .dashbordWrp .branchLocate .row .data {
        width: 70%;
    }

    .dashbordWrp a.arrowBk {
        font-size: 1.2em;
    }

    .productPage .accordianSection .title h2 {
        font-size: 2em;
    }
   
}