/*** MOBILE ***/

@media screen and (-webkit-min-device-pixel-ratio: 2), 
       screen and    (-moz-min-device-pixel-ratio: 2), 
       screen and     (-ms-min-device-pixel-ratio: 2), 
       screen and      (-o-min-device-pixel-ratio: 2), 
       screen and         (min-device-pixel-ratio: 2) 
{
    .left-block .menu-button .menu-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .left-block .menu-button {
        height: 40px;
    }
}

@media screen and (orientation: landscape) {

    /*** Logout ***/
    .login-page .center-block.out-login {
        min-width: 50vw;
        width: auto;
        max-width: 50vw;
    }

        .login-page .center-block.out-login .render-block {
            height: auto;
        }

    .center-block .render-block .feedbackLogoutFormContent {
        max-width: 50vw;
    }

    /*** Menu ***/
    #MenuBlock {
        right: var(--toolbar-height);
        bottom: auto;
        width: calc(100vw - var(--toolbar-height));
        height: 100vh;
    }

    .left-block #MainMenu .dx-treeview-item .dx-treeview-item-content {
        max-width: 0;
        margin: 0;
        margin-left: 45vw;
        margin-right: 45vw;
    }

    /*** Render ***/
    .center-block.in-login .render-block {
        margin-right: calc(var(--toolbar-height) + 8px);
        width: calc(100vw - var(--toolbar-height) - 8px);
        height: 100vh;
    }

    /*** Content ***/
        .center-block.in-login .render-block .content-block {
            width: 100%;
            max-width: 100%;
            justify-items: center;
        }

    /*** Top ***/
    .center-block.in-login .first-top-block {
        top: 0;
        left: auto;
    }

    .center-block .toolbar-style {
        width: 100%;
        height: 100%;
    }

    .center-block.in-login .first-top-block .dx-toolbar-before {
        width: 60px;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    /*** Home Admin ***/
    .center-block.in-login .info {
        justify-content: center;
    }

    .center-block.in-login .info {
        width: 100%;
    }

    #firstColOfHome {
        min-width: 300px;
        width: 60vw;
        max-width: 600px;
    }

    #secondColOfHome {
        min-width: 300px;
        width: 80vw;
        max-width: 80vw;
    }

    #thirdColOfHome {
        min-width: 300px;
        width: 60vw;
        max-width: 600px;
    }

    /*** Feedback ***/
    .center-block .render-block .feedback-form-content form #FeedbackForm {
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /*** Settings ***/
    .center-block .render-block .settings-block #FormSettings .form-element {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    /*** UI Button ***/
    .button-ui-container {
        position: fixed;
        top: auto;
        bottom: 30px;
        right: 80px;
        z-index: 1514;
    }
}