@media only screen and (min-width: 425px) {
    .video-content iframe {
        height: 220px;
    }
}

@media only screen and (min-width: 768px) {
    .img-fluid {
        display: block;
    }
    .strategy-left span {
        padding-right: 120px;
    }
    .strategy-left {
        width: 25%;
    }
    .video-content {
        padding: 50px;
    }
    .video-content iframe {
        height: 400px;
    }
}

@media only screen and (min-width: 1024px) {
    .banner {
        margin-top: 0;
    }
    .fixed-wrapper {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1400px) {
    .video-content iframe {
        height: 480px;
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        max-width: 100%;
    }
    .input-enterpan {
        width: 54%;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .innovation-content {
        max-width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    body {
        padding-top: 6rem;
    }
    .container {
        max-width: 100%;
    }
    header .navbar {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }
    header .navbar .navbar-toggler .navbar-toggler-icon {
        width: 32px;
        height: 2px;
        display: block;
        background-color: #000;
        margin-bottom: 6px;
    }
    header .navbar .navbar-toggler .navbar-toggler-icon:last-child {
        margin-bottom: 0;
    }
    header .navbar .navbar-collapse {
        margin-top: 2rem;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #ddd;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item::after {
        display: none;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .input-enterpan {
        width: 56%;
    }
    .invest-amount img {
        width: 100%;
    }
    .index-return img {
        width: 100%;
    }
    .index-fund-work img {
        width: 100%;
    }
    .replic-ind-fund .col:first-child {
        padding: 20px 7px;
    }
    .modal-content {
        width: 100%;
    }
    .modal-body .d-flex {
        margin: 0;
        display: block !important;
    }
    .invest-in-fund {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .modal-footer img {
        margin-bottom: 10px;
    }
    .get-call-back-wrapper .align-items-center {
        text-align: left !important;
    }
    .main-section .get-call-back-wrapper .baf-form .get-call-back {
        left: -72%;
    }
    .enter-pan .row .col.text-end {
        display: flex;
    }
    .downloads .btn-download {
        font-size: 11px;
        font-weight: 400;
    }
    .innovation-content {
        flex-direction: column;
    }
    .innovation-left p,
    .innovation-right p {
        max-width: 70%;
        margin: 0 auto;
    }
    .innovation-content img {
        margin: 0 auto;
        display: block;
    }
    .innovation-right {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .dynamic-content h2 span {
        font-size: 20px;
        line-height: 28px;
    }
    .innovation-content {
        display: grid;
        grid-template-columns: auto auto;
    }
    .innovation-right {
        display: flex;
        flex-direction: column-reverse;
    }
    .innovation-right p {
        padding-top: 0;
    }
    .innovation-left p::after,
    .innovation-right p::before {
        display: none;
    }
    .innovation-content img {
        width: 100px;
    }
    .asset-timing{
        padding: 18px 55px 25px 44px;
    left: 32%;
    width: 35%;
    }
    .hybrid-portfolio{
        width: 35%;
    left: 60%;
    padding: 18px 55px 25px 49px;
    }
}

@media only screen and (max-width: 767px) {
    .heading-abt {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
        padding: 7px 14px;
        border-radius: 160px !important;
    }
    .abt-fund p {
        font-size: 18px;
        line-height: 30px;
    }
    .portfolio-content {
        margin-bottom: 15px;
    }
    .portfolio-content p {
        font-size: 16px;
        line-height: 30px;
        text-align: center;
    }
    .autotheme_details {
        text-align: center;
    }
    .autotheme_details .col-md-5 img {
        height: 300px;
        margin: 0 auto 20px;
    }
    h3 {
        margin-bottom: 50px;
    }
    h3::after {
        bottom: -20px;
    }
    .banner {
        margin-bottom: 25px;
    }
    .banner .banner-left-tag {
        width: auto;
        font-size: 12px;
        line-height: 14px;
        padding: 5px 10px;
        bottom: 10px;
    }
    .banner .multi-cap-banner-wrapper {
        width: 100%;
    }
    .banner .d-flex {
        display: block !important;
    }
    .banner .d-flex img {
        width: 100%;
    }
    .get-call-back-wrapper {
        display: block;
    }
    .main-section .get-call-back-wrapper .baf-form {
        width: 80%;
        left: 0;
        top: 18%;
        right: -181%;
    }
    .main-section .get-call-back-wrapper .baf-form .get-call-back {
        left: -116px;
    }
    .main-section .get-call-back-wrapper .baf-form.addRight {
        right: -20%;
    }
    .baf-form {
        width: 90%;
        padding: 2rem 1.2rem;
        margin: 2rem auto 1rem;
    }
    .baf-form .text-end {
        text-align: left !important;
    }
    .f-size14,
    .inter-light--f-size16,
    .inter-regular--f-size16,
    .inter-medium--f-size16,
    .inter-semibold--f-size16 {
        font-size: 1.4rem;
    }
    .f-size16,
    .inter-regular--f-size18,
    .inter-medium--f-size18,
    .inter-semibold--f-size18,
    .heading-fsize20-bold,
    .primary-para,
    .table.custom-table tbody tr td,
    .color-label,
    .fund-facts-wrapper .fund-facts-label h2,
    .fund-facts-wrapper .fund-facts-label p,
    .fund-facts-wrapper .fund-facts-desc h2,
    .fund-facts-wrapper .fund-facts-desc p,
    .table.custom-table thead tr th {
        font-size: 1.4rem;
    }
    .f-size18,
    .inter-regular--f-size20,
    .inter-medium--f-size20,
    .inter-semibold--f-size20,
    .key-features-wraaper .box-key-feature .box-key-feature--heaidng,
    .how-does-works .how-does-works--box .how-does-works--box--heading,
    .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 1.6rem;
    }
    .f-size20,
    .inter-medium.f-size30,
    .f-size30.inter-medium--f-size16,
    .f-size30.inter-medium--f-size18,
    .f-size30.inter-medium--f-size20 {
        font-size: 1.8rem;
    }
    .f-size22 {
        font-size: 2rem;
    }
    .f-size24 {
        font-size: 2rem;
    }
    .f-size26 {
        font-size: 2.2rem;
    }
    .f-size30 {
        font-size: 2.6rem;
    }
    .mb20,
    .mb18 {
        margin-bottom: 1.4rem;
    }
    .mb30 {
        margin-bottom: 2.4rem;
    }
    .mb35 {
        margin-bottom: 2.5rem;
    }
    .mb40 {
        margin-bottom: 2rem;
    }
    .primary-heading {
        font-size: 2rem;
        line-height: 31.15px;
    }
    .primary-para,
    .table.custom-table tbody tr td {
        line-height: 22px;
    }
    .fund-facts-wrapper .fund-facts-label,
    .fund-facts-wrapper .fund-facts-desc {
        padding: 1.4rem;
    }
    .fund-facts-wrapper .fund-facts-label {
        width: 27%;
    }
    .section-downloads .row .col-sm-2,
    .section-downloads .row .col-sm-1,
    .section-downloads .row .col-sm-3 {
        width: 100%;
        max-width: 50%;
        margin: 0 auto 4rem;
    }
    .accordion .accordion-item .accordion-header .accordion-button {
        padding: 1.6rem 1rem 1.6rem 0;
    }
    .table.custom-table thead th,
    .table.custom-table thead td,
    .table.custom-table tbody th,
    .table.custom-table tbody td {
        padding: 1rem;
    }
    .enter-pan {
        padding: 1rem 0;
    }
    .enter-pan .row {
        display: block !important;
    }
    .enter-pan .row .col {
        text-align: center !important;
    }
    .enter-pan .row .col .textbox-less-border {
        margin: 1rem auto;
        font-size: 1.4rem !important;
    }
    .enter-pan .para-medium.inter-medium--f-size16 {
        font-size: 1.6rem !important;
    }
    .topMargin {
        padding-top: 80px;
    }
    .navbar-toggler:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .span-first {
        display: none !important;
    }
    .span-middle {
        -webkit-transform: rotate(45deg) translate(6px, 6px);
        transform: rotate(45deg) translate(6px, 6px);
    }
    .span-last {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    footer {
        padding: 2rem 0 18rem;
    }
    .input-enterpan {
        width: 100%;
    }
    .input-enterpan .text-danger {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 1rem;
        margin-top: -1rem;
        text-align: center !important;
    }
    .btn-primary {
        font-size: 1.4rem;
    }
    .textbox-less-border {
        padding: 8px 8px 8px 14px;
    }
    .enter-pan .btn-primary {
        padding: 10px 30px;
    }
    .equalto span {
        position: initial;
    }
    .our-current-nfo .d-flex {
        display: block !important;
    }
    .our-current-nfo img {
        width: 100%;
    }
    .investors-wrapper .investor .img-wrapper {
        margin: 0 auto 22px;
    }
    .our-current-nfo {
        padding-top: 30px;
    }
    .why-should-invest {
        padding-top: 20px;
        text-align: center;
    }
    .investors-wrapper .investor {
        padding: 3rem 0;
    }
    .download-container {
        display: block !important;
    }
    .replic-ind-fund {
        padding-left: 0;
    }
    .index-fund-work img {
        width: auto !important;
    }
    .modal-dialog {
        width: 85%;
    }
    .enter-pan.fixed {
        position: absolute;
        z-index: 1;
    }
    .enter-pan .row .col.text-end {
        display: block;
    }
    .downloads .btn-download {
        font-size: 13px;
        font-weight: 600;
    }
    .banner-investnow {
        line-height: 12.2px;
        font-size: 1.2rem;
        bottom: 9%;
        width: 105px;
        padding: 5px 7px;
    }
    .structural-revival ul li {
        width: 100%;
    }
    .risko-block {
        flex-direction: column;
        max-width: 300px;
        margin: 0 auto;
    }
    .risko-block img {
        margin-bottom: 15px;
    }
    .structural-revival ul {
        padding-left: 0;
        display: grid;
        grid-template-columns: auto auto;
    }
    .growth_story-content p {
        font-size: 18px;
        line-height: 30px;
    }
    .energing_future-content {
        padding-left: 20px;
    }
    .abt-fund h1 {
        font-size: 2rem;
        line-height: 30px;
        text-align: cente
    }
    .energing_future-content h2 {
        font-size: 2.8rem;
        line-height: 40px;
    }
    .structural-revival h3 {
        text-align: center;
        font-size: 20px;
        line-height: 28px;
    }
    .strategy-left {
        width: 100%;
        margin-bottom: 10px;
    }
    .strategy-right {
        width: 100%;
        border-left: 0 none;
        padding-left: 0;
        margin-left: 0;
    }
    .strategy-wrapper {
        flex-direction: column;
    }
    .abt-fund img {
        width: 100%;
    }
    h2,
    h3 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .dynamic-content h2 span {
        font-size: 20px;
        line-height: 28px;
    }
    .dynamic_details .col-md-4 .img-fluid {
        display: none;
    }
    .innovation-content {
        display: grid;
        grid-template-columns: auto auto;
    }
    .innovation-right {
        display: flex;
        flex-direction: column-reverse;
    }
    .innovation-right p {
        padding-top: 0;
    }
    .innovation-left p::after,
    .innovation-right p::before {
        display: none;
    }
    .innovation-content img {
        width: 100px;
    }
    .who_invest .d-flex{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .asset_allocation ul{
        flex-wrap: wrap;
    }
    .left-f-details{
        width: 100%;
        justify-content: center;
    }
    .right-f-details{
        width: 100%;
        text-align: center;
        padding-left: 0;
        border-left: 0;
    }
    .fan-approach-details {
        flex-direction: column;
    }
    .daa{
        display: none;
    }
    .mob_img{
        display: block;
        width: 50px;
        padding: 5px;
        margin-bottom: 10px;
        margin: 0 auto 10px;
    }
    .bgablue{
background: #318ACE;

    }
    .bgagreen{
background:  #97FFDB ;

    }
    .bgaorange{
background:  #FFD592 72.8%;

    }
    .tackle_volatility{
        margin: 130px auto;;
    }
    .diversifi{
            width: 30%;
    height: 215px;
    padding: 18px 24px 25px 6px;
    position: absolute;
    z-index: 2;
    font-size: 13px;
    left: 0;
    display: flex;
    flex-direction: column;
        justify-content: center;
    }

    .tackle_volatility img {
    width: 31px;
    margin-bottom: 5px;
}
.tackle_volatility span {
    font-weight: 700;
    font-style: Bold;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0px;
    margin-bottom: 5px;
}
.tackle_volatility p {
    max-width: 191px;
    font-size: 10px;
    text-align: left;
    line-height: 14px;
    margin: 0;
}
.diversifi::after{
        right: -10px;
    width: 28px;
    height: 28px;
    top: 40%;
}
.asset-timing::after{
        right: -15px;
    width: 28px;
    height: 28px;
    top: 40%;
}
.asset-timing{
    height: 220px;
    padding: 18px 18px 25px 20px;
    z-index: 1;
    position: absolute;
    left: 31%;
    font-size: 13px;
    width: 35%;
    display: flex;
    flex-direction: column;
        justify-content: center;
}
.hybrid-portfolio{
        height: 215px;
    width: 35%;
    position: absolute;
    left: 66%;
    padding: 18px 11px 25px 20px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dyn-asset-content ul li{
    text-align: center;
    margin-bottom: 20px;
}
.dyn-asset-content ul li p{
    text-align: center;
}

    .dynamic_details .col-md-4 .img-fluid {
        display: none;
    }
}

@media only screen and (max-width: 390px) {
    .main-section .get-call-back-wrapper .baf-form {
        top: 5%;
    }
    .main-section .get-call-back-wrapper .baf-form .btn-primary {
        padding: 10px;
    }
    .enter-pan {
        padding: 1rem 0;
    }
    .enter-pan.fixed {
        position: absolute;
        z-index: 4;
    }
    footer {
        padding: 2rem 0 19rem;
    }
}