/*  
    -- Breakpoints --
    # Small devices (landscape phones, 576px and down)
    @media (max-width: 480px) {}

    # Small devices (landscape phones, 576px and down)
    @media (max-width: 575px) {}

    # Medium devices (tablets, 768px and down)
    @media (max-width: 767px) {}

    # Large devices (desktops, 992px and down)
    @media (max-width: 991px) {}

    # Extra large devices (large desktops, 1200px and down)
    @media (max-width: 1200px) {} 
*/
@media all and (min-width:992px) and (max-width:1200px){
    .logo {
        margin-left: 30px
    }
    .navbar ul li{
        margin: 0;
    }

    .navbar ul li a{
        font-size: 11px;
    }
}
@media all and (max-width: 991px) {
    .navbar .navbar-toggler {
        display: none !important;
    }
    .header .form-control {
        width: 85%;
    }
    .header form button {
        left: 10%;
    }
    .navbar .logo {
        display: inline;
    }

    
@media (max-width: 576px) { 
    .slide .form-control {
    
        font-size: 1.7vw!important;
        font-weight: bold!important
    }

    .slide form button {
        
        font-size: 1.7vw!important;
        font-weight: bold!important
    }
}
    
    /*
    #wrapper.toggled #sidebar-wrapper {
        margin-right: -15rem;
    }
     #sidebar-wrapper .list-group {
        width: 100%;
        flex-direction: row;
        position: relative;
        top: 0;
        left: 0 !important;
        z-index: 1111 !important;
    } */
}