@media only screen and (max-width: 1200px) {
    .input-enterpan {
        width: 54%
    }

    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }
}

@media only screen and (max-width: 991px) {
    body {
        padding-top: 6rem
    }

    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: 72%
    }
    .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;
    }
}

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

    .banner .banner-left-tag {
        width: 100%
    }

    .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
    }

    .manage-mve {
        padding: 2rem
    }

    .key-features-wraaper .cmn-fund-box {
        width: 100% !important
    }

    .key-features-wraaper .box-key-feature {
        width: 100%;
        padding: 2rem;
        text-align: center;
        margin-bottom: 1.6rem
    }

    .key-features-wraaper .box-key-feature .box-key-feature--heaidng {
        margin-bottom: 1rem
    }

    .investors-wrapper.d-flex {
        display: block !important
    }

    .investors-wrapper .investor {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 2rem;
        padding-bottom: 1.6rem;
        border-right: 0;
        text-align: center;
        border-bottom: 1px solid #c4c4c4
    }

    .investors-wrapper .investor .primary-para,
    .investors-wrapper .investor .table.custom-table tbody tr td,
    .table.custom-table tbody tr .investors-wrapper .investor td {
        margin-bottom: 0
    }

    .investors-wrapper .investor:last-child {
        border-bottom: 0
    }

    .how-does-works {
        display: block !important
    }

    .how-does-works .col:first-child {
        border-right: 0;
        border-bottom: 1px solid #fff;
        margin-right: 0;
        padding-right: 0
    }

    .how-does-works .how-does-works--box {
        margin-bottom: 2rem;
        margin-top: 4rem
    }

    .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 {
        width:  100%;
        margin-bottom: 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: 1.4rem 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 15rem
    }

    .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;
    }
    .index-fund-work{
        text-align: center;
    }
    .nfo-index-fund{
        width: 100%;
    }
    .nfo-index-fund-m-content .col{
        width: 100%;
    }
    .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;
    }

    .index-return img{
        transform: rotate(90deg);
    height: 25px;
    margin-top: -25px;
    margin-left: -25px;
    }
    .invest-amount img{
        transform: rotate(90deg);
        height: 30px;   
    }
    .invest-amount span, .index-return span{
        margin: 20px auto 30px;
    }
    
}

@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
    }
}