/*====================================================

    Bajaj Responsive Custom Style
    -------------------------
    1. Desktop view
    2. Tablet view
    3. Mobile view

======================================================*/


/**** 1. Desktop view ****/
@media screen and (min-width:1000.1px) {
    .bajaj-navbar .navbar-brand {
        margin: auto 4rem auto auto;
        padding: .5rem 1rem;
    }

    .bajaj-navbar .navbar-brand img {
        max-height: 52px;
    }

    .bajaj-navbar .dropdown,
    .bajaj-navbar ul,
    .bajaj-navbar li,
    .bajaj-navbar a {
        margin-top: 0;
    }
}

/**** 2. Tablet view ****/
@media screen and (min-width:768px) and (max-width:1000px) {
    .bajaj-navbar .navbar-brand {
        padding: 4px 1rem;
    }

    .bajaj-navbar .navbar-brand img {
        max-height: 42px;
    }
}

/**** 3. Mobile view ****/
@media screen and (min-width:0px) and (max-width:767.99px) {
    .bajaj-navbar {
        margin-bottom: 0;
    }

    .bajaj-navbar .navbar-brand {
        padding: 4px 1rem;
    }

    .bajaj-navbar .navbar-brand img {
        width: auto;
        max-width: 100%;
        max-height: 36px;
        height: auto;
    }

    .bajaj-navbar .business-type {
        display: none;
    }

    #page-wrapper {
        padding: 0;
    }

    .login-separator {
        margin: 21px -3px -3px !important;
        margin-left: 35% !important;
    }

    .bafl-employee-login {
        text-align: center !important;
        margin-top: 80px !important;
    }

    .bafl-employee-login button {
        width: 100% !important;
        margin-bottom: 8px;
    }

    .login-panel {
        margin-top: 55px !important;
    }

    /* @Saurabh Deshmukh 02/12/2023 Changes */
    .documents button.close {
        right: -9px;
        font-size: 24px;
        top: -14px;
        color: var(--brandColor);
        opacity: .5;
    }
}