/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .title-heading .heading {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .title-heading {
        margin-top: 100px;
    }
    .title-heading .para-desc {
        font-size: 14px;
        font-weight: 500;
    }
    .home-dashboard img {
        position: relative;
        top: 15px;
        z-index: 1;
        padding: 4em 0px 0px;
    }
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 75px;
    }
    #mainNav .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        padding: 0.5em 15px;
        letter-spacing: 1px;
        color: #1a5c93;
        font-weight: 500;
    }
    .btn-custom-login {
        background-color: transparent;
        color: #1a5c93;
        border-radius: 20px;
        border: 1px solid;
        font-size: 14px;
        font-weight: 500;
        padding: 0.5em 2em;
        margin: 12px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .title-heading .heading {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .title-heading {
        margin-top: 100px;
    }
    .title-heading .para-desc {
        font-size: 14px;
        font-weight: 500;
    }
    .home-dashboard img {
        position: relative;
        top: 15px;
        z-index: 1;
        padding: 4em 0px 0px;
    }
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 75px;
    }
    #mainNav .navbar-nav .nav-item .nav-link {
        font-size: 1.2em;
        padding: 0.5em 15px;
        letter-spacing: 1px;
        color: #1a5c93;
    }
    .btn-custom-login {
        background-color: transparent;
        color: #1a5c93;
        border-radius: 20px;
        border: 1px solid;
        font-size: 14px;
        font-weight: 500;
        padding: 0.5em 1em;
        margin: 12px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}