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

    /* Navbar */

    .navbar i {
        width: 20px;
        margin-left: -10px;
    }

    .navbar-toggler{
        margin-top: -2px;
    }

    a.logout {
        margin-left: 17px;
    }

    /* Reset col */

    .col {
        flex-basis: inherit;
    }

    .col-9,
    .col-8,
    .col-7,
    .col-4,
    .col-3 {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }

    /* Reset float */

    .float-right.reset-float-right {
        float: none !important;
    }

    .float-left.reset-float-left {
        float: none !important;
    }

    /* Mobile margin */

    .mobile-ml-0 {
        margin-left: 0 !important;
    }

    .mobile-mt-2 {
        margin-top: 2em;
    }

    .mb-3.mobile-mb-0 {
        margin-bottom: 0!important;
    }

    .mobile-mb-1 {
        margin-bottom: 1em;
    }

    .mobile-mb-2 {
        margin-bottom: 2em;
    }

    .mobile-mb-3 {
        margin-bottom: 3em;
    }

    .mobile-btn{
        width: inherit!important;
        display: inline-block!important;
    }

    /* Mobile padding */

    .mobile-pb-0 {
        padding-bottom: 0 !important;
    }

    .mobile-fix-padding-left{
        padding-left: 0!important;
    }

    /* Navigation */

    .dropdown-menu {
        padding: .8rem 0;
    }

    .dropdown-item {
        padding: 0.31rem 1.5rem;
    }

    /* Search area */

    .search-area{
        width: 83%;
        display: inline-block;
    }

    .mobile-hamburger{
        width: 15%;
        display: inline-block;
        text-align: right;
    }

    .mobile-hamburger button{
        vertical-align: -4px;
    }

    .mobile-hamburger .navbar-toggler{
        padding-right: 0;
        padding-left: 0;
    }

    /* Sidebar */

    .collapse.navbar-collapse{
        display: none!important;
    }

    .navbar-collapse.collapse.show{
        display: block!important;
    }

    .mobile-nav{
        padding-top: 10px;
    }

    #sidebar .nav-link{
        padding: 8px 1px;
    }

    /* Button */

    .btn {
        width: 100%;
        display: block;
    }

    /* Footer */

    ul.footer-nav li{
        margin-left: 0;
        margin-right: 1rem;
    }

}