.global-header { height: 75px; width: 100%; background: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3); margin-bottom: 5px; }
.header-container { margin: 0 auto; width: 1392px; }
.logo-block { float: left; display: table; height: 75px; }
.logo-block a { display: table-cell; vertical-align: middle; }
.logo-block img { max-width: 250px; max-height: 75px; }
.logo-block svg { max-width: 140px; width: 100%; }

.site-menu { height: 75px; float: right; display: table; }
.site-menu.visible { display: table; }
.site-menu .site-menu-item { text-align: center; height: 100%; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 110%; }
.site-menu .site-menu-item:last-child { padding-right: 0; }
.site-menu .site-menu-item .menu-link { padding: 7px 10px; color: #757575; }
.site-menu .site-menu-item:hover .menu-link { color: #0015E9; }
.site-menu .site-menu-item.selected .menu-link { background: #0015E9; color: #fff; border-radius: 10px; }
.site-menu .initials-menu-item { display: table-cell; vertical-align: middle; border: 2px solid #4dd0e1; color: #4dd0e1;
    border-radius: 20px; font-size: 18px; width: 36px; height: 36px; font-weight: bold; }

.site-menu .homework-menu-item .homework-link, .homework-header-item .homework-link { display: table-cell; vertical-align: middle; border-radius: 10px; padding: 7px 10px 7px 40px;
    background: #e0e0e0 url('../images/icons/bell.png') 7px center no-repeat; background-size: 25px; }

.homework-header-item { display: none; margin: 0 auto; }
.homework-link-container { display: table-cell; vertical-align: middle; }

.dropdown-menu-container { position: relative; }
.dropdown-menu { display: none; position: absolute; right: 10px; top: 50px; text-align: left; z-index: 10; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; overflow: hidden; }
.dropdown-menu li { background: #fff; border-bottom: 1px solid #BDBDBD; min-width: 170px; text-align: center; height: 40px; padding: 0 5px; }
.dropdown-menu li:last-child { border-bottom: none; }
.dropdown-menu li a { display: block; color: #757575; line-height: 40px; }
.dropdown-menu .profile-user-name { font-weight: bold; line-height: 40px; }
.dropdown-menu .profile-user-name .menu-item-container { white-space: nowrap; }
.dropdown-menu .profile-menu-item:hover { background: #e0e0e0; cursor: pointer; }

.mobile-menu-burger, .mobile-menu-close { display: none; }
.mobile-menu-container { position: absolute; right: 5px; top: 0; }
.mobile-menu .st0 { fill: #3D5AFE; }
.mobile-menu.visible { display: table-cell; vertical-align: middle; }

@media screen and (min-device-width: 768px) and (max-device-width: 1392px) {
    .global-header { height: 60px; }
    .header-container { width: 100%; }

    .logo-block { position: absolute; left: 0; top: 0; height: 60px; }
    .logo-block a { padding-left: 10px; }

    .mobile-menu.visible { height: 60px; }
    .mobile-menu svg { width: 50px; }

    .site-menu { width: 100%; display: none; }
    .site-menu .site-menu-item { width: 100%; float: left; clear: left; padding: 10px 0; height: auto; border-bottom: 1px solid #BDBDBD; }
    .site-menu .site-menu-item.selected .menu-link { background: none; color: #fff; }
    .site-menu .site-menu-item.selected { background: #0015E9; }

    .site-menu .homework-menu-item { display: none; }

    .homework-header-item { display: table; }
    .homework-link-container { height: 60px; }

    .site-menu .dropdown-menu-element { padding: 0; }

    .dropdown-menu .profile-user-name, .dropdown-menu .menu-change-password { display: none; }

    .site-menu .dropdown-menu-item { display: none; }
    .site-menu .dropdown-menu-element { margin: 0; }

    .dropdown-menu { display: block; position: static; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; }
    .dropdown-menu .profile-menu-item { padding: 0; }
    .dropdown-menu li { background: none; }
}

@media screen and (max-device-width: 767px) {
    .global-header { height: 40px; }
    .header-container { width: 100%; }

    .logo-block { position: absolute; left: 0; top: 0; height: 40px; }
    .logo-block a { padding-left: 5px; }
    .logo-block img { max-width: 90px; max-height: 40px; }

    .mobile-menu.visible { height: 40px; }
    .mobile-menu svg { width: 30px; }

    .site-menu { width: 100%; display: none; }
    .site-menu .site-menu-item { width: 100%; float: left; clear: left; padding: 10px 0; height: auto; border-bottom: 1px solid #BDBDBD; }
    .site-menu .site-menu-item.selected .menu-link { background: none; color: #fff; }
    .site-menu .site-menu-item.selected { background: #0015E9; }

    .site-menu .homework-menu-item { display: none; }

    .homework-header-item { display: table; }
    .homework-link-container { height: 40px; }
    .homework-link-container .homework-link { background-size: 20px; padding-left: 34px; font-size: 90%; }

    .site-menu .dropdown-menu-element { padding: 0; }

    .dropdown-menu .profile-user-name, .dropdown-menu .menu-change-password { display: none; }

    .site-menu .dropdown-menu-item { display: none; }
    .site-menu .dropdown-menu-element { margin: 0; }

    .dropdown-menu { display: block; position: static; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; }
    .dropdown-menu .profile-menu-item { padding: 0; }
    .dropdown-menu li { background: none; }
}