.navbar img {
    width: 100%;
}

.navbar .navbar-brand {
    width: 15rem;
}

.navbar-collapse {
    margin-top: 0.5rem;
}

.navbar .mr-auto {
    padding-left: 23rem;
}

.navbar .nav-link {
    padding-right: 6rem !important;
    font-size: 1.35rem;
    font-weight: 700;
}

.navbar .btn-nav {
    padding: 13px 23px;
    margin-left: 18px;
    border-radius: 9px;
    border-color: rgb(3, 197, 197);
    border-width: 3px;
    font-size: 1.1rem;
    background-color: white;
    color: rgb(7, 179, 218);
    font-weight: 600;
    cursor: pointer;
}

.navbar .demo-btn {
    color: white;
    background-color: rgb(3, 197, 197);
}

.navbar .btn-nav a {
    text-decoration: none;
}

/* MODAL CSS */

.form-error {
    color: rgba(255, 0, 0, 0.652);
    font-weight: 600;
    /* display: none; */
}


/* MEDIA QUERY FOR LARGER SCREEN */

@media only screen and (min-width: 1400px) and (max-width: 1724px) {

    .navbar-brand {
        margin-right: 177px;
    }

    /* .navbar img {
        width: 86%;
    } */

    .navbar .mr-auto {
        padding-left: 0rem;
    }

}

/* MEDIA QUERY FOR LAPTOP-DESKTOP SIZE SCREEN */

@media only screen and (min-width: 992px) and (max-width: 1399px) {

    .navbar-brand {
        margin-right: 120px;
    }

    .navbar .nav-link {
        padding-right: 2rem !important;
        font-size: 1.3rem;
        font-weight: 700;
    }

    .navbar button {
        font-size: 0.9rem;
        padding: 8px 16px;

    }

    /* .navbar img {
        width: 100%;
    } */

    .navbar .mr-auto {
        padding-left: 0rem;
    }

    .navbar-collapse {
        flex-basis: 100% !important;
    }

}

/* MEDIA QUERY FOR SMALL DEVICES */

@media only screen and (min-width: 361px) and (max-width: 991px) {

    /* .navbar img {
        width: 70%;
    } */

    .navbar .btn-nav {
        display: block;
        margin: 6px 0;
        padding: 7px 15px;
        font-size: 0.75rem;
    }

    .navbar .mr-auto {
        padding-left: 0rem;
    }

    .navbar .nav-link {
        padding-right: 0rem !important;
        font-size: 1rem;
        font-weight: 600;
    }
}

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

    .navbar-brand {
        max-width: 72%;
    }

    /* .navbar img {
        width: 100%;
    } */

    .navbar .btn-nav {
        display: block;
        margin: 6px 0;
        padding: 7px 15px;
        font-size: 0.75rem;
    }

    .navbar .mr-auto {
        padding-left: 0rem;
    }

    .navbar .nav-link {
        padding-right: 0rem !important;
        font-size: 1rem;
        font-weight: 600;
    }
}