@media only screen and (min-width: 768px) {
        .img-fluid {
            display: block;
        }
        
    }
    
    @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%;
        }
        .fund_offering ul li {
            width: 30%;
        }
        .btn-content .invest_more,
        .btn-content .know_more {
            min-width: 80px;
            min-height: 35px;
            font-size: 14px;
        }
        .key_advantages_content {
            grid-template-columns: auto auto auto;
        }
    }
    
    @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;
        }
        .innovative-content h2 span {
            font-size: 20px;
            line-height: 28px;
        }
        .innovative_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;
        }
        .key_advantages_content{
            grid-template-columns: auto auto;
        }
    }
    
    @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;
        }
        
        .passivefund_details .col-md-4 .img-fluid {
            display: none;
        }
        
        .multicapfund-content {
            padding: 10px;
        }
        
        
        .key_advantages_content {
            grid-template-columns: auto auto;
        }
        .multicapfund-content p {
            font-size: 18px;
            line-height: 30px;
        }
        .item.caritem-whyus {
            border-radius: 20px;
            min-height: auto;
        }
        .item.caritem-whyus span,
        .item.caritem-whyus p {
            text-align: center
        }
        .allaboutfund p{
            font-size: 16px;
        }
        .why_invest p{
            text-align: center;
        }
        .why_invest_block{
            flex-direction: column;
            gap: 15px;
        }
        .why_invest_block .blue-block{
            font-size: 16px;
            line-height: 22px;
            border-radius: 20px;
            width: 100%;
        }
         .why_invest_block .white_block{
            width: 100%;
                        border-radius: 20px;
         }
    }
    
    @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;
        }
        .key_advantages_content {
            grid-template-columns: auto;
        }
    }