.prodCalculator {
    display: block;
    background: url(../images/calculator_bg_01.png) no-repeat center top -4rem;
    background-size: 100%
}

@media only screen and (max-width:767px) {
    .prodCalculator {
        background: 0 0
    }
}

.prodCalculator .formtitile h1 {
    font-size: 2.8rem;
    font-family: Lato-Bold;
    color: #444;
    text-align: left;
    margin: 2.5rem 0 2rem;
    padding: 0 0 1.5rem 0;
    text-transform: uppercase;
    position: relative
}

@media only screen and (max-width:1199px) {
    .prodCalculator .formtitile h1 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .formtitile h1 {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.prodCalculator .formtitile h1:after {
    content: '';
    position: absolute;
    width: 5rem;
    height: .4rem;
    background: #00a2bd;
    left: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .prodCalculator .formtitile h1 {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.prodCalculator .formtitile p {
    padding: 3rem;
    margin: 0;
    color: #444;
    font-size: 1.2rem;
    font-family: Lato-Regular;
    text-align: justify
}

.calculatorBox {
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    margin: 0
}

.calculatorFunc p {
    padding: 2rem 3rem 2.5rem;
    margin: 0;
    color: #444;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: Lato-Regular;
    text-align: justify
}

@media only screen and (max-width:991px) {
    .calculatorFunc p {
        padding: 2rem;
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

.calculatorFunc .functBtnWrap {
    display: block;
    text-align: center
}

    .calculatorFunc .functBtnWrap li {
        -webkit-border-radius: .5rem;
        border-radius: .5rem;
        overflow: hidden
    }

        .calculatorFunc .functBtnWrap li:first-of-type {
            -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            margin-right: -.2rem
        }

        .calculatorFunc .functBtnWrap li:last-of-type {
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .calculatorFunc .functBtnWrap a {
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1.4rem;
        font-family: Lato-Bold;
        min-width: 17rem;
        padding: 1.6rem 0;
        background: #f79608;
        color: #444;
        background: #e1e8ef;
        outline: 0
    }

@media only screen and (max-width:991px) {
    .calculatorFunc .functBtnWrap a {
        min-width: 14rem;
        padding: 1.4rem 0
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .functBtnWrap a {
        min-width: 12rem
    }
}

.calculatorFunc .functBtnWrap a.active {
    background: #f79608;
    color: #fff
}

.calculatorFunc .calculatorForm {
    padding: 3rem 9rem 1rem;
    margin: 0 auto;
    display: block
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm {
        padding: 2rem 4rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .calculatorForm {
        padding: 2rem
    }
}

.calculatorFunc .calculatorForm label {
    font-size: 1.6rem;
    color: #444;
    font-family: Lato-Regular;
    text-align: left;
    margin: 0 0 1.5rem 0;
    padding: 0
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm label {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }
}

.calculatorFunc .calculatorForm label .icon-indian-rupee {
    font-size: 1.2rem;
    font-weight: 600
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm label .icon-indian-rupee {
        font-size: 1rem
    }
}

.calculatorFunc .calculatorForm .count-input {
    position: relative;
    width: 100%;
    margin-bottom: 3rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .count-input {
        margin-bottom: 2rem
    }
}

.calculatorFunc .calculatorForm .count-input input {
    width: 100%;
    border: 0;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    background: #f0f5f9;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.8rem;
    padding: 1.4rem 0;
    font-family: Lato-Regular;
    color: #444
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .count-input input {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 1rem 0
    }
}

.calculatorFunc .calculatorForm .count-input input:focus {
    outline: 0
}

.calculatorFunc .calculatorForm .count-input input::-ms-clear {
    display: none
}

.calculatorFunc .calculatorForm .count-input a.incr-btn,
.calculatorFunc .calculatorForm .count-input a.incr-btnAmount {
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    font-size: 2.6rem;
    font-weight: 500;
    text-align: center;
    line-height: 5rem;
    right: 0;
    top: 0;
    text-decoration: none;
    color: #00a2bd;
    outline: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .count-input a.incr-btn,
    .calculatorFunc .calculatorForm .count-input a.incr-btnAmount {
        font-size: 2rem;
        height: 4rem;
        width: 4rem;
        line-height: 4rem
    }
}

.calculatorFunc .calculatorForm .count-input a.incr-btn:hover,
.calculatorFunc .calculatorForm .count-input a.incr-btnAmount:hover {
    color: #f79608
}

.calculatorFunc .calculatorForm .count-input a.incr-btn:first-child,
.calculatorFunc .calculatorForm .count-input a.incr-btnAmount:first-child {
    right: auto;
    left: 0
}

.calculatorFunc .calculatorForm .count-input.count-input-sm {
    max-width: 125px
}

    .calculatorFunc .calculatorForm .count-input.count-input-sm input {
        height: 36px
    }

.calculatorFunc .calculatorForm .count-input.count-input-lg {
    max-width: 200px
}

    .calculatorFunc .calculatorForm .count-input.count-input-lg input {
        height: 70px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

.calculatorFunc .calculatorForm .gaolAmount {
    margin-bottom: 3rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount {
        margin-bottom: 2rem
    }
}

.calculatorFunc .calculatorForm .gaolAmount .count-input {
    width: 30%;
    margin-right: 1rem;
    margin-bottom: 0;
    float: left
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .count-input {
        width: 39%
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .calculatorForm .gaolAmount .count-input {
        width: 100%;
        margin: 0 0 1rem 0
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn {
    width: 66%;
    float: left
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn {
        width: 56%
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn {
        width: 100%
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown {
    background: #f0f5f9;
    border: 0;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-family: Lato-Regular;
    margin-right: 0;
    max-width: 100%;
    width: 100%
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown {
        padding: .6rem 0
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown:after {
    right: 1.5rem;
    top: 3.6rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown:after {
        top: 3rem
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single {
    border-bottom: 0;
    line-height: 2.8rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single {
        font-size: 2rem;
        padding-top: 0
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single span {
    font-size: 1.8rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single span {
        font-size: 1.6rem
    }
}

.calculatorDetails {
    background: #00a2bd;
    padding: 5rem 9rem 3.5rem;
    position: relative
}

@media only screen and (max-width:991px) {
    .calculatorDetails {
        padding: 4rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails {
        padding: 4rem 1.5rem 2rem
    }
}

.calculatorDetails:before {
    width: 0;
    height: 0;
    content: '';
    border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
    border-top: 1.2rem solid #fff;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    position: absolute
}

@media only screen and (max-width:991px) {
    .calculatorDetails:before {
        border-left: .8rem solid transparent;
        border-right: .8rem solid transparent;
        border-top: .8rem solid #fff
    }
}

.calculatorDetails .orangeBtn::after {
    background: #f79608
}

.calculatorDetails h2 {
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0 0 2.5rem;
    font-size: 2.6rem;
    line-height: 3rem;
    font-family: Lato-Regular
}

@media only screen and (max-width:1199px) {
    .calculatorDetails h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails h2 {
        font-size: 2rem;
        line-height: 2.6rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails h2 {
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    .calculatorDetails h2 {
        padding: 0 2rem
    }
}

.calculatorDetails h3 {
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0 0 1.5rem 0;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: Lato-Regular
}

@media only screen and (max-width:991px) {
    .calculatorDetails h3 {
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding-bottom: .5rem
    }
}

.calculatorDetails ul {
    margin: 0;
    padding: 0;
    width: 100%
}

    .calculatorDetails ul li {
        display: inline-block;
        border-left: 1px solid #2ab4cb;
        margin: 2.5rem 0;
        padding: 1.2rem 0 1.2rem 5rem;
        width: 49%
    }

@media only screen and (max-width:1199px) {
    .calculatorDetails ul li {
        padding-left: 2.5rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails ul li {
        margin: 1.5rem 0
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails ul li {
        padding: 2rem 0;
        border-left: 0;
        width: 100%;
        border-bottom: .1rem solid rgba(255, 255, 255, .1);
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails ul li:last-of-type {
        border-bottom: 0
    }
}

.calculatorDetails .penaltyAmount {
    color: #fff;
    font-size: 3.2rem;
    line-height: 3rem;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Lato-Bold
}

@media only screen and (max-width:1199px) {
    .calculatorDetails .penaltyAmount {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyAmount {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.calculatorDetails .penaltyAmount .addcomma {
    color: #fff;
    font-size: 3.2rem;
    line-height: 2.2rem;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Lato-Bold;
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width:1199px) {
    .calculatorDetails .penaltyAmount .addcomma {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyAmount .addcomma {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.calculatorDetails .penaltyAmount .icon-indian-rupee {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width:1199px) {
    .calculatorDetails .penaltyAmount .icon-indian-rupee {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyAmount .icon-indian-rupee {
        font-size: 1.8rem;
        line-height: 1.8rem
    }
}

.calculatorDetails .primaryBtn {
    color: #f79608;
    margin-top: 6rem;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .calculatorDetails .primaryBtn {
        margin-top: 5rem;
        font-size: 1.2rem;
        padding: 1rem 1.5rem
    }
}

.calculatorDetails .primaryBtn:before {
    background: #fff;
    outline: 0
}

.calculatorDetails .primaryBtn:hover {
    color: #fff
}

@media only screen and (max-width:767px) {
    .calculatorDetails .primaryBtn {
        margin-top: 2rem
    }
}

.calculatorDetails .penaltyBox {
    margin: 3.5rem 0 0 0
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyBox {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails .penaltyBox h3 {
        text-align: center
    }
}

.calculatorDetails .penaltyBox .primaryBtn {
    display: inline-block;
    outline: 0
}

.calculatorDetails .penaltyBox .orangeBtn::after {
    background: #f79608
}

.calculatorDetails .penaltyBox .penaltyAmount {
    color: #fcf782;
    font-size: 5rem;
    line-height: 3.7rem
}

@media only screen and (max-width:1199px) {
    .calculatorDetails .penaltyBox .penaltyAmount {
        font-size: 3.8rem;
        line-height: 3.8rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyBox .penaltyAmount {
        font-size: 3.4rem;
        line-height: 3.4rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails .penaltyBox .penaltyAmount {
        text-align: center;
        font-size: 5rem;
        line-height: 5rem
    }
}

.calculatorDetails .penaltyBox .penaltyAmount .addcomma {
    color: #fcf782;
    font-size: 5rem;
    line-height: 3.2rem
}

@media only screen and (max-width:1199px) {
    .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        font-size: 3.8rem;
        line-height: 3.8rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        font-size: 3.4rem;
        line-height: 3.4rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        text-align: center;
        font-size: 5rem;
        line-height: 5rem
    }
}

.calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
    font-size: 3.6rem;
    line-height: 3.6rem;
    color: #fcf782
}

@media only screen and (max-width:1199px) {
    .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

@media only screen and (max-width:1400px) {
    .prodCod .penaltyAmount {
        font-size: 2.8rem
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .penaltyAmount {
        text-align: center
    }
}

@media only screen and (max-width:1400px) {
    .prodCod .penaltyAmount .addcomma {
        font-size: 2.8rem
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .penaltyAmount .addcomma {
        line-height: 2.1rem
    }
}

@media only screen and (max-width:991px) {
    .prodCod .penaltyAmount .addcomma {
        line-height: 1.6rem
    }
}

@media only screen and (max-width:1400px) {
    .prodCod .penaltyAmount .icon-indian-rupee {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .penaltyAmount .icon-indian-rupee {
        font-size: 1.9rem
    }
}

@media only screen and (max-width:1400px) {
    .prodCod .calculatorDetails {
        padding: 5rem 3rem 3.5rem
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .prodCod .calculatorDetails {
        padding: 3rem 3rem 3.5rem
    }
}

.prodCod .calculatorDetails h2 {
    padding: 0
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails h2 {
        text-align: center
    }
}

.prodCod .calculatorDetails h3 {
    padding-bottom: 2rem
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails h3 {
        text-align: center
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails .primaryBtn {
        margin-top: 3rem
    }
}

.prodCod .calculatorDetails .penaltyBox {
    margin: 2.5rem 0 0 0
}

    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        vertical-align: top;
        display: inline-block
    }

@media only screen and (max-width:1400px) {
    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        font-size: 3.8rem
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        line-height: 2.4rem
    }
}

@media only screen and (max-width:991px) {
    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        line-height: 3.2rem
    }
}

.prodCod .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
    vertical-align: top;
    display: inline-block
}

@media only screen and (max-width:1400px) {
    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 3rem
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 2.6rem
    }
}

.prodCod .calculatorDetails ul li {
    padding: 0 0 1.2rem 0;
    border: none;
    position: relative
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails ul li {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .prodCod .calculatorDetails ul li {
        padding: 2rem 0 3rem
    }
}

.prodCod .calculatorDetails ul li:after {
    content: '=';
    position: absolute;
    font-size: 6rem;
    color: #fff;
    font-family: Lato-Bold;
    top: .6rem;
    right: 10%
}

@media only screen and (max-width:1400px) {
    .prodCod .calculatorDetails ul li:after {
        right: 0
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails ul li:after {
        right: 0;
        left: 0;
        top: 4.5rem
    }
}

@media only screen and (max-width:991px) {
    .prodCod .calculatorDetails ul li:after {
        top: 4rem
    }
}

@media only screen and (max-width:767px) {
    .prodCod .calculatorDetails ul li:after {
        top: 6.5rem
    }
}

.prodCod .calculatorDetails ul li:first-child:after {
    content: '-';
    position: absolute;
    font-size: 6rem;
    color: #fff;
    font-family: Lato-Bold;
    top: .6rem;
    right: 13%
}

@media only screen and (max-width:1400px) {
    .prodCod .calculatorDetails ul li:first-child:after {
        right: 8%
    }
}

@media only screen and (max-width:1199px) {
    .prodCod .calculatorDetails ul li:first-child:after {
        right: 0;
        left: 0;
        top: 4.5rem
    }
}

@media only screen and (max-width:991px) {
    .prodCod .calculatorDetails ul li:first-child:after {
        top: 3.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodCod .calculatorDetails ul li:first-child:after {
        top: 5.5rem
    }
}

.disclaimer {
    padding: 2rem 3rem;
    position: relative
}

@media only screen and (max-width:767px) {
    .disclaimer {
        padding: 2rem
    }
}

.disclaimer p {
    margin: 0;
    padding: 0;
    color: #444;
    opacity: .7;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: Lato-Regular;
    text-align: justify
}

@media only screen and (max-width:767px) {
    .disclaimer p.discHide {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 5rem
    }
}

.disclaimer span {
    color: #00a2bd;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-family: Lato-Regular;
    right: 1.8rem;
    top: 2rem;
    display: none;
    position: absolute
}

@media only screen and (max-width:767px) {
    .disclaimer span {
        display: inline-block
    }
}

.planyourgoal {
    position: relative
}

@media only screen and (max-width:991px) {
    .planyourgoal {
        width: 40rem;
        margin: 2rem auto 0
    }
}

@media only screen and (max-width:480px) {
    .planyourgoal {
        width: 100%
    }
}

.planyourgoal:before {
    content: '';
    background: #f79608;
    opacity: .15;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.planyourgoal img {
    height: 39rem
}

@media only screen and (max-width:991px) {
    .planyourgoal img {
        width: 100%
    }
}

.planyourgoalContent {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    padding-right: 2rem
}

    .planyourgoalContent h3 {
        font-size: 4.8rem;
        line-height: 4.8rem;
        color: #fff;
        font-family: Lato-Black;
        margin: 0 0 1rem 0;
        padding: 0;
        text-align: left
    }

@media only screen and (max-width:991px) {
    .planyourgoalContent h3 {
        font-size: 3rem;
        line-height: 3rem
    }
}

.planyourgoalContent p {
    font-size: 2rem;
    color: #fff;
    font-family: Lato-Regular;
    line-height: 2.2rem;
    margin: 0;
    padding: 0;
    text-align: left
}

@media only screen and (max-width:991px) {
    .planyourgoalContent p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.calcPanels {
    padding: 3rem 0 3rem
}

@media only screen and (max-width:991px) {
    .calcPanels {
        padding: 2rem 0
    }
}

.calcPanels ul.calcPanelSlider {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

@media only screen and (max-width:991px) {
    .calcPanels ul.calcPanelSlider {
        width: 40rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    .calcPanels ul.calcPanelSlider {
        width: 100%
    }
}

.calcPanels ul.calcPanelSlider li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

    .calcPanels ul.calcPanelSlider li img {
        height: 39rem;
        margin: 0;
        padding: 0;
        position: relative
    }

@media only screen and (max-width:991px) {
    .calcPanels ul.calcPanelSlider li img {
        height: auto
    }
}

.calcPanels ul.calcPanelSlider li .calcPanelSldrCont {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0
}

.calcPanels ul.calcPanelSlider li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 1.2rem 1.5rem;
    margin: 0;
    outline: 0
}

.calcPanels .owl-dots {
    margin-top: 2rem
}

    .calcPanels .owl-dots .owl-dot {
        display: inline-block
    }

@media only screen and (max-width:991px) {
    .investWrap {
        padding: 2rem 0 0
    }
}

@media only screen and (max-width:991px) {
    .investWrap {
        width: 40rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    .investWrap {
        width: 100%
    }
}

.investSIP {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: .5rem;
    border-radius: .5rem
}

@media only screen and (max-width:480px) {
    .investSIP {
        height: 27.5rem
    }
}

.investSIP img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 39rem
}

@media only screen and (max-width:991px) {
    .investSIP img {
        height: auto
    }
}

.investSIP:after {
    content: '';
    background: #f79608;
    opacity: .2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1
}

.investSIP:hover p {
    opacity: 1
}

.investSIP:hover .primaryBtn {
    opacity: 1
}

    .investSIP:hover .primaryBtn:after {
        background: #00a2bd
    }

.investSIP:hover:after {
    opacity: .95
}

.investSIP:hover .investSIPCont {
    bottom: 3rem
}

@media only screen and (max-width:991px) {
    .investSIP:hover .investSIPCont {
        bottom: 5rem
    }
}

@media only screen and (max-width:767px) {
    .investSIP:hover .investSIPCont {
        bottom: 7rem
    }
}

@media only screen and (max-width:480px) {
    .investSIP:hover .investSIPCont {
        bottom: 3rem
    }
}

@media only screen and (max-width:375px) {
    .investSIP:hover .investSIPCont {
        bottom: 1rem
    }
}

.investSIP .investSIPCont {
    position: absolute;
    bottom: -20rem;
    padding: 2.5rem;
    width: 100%;
    text-align: center;
    z-index: 2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media only screen and (max-width:1199px) {
    .investSIP .investSIPCont {
        bottom: -18rem
    }
}

@media only screen and (max-width:991px) {
    .investSIP .investSIPCont {
        bottom: -15rem
    }
}

@media only screen and (max-width:767px) {
    .investSIP .investSIPCont {
        padding: 2.5rem 2rem 1rem;
        bottom: -13rem
    }
}

@media only screen and (max-width:375px) {
    .investSIP .investSIPCont {
        bottom: -17rem
    }
}

.investSIP h2 {
    margin: 0;
    padding: 0 0 2rem 0;
    font-size: 2.4rem;
    line-height: 3rem;
    font-family: Lato-Regular;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width:1199px) {
    .investSIP h2 {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

.investSIP p {
    opacity: 0;
    margin: 0 0 3rem 0;
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: Lato-Regular;
    color: #fff;
    width: 100%
}

@media only screen and (max-width:1199px) {
    .investSIP p {
        font-size: 1.4rem;
        line-height: 1.6rem;
        margin-bottom: 1.5rem
    }
}

.investSIP .primaryBtn {
    opacity: 1;
    color: #f79608;
    margin: 0 auto;
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem
}

    .investSIP .primaryBtn:before {
        background: #fff;
        outline: 0
    }

    .investSIP .primaryBtn:hover {
        color: #fff
    }

.knowYouBetter {
    background: #f0f4f7;
    padding: 3rem 0
}

@media only screen and (max-width:991px) {
    .knowYouBetter {
        padding: 2rem 0
    }
}

.knowYouBetter h2 {
    margin: 0;
    padding: 0 0 1rem
}

@media only screen and (max-width:991px) {
    .knowYouBetter h2 {
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .knowYouBetter h2 {
        padding-bottom: 0
    }
}

.knowYouBetter .inputfieldCont .inputfieldLeft,
.knowYouBetter .inputfieldCont .inputfieldright {
    width: 32%
}

@media only screen and (max-width:1199px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft,
    .knowYouBetter .inputfieldCont .inputfieldright {
        width: 31.5%
    }
}

@media only screen and (max-width:991px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft,
    .knowYouBetter .inputfieldCont .inputfieldright {
        width: 31%
    }
}

@media only screen and (max-width:767px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft,
    .knowYouBetter .inputfieldCont .inputfieldright {
        width: 100%
    }
}

.knowYouBetter .inputfieldCont .inputfieldLeft .inpDefault,
.knowYouBetter .inputfieldCont .inputfieldright .inpDefault {
    font-size: 2rem;
    font-family: Lato-Bold;
    color: #444
}

@media only screen and (max-width:991px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft .inpDefault,
    .knowYouBetter .inputfieldCont .inputfieldright .inpDefault {
        font-size: 1.6rem
    }
}

.knowYouBetter .inputfieldCont .inputfieldLeft .errorText,
.knowYouBetter .inputfieldCont .inputfieldright .errorText {
    background: 0 0
}

@media only screen and (max-width:991px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft label,
    .knowYouBetter .inputfieldCont .inputfieldright label {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:480px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft label,
    .knowYouBetter .inputfieldCont .inputfieldright label {
        top: 3.9rem
    }
}

.knowYouBetter .inputfieldCont input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f0f4f7;
    -webkit-text-fill-color: #444 !important;
    caret-color: #444 !important
}

.knowYouBetter .btnSec {
    text-align: left
}

    .knowYouBetter .btnSec .orangeBtn {
        color: #fff;
        margin-bottom: 0
    }

        .knowYouBetter .btnSec .orangeBtn:before {
            outline: 0
        }

@media only screen and (max-width:991px) {
    .knowYouBetter .btnSec .orangeBtn {
        font-size: 1.2rem;
        padding: 1rem 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .knowYouBetter .btnSec .orangeBtn {
        display: inline-block;
        width: auto
    }
}

.prodCalculator .howToInvest {
    padding: 3rem 0 5.4rem;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .prodCalculator .howToInvest {
        padding-top: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .howToInvest .container {
        padding: 0
    }
}

.prodCalculator .howToInvest h2 {
    margin: 0;
    padding: 0 0 2rem
}

@media only screen and (max-width:991px) {
    .prodCalculator .howToInvest h2 {
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .howToInvest h2 {
        padding-left: 1.5rem
    }
}

@media only screen and (max-width:991px) {
    .prodCalculator ul.investWays {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator ul.investWays {
        padding-left: 1.5rem
    }
}

.prodCalculator .investWays li {
    width: auto;
    min-width: 15.5rem;
    min-height: 14.8rem;
    padding: 3rem 0 1.8rem
}

@media only screen and (max-width:1199px) {
    .prodCalculator .investWays li {
        min-width: 15.4rem
    }
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li {
        min-height: 12rem;
        min-width: 13rem;
        padding: 2rem 1.5rem
    }
}

.prodCalculator .investWays li a {
    position: relative;
    z-index: 2;
    outline: 0
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li a {
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

.prodCalculator .investWays li span {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li span {
        margin-bottom: .5rem
    }
}

.prodCalculator .investWays li:nth-child(3) {
    min-width: 17rem
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li:nth-child(3) {
        min-width: 15rem
    }
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li:after {
        right: -1.8rem;
        top: -1.4rem;
        height: 14rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .howToInvest .divBox {
        padding: 0 1.5rem
    }
}

.prodCalculator .howToInvest .divBox .nDiv {
    min-height: 14.8rem
}

@media only screen and (max-width:1199px) {
    .prodCalculator .howToInvest .divBox .nDiv {
        min-height: auto
    }
}

@media only screen and (max-width:1199px) {
    .prodCalculator .howToInvest .divBox .nDiv {
        text-align: center
    }
}

.prodCalculator .howToInvest .divBox .nDiv h4 {
    font-size: 1.8rem
}

@media only screen and (max-width:991px) {
    .prodCalculator .howToInvest .divBox .nDiv h4 {
        font-size: 1.6rem
    }
}

.prodCalculator .howToInvest .divBox .nDiv a {
    outline: 0;
    padding: 1rem 1.2rem;
    margin-bottom: 0
}

@media only screen and (max-width:1400px) {
    .prodNew .calculatorBox {
        width: 70%;
        margin: 0 auto
    }
}

@media only screen and (max-width:767px) {
    .prodNew .calculatorBox {
        width: 100%
    }
}

@media only screen and (max-width:1400px) {
    .prodNew .calculatorBox .calculatorFunc .calculatorForm {
        padding: 3rem 3rem 1rem
    }
}

.codGrpSect h2 {
    text-align: center
}

@media only screen and (max-width:991px) {
    .codGrpSect h2 {
        font-size: 2.4rem;
        padding: 3rem 0 2rem
    }
}

@media only screen and (max-width:767px) {
    .codGrpSect h2 {
        font-size: 2rem;
        padding: 2rem 1.5rem 2rem
    }
}

.codGrpSect .graphSect p {
    font-size: 2rem;
    padding: 1.5rem 3rem 2.3rem;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 4rem
}

@media only screen and (max-width:991px) {
    .codGrpSect .graphSect p {
        font-size: 1.8rem;
        padding: 0 3rem 2.3rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .codGrpSect .graphSect p {
        font-size: 1.6rem
    }
}

.codGrpSect .graphSect p input {
    border: none;
    width: 6.8rem;
    border-bottom: 1px solid #444;
    font-size: 3rem;
    text-align: center
}

@media only screen and (max-width:991px) {
    .codGrpSect .graphSect p input {
        font-size: 2.4rem
    }
}

.codGrpSect .graphSect #codGrp {
    width: 96%;
    margin-left: 1.5rem
}

@media only screen and (max-width:767px) {
    .codGrpSect .graphSect #codGrp {
        margin-left: 0
    }
}

.codGrpSect .graphSect #codGrp .highcharts-label-box {
    fill: #fff
}

.codGrpSect .graphSect #codGrp .highcharts-tooltip {
    padding: 1.5rem
}

    .codGrpSect .graphSect #codGrp .highcharts-tooltip span {
        padding: .2rem .4rem
    }

    .codGrpSect .graphSect #codGrp .highcharts-tooltip .txtT {
        color: #5e6977;
        font-size: 1.4rem;
        font-family: Lato-Bold;
        padding: 0 0 .7rem;
        display: inline-block
    }

    .codGrpSect .graphSect #codGrp .highcharts-tooltip .txtTool {
        color: #5e6977;
        font-size: 1.4rem;
        font-family: Lato-Regular;
        padding: 0
    }

    .codGrpSect .graphSect #codGrp .highcharts-tooltip .txtV {
        color: #5e6977;
        font-size: 1.8rem;
        font-family: Lato-Bold;
        padding: 0
    }

        .codGrpSect .graphSect #codGrp .highcharts-tooltip .txtV .rupee {
            font-size: 1.8rem;
            padding: 0 .3rem 0 0
        }

.ui-widget {
    z-index: 9 !important
}

.ui-widget-content {
    background: #fff
}

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 0;
        background: 0 0;
        outline: 0
    }

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
    color: #606060;
    border: 0;
    line-height: 2.4rem;
    outline: 0
}

.returnOnInvest {
    background-image: url(../images/calculator_bg_02.png)
}

@media only screen and (max-width:767px) {
    .returnOnInvest {
        background: 0 0
    }
}

.returnOnInvest .calculatorForm {
    padding-top: 0
}

.returnOnInvest .calculatorFunc .calculatorForm .count-input.inputFeild {
    padding: 0;
    margin-top: 0
}

.returnOnInvest .calculatorFunc .calculatorForm .count-input input.datepicker {
    background: #f0f5f9 url(../images/datePicker.png) no-repeat right 10px center
}

    .returnOnInvest .calculatorFunc .calculatorForm .count-input input.datepicker::-webkit-input-placeholder {
        color: #b6b6b6
    }

    .returnOnInvest .calculatorFunc .calculatorForm .count-input input.datepicker::-moz-placeholder {
        color: #b6b6b6
    }

    .returnOnInvest .calculatorFunc .calculatorForm .count-input input.datepicker:-ms-input-placeholder {
        color: #b6b6b6
    }

    .returnOnInvest .calculatorFunc .calculatorForm .count-input input.datepicker:-moz-placeholder {
        color: #b6b6b6
    }

.returnOnInvest .calculatorDetails {
    padding-bottom: 7rem
}

@media only screen and (max-width:991px) {
    .returnOnInvest .calculatorDetails {
        padding-bottom: 4rem
    }
}

.returnOnInvest .calculatorDetails ul li {
    padding-top: 0;
    margin: 0
}

@media only screen and (max-width:991px) {
    .returnOnInvest .calculatorDetails ul li {
        padding-top: 2rem
    }
}

.returnOnInvest .calculatorDetails .penaltyBox {
    margin-top: 0
}

.returnOnInvest .calculatorDetails h3 {
    padding-bottom: 2rem;
    position: relative
}

.returnOnInvest .newtooltip {
    position: relative;
    outline: 0
}

    .returnOnInvest .newtooltip a[data-tooltip] {
        outline: 0
    }

.returnOnInvest .icon-fill-risk:before {
    color: #fff
}

.returnOnInvest a[data-tooltip][data-position=top]:before {
    left: -10rem;
    right: auto;
    background: #fff;
    color: #444;
    border: 0
}

@media only screen and (max-width:767px) {
    .returnOnInvest a[data-tooltip][data-position=top]:before {
        left: -12rem
    }
}

.returnOnInvest a[data-tooltip][data-position=top]:after {
    border-top-color: #fff;
    left: -webkit-calc(50% - 6px);
    left: calc(50% - 6px)
}

.sipAmountCalculator {
    background-image: url(../images/calculator_bg_03.png)
}

@media only screen and (max-width:767px) {
    .sipAmountCalculator {
        background: 0 0
    }
}

.sipAmountCalculator .calculatorForm {
    padding: 0 2rem
}

@media only screen and (max-width:1400px) {
    .sipAmountCalculator .calculatorFunc .calculatorForm label {
        min-height: 4.5rem
    }
}

@media only screen and (max-width:991px) {
    .sipAmountCalculator .calculatorFunc .calculatorForm label {
        min-height: 6rem
    }
}

@media only screen and (max-width:767px) {
    .sipAmountCalculator .calculatorFunc .calculatorForm label {
        min-height: auto
    }
}

.sipAmountCalculator .calculatorDetails {
    padding: 8rem 3rem 3rem
}

@media only screen and (max-width:991px) {
    .sipAmountCalculator .calculatorDetails {
        padding: 5rem 2rem
    }
}

.sipAmountCalculator .calculatorDetails ul li {
    padding-top: 0;
    margin: 0
}

@media only screen and (max-width:991px) {
    .sipAmountCalculator .calculatorDetails ul li {
        padding-top: 2rem
    }
}

.sipAmountCalculator .calculatorDetails .penaltyBox {
    margin-top: 0;
    text-align: center
}

    .sipAmountCalculator .calculatorDetails .penaltyBox .primaryBtn {
        margin-top: 3.5rem
    }

@media only screen and (max-width:991px) {
    .sipAmountCalculator .calculatorDetails .penaltyBox .primaryBtn {
        margin-top: 2.5rem
    }
}

.sipAmountCalculator .calculatorDetails .penaltyAmount {
    text-align: center
}

.sipAmountCalculator .calculatorDetails h3 {
    padding-bottom: 2rem;
    position: relative;
    text-align: center
}

.sipAmountCalculator .calcPanels h2 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 1.5rem;
    font-size: 2.6rem;
    line-height: 3rem;
    color: #fff;
    font-family: Lato-Regular
}

@media only screen and (max-width:991px) {
    .sipAmountCalculator .calcPanels h2 {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.sipAmountCalculator .owl-item .cardBox {
    display: block
}

.sipAmountCalculator .wcCarousel .owl-nav {
    text-align: right;
    margin-top: 2rem
}

@media only screen and (max-width:767px) {
    .sipAmountCalculator .wcCarousel .owl-nav {
        display: none
    }
}

.sipAmountCalculator .wcCarousel .owl-nav .owl-next,
.sipAmountCalculator .wcCarousel .owl-nav .owl-prev {
    display: inline-block;
    background: 0 0;
    border: none;
    width: 27px;
    height: 14px;
    text-indent: -9999px;
    outline: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 0;
    cursor: pointer
}

.sipAmountCalculator .wcCarousel .owl-nav .owl-prev {
    margin-right: 1.3rem;
    margin-bottom: 0;
    background: url(../images/spiteIcons.png) no-repeat -4px -937px
}

.sipAmountCalculator .wcCarousel .owl-nav .owl-next {
    background: url(../images/spiteIcons.png) no-repeat -44px -937px
}

    .sipAmountCalculator .wcCarousel .owl-nav .owl-next:active,
    .sipAmountCalculator .wcCarousel .owl-nav .owl-next:hover,
    .sipAmountCalculator .wcCarousel .owl-nav .owl-prev:active,
    .sipAmountCalculator .wcCarousel .owl-nav .owl-prev:hover {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .sipAmountCalculator .wcCarousel .owl-nav .owl-next.disabled,
    .sipAmountCalculator .wcCarousel .owl-nav .owl-prev.disabled {
        cursor: pointer
    }

.taxSavingCalculator {
    background-image: url(../images/calculator_bg_04.png)
}

@media only screen and (max-width:767px) {
    .taxSavingCalculator {
        background: 0 0
    }
}

.taxSavingCalculator .calculatorForm {
    padding: 0 9rem
}

@media only screen and (max-width:991px) {
    .taxSavingCalculator .calculatorForm {
        padding: 2rem
    }
}

@media only screen and (max-width:1400px) {
    .taxSavingCalculator .calculatorFunc .calculatorForm label {
        min-height: 4.5rem
    }
}

@media only screen and (max-width:1199px) {
    .taxSavingCalculator .calculatorFunc .calculatorForm label {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .taxSavingCalculator .calculatorFunc .calculatorForm label {
        min-height: auto;
        font-size: 1.4rem
    }
}

.taxSavingCalculator .calculatorDetails ul li {
    padding-top: 0;
    margin: 0;
    width: 100%
}

@media only screen and (max-width:991px) {
    .taxSavingCalculator .calculatorDetails ul li {
        padding-top: 2rem
    }
}

.taxSavingCalculator .calculatorDetails .penaltyBox {
    width: 23rem;
    margin: 0 auto
}

    .taxSavingCalculator .calculatorDetails .penaltyBox .orangeBtn::after {
        background: #f79608
    }

.taxSavingCalculator .calculatorDetails h3 {
    padding-bottom: 2rem;
    position: relative
}

.taxSavingCalculator .calculatorDetails .col-sm-6 {
    padding: 0
}

@media only screen and (max-width:991px) {
    .taxSavingCalculator .calculatorDetails .col-sm-6 {
        padding: 0 1rem 0 0
    }
}

@media only screen and (max-width:767px) {
    .taxSavingCalculator .calculatorDetails .col-sm-6 {
        padding: 0 1rem
    }
}

.sipTopUpCalculator {
    display: block;
    background: url(../images/calculator_bg_011.png) no-repeat center top -4rem;
    background-size: 100%
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator {
        background: 0 0
    }
}

.sipTopUpCalculator .fieldSect {
    padding: 0 27.5rem 0 4rem
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .fieldSect {
        padding: 0 4rem 0 4rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .fieldSect {
        padding: 0 1.5rem 0
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fieldSect {
        padding: 0 1.5rem 0
    }
}

.sipTopUpCalculator .fieldSect .orangeBtn {
    margin-bottom: 4rem
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fieldSect .orangeBtn {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

.sipTopUpCalculator .fpnt h3 {
    font-size: 1.8rem;
    display: inline-block;
    margin: 0 0 2rem;
    padding: 1.6rem 0
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fpnt h3 {
        width: 100%;
        margin: 0;
        padding: 2rem 0 .8rem
    }
}

.sipTopUpCalculator .fpnt h3 img {
    width: 2.8rem;
    position: relative;
    top: -6px
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fpnt h3 img {
        top: 0;
        vertical-align: top;
        width: 1.5rem
    }
}

.sipTopUpCalculator .fpnt h3 .gls {
    width: 2.8rem
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fpnt h3 .gls {
        width: 1.8rem
    }
}

.sipTopUpCalculator .fpnt h3 span {
    display: inline-block;
    padding-left: 1.2rem;
    font-size: 1.8rem;
    vertical-align: top
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .fpnt h3 span {
        width: 32rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fpnt h3 span {
        width: 92%;
        padding-left: 1rem
    }
}

.sipTopUpCalculator .fpnt .gryBox {
    background: #f0f5f9;
    height: 5rem;
    width: 21rem;
    display: inline-block;
    float: right;
    clear: both;
    margin-bottom: 3rem;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    position: relative
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .fpnt .gryBox {
        float: none;
        width: 100%;
        margin-bottom: 0
    }
}

.sipTopUpCalculator .fpnt .gryBox .totalT {
    color: #444;
    padding: .8rem 0
}

    .sipTopUpCalculator .fpnt .gryBox .totalT .rupee {
        font-size: 3rem
    }

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .fpnt .gryBox .totalT .rupee {
        font-size: 2.4rem
    }
}

.sipTopUpCalculator .fpnt .gryBox .totalT .tVal {
    font-size: 3rem;
    font-family: Lato-Bold
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .fpnt .gryBox .totalT .tVal {
        font-size: 2.4rem
    }
}

.sipTopUpCalculator .fpnt .gryBox .subT {
    color: #444;
    padding: 1.4rem 1.5rem
}

    .sipTopUpCalculator .fpnt .gryBox .subT .gct {
        font-size: 2rem
    }

    .sipTopUpCalculator .fpnt .gryBox .subT .rupee {
        font-size: 2rem
    }

    .sipTopUpCalculator .fpnt .gryBox .subT .yrSpan {
        font-size: 1.8rem;
        padding-left: .5rem
    }

    .sipTopUpCalculator .fpnt .gryBox .subT input {
        font-size: 2rem;
        background: 0 0;
        border: none;
        width: 15rem
    }

    .sipTopUpCalculator .fpnt .gryBox .subT .percent {
        font-family: Lato-Regular;
        font-size: 2rem;
        display: inline-block
    }

    .sipTopUpCalculator .fpnt .gryBox .subT .tenureB {
        min-width: 1.2rem;
        max-width: 3rem
    }

    .sipTopUpCalculator .fpnt .gryBox .subT .rateOr {
        min-width: 1.2rem;
        max-width: 5rem
    }

.sipTopUpCalculator .fpnt .gryBox .selectDropDown {
    width: 100%;
    margin: 0;
    padding: .3rem 1.5rem
}

    .sipTopUpCalculator .fpnt .gryBox .selectDropDown:after {
        border: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        content: "\f106";
        font-family: icomoon;
        font-size: 2.2rem;
        color: #00a2bd;
        position: absolute;
        right: 1.5rem;
        top: 43px;
        font-weight: 700
    }

    .sipTopUpCalculator .fpnt .gryBox .selectDropDown .chosen-container-single .chosen-single {
        border-bottom: none
    }

.sipTopUpCalculator .fpnt .inputFeild {
    padding: 0;
    margin: 0
}

.sipTopUpCalculator .fpnt .transB {
    background: 0 0
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .fpnt .transB {
        height: 4rem
    }
}

.sipTopUpCalculator .formtitile h1 {
    font-size: 2.8rem;
    font-family: Lato-Bold;
    color: #444;
    text-align: left;
    margin: 2.5rem 0 2rem;
    padding: 0 0 1.5rem 0;
    text-transform: uppercase;
    position: relative
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .formtitile h1 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .formtitile h1 {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.sipTopUpCalculator .formtitile h1:after {
    content: '';
    position: absolute;
    width: 5rem;
    height: .4rem;
    background: #00a2bd;
    left: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .formtitile h1 {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.sipTopUpCalculator .formtitile p {
    padding: 3rem;
    margin: 0;
    color: #444;
    font-size: 1.2rem;
    font-family: Lato-Regular;
    text-align: justify
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorFunc p {
        padding: 2rem 2rem 0
    }
}

.sipTopUpCalculator .calculatorDetails {
    background: #00a2bd;
    padding: 0;
    position: relative;
    float: left;
    width: 100%
}

    .sipTopUpCalculator .calculatorDetails:before {
        width: 0;
        height: 0;
        content: '';
        border-left: 1.2rem solid transparent;
        border-right: 1.2rem solid transparent;
        border-top: 1.2rem solid #fff;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        position: absolute
    }

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails:before {
        border-left: .8rem solid transparent;
        border-right: .8rem solid transparent;
        border-top: .8rem solid #fff
    }
}

.sipTopUpCalculator .calculatorDetails .sect1 {
    width: 35.6%;
    float: left;
    text-align: center;
    padding-top: 4rem
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .sect1 {
        width: 100%;
        float: none;
        padding-bottom: 3rem
    }
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .calculatorDetails .sect1 {
        padding-top: 3rem;
        padding-bottom: 2rem
    }
}

.sipTopUpCalculator .calculatorDetails .sect1:first-child {
    border-right: 1px solid #2ab7ce
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .sect1:first-child {
        border: none;
        border-bottom: 1px solid #2ab7ce
    }
}

.sipTopUpCalculator .calculatorDetails .sect1 p {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    line-height: 1.8rem;
    width: 24.2rem;
    padding: 0 0 .5rem;
    text-align: center;
    margin: 0 auto
}

.sipTopUpCalculator .calculatorDetails .sect1 .capitals,
.sipTopUpCalculator .calculatorDetails .sect1 .expInvest,
.sipTopUpCalculator .calculatorDetails .sect1 .totalS {
    text-align: center
}

.sipTopUpCalculator .calculatorDetails .sect1 .amount {
    color: #fff
}

    .sipTopUpCalculator .calculatorDetails .sect1 .amount .rupee {
        font-size: 3.2rem
    }

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .calculatorDetails .sect1 .amount .rupee {
        font-size: 3rem
    }
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .calculatorDetails .sect1 .amount .rupee {
        font-size: 2.6rem
    }
}

.sipTopUpCalculator .calculatorDetails .sect1 .amount .amt {
    font-size: 3.2rem;
    font-family: Lato-Bold
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .calculatorDetails .sect1 .amount .amt {
        font-size: 3rem
    }
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .calculatorDetails .sect1 .amount .amt {
        font-size: 2.6rem
    }
}

.sipTopUpCalculator .calculatorDetails .sect1 .expInvest {
    position: relative
}

    .sipTopUpCalculator .calculatorDetails .sect1 .expInvest:before {
        content: '=';
        position: absolute;
        font-size: 5.5rem;
        color: #fff;
        font-family: Lato-Bold;
        bottom: 99px;
        right: 0;
        left: 0
    }

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .calculatorDetails .sect1 .expInvest:before {
        bottom: 89px
    }
}

.sipTopUpCalculator .calculatorDetails .sect1 .expInvest p {
    font-family: Lato-Bold;
    font-size: 1.8rem;
    width: 29.2rem;
    line-height: 2.2rem;
    padding-bottom: 0
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .calculatorDetails .sect1 .expInvest p {
        font-size: 1.6rem;
        padding: 0 1.8rem
    }
}

.sipTopUpCalculator .calculatorDetails .sect1 .expInvest .amt,
.sipTopUpCalculator .calculatorDetails .sect1 .expInvest .rupee {
    color: #fcf782
}

.sipTopUpCalculator .calculatorDetails .sect1 .totalS {
    margin-bottom: 5rem;
    position: relative
}

    .sipTopUpCalculator .calculatorDetails .sect1 .totalS:after {
        content: '+';
        position: absolute;
        font-size: 4.8rem;
        color: #fff;
        font-family: Lato-Bold;
        bottom: -53px;
        right: 0;
        left: 0
    }

.sipTopUpCalculator .calculatorDetails .sect1 .capitals {
    margin-bottom: 4rem
}

.sipTopUpCalculator .calculatorDetails .darkBlu {
    background: #018aa1;
    width: 28.8%;
    height: 65.3rem
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .calculatorDetails .darkBlu {
        height: 69.5rem
    }
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .darkBlu {
        width: 100%;
        height: auto
    }
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-container {
    width: 100%
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-color-0 {
    fill: #fff
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-axis.highcharts-color-0 .highcharts-axis-line {
    stroke: #00a2bd
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-axis.highcharts-color-0 text {
    fill: #fff
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 1px
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-color-0 .highcharts-grid-line {
    stroke: #00a2bd
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-tick {
    display: none
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-xaxis .highcharts-axis-line {
    stroke: #00a2bd
}

.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-stack-labels text,
.sipTopUpCalculator .calculatorDetails #sipChart .highcharts-text-outline {
    stroke: transparent;
    font-family: Lato-Bold;
    font-size: 1.4rem !important;
    fill: transparent
}

.sipTopUpCalculator .calculatorDetails .orangeBtn::after {
    background: #f79608
}

.sipTopUpCalculator .calculatorDetails h2 {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 0 2.5rem;
    font-size: 2.6rem;
    line-height: 3rem;
    font-family: Lato-Regular
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .calculatorDetails h2 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails h2 {
        font-size: 2rem;
        line-height: 2.6rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails h2 {
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .calculatorDetails h2 {
        padding: 0 2rem
    }
}

.sipTopUpCalculator .calculatorDetails h2 .icon-With-SIP-Top-up,
.sipTopUpCalculator .calculatorDetails h2 .icon-Without-SIP-Top-up {
    font-size: 5rem
}

.sipTopUpCalculator .calculatorDetails h2 .title {
    font-size: 2.6rem;
    display: inline-block;
    width: 24rem;
    text-align: left;
    padding-left: 1.5rem
}

@media only screen and (max-width:1400px) {
    .sipTopUpCalculator .calculatorDetails h2 .title {
        font-size: 2.4rem;
        text-align: center
    }
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails h2 .title {
        font-size: 2.4rem;
        text-align: left
    }
}

@media only screen and (max-width:480px) {
    .sipTopUpCalculator .calculatorDetails h2 .title {
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:360px) {
    .sipTopUpCalculator .calculatorDetails h2 .title {
        text-align: center;
        padding-left: 0
    }
}

.sipTopUpCalculator .calculatorDetails h3 {
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0 0 1.5rem 0;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: Lato-Regular
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails h3 {
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding-bottom: .5rem
    }
}

.sipTopUpCalculator .calculatorDetails ul {
    margin: 0;
    padding: 0;
    width: 100%
}

    .sipTopUpCalculator .calculatorDetails ul li {
        display: inline-block;
        border-left: 1px solid #2ab4cb;
        margin: 2.5rem 0;
        padding: 1.2rem 0 1.2rem 5rem;
        width: 49%
    }

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails ul li {
        padding-left: 2.5rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails ul li {
        margin: 1.5rem 0
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails ul li {
        padding: 2rem 0;
        border-left: 0;
        width: 100%;
        border-bottom: .1rem solid rgba(255, 255, 255, .1);
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails ul li:last-of-type {
        border-bottom: 0
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyAmount {
    color: #fff;
    font-size: 3.2rem;
    line-height: 3.2rem;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Lato-Bold
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .penaltyAmount {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyAmount {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyAmount .addcomma {
    color: #fff;
    font-size: 3.2rem;
    line-height: 3.2rem;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Lato-Bold
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .penaltyAmount .addcomma {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyAmount .addcomma {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyAmount .icon-indian-rupee {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .penaltyAmount .icon-indian-rupee {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyAmount .icon-indian-rupee {
        font-size: 1.8rem;
        line-height: 1.8rem
    }
}

.sipTopUpCalculator .calculatorDetails .primaryBtn {
    color: #f79608;
    margin-top: 2rem;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .primaryBtn {
        margin-top: 2rem;
        font-size: 1.2rem;
        padding: 1rem 1.5rem
    }
}

.sipTopUpCalculator .calculatorDetails .primaryBtn:before {
    background: #fff;
    outline: 0
}

.sipTopUpCalculator .calculatorDetails .primaryBtn:hover {
    color: #fff
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails .primaryBtn {
        margin-top: 2rem
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyBox {
    margin: 3.5rem 0 0 0
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox h3 {
        text-align: center
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyBox .primaryBtn {
    display: inline-block;
    outline: 0
}

.sipTopUpCalculator .calculatorDetails .penaltyBox .orangeBtn::after {
    background: #f79608
}

.sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount {
    color: #fcf782;
    font-size: 5rem;
    line-height: 5rem
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount {
        font-size: 3.8rem;
        line-height: 3.8rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount {
        font-size: 3.4rem;
        line-height: 3.4rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount {
        text-align: center;
        font-size: 5rem;
        line-height: 5rem
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
    color: #fcf782;
    font-size: 5rem;
    line-height: 5rem
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        font-size: 3.8rem;
        line-height: 3.8rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        font-size: 3.4rem;
        line-height: 3.4rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .addcomma {
        text-align: center;
        font-size: 5rem;
        line-height: 5rem
    }
}

.sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
    font-size: 3.6rem;
    line-height: 3.6rem;
    color: #fcf782
}

@media only screen and (max-width:1199px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

@media only screen and (max-width:767px) {
    .sipTopUpCalculator .calculatorDetails .penaltyBox .penaltyAmount .icon-indian-rupee {
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

.calculatorBox {
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    margin: 0
}

.calculatorFunc p {
    padding: 2rem 3rem 2.5rem;
    margin: 0;
    color: #444;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: Lato-Regular;
    text-align: justify
}

@media only screen and (max-width:991px) {
    .calculatorFunc p {
        padding: 2rem;
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

.calculatorFunc .functBtnWrap {
    display: block;
    text-align: center
}

    .calculatorFunc .functBtnWrap li {
        -webkit-border-radius: .5rem;
        border-radius: .5rem;
        overflow: hidden
    }

        .calculatorFunc .functBtnWrap li:first-of-type {
            -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            margin-right: -.2rem
        }

        .calculatorFunc .functBtnWrap li:last-of-type {
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .calculatorFunc .functBtnWrap a {
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1.4rem;
        font-family: Lato-Bold;
        min-width: 17rem;
        padding: 1.6rem 0;
        background: #f79608;
        color: #444;
        background: #e1e8ef;
        outline: 0
    }

@media only screen and (max-width:991px) {
    .calculatorFunc .functBtnWrap a {
        min-width: 14rem;
        padding: 1.4rem 0
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .functBtnWrap a {
        min-width: 12rem
    }
}

.calculatorFunc .functBtnWrap a.active {
    background: #f79608;
    color: #fff
}

.calculatorFunc .calculatorForm {
    padding: 3rem 9rem 1rem;
    margin: 0 auto;
    display: block
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm {
        padding: 2rem 4rem
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .calculatorForm {
        padding: 2rem
    }
}

.calculatorFunc .calculatorForm label {
    font-size: 1.6rem;
    color: #444;
    font-family: Lato-Regular;
    text-align: left;
    margin: 0 0 1.5rem 0;
    padding: 0
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm label {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }
}

.calculatorFunc .calculatorForm label .icon-indian-rupee {
    font-size: 1.2rem;
    font-weight: 600
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm label .icon-indian-rupee {
        font-size: 1rem
    }
}

.calculatorFunc .calculatorForm .count-input {
    position: relative;
    width: 100%;
    margin-bottom: 3rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .count-input {
        margin-bottom: 2rem
    }
}

.calculatorFunc .calculatorForm .count-input input {
    width: 100%;
    border: 0;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    background: #f0f5f9;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.8rem;
    padding: 1.4rem 0;
    font-family: Lato-Regular;
    color: #444
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .count-input input {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 1rem 0
    }
}

.calculatorFunc .calculatorForm .count-input input:focus {
    outline: 0
}

.calculatorFunc .calculatorForm .count-input input::-ms-clear {
    display: none
}

.calculatorFunc .calculatorForm .count-input a.incr-btn,
.calculatorFunc .calculatorForm .count-input a.incr-btnAmount {
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    font-size: 2.6rem;
    font-weight: 500;
    text-align: center;
    line-height: 5rem;
    right: 0;
    top: 0;
    text-decoration: none;
    color: #00a2bd;
    outline: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .count-input a.incr-btn,
    .calculatorFunc .calculatorForm .count-input a.incr-btnAmount {
        font-size: 2rem;
        height: 4rem;
        width: 4rem;
        line-height: 4rem
    }
}

.calculatorFunc .calculatorForm .count-input a.incr-btn:hover,
.calculatorFunc .calculatorForm .count-input a.incr-btnAmount:hover {
    color: #f79608
}

.calculatorFunc .calculatorForm .count-input a.incr-btn:first-child,
.calculatorFunc .calculatorForm .count-input a.incr-btnAmount:first-child {
    right: auto;
    left: 0
}

.calculatorFunc .calculatorForm .count-input.count-input-sm {
    max-width: 125px
}

    .calculatorFunc .calculatorForm .count-input.count-input-sm input {
        height: 36px
    }

.calculatorFunc .calculatorForm .count-input.count-input-lg {
    max-width: 200px
}

    .calculatorFunc .calculatorForm .count-input.count-input-lg input {
        height: 70px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

.calculatorFunc .calculatorForm .gaolAmount {
    margin-bottom: 3rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount {
        margin-bottom: 2rem
    }
}

.calculatorFunc .calculatorForm .gaolAmount .count-input {
    width: 30%;
    margin-right: 1rem;
    margin-bottom: 0;
    float: left
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .count-input {
        width: 39%
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .calculatorForm .gaolAmount .count-input {
        width: 100%;
        margin: 0 0 1rem 0
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn {
    width: 66%;
    float: left
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn {
        width: 56%
    }
}

@media only screen and (max-width:767px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn {
        width: 100%
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown {
    background: #f0f5f9;
    border: 0;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-family: Lato-Regular;
    margin-right: 0;
    max-width: 100%;
    width: 100%
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown {
        padding: .6rem 0
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown:after {
    right: 1.5rem;
    top: 3.6rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown:after {
        top: 3rem
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single {
    border-bottom: 0;
    line-height: 2.8rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single {
        font-size: 2rem;
        padding-top: 0
    }
}

.calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single span {
    font-size: 1.8rem
}

@media only screen and (max-width:991px) {
    .calculatorFunc .calculatorForm .gaolAmount .defaultSeclectBtn .selectDropDown .chosen-single span {
        font-size: 1.6rem
    }
}

.disclaimer {
    padding: 2rem 3rem;
    position: relative
}

@media only screen and (max-width:767px) {
    .disclaimer {
        padding: 2rem
    }
}

.disclaimer p {
    margin: 0;
    padding: 0;
    color: #444;
    opacity: .7;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: Lato-Regular;
    text-align: justify
}

@media only screen and (max-width:767px) {
    .disclaimer p.discHide {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 5rem
    }
}

.disclaimer span {
    color: #00a2bd;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-family: Lato-Regular;
    right: 1.8rem;
    top: 2rem;
    display: none;
    position: absolute
}

@media only screen and (max-width:767px) {
    .disclaimer span {
        display: inline-block
    }
}

.planyourgoal {
    position: relative
}

@media only screen and (max-width:991px) {
    .planyourgoal {
        width: 40rem;
        margin: 2rem auto 0
    }
}

@media only screen and (max-width:480px) {
    .planyourgoal {
        width: 100%
    }
}

.planyourgoal:before {
    content: '';
    background: #f79608;
    opacity: .15;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.planyourgoal img {
    height: 39rem
}

@media only screen and (max-width:991px) {
    .planyourgoal img {
        width: 100%
    }
}

.planyourgoalContent {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    padding-right: 2rem
}

    .planyourgoalContent h3 {
        font-size: 4.8rem;
        line-height: 4.8rem;
        color: #fff;
        font-family: Lato-Black;
        margin: 0 0 1rem 0;
        padding: 0;
        text-align: left
    }

@media only screen and (max-width:991px) {
    .planyourgoalContent h3 {
        font-size: 3rem;
        line-height: 3rem
    }
}

.planyourgoalContent p {
    font-size: 2rem;
    color: #fff;
    font-family: Lato-Regular;
    line-height: 2.2rem;
    margin: 0;
    padding: 0;
    text-align: left
}

@media only screen and (max-width:991px) {
    .planyourgoalContent p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.defaultBtn:hover {
    outline: 0;
    border: none
}

.calcPanels {
    padding: 3rem 0 3rem
}

@media only screen and (max-width:991px) {
    .calcPanels {
        padding: 2rem 0
    }
}

.calcPanels ul.calcPanelSlider {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

@media only screen and (max-width:991px) {
    .calcPanels ul.calcPanelSlider {
        width: 40rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    .calcPanels ul.calcPanelSlider {
        width: 100%
    }
}

.calcPanels ul.calcPanelSlider li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

    .calcPanels ul.calcPanelSlider li img {
        height: 39rem;
        margin: 0;
        padding: 0;
        position: relative
    }

@media only screen and (max-width:991px) {
    .calcPanels ul.calcPanelSlider li img {
        height: auto
    }
}

.calcPanels ul.calcPanelSlider li .calcPanelSldrCont {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0
}

.calcPanels ul.calcPanelSlider li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 1.2rem 1.5rem;
    margin: 0;
    outline: 0
}

.calcPanels .owl-dots {
    margin-top: 2rem
}

    .calcPanels .owl-dots .owl-dot {
        display: inline-block
    }

@media only screen and (max-width:991px) {
    .investWrap {
        padding: 2rem 0 0
    }
}

@media only screen and (max-width:991px) {
    .investWrap {
        width: 40rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    .investWrap {
        width: 100%
    }
}

.investSIP {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: .5rem;
    border-radius: .5rem
}

@media only screen and (max-width:480px) {
    .investSIP {
        height: 27.5rem
    }
}

.investSIP img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 39rem
}

@media only screen and (max-width:991px) {
    .investSIP img {
        height: auto
    }
}

.investSIP:after {
    content: '';
    background: #f79608;
    opacity: .2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1
}

.investSIP:hover p {
    opacity: 1
}

.investSIP:hover .primaryBtn {
    opacity: 1
}

    .investSIP:hover .primaryBtn:after {
        background: #00a2bd
    }

.investSIP:hover:after {
    opacity: .95
}

.investSIP:hover .investSIPCont {
    bottom: 3rem
}

@media only screen and (max-width:991px) {
    .investSIP:hover .investSIPCont {
        bottom: 5rem
    }
}

@media only screen and (max-width:767px) {
    .investSIP:hover .investSIPCont {
        bottom: 7rem
    }
}

@media only screen and (max-width:480px) {
    .investSIP:hover .investSIPCont {
        bottom: 3rem
    }
}

@media only screen and (max-width:375px) {
    .investSIP:hover .investSIPCont {
        bottom: 1rem
    }
}

.investSIP .investSIPCont {
    position: absolute;
    bottom: -20rem;
    padding: 2.5rem;
    width: 100%;
    text-align: center;
    z-index: 2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media only screen and (max-width:1199px) {
    .investSIP .investSIPCont {
        bottom: -18rem
    }
}

@media only screen and (max-width:991px) {
    .investSIP .investSIPCont {
        bottom: -15rem
    }
}

@media only screen and (max-width:767px) {
    .investSIP .investSIPCont {
        padding: 2.5rem 2rem 1rem;
        bottom: -13rem
    }
}

@media only screen and (max-width:375px) {
    .investSIP .investSIPCont {
        bottom: -17rem
    }
}

.investSIP h2 {
    margin: 0;
    padding: 0 0 2rem 0;
    font-size: 2.4rem;
    line-height: 3rem;
    font-family: Lato-Regular;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width:1199px) {
    .investSIP h2 {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

.investSIP p {
    opacity: 0;
    margin: 0 0 3rem 0;
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: Lato-Regular;
    color: #fff;
    width: 100%
}

@media only screen and (max-width:1199px) {
    .investSIP p {
        font-size: 1.4rem;
        line-height: 1.6rem;
        margin-bottom: 1.5rem
    }
}

.investSIP .primaryBtn {
    opacity: 1;
    color: #f79608;
    margin: 0 auto;
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem
}

    .investSIP .primaryBtn:before {
        background: #fff;
        outline: 0
    }

    .investSIP .primaryBtn:hover {
        color: #fff
    }

.knowYouBetter {
    background: #f0f4f7;
    padding: 3rem 0
}

@media only screen and (max-width:991px) {
    .knowYouBetter {
        padding: 2rem 0
    }
}

.knowYouBetter h2 {
    margin: 0;
    padding: 0 0 1rem
}

@media only screen and (max-width:991px) {
    .knowYouBetter h2 {
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .knowYouBetter h2 {
        padding-bottom: 0
    }
}

.knowYouBetter .inputfieldCont .inputfieldLeft,
.knowYouBetter .inputfieldCont .inputfieldright {
    width: 32%
}

@media only screen and (max-width:1199px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft,
    .knowYouBetter .inputfieldCont .inputfieldright {
        width: 31.5%
    }
}

@media only screen and (max-width:991px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft,
    .knowYouBetter .inputfieldCont .inputfieldright {
        width: 31%
    }
}

@media only screen and (max-width:767px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft,
    .knowYouBetter .inputfieldCont .inputfieldright {
        width: 100%
    }
}

.knowYouBetter .inputfieldCont .inputfieldLeft .inpDefault,
.knowYouBetter .inputfieldCont .inputfieldright .inpDefault {
    font-size: 2rem;
    font-family: Lato-Bold;
    color: #444
}

@media only screen and (max-width:991px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft .inpDefault,
    .knowYouBetter .inputfieldCont .inputfieldright .inpDefault {
        font-size: 1.6rem
    }
}

.knowYouBetter .inputfieldCont .inputfieldLeft .errorText,
.knowYouBetter .inputfieldCont .inputfieldright .errorText {
    background: 0 0
}

@media only screen and (max-width:991px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft label,
    .knowYouBetter .inputfieldCont .inputfieldright label {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:480px) {
    .knowYouBetter .inputfieldCont .inputfieldLeft label,
    .knowYouBetter .inputfieldCont .inputfieldright label {
        top: 3.9rem
    }
}

.knowYouBetter .inputfieldCont input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f0f4f7;
    -webkit-text-fill-color: #444 !important;
    caret-color: #444 !important
}

.knowYouBetter .btnSec {
    text-align: left
}

    .knowYouBetter .btnSec .orangeBtn {
        color: #fff;
        margin-bottom: 0
    }

        .knowYouBetter .btnSec .orangeBtn:before {
            outline: 0
        }

@media only screen and (max-width:991px) {
    .knowYouBetter .btnSec .orangeBtn {
        font-size: 1.2rem;
        padding: 1rem 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .knowYouBetter .btnSec .orangeBtn {
        display: inline-block;
        width: auto
    }
}

.prodCalculator .howToInvest {
    padding: 3rem 0 5.4rem;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .prodCalculator .howToInvest {
        padding-top: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .howToInvest .container {
        padding: 0
    }
}

.prodCalculator .howToInvest h2 {
    margin: 0;
    padding: 0 0 2rem
}

@media only screen and (max-width:991px) {
    .prodCalculator .howToInvest h2 {
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .howToInvest h2 {
        padding-left: 1.5rem
    }
}

@media only screen and (max-width:991px) {
    .prodCalculator ul.investWays {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator ul.investWays {
        padding-left: 1.5rem
    }
}

.prodCalculator .investWays li {
    width: auto;
    min-width: 15.5rem;
    min-height: 14.8rem;
    padding: 3rem 0 1.8rem
}

@media only screen and (max-width:1199px) {
    .prodCalculator .investWays li {
        min-width: 15.4rem
    }
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li {
        min-height: 12rem;
        min-width: 13rem;
        padding: 2rem 1.5rem
    }
}

.prodCalculator .investWays li a {
    position: relative;
    z-index: 2;
    outline: 0
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li a {
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

.prodCalculator .investWays li span {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li span {
        margin-bottom: .5rem
    }
}

.prodCalculator .investWays li:nth-child(3) {
    min-width: 17rem
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li:nth-child(3) {
        min-width: 15rem
    }
}

@media only screen and (max-width:991px) {
    .prodCalculator .investWays li:after {
        right: -1.8rem;
        top: -1.4rem;
        height: 14rem
    }
}

@media only screen and (max-width:767px) {
    .prodCalculator .howToInvest .divBox {
        padding: 0 1.5rem
    }
}

.prodCalculator .howToInvest .divBox .nDiv {
    min-height: 14.8rem
}

@media only screen and (max-width:1199px) {
    .prodCalculator .howToInvest .divBox .nDiv {
        min-height: auto
    }
}

@media only screen and (max-width:1199px) {
    .prodCalculator .howToInvest .divBox .nDiv {
        text-align: center
    }
}

.prodCalculator .howToInvest .divBox .nDiv h4 {
    font-size: 1.8rem
}

@media only screen and (max-width:991px) {
    .prodCalculator .howToInvest .divBox .nDiv h4 {
        font-size: 1.6rem
    }
}

.prodCalculator .howToInvest .divBox .nDiv a {
    outline: 0;
    padding: 1rem 1.2rem;
    margin-bottom: 0
}

@media only screen and (max-width:1400px) {
    .prodNew .calculatorBox {
        width: 70%;
        margin: 0 auto
    }
}

@media only screen and (max-width:767px) {
    .prodNew .calculatorBox {
        width: 100%
    }
}

@media only screen and (max-width:1400px) {
    .prodNew .calculatorBox .calculatorFunc .calculatorForm {
        padding: 3rem 3rem 1rem
    }
}

.howToInvest {
    padding: 0 1.5rem;
    margin-bottom: 5.2rem
}

@media only screen and (max-width:767px) {
    .howToInvest {
        padding: 0
    }
}

.howToInvest h3 {
    font-size: 2.6rem;
    color: #444
}

.howToInvest .divBox {
    width: 100%
}

@media only screen and (max-width:1199px) {
    .howToInvest .divBox {
        margin-top: 1.5rem
    }
}

.howToInvest .divBox .nDiv {
    float: left;
    background: #e1e8ef;
    padding: 1.5rem;
    width: 100%
}

@media only screen and (max-width:991px) {
    .howToInvest .divBox .nDiv {
        text-align: center
    }
}

.howToInvest .divBox .nDiv h4 {
    font-size: 1.8rem;
    color: #606060
}

@media only screen and (max-width:991px) {
    .howToInvest .divBox .nDiv h4 {
        line-height: 2.4rem
    }
}

.howToInvest .divBox .nDiv a {
    font-size: 1.2rem;
    color: #fff
}

ul.investWays {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    ul.investWays {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }
}

ul.investWays li {
    list-style: none;
    margin: 0;
    padding: 3.4rem 0;
    position: relative;
    float: left;
    height: auto;
    background-color: #e9e357;
    text-align: center;
    width: 25%;
    min-width: 14rem
}

@media only screen and (max-width:767px) {
    ul.investWays li {
        display: table-cell;
        min-width: 14rem;
        padding: 2.5rem 0
    }
}

ul.investWays li:after {
    content: '';
    right: -2.4rem;
    top: 0;
    margin: 0;
    padding: 0;
    background: url(../images/investArrow.png) no-repeat 0 0;
    height: 14.8rem;
    width: 3.7rem;
    position: absolute;
    z-index: 1
}

ul.investWays li.lastArw:after,
ul.investWays li.lastArw:before {
    display: none
}

ul.investWays li a {
    text-align: center;
    display: block;
    color: #444;
    font-size: 1.4rem;
    font-family: Lato-Bold
}

ul.investWays li span {
    position: relative;
    display: block;
    background-repeat: no-repeat;
    font-size: 5rem;
    line-height: 5rem;
    margin: 0 auto 1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

    ul.investWays li span.icon-Locate-an-Advisor {
        font-size: 4.8rem
    }

    ul.investWays li span.icon-Registrar-an-Advisor {
        font-size: 4.2rem
    }

    ul.investWays li span.icon-Visit-our-Office {
        font-size: 4.2rem
    }

    ul.investWays li span.icon-KTrack-Mobile {
        font-size: 6rem
    }

    ul.investWays li span.icon-MF-Utility {
        font-size: 6rem
    }

ul.investWays li:hover span {
    font-size: 6rem
}

    ul.investWays li:hover span.icon-Locate-an-Advisor {
        font-size: 5.6rem
    }

    ul.investWays li:hover span.icon-Registrar-an-Advisor {
        font-size: 5rem
    }

    ul.investWays li:hover span.icon-Visit-our-Office {
        font-size: 5rem
    }

    ul.investWays li:hover span.icon-KTrack-Mobile {
        font-size: 7.4rem
    }

    ul.investWays li:hover span.icon-MF-Utility {
        font-size: 7.4rem
    }

.prodListInvstWay {
    padding: 3rem 0 5.4rem;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .prodListInvstWay {
        padding-top: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodListInvstWay .container {
        padding: 0
    }
}

.prodListInvstWay h2 {
    margin: 0;
    padding: 0 0 2rem
}

@media only screen and (max-width:991px) {
    .prodListInvstWay h2 {
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .prodListInvstWay h2 {
        padding-left: 1.5rem
    }
}

@media only screen and (max-width:991px) {
    .prodListInvstWay ul.investWays {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }
}

@media only screen and (max-width:767px) {
    .prodListInvstWay ul.investWays {
        padding-left: 1.5rem
    }
}

.prodListInvstWay .investWays li {
    width: auto;
    min-width: 15.5rem;
    min-height: 14.8rem;
    padding: 3rem 0 1.8rem
}

@media only screen and (max-width:1199px) {
    .prodListInvstWay .investWays li {
        min-width: 15.4rem
    }
}

@media only screen and (max-width:991px) {
    .prodListInvstWay .investWays li {
        min-height: 12rem;
        min-width: 13rem;
        padding: 2rem 1.5rem
    }
}

.prodListInvstWay .investWays li a {
    position: relative;
    z-index: 2;
    outline: 0
}

@media only screen and (max-width:991px) {
    .prodListInvstWay .investWays li a {
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

.prodListInvstWay .investWays li span {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:991px) {
    .prodListInvstWay .investWays li span {
        margin-bottom: .5rem
    }
}

.prodListInvstWay .investWays li:nth-child(3) {
    min-width: 17rem
}

@media only screen and (max-width:991px) {
    .prodListInvstWay .investWays li:nth-child(3) {
        min-width: 15rem
    }
}

@media only screen and (max-width:991px) {
    .prodListInvstWay .investWays li:after {
        right: -1.8rem;
        top: -1.4rem;
        height: 14rem
    }
}

@media only screen and (max-width:767px) {
    .prodListInvstWay .divBox {
        padding: 0 1.5rem
    }
}

.prodListInvstWay .divBox .nDiv {
    min-height: 14.8rem
}

@media only screen and (max-width:1199px) {
    .prodListInvstWay .divBox .nDiv {
        min-height: auto
    }
}

@media only screen and (max-width:1199px) {
    .prodListInvstWay .divBox .nDiv {
        text-align: center
    }
}

.prodListInvstWay .divBox .nDiv h4 {
    font-size: 1.8rem
}

@media only screen and (max-width:991px) {
    .prodListInvstWay .divBox .nDiv h4 {
        font-size: 1.6rem
    }
}

.prodListInvstWay .divBox .nDiv a {
    outline: 0;
    padding: 1rem 1.2rem;
    margin-bottom: 0
}

/*Sainath & mahesh 120222*/

.calculatorFunc .calculatorForm .count-input {
    text-align: center;
}

/*Sainath & mahesh 160322*/

.sipTopUpCalculator .fpnt .gryBox .subT .rateOr {
    min-width: 3rem;
}
/*Sainath & mahesh 160322*/