/* responsive.css */

/* Desktop 992px+ */
@media (min-width: 992px) {
    .mn--max .header__brand {
        max-width: var(--nf-mainnav-max-width);
    }

    .header__inner {
        margin-bottom: 4px;
    }

    ._dm-btn-settings {
        inset: 30.5rem auto auto 0;
        position: absolute;
        transform: translateX(-100%);
        visibility: visible;
        height: 33px;
        width: 37px;
    }
    ._dm-btn-settings
    {
        inset: 15rem auto auto 0;
        position: absolute;
        transform: translateX(-114%);
        visibility: visible;
        height: 32px;
        width: 29px;
        opacity: 0.25;
    }
    ._dm-btn-settings:hover
    {
        opacity: 1;
    }
}

/* Large Screens */
@media (min-width: 1200px) {
    .content__wrap {
        padding-inline: 1.5rem;
    }
}

@media (min-width: 1400px) {
    .header__inner {
        padding-inline: 0.5rem;
    }

    .mn--max .header__content,
    .mn--min .header__content {
        top: 2.5rem;
        padding-inline-start: 1.5rem;
        padding-inline-end: .8rem;
    }
}

/* Tablets */
@media (max-width: 1024px) {
    .nav-middle-wrap {
        font-size: 10px;
        width: 100%;
    }

    .nav-middle-wrap span {
        font-size: 9px;
        padding: 0 !important;
    }

    .brand-wrap img {
        height: 34px !important;
        width: 51px !important;
    }
    .brand-wrap img.microfinplus {
        height: 43px;
        width: 101px;
        padding: 2px;
    }
    .mainnav__inner {
        background-color: var(--nf-mainnav-bg);
    }
}

@media (max-width: 1420px) {
    .brand-wrap img.microfinplus {
        height: 31px;
        width: 123px;
        padding-left: 50%;
    }
    .brand-wrap img.karmeeplus {
        height: 33px;
        width: 133px;
        padding-left: 33%;
    }
    .brand-wrap img.karbariplus {
        height: 21px;
        width: 125px;
        padding-left: 40%;
    }
    .mn--min .brand-wrap img.karbariplus{
        height: 12px;
        width: 43px;
        padding-left: 0px;
    }
    .login-card img.karbariplus {
        height: 50px;
    }
}



/* Mobile */
@media (max-width: 767px) {
    ul#menu-search-suggestions {
        z-index: 99999 !important;
        margin-top: 8px;
    }

    .header-searchbox {
        position: static;
        margin-left: auto;
    }
}

/* Mid-range tablets */
@media (min-width: 768px) {
    .brand-title {
        font-family: cursive;
        font-size: var(--nf-brand-font-size);
        margin-top: 20px;
    }
}