@media (min-width: 1200px) and (max-width: 1300px) {
    .top_user_menu {
        margin-right: 30px;
    }

    .navbar .nav > li > a {
        padding: 10px;
    }
}

@media (max-width: 1200px) {
    .top_user_menu {
        display: none;
    }

    .slicknav_menu {
        display: block !important;
    }
}

@media (max-width: 1366px) {
    .container-fluid {
        max-width: 100%;
    }

    .row-fluid section.span9 {
        width: 74%;
    }

    .row-fluid .block-region.span3 {
        /*width: 23.5%;*/
        width: 26%;
    }

    .row-fluid section.span6 {
        width: 46.5%;
        /*margin-left: 2.5%;*/
    }
}

@media (max-width: 1024px) {
    .new_sidepanel_layout .container-fluid {
        margin: 0px;
    }

    #region-main {
        /*width: 100%;*/
        order: 1;
    }

    #block-region-side-pre,
    #block-region-side-post {
        /*width: 100%;*/
        order: 2;
    }

    .cols_merged {
        order: 2;
    }

    .new_sidepanel_layout #page-content #block-region-side-pre {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .new_sidepanel_layout #lp_icon_stripe {
        padding: 0px;
    }

    .new_sidepanel_layout #block-region-side-pre .region_wraped {
        width: 100%;
    }

    .new_sidepanel_layout #block-region-side-pre .region_wraped .region_wraped_inner {
        padding: 0px;
    }

    #page-content #region-main-box .row-fluid {
        display: flex;
        flex-direction: column;
        display: -webkit-flex; /* Safari */
        -webkit-flex-direction: column; /* Safari 6.1+ */
    }
}

@media (max-width: 979px) {
    body {
        padding-top: 0px;
    }

    .navbar-fixed-top {
        margin-bottom: 0px;
    }

    .header_right_side {
        right: 0px;
    }
}

@media (max-width: 860px) {
    .page_layout_style_box #page-content {
        flex-direction: column;
    }

    #region-main {
        width: 100%;
        order: 1 !important;

        padding: 20px;
    }

    #block-region-side-pre,
    #block-region-side-post {
        width: 100%;
        order: 2 !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }

    header#banner {
        height: auto;
    }

    .head_wrapper {
        height: auto;
        flex-direction: column;
    }

    #logo {
        width: 100%;
        padding: 20px 0;

        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #logo .advanced_title {
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }

    .header_right {
        width: 100%;
        padding: 10px 0;
        flex: 1 0 auto;
    }

    .header_right_side {
        width: 100%;
        justify-content: space-between;
    }

    .header_right_side .user_bar_line {
        float: left;
        flex: 1;
    }

    .slicknav_menu .slicknav_nav {
        top: auto;
        margin-top: 5px;
    }

    #page-heading-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 629px) {
    .page_layout_style_box {
        padding: 0 !important;
    }

    header#banner {
        height: auto;
    }

    .navbar {
        height: auto;
    }

    .navbar .navbar-inner {
        height: auto;
    }

    .head_wrapper {
        text-align: left;
    }

    .navbar-fixed-top.banner_smaller .navbar-inner {
        height: auto;
    }

    #logo {
        text-align: center;
    }

    .logo_eu {
        float: none;
    }

    .banner_smaller #logo {
        width: 100%;
    }

    .banner_smaller .page-logo {
        height: 59px;
    }

    .header_right_side,
    .user_bar_line {
        width: 100%;
    }

    .header_right_side .user_bar_line {
        text-align: left;
    }

    .usermenu {
        display: inline-block;
        float: none;
    }
}

@media (max-width: 560px) {
    #page-header h1 {
        font-size: 28px;
    }

    #page-footer {
        height: auto;
    }

    #page-footer .footer_login_wrap {
        width: 100%;
        display: inline-block;
        float: none;
        margin-top: 50px;
    }

    #page-footer .footer_login_wrap .footer_login {
        width: 100%;
        display: inline-block;
    }

    #page-footer .footer_login_wrap .logininfo,
    #page-footer .footer_login_wrap .lang_menu {
        width: 100%;
        display: inline-block;
        float: none;
    }

    #page-footer .footer_copyright_wrap {
        width: 100%;
        display: inline-block;
        float: none;
        margin-bottom: 20px;
    }

    #page-footer .footer_copyright_wrap .footer_copyright {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    #page-footer .footer_copyright p {
        margin-top: 0px;
    }
}

@media (min-width: 481px) and (max-width: 560px) {
    .page_header_ext {
        right: -10px;
    }
}

@media (max-width: 480px) {
    body.responsivity_static_heading {
        padding-top: 100px !important;
    }

    .head_wrapper {
        text-align: center;
    }

    .page_header_ext {
        display: none;
    }
    
    #logo .advanced_title {
        display: none;
    }

    .page_layout_style_box .navbar-inner {
        padding: 0 20px;
    }

    .header_right {
        padding: 0;
    }

    .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
        display: none;
    }
}