@media (max-width: 767px) {
    .dropdown-menu.arrow:before {
        left: 127px !important;
        width: 20px;
    }

    .content-block {
        padding: 0 15px 0 10px !important;
    }

    .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
        left: -120px !important;
        right: auto;
        width: 320px;
    }

    a.icon-item {
        width: 130px !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: inline-block !important;
        float: none !important;
    }

    a.icon-item img {
        display: block;
        margin: 0 auto;
    }

    .help_container .help_container-footer #help-close span {
        display: none;
    }

    .navbar-nav.pull-right > li > .dropdown-menu.userinfo {
        left: -149px !important;
        width: 260px;
    }

    .navbar-nav.pull-right > li > .dropdown-menu.userinfo:before {
        left: 156px !important;
    }

    .navbar-nav.pull-right > li > .dropdown-menu.dropdown-menu-left {
        left: -61px !important;
        width: 242px;
    }

    .navbar-nav.pull-right > li > .dropdown-menu.dropdown-menu-left:before {
        left: 70px !important;
    }
}


@media (max-width: 380px) {
    .navbar-nav.pull-right > li {
        position: static;
    }

    .navbar-nav.pull-right > li > .dropdown-menu.userinfo:before,
    .navbar-nav.pull-right > li > .dropdown-menu.dropdown-menu-left:before {
        left: 89% !important;
    }

    .navbar-nav.pull-right > li > .dropdown-menu.userinfo,
    .navbar-nav.pull-right > li > .dropdown-menu.dropdown-menu-left {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
    }

    #help_container-content {
        max-height: 60vh;
    }
    .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
        left: -45px !important;
        right: auto;
        width: 302px;
    }
}