@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {

    .InviteHead {
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .TitleHead {
        height: 90px;
    }

    .TitleItems {
        padding-top: 10px;
        min-width: 320px;
    }

    .logo_container {
        flex: 0 0 184px;
        content: url("./img/full_logo_mobile.png");
        left: 0px;
    }

    .cental_container {
        padding: 43px 10px 0px 0px;
        font-size: 12px;
    }

    .exit_container {
        flex: 0 0 110px;
        padding-top: 35px;
    }

    #logined_user {
        display: none;
    }

    .menu_button {
        font-size: 12px;
        width: 100px;
    }

    .menu_button2 {
        font-size: 12px;
        width: 100px;
    }

    .menu_button2_pressed {
        font-size: 12px;
        width: 100px;
    }

    #desktop_menu {
        display: none;
    }

    #mobile_menu {
        display: block;
    }

    label {
        padding-left: 7px;
        padding-right: 7px;
        font-size: 15px;
    }

    .notification_panel {
        width: 320px;
        margin-left:-160px;
    }

    .notification_panel_icon {
        display:none;
    }
    
    .notification_panel_body {
        width:320px;
    }

    .notification_panel_padding_right {
        display:none;
    }

}