#content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    min-width: 795px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 56px;
    margin-bottom: 20px;
    padding: 20px 25px;
    -webkit-transition: width 500ms, margin-left 500ms;
    -moz-transition: width 500ms, margin-left 500ms;
    -o-transition: width 500ms, margin-left 500ms;
    transition: all .5s ease-in-out;

}

#content {
    width: calc(100% - 180px);
    margin-left: 100px;
    margin-right: 70px;
}

#content.rightbarOn {
    width: calc(100% - 380px);
}

#content.sidebarOn {
    width: calc(100% - 280px);
    margin-left: 200px;
}

#content.sidebarOn.rightbarOn {
    width: calc(100% - 470px);
}

/* --- Responsice design --- */

@media (max-width: 1024px) {

    #content {
        width: calc(100% - 75px) !important;
        margin-left: 0px !important;
    }

    #content.sidebarOff {
        width: calc(100% - 260px) !important;
        margin-left: 0px !important;
    }

    #content.rightbarOff {
        width: calc(100% - 85px)  !important;
        margin-left: 0px !important;
    }

    #sidebar-fixed-toggle {
        display: none;
    }
}