/* SIP Compound Calculator Start */
.main.sip-topup.compound .topup .t-outer {
    width: auto;
    height: 360px;
    border-radius: 16px;
    opacity: 1;
    margin: 0px;
    padding: 0px;
}

.main.sip-topup.compound .topup .pie-box {
    font-size: 3em;
    width: 210px;
    height: 210px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    z-index: 0;
}

.main.sip-topup.compound .topup .pie-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 40px;
    background: linear-gradient(#f3f3f3, #f3f3f3) content-box,
        /* this background will be shown if mask is no supported */
        conic-gradient(#51c9e8 0 var(--p1), #FFA300 calc(var(--p1)) calc(var(--p1) + var(--p2)), #51C9E8 calc(var(--p2)) calc(var(--p1) + var(--p2) + var(--p3)), #002856 calc(var(--p3)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4)), #FD4C60 calc(var(--p4)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4) + var(--p5)), #0BBC8A calc(var(--p5)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4) + var(--p5) + var(--p6)), #000000 calc(var(--p6)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4) + var(--p5) + var(--p6) + var(--p7)), #ffa301 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 33px), #fff calc(100% - 40px));
}

.main.sip-topup.compound .topup .pie-box-content {
    font-size: 22px;
    text-align: center;
    font: normal normal bold 18px/22px Rubik !important;
    letter-spacing: 0px;
    color: #000000;
}

.main.sip-topup.compound .topup .tbl-title {
    font: normal normal normal 14px/17px Rubik;
    color: #666666;
    min-height: 50px;
    max-height: 70px;
}

.main.sip-topup.compound .topup .tbl-des {
    font: normal normal 600 16px/19px Rubik;
    color: #111111;
    min-height: 25px;
    max-height: 100px;
}

.main.sip-topup.compound .topup .instruments.color.one:before {
    background: #51c9e8 0% 0% no-repeat padding-box;
}

.main.sip-topup.compound .topup .instruments.color.two:before {
    background: #ffa301 0% 0% no-repeat padding-box;
}

.main.sip-topup.compound .t-outer.row .col-md-6 {
    text-align: center;
    margin: 0px auto;
}

.main.sip-topup.compound .t-outer.row table.table {
    margin-left: 60px;
}

.main.sip-topup.compound .t-outer.row .instruments.color:before {
    content: '';
    opacity: 1;
    border-radius: 100%;
    padding: 1px 9px 0px 8px;
    margin: 0px 10px 0px 0px;
}

.main.sip-topup.compound .sip-title-top {
    margin-bottom: -72px;
    font: normal normal bold 56px/60px Rubik;
    color: #111111;
}

.main.sip-topup.compound .col-md-8.rhs-content {
    height: 570px;
}

.comp-cont .main.sip-topup.compound .col-md-8.rhs-content {
    height: 750px;
}

.main.sip-topup.compound .column-sip.bar-width.col-md-4 {
    height: 570px;
}

.main.sip-topup.compound .slider-container {
    top: 220px;
}

.main.sip-topup.compound .about-us-banner-img {
    background: transparent linear-gradient(180deg, #d9f0ff00 0%, #ffffff00 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 0em !important;
    margin-bottom: 50px;
}

.main.sip-topup.compound .sip-topus-cal-title {
    text-align: center;
    font: normal normal normal 24px/28px Rubik;
    color: #111111;
}

.main.sip-topup.compound .sip-topus-cal-title span {
    color: #0072BC;
}

.main.sip-topup.compound .sip-wrap .calculator-text-block {
    width: 100%;
    position: relative;
    left: 0%;
    top: 22px;
}

.main.sip-topup.compound .howtouse-sip.what-is-an-sip-block {
    margin-top: -57px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {

    .top-cont .sip-btn1:before {
        margin-left: 5px;
        top: 50%;
    }

    .main.sip-topup.compound .explore-mutualfund {
        height: auto;
        width: 1199px;
    }

    .main.sip-topup.compound .col-md-8.rhs-content.sip.topup {
        display: -webkit-inline-box;
    }

    .main.sip-topup.compound .slider-container {
        top: 220px;
    }

    .main.sip-topup.compound .column-sip.bar-width.col-md-4 {
        height: 570px;
    }

    .main.sip-topup.compound .col-md-8.rhs-content {
        height: 570px;
    }

    .main.sip-topup.compound .views-exposed-form.bef-exposed-form {
        text-align: center;
    }

    .main.sip-topup.compound .views-view-grid .views-col {
        float: left;
        box-sizing: border-box;
        min-width: 0;
        padding: 0px 15px 0px 0px;
    }
}

.main.sip-topup.compound #compounding_interval .m-i-a,
.main.sip-topup.compound #compound .m-i-a {
    width: 63%;
    right: 22px;
}

@media only screen and (min-width: 360px) and (max-width: 1024px) {

    .main.sip-topup.compound .compounding-title {
        width: 118px !important;
        position: relative;
        top: -180pX;
        font: normal normal bold 18px/22px Rubik !important;
        letter-spacing: 0px;
        color: #000000;
        margin: auto;
    }

    .main.sip-topup.compound h1#about_us_title {
        font: normal normal 600 28px/33px Rubik;
    }

    .main.sip-topup.compound #compounding_interval>div:first-child,
    .main.sip-topup.compound #compound>div:first-child,
    .main.sip-topup.compound #topup>div:first-child {
        display: flex;
        justify-content: space-between;
        margin: 0 35px 0 10px;
    }

    .main.sip-topup.compound .col-md-8.rhs-content {
        display: flex;
    }

    .main.sip-topup.compound .t-outer.row table.table {
        margin-left: 7px;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }

    .main.sip-topup.compound .topup .t-outer {
        width: auto;
    }

    .main.sip-topup.compound .about-us-banner-img {
        background: #daf0ff linear-gradient(180deg, #D9F0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    }
}

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

    .main.sip-topup.compound .topup .t-outer {
        height: 580px;
        margin-right: 5px;
    }

    .main.sip-topup.compound .col-md-8.rhs-content {
        height: 800px;
    }


    .main.sip-topup.compound .col-md-6.small-col {
        width: 50%;
    }

    .main.sip-topup.compound .topup .tbl-title {
        font: normal normal normal 12px/14px Rubik;
    }

    .main.sip-topup.compound .topup .tbl-des {
        font: normal normal bold 14px/17px Rubik;
    }

    .main.sip-topup.compound .sip-topus-cal-title {
        text-align: center;
        font: normal normal normal 12px/28px Rubik;
        color: #111111;
    }
}

.main.sip-topup.compound #compounding_interval .sip-btn3:before,
.main.sip-topup.compound #compound .sip-btn3:before {
    color: #11111100;
}

@media only screen and (min-width: 1025px) {

    .main.sip-topup.compound input#compounding_timePeriodBox,
    .main.sip-topup.compound input#timePeriodBox {
        padding-right: 47px;
    }

    .main.sip-topup.compound input#compounding_returnsBox,
    .main.sip-topup.compound input#returnsBox {
        padding-right: 22px;
    }
}

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

    .main.sip-topup.compound .column-sip.sip-rhs-2 {
        width: auto;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .main.sip-topup.compound .sip-btn3:before {
        right: 15px;
    }

    .main.sip-topup.compound #compounding_interval .m-i-a,
    .main.sip-topup.compound #compound .m-i-a {
        width: 92%;
        left: -15px;
    }

    .main.sip-topup.compound input#compounding_returnsBox,
    .main.sip-topup.compound input#returnsBox {
        padding-right: 40px;
    }

    .main.sip-topup.compound input#compounding_timePeriodBox,
    .main.sip-topup.compound input#timePeriodBox {
        padding-right: 55px;
    }
}

@media only screen and (max-width: 463px) {
    .main.sip-topup.compound .sip-wrap .calculator-text-block {
        margin-top: 50px;
    }

    .main.sip-topup.compound .col-md-8.rhs-content {
        height: 815px;
    }
}

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

    .main.sip-topup.compound .sip-wrap .calculator-text-block {
        margin-top: 32px;
    }

    .main.sip-topup.compound .col-md-8.rhs-content {
        height: 785px;
    }
}

.main.sip-topup.compound .sip-btn2:before {
    content: "%";
}

.main.sip-topup.compound .sip-btn3:before {
    content: "Year";
}

.main.sip-topup.compound input#compounding_intervalBox,
.main.sip-topup.compound input#compoundBox {
    padding: 4px;
    text-align: center;
}

.main.sip-topup.compound .column-sip.sip-rhs-2.col-md-6.col-sm-12.grap-sip {
    margin-top: 0px;
}

.main.sip-topup.compound #compounding_title_overlay {
    text-align: center;
    padding-top: 23px !important;
}

.main.sip-topup.compound .compounding-title {
    width: 118px !important;
    position: relative;
    top: -170px;
    text-align: center;
    font: normal normal bold 18px/22px Rubik !important;
    letter-spacing: 0px;
    color: #000000;
}

.main.sip-topup.compound div#compounding_sip_chart {
    height: 300px;
    width: 300px;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
}

.main.sip-topup.compound .t-outer.row table.table {
    margin-left: 60px;
    margin-top: -74px;
    position: static;
    z-index: 1;
    width: 200px;
}

@media only screen and (min-width: 1024px) {
    .main.sip-topup.compound .t-outer.row table.table {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
}

.main.sip-topup.compound path {
    stroke-width: 0;
}

.main.sip-topup.compound rect {
    mix-blend-mode: multiply;
}

.main.sip-topup.compound div#compounding_interval,
.main.sip-topup.compound div#compounding_amount,
.main.sip-topup.compound div#compounding_period,
.main.sip-topup.compound div#compounding_return {
    width: 100%px;
}

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

    .main.sip-topup.compound div#compounding_interval,
    .main.sip-topup.compound div#compounding_period,
    .main.sip-topup.compound div#compounding_return,
    .main.sip-topup.compound div#compounding_amount {
        width: 100%;
    }
}

.main.sip-topup.compound #compounding_timePeriodBox,
.main.sip-topup.compound #compounding_returnsBox,
.main.sip-topup.compound #compounding_amountBox {
    font: normal normal normal 14px/17px Rubik;
    letter-spacing: 0.42px;
    color: #111111;
    min-width: 110px;
}

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

    .main.sip-topup.cal div#sip_topup_sip_chart {
        margin-left: -19px !important;
    }

    .main.sip-topup.compound div#compounding_sip_chart {
        margin: auto;
        margin-left: -10px;
    }

    .main.sip-topup.compound .compounding-title {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .main.sip-topup.compound #compounding_period>div:first-child {
        display: flex;
        justify-content: space-between;
        margin: 0 35px 0 10px;
    }

    .main.sip-topup.compound #compounding_interval>div:first-child,
    .main.sip-topup.compound #compounding_period>div:first-child,
    .main.sip-topup.compound #compounding_return>div:first-child {
        margin: 0;
    }


    .main.sip-topup.compound #compounding_amount>div:first-child {
        display: flex;
        justify-content: space-between;
        margin: 0px;
    }

    .main.sip-topup.compound .slider3,
    .main.sip-topup.compound .slider4 {
        width: 100%;
    }

    .main.sip-topup.compound .sip-rhs.er {
        padding-right: 55px;
    }

    .main.sip-topup.compound .sip-rhs.tp {
        padding-right: 40px;
    }

    .main.sip-topup.compound .m-i-a {
        justify-content: space-between;
        margin: 0px 0px 0px 0px;
        position: inherit;
        width: 93% !important;
    }

    .main.sip-topup.compound .col-md-8.col-sm-12.col-12.rhs-content.sip.topup {
        width: 98%;
        margin: 5px 0px 0px 3px;
        padding: 0px 0px 0px 0px;
    }

    .comp-cont .rhs-content.sip.topup {
        width: 98%;
        margin: 5px 0px 0px 3px;
        padding: 0px 0px 0px 0px;
    }
}


@media only screen and (min-width:1025px) {

    .main.sip-topup.compound .sip-rhs.er {
        padding-right: 43px;
    }

    .main.sip-topup.compound .sip-rhs.tp {
        padding-right: 27px;
    }

}

@media only screen and (min-width:1025px) {
    .main.sip-topup.compound #compounding_amountBox {
        font: normal normal normal 14px/17px Rubik;
        letter-spacing: 0.42px;
        color: #111111;
        min-width: 110px;
    }
}

@media only screen and (max-width:1024px) {
    .main.sip-topup.compound #compounding_amountBox {
        font: normal normal normal 14px/17px Rubik;
        letter-spacing: 0.42px;
        color: #111111;
        min-width: 110px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .main.sip-topup.compound .column-sip.sip-rhs-2.col-md-6.col-sm-12.grap-sip {
        margin-top: -10px;
    }
}

/* SIP Compound Calculator End  */

/* SIP TOP UP Calculator CSS Starts */

.main.sip-topup.cal .topup .t-outer {
    width: auto;
    height: 363px;
    border-radius: 16px;
    opacity: 1;
    margin: 10px 0px 0px 0px;
    padding: 20px 5px 0px 5px;
}

.main.sip-topup.cal .topup .pie-box {
    font-size: 3em;
    width: 210px;
    height: 210px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    z-index: 0;
}

.main.sip-topup.cal .topup .pie-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 40px;
    background: linear-gradient(#f3f3f3, #f3f3f3) content-box,
        /* this background will be shown if mask is no supported */
        conic-gradient(#51c9e8 0 var(--p1), #FFA300 calc(var(--p1)) calc(var(--p1) + var(--p2)), #51C9E8 calc(var(--p2)) calc(var(--p1) + var(--p2) + var(--p3)), #002856 calc(var(--p3)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4)), #FD4C60 calc(var(--p4)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4) + var(--p5)), #0BBC8A calc(var(--p5)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4) + var(--p5) + var(--p6)), #000000 calc(var(--p6)) calc(var(--p1) + var(--p2) + var(--p3) + var(--p4) + var(--p5) + var(--p6) + var(--p7)), #ffa301 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 33px), #fff calc(100% - 40px));
}

.main.sip-topup.cal .topup .pie-box-content {
    font-size: 22px;
    text-align: center;
    font: normal normal bold 18px/22px Rubik !important;
    letter-spacing: 0px;
    color: #000000;
}

.main.sip-topup.cal .topup .tbl-title {
    font: normal normal normal 14px/17px Rubik;
    color: #666666;
    min-height: 50px;
    max-height: 70px;

}

.main.sip-topup.cal .topup .tbl-des {
    font: normal normal 600 16px/19px Rubik;
    color: #111111;
    min-height: 25px;
    max-height: 100px;
}

.main.sip-topup.cal .topup .instruments.color.one:before {
    background: #51c9e8 0% 0% no-repeat padding-box;
}

.main.sip-topup.cal .topup .instruments.color.two:before {
    background: #ffa301 0% 0% no-repeat padding-box;
}

.main.sip-topup.cal .t-outer.row .col-md-6 {
    text-align: center;
}

.main.sip-topup.cal .t-outer.row .instruments.color:before {
    content: '';
    opacity: 1;
    border-radius: 100%;
    padding: 1px 9px 0px 8px;
    margin: 0px 10px 0px 0px;
}

.main.sip-topup.cal .sip-title-top {
    margin-bottom: -72px;
    font: normal normal bold 56px/60px Rubik;
    color: #111111;
}

.main.sip-topup.cal .col-md-8.rhs-content {
    height: 570px;
}

.main.sip-topup.cal .column-sip.bar-width.col-md-4 {
    height: 570px;
}

.main.sip-topup.cal .slider-container {
    top: 220px;
}

.main.sip-topup.cal .about-us-banner-img {
    background: transparent linear-gradient(180deg, #d9f0ff00 0%, #ffffff00 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 0em !important;
    margin-bottom: 50px;
}

.main.sip-topup.cal .sip-topus-cal-title {
    text-align: center;
    font: normal normal normal 24px/28px Rubik;
    color: #111111;
}

.main.sip-topup.cal .sip-topus-cal-title span {
    color: #0072BC;
}

.main.sip-topup.cal .sip-wrap .calculator-text-block {
    width: 100%;
    position: relative;
    left: 0%;
    top: 22px;
}

.main.sip-topup.cal .howtouse-sip.what-is-an-sip-block {
    margin-top: -57px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
    .main.sip-topup.cal .explore-mutualfund {
        height: auto;
        width: 1199px;
    }

    .main.sip-topup.cal .col-md-8.rhs-content.sip.topup {
        display: -webkit-inline-box;
    }

    .main.sip-topup.cal .slider-container {
        top: 220px;
    }

    .main.sip-topup.cal .column-sip.bar-width.col-md-4 {
        height: 570px;
    }

    .main.sip-topup.cal .col-md-8.rhs-content {
        height: 570px;
    }

    .main.sip-topup.cal .views-exposed-form.bef-exposed-form {
        text-align: center;
    }

    .main.sip-topup.cal .views-view-grid .views-col {
        float: left;
        box-sizing: border-box;
        min-width: 0;
        padding: 0px 15px 0px 0px;
    }
}

.main.sip-topup.cal #compound .m-i-a {
    width: 63%;
    right: 22px;
}

@media only screen and (min-width: 360px) and (max-width: 1024px) {

    .main.sip-topup.cal h1#about_us_title {
        font: normal normal 600 28px/33px Rubik;
    }

    .main.sip-topup.cal #compound>div:first-child,
    .main.sip-topup.cal #topup>div:first-child {
        display: flex;
        justify-content: space-between;
        margin: 0 35px 0 10px;
    }

    .main.sip-topup.cal .col-md-8.rhs-content {
        display: flex;
    }

    .main.sip-topup.cal .t-outer.row table.table {
        margin-left: 7px;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }

    .main.sip-topup.cal .topup .t-outer {
        width: auto;
    }

    .main.sip-topup.cal .about-us-banner-img {
        background: #daf0ff linear-gradient(180deg, #D9F0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    }
}

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


    .main.sip-topup.cal .topup .t-outer,
    .main.sip-topup.compound .topup .t-outer {
        width: 100%;
    }

    .main.sip-topup.cal .topup .t-outer {
        height: 650px;
    }

    .main.sip-topup.cal .col-md-8.rhs-content {
        height: 885px;
    }

    .main.sip-topup.cal .col-md-6.small-col {
        width: 50%;
    }

    .main.sip-topup.cal .topup .tbl-title {
        font: normal normal normal 12px/14px Rubik;
    }

    .main.sip-topup.cal .topup .tbl-des {
        font: normal normal bold 14px/17px Rubik;
    }

    .main.sip-topup.cal .sip-topus-cal-title {
        text-align: center;
        font: normal normal normal 12px/28px Rubik;
        color: #111111;
    }
}

.main.sip-topup.cal #compound .sip-btn3:before {
    color: #11111100;
}

@media only screen and (min-width: 1025px) {

    .main.sip-topup.cal input#timePeriodBox {
        padding-right: 47px;
    }

    .main.sip-topup.cal input#returnsBox {
        padding-right: 22px;
    }
}

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

    .main.sip-topup.cal .sip-btn3:before {
        right: 17px;
        top: 44%;
    }

    .main.sip-topup.cal #compound .m-i-a {
        width: 92%;
        left: -15px;
    }

    .main.sip-topup.cal input#returnsBox {
        padding-right: 40px;
    }

    .main.sip-topup.cal input#timePeriodBox {
        padding-right: 55px;
    }
}

@media only screen and (max-width: 463px) {
    .main.sip-topup.cal .sip-wrap .calculator-text-block {
        margin-top: 50px;
    }

    .main.sip-topup.cal .col-md-8.rhs-content {
        height: 890px;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;

    }
}

@media only screen and (min-width: 464px) and (max-width: 767px) {
    .main.sip-topup.cal .sip-wrap .calculator-text-block {
        margin-top: 77px;
    }

    .main.sip-topup.cal .col-md-8.rhs-content {
        height: 785px;
    }
}

.main.sip-topup.cal .sip-btn2:before {
    content: "Year";
}

.main.sip-topup.cal .sip-bt2-content-change:before {
    content: "Years";
    width: 39px;
}

.main.sip-topup.cal .sip-btn3:before {
    content: "%";
}

.main.sip-topup.cal input#compoundBox {
    padding: 4px;
    text-align: center;
}

/** From Here */

.main.sip-topup.cal div#sip-topup-amount,
.main.sip-topup.cal div#sip-topup-period,
.main.sip-topup.cal div#sip-topup-return,
.main.sip-topup.cal div#sip-topup-rate {
    width: 100%;
}

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

    .main.sip-topup.cal div#sip-topup-amount,
    .main.sip-topup.cal div#sip-topup-period,
    .main.sip-topup.cal div#sip-topup-return,
    .main.sip-topup.cal div#sip-topup-rate {
        width: 100%;
    }
}

.main.sip-topup.cal div#sip-topup-amount,
.main.sip-topup.cal div#sip-topup-period,
.main.sip-topup.cal div#sip-topup-return {
    font: normal normal normal 14px/17px Rubik;
    letter-spacing: 0.42px;
    color: #111111;
    min-width: 97px;
}

.calculator-header.home p {
    padding-bottom: 16px !important;
}

@media only screen and (min-width: 1025px) {

    .main.sip-topup.cal input#sip-topup-returnsBox,
    .main.sip-topup.cal input#sip-topupBox {
        padding-right: 47px;
    }
}

.main.sip-topup.cal .sip-topup-title {
    width: 118px !important;
    position: relative;
    top: -170pX;
    left: 93px;
    text-align: center;
    font: normal normal bold 18px/22px Rubik !important;
    letter-spacing: 0px;
    color: #000000;
}

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

    .main.sip-topup.cal .sip-topup-title {
        width: 100% !important;
        left: 0px;
    }

}

.main.sip-topup.cal div#sip_topup_sip_chart {
    height: 300px;
    width: 300px;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
}

.main.sip-topup.cal .t-outer.row table.table {
    position: absolute;
    z-index: 1;
}

.main.sip-topup.cal path {
    stroke-width: 0;
}

.main.sip-topup.cal rect {
    mix-blend-mode: multiply;
}

.main.sip-topup.cal .column-sip.sip-rhs-2.col-md-6.col-sm-12.grap-sip {
    margin-top: -30px;
}

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

    .main.sip-topup.cal div#sip-topup-amount,
    .main.sip-topup.cal div#sip-topup-period,
    .main.sip-topup.cal div#sip-topup-return,
    .main.sip-topup.cal div#sip-topup-rate {
        width: 100%;
    }
}

.main.sip-topup.cal #sip-topup-timePeriodBox,
.main.sip-topup.cal #sip-topup-returnsBox {
    font: normal normal normal 14px/17px Rubik;
    letter-spacing: 0.42px;
    color: #111111;
    min-width: 110px;
}

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

    .main.sip-topup.cal #sip-topup-amount>div:first-child,
    .main.sip-topup.cal #sip-topup-period>div:first-child,
    .main.sip-topup.cal #sip-topup-return>div:first-child,
    .main.sip-topup.cal #sip-topup-rate>div:first-child {
        display: flex;
        justify-content: space-between;
        margin: 0 35px 0 10px;
    }

    .main.sip-topup.cal .slider3,
    .main.sip-topup.cal .slider4 {
        width: 100%;
    }



    .main.sip-topup.cal .row.sip-calculator-main-block {
        width: 95%;
    }

    .top-cont {
        width: 100%;
        margin: auto;
        padding: 1px;
    }
}

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

    .main.sip-topup.cal #sip-topup-amountBox {
        font: normal normal normal 14px/17px Rubik;
        letter-spacing: 0.42px;
        color: #111111;
        min-width: 110px;
    }

    .main.sip-topup.cal .sip-btn1 {
        position: inherit;
    }

    .main.sip-topup.cal .m-i-a {
        justify-content: space-between;
        margin: 0 35px 0 10px;
        position: inherit;
        justify-content: space-between;
        margin: 0px 0px 0px 0px;
        position: inherit;
        width: 93% !important;
    }
}

@media only screen and (min-width:1025px) {
    .main.sip-topup.cal #sip-topup-amountBox {
        font: normal normal normal 14px/17px Rubik;
        letter-spacing: 0.42px;
        color: #111111;
        min-width: 110px;
    }
}

@media only screen and (max-width:1024px) {
    .main.sip-topup.cal .column-sip.sip-rhs-2 {
        width: auto;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

/* SIP TOP UP Calculator CSS Ends */

@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .main.sip-topup.cal .sip-wrap .calculator-text-block {
        margin-top: 15px;
    }

    .main.sip-topup.cal .card-main .lhs_lumpsum {
        width: 44%;
    }

    .main.sip-topup.cal .card-main .lhs_lumpsum {
        width: 50% !important;
    }

    .main.sip-topup.cal .card-main .lhs_sip {
        width: 40% !important;
        ;
    }

    .main.sip-topup.cal .card-main #rhs_text_heading {
        width: 100%;
        font: normal normal 600 14px/16px Rubik;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .main.sip-topup.compound .sip-wrap .calculator-text-block {
        margin-top: 15px;
    }

    .main.sip-topup.compound .card-main .lhs_lumpsum {
        width: 44%;
    }

    .main.sip-topup.compound .card-main .lhs_lumpsum {
        width: 50% !important;
    }

    .main.sip-topup.compound .card-main .lhs_sip {
        width: 40% !important;
        ;
    }

    .main.sip-topup.compound .card-main #rhs_text_heading {
        width: 100%;
        font: normal normal 600 14px/16px Rubik;
    }
}

@media only screen and (min-width: 1025px) {
    .main.sip-topup.cal .sip-topup-title {
        width: 118px !important;
        position: relative;
        top: -170pX;
        left: 125px;
        text-align: center;
        font: normal normal bold 18px/22px Rubik !important;
        letter-spacing: 0px;
        color: #000000;
    }
}

@media only screen and (min-width: 790px) and (max-width: 899px) and (orientation: landscape) {
    .main.sip-topup.compound .region-mutualfund-explore .card-main .lhs_lumpsum {
        width: 50% !important;
    }

    .main.sip-topup.compound .region-mutualfund-explore .card-main .lhs_risk {
        width: 50% !important;
    }

    .main.sip-topup.cal .region-mutualfund-explore .card-main .lhs_lumpsum {
        width: 50% !important;
    }

    .main.sip-topup.cal .region-mutualfund-explore .card-main .lhs_risk {
        width: 50% !important;
    }

    .main.sip-topup.cal .card-main #rhs_text_heading,
    .main.sip-topup.compound .card-main #rhs_text_heading {
        font: normal normal 600 14px/16px Rubik;
    }
}

@media only screen and (min-width: 360px) and (max-width: 420px) and (orientation: portrait) {

    .main.sip-topup.cal .card-main #rhs_text_heading,
    .main.sip-topup.compound .card-main #rhs_text_heading {
        font: normal normal 600 14px/16px Rubik;
    }
}

@media only screen and (min-width: 899px) and (max-width: 1025px) {

    .explore-mutualfund div#edit-tid {
        margin-left: auto !important;
        text-align: -webkit-center;
    }

    .explore-mutualfund .bef-links-use-ajax.form-select.required.bef-links {
        margin-left: auto !important;
        text-align: -webkit-center;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .main.sip-topup.compound .compounding-title {
        left: 90px;
    }
}

@media only screen and (min-width: 1400px) {
    .main.sip-topup.compound .compounding-title {
        left: 123px;
    }
}

.sip-topup #sip-topup-period input#sip-topup-timerange-slider {
    background: linear-gradient(to right, rgb(0, 114, 118) 0%, rgb(0, 114, 188) 9.18367%, rgb(238, 238, 238) 9.18367%, rgb(238, 238, 238) 100%);
}

.sip-topup #sip-topup-amount input#sip-topup-amountrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 0.050025%, rgb(238, 238, 238) 0.050025%, rgb(238, 238, 238) 100%);
}

.sip-topup #sip-topup-return input#sip-topup-returnsrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 75%, rgb(238, 238, 238) 75%, rgb(238, 238, 238) 100%);
}

.sip-topup #sip-topup-rate input#sip-topupsrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 31.0345%, rgb(238, 238, 238) 31.0345%, rgb(238, 238, 238) 100%);
}

@media only screen and (max-width: 1024px) {
    .main.sip-topup.cal .t-outer.row table.table {
        margin-top: -94px;
        width: auto;
    }

    .top-cont .grap-sip table.table {
        width: 73%;
        margin-left: auto;
        margin-right: auto;
    }

}

@media only screen and (min-width: 1025px) {
    .main.sip-topup.cal .t-outer.row table.table {
        margin-left: 11px;
        margin-top: -84px;
        width: auto;
    }
}

.compound input#compounding_returnsrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 0%, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 100%);
}

.compound input#compounding_amountrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 0%, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 100%);
}

.compound input#compounding_timerange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 100%, rgb(238, 238, 238) 100%, rgb(238, 238, 238) 100%);
}

.comp-cont input#compounding_returnsrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 91.6667%, rgb(238, 238, 238) 91.6667%, rgb(238, 238, 238) 100%);
}

.compound input#compounding_intervalrange-slider {
    background: linear-gradient(to right, rgb(0, 114, 188) 0%, rgb(0, 114, 188) 0%, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 100%);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main.sip-topup.compound .t-outer.row table.table {
        margin-top: -86px;
    }
}

div#sip-topup-amount {
    margin-top: 20px;
}

#lumpsum_return div:nth-child(3) .col-md-6,
#lumpsum_period div:nth-child(3) .col-md-6,
#lumpsum_amount div:nth-child(3) .col-md-6,
#compounding_return div:nth-child(3) .col-md-6,
#compounding_period div:nth-child(3) .col-md-6,
#compounding_amount div:nth-child(3) .col-md-6,
#compounding_interval div:nth-child(3) .col-md-3,
#sip-topup-rate div:nth-child(3) .col-md-6,
#sip-topup-return div:nth-child(3) .col-md-6,
#sip-topup-period div:nth-child(3) .col-md-6,
#sip-topup-amount div:nth-child(3) .col-md-6 {
    font-size: 12px;
    font-weight: 400;
    color: #666666;
}

@media only screen and (device-width:390px) and (device-height:844px) {

    .main.sip-topup.cal .topup .tbl-title,
    .main.sip-topup.cal .topup .tbl-des {
        min-height: 50px;
    }

    .main.sip-topup.cal .container.sip-wrap .region.region-sip-tuc-calculator-text .field .field__label {
        display: none;
    }

    .main.sip-topup.cal .sip-wrap .calculator-text-block {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 372px) {
    .compound .my-tooltiptext {
        margin-left: 96px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    .compound .my-tooltiptext {
        margin-left: 42px;
    }
}