/* 
* Extra small devices (portrait phones, less than 576px)
* No media query for `xs` since this is the default in Bootstrap
 */

@media (min-width: 340px) {

}

/*
* Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) {

}

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

/*
* Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) {
    #site-login-title {
        font-size: 2.5rem;
        text-align: left;
        margin:0 0 60px;
    }


}

/*
* Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) {
}
@media (max-width: 1200px) {
    html, body {
        font-size: 14px;
    }
}
@media (max-width: 992px) {
    .modal-dialog {
    max-width: 95%;
    }
}

@media (max-width: 768px) {
    .admin-bar .navbar-brand {
        font-size: 18px;
    }
    .toolbar-row, .footer{
        height: auto;
        min-height: 60px;
    }
    .toolbar .btn-group {
        margin: 10px auto;
    }
    .logo{
        max-width: 100px
    }
    #sidenav {
        flex: 0 1 100%;
    }
    .admin-bar nav {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.5rem 1rem;
    }
    #admin-nav, #admin-nav a {
        text-align: left;
    }
    #admin-nav>ul>li>.image-nav-item,
    #admin-nav>ul>li>a>.image-nav-item{
        font-size: inherit;
        padding-bottom: 0px;
        width: auto;
        display: inline;
    }
    #admin-nav > ul > li > .br-menu-sub {
        position: relative;
        left:0;
        width: 100%;
        height: auto !important;
        background-color: #3d5f82;
        top: 0px;
        bottom: 0px;
        display: none;
        z-index: 1;
        opacity: 1;
        -webkit-transition: none;
        transition: none;
    }
    #admin-nav .br-menu-sub.show {
        top: 0px;
        z-index: 1;
        opacity: 1;
        bottom: 0px;
        border-left: 3px solid #4d6884;
        display: block;
    }
    .header-title{
        text-align: center;
    }
    .go-to-site {
        margin: 0 auto;
    }
    .bi {
        display: none;
    }
}