@media (max-width: 900px) {
    .app .menu {
        margin-top: -36px;
        padding-top: 36px;
        border-radius: 36px 36px 0 0;
    }
}

@media (max-width: 600px) {
    .app .menu {
        margin-top: -16px;
        padding-top: 16px;
        border-radius: 16px 16px 0 0;
    }



    /* 600px - Popup's */
    .addMember-popup, .removeMember-popup {
        width: 100%;
        max-width: unset;
        max-height: calc(100% - 96px);
        position: absolute;
        top: 100%;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
        overflow: hidden;
    }

    .addMember-popup.active, .removeMember-popup.active {
        display: block;
        scale: unset;
        transition: transform ease;
        transition-duration: 0.3s;
    }

    .addMember-popup.active.animation, .removeMember-popup.active.animation {
        transform: translateY(-100%);
        scale: unset;
        transition: transform ease;
        transition-duration: 0.5s;
    }

    .addMember-popup .visor, .removeMember-popup .visor {
        width: 36px;
        height: 4px;
        display: block;
        margin: 0 auto 16px auto;
        border-radius: 4px;
        background: #D9D9D9;
    }

    .addMember-popup .header, .removeMember-popup .header {
        padding: 16px 16px 0;
    }

    .addMember-popup .container, .removeMember-popup .container {
        position: relative;
        padding: 16px;
    }

    .addMember-popup .title, .removeMember-popup .title {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600;
        line-height: 110%;
    }

    .addMember-popup .text, .removeMember-popup .text {
        font-size: 14px;
    }

    .addMember-popup .buttons, .removeMember-popup .buttons {
        flex-wrap: wrap;
    }

    .addMember-popup .apply + .apply, .removeMember-popup .apply + .apply {
        margin: 16px 0 0;
    }



    .success-popup {
        width: 100%;
        max-width: unset;
        max-height: calc(100% - 96px);
        position: absolute;
        top: 100%;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
        overflow: hidden;
    }

    .success-popup.active {
        display: block;
        scale: unset;
        transition: transform ease;
        transition-duration: 0.3s;
    }

    .success-popup.active.animation {
        transform: translateY(-100%);
        scale: unset;
        transition: transform ease;
        transition-duration: 0.5s;
    }

    .success-popup .visor {
        width: 36px;
        height: 4px;
        display: block;
        margin: 0 auto 16px auto;
        border-radius: 4px;
        background: #D9D9D9;
    }

    .success-popup .header {
        padding: 16px 16px 0;
    }

    .success-popup .container {
        position: relative;
        padding: 16px;
    }

    .success-popup .title {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600;
        line-height: 110%;
    }

    .success-popup .text {
        font-size: 14px;
    }

    .success-popup .buttons {
        flex-wrap: wrap;
    }

    .success-popup .apply + .apply {
        margin: 16px 0 0;
    }



    .logout-popup {
        width: 100%;
        max-width: unset;
        max-height: calc(100% - 96px);
        position: absolute;
        top: 100%;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
        overflow: hidden;
    }

    .logout-popup.active {
        display: block;
        scale: unset;
        transition: transform ease;
        transition-duration: 0.3s;
    }

    .logout-popup.active.animation {
        transform: translateY(-100%);
        scale: unset;
        transition: transform ease;
        transition-duration: 0.5s;
    }

    .logout-popup .visor {
        width: 36px;
        height: 4px;
        display: block;
        margin: 0 auto 16px auto;
        border-radius: 4px;
        background: #D9D9D9;
    }

    .logout-popup .header {
        padding: 16px 16px 0;
    }

    .logout-popup .container {
        position: relative;
        padding: 16px;
    }

    .logout-popup .title {
        font-size: 20px;
        font-weight: 700;
    }

    .logout-popup .question {
        font-size: 16px;
        font-weight: 600;
    }

    .logout-popup .text {
        font-size: 12px;
    }
}