/*---------------------------------------------------------------------
    Large Desktops
-----------------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #sidebar {
        width: 250px;
    }
}


/*---------------------------------------------------------------------
    Desktops
----------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #sidebar {
        width: 220px;
    }

    #sidebar ul li a {
        padding-left: 0;
        font-size: 14px
    }

    #sidebar .logo img {
        max-width: 130px;
    }
}


/*---------------------------------------------------------------------
    Tablets Devices
-----------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
    #sidebar {
        width: 100%;
        height: 372px
    }

    #sidebar ul li a {
        padding-left: 0;
        text-align: center;
    }

    #content {
        margin: 70px 0 0;
        padding: 40px 20px;
    }

    #sidebar > .logo {
        display: none;
    }

    .navbar-brand .logo {
        display: block
    }

    #sidebar .logo {
        padding: 0;
    }

    #sidebar .logo img {
        max-width: 130px;
    }

    .navbar {
        margin-bottom: 0;
    }

    #sidebar {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
    }

    h1 {
        font-size: 26px;
        line-height: 36px
    }
}


/*----------------------------------------------------------------------
   Mobile Devices
------------------------------------------------------------------------*/

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


/*----------------------------------------------------------------------
    Small Screen Mobile Devices
-----------------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 359px) {}