/* ==>  Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{
    html, body { font-size:16px; }
    .logout-desktop { display: block; }
    .navbar-expand-md .navbar-collapse { position: absolute; top: 0; right: 40px; }
    .login { margin-top:450px; }
    .pages { margin-top:90px; padding:0 35px !important; }
    .vimeo-tour { height: 40vh; }
}

/* ==>  1024 (desktops, 992px and up)  */
@media only screen and (min-width: 1024px) 
{
    html, body { height: 100%; }
    .vimeo-tour { height: 54vh; margin:0; }
    .modal-home .order1 { order:2; }
    .modal-home .order2 { order:1; }

    .navbar-desktop{ display:block; }
    .colorlib-main-nav, .navbar-movil { display: none; }

    .bg-login {
        background: var(--bg_desktop);
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
    }
    .bg-lobby {
        background: var(--bg_lobby);
        /* background: url(../image/desktop/bg-lobby.png); */
        /* background-size: 100% 101%; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:block;
    }
    .lobby-image{ display: block; }
    .lobby-content { padding:20px 10px; }

    .login { margin-top:144px; }
    .lobby { margin-top:144px; }
    .pages { margin-top:0px; }
    .vimeo-tour { height: 65vh !important; }
}


/* ==>  1024 x 1366 ( iPad Pro ) */
@media (min-width:1366px) and (height: 1024px)
{
    .vimeo-tour { height: 30vh; margin:0; }
    .modal-home .order1 { order:1 !important; }
    .modal-home .order2 { order:2 !important; }
    .lobby-content { padding:60px 30px; }
    .lobby { margin-top:240px; }
}


/* ==>  1280 x 720 (Laptops, 1280 px)  */
/* @media only screen and (min-width: 1280px) */
@media only screen and (min-width: 1280px) and (max-height:720px)
{
    .vimeo-tour { height: 70vh; margin:0; }
    .pages { margin-top:0; padding:0 100px !important; }
    .login { margin-top:185px; }
    .lobby { margin-top:140px; }
    .modal-home .order1 { order:1 !important; }
    .modal-home .order2 { order:2 !important; }
    .lobby-content { padding: 0px 10px; }
}


/* ==> 1366 x 768 */
@media only screen and (min-width: 1366px) and (max-height:768px)
{
    .pages { margin-top: 0; }
    .logo-header { height: 40px !important; }
    .vimeo-tour{ max-width: 100%; height: 74vh !important; }
    .pages { margin-top:0; padding:0 100px !important; }

    .modal-home .order1 { order:1 !important; }
    .modal-home .order2 { order:2 !important; } 
}


/* ==> 1366 x 1024 */
/* @media only screen and (min-width: 1366px)  */
@media only screen and (min-width: 1366px) and (max-height:1024px)
{
    .vimeo-tour{ max-width: 100%; height: 55vh; }
    .pages { margin-top:0; padding:0 100px !important; }
    .login { margin-top:200px; }
}

/* ==> 1440 x 900 */
@media only screen and (min-width: 1440px)
{
    .vimeo-tour{ max-width: 100%; height: 66vh !important; }
    .login { margin-top:212px; }
    .lobby { margin-top:240px; }
    .modal-home .order1 { order:1 !important; }
    .modal-home .order2 { order:2 !important; } 
}

/* ==> 1500 and up */
@media only screen and (min-width: 1500px)
{
    .vimeo-tour{ height: 70vh !important; }
}

/* ==> 1920 and up */
@media only screen and (min-width: 1920px)
{
    .container-xl, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container {
        max-width: 85% !important;
    }
    .navbar { padding: 1rem 2rem; }

    /*:: LOGIN */
    .login{ margin-top: 290px; }

    /* :: Pages */
    .pages { margin-top:30px; padding:0 100px !important; }
    .vimeo-tour{ height: 73vh !important; }

    .modal-xl { max-width: 1500px; }

    .modal-home .owl-item .item img {
        width: 100% !important;
        height:150px !important; 
    }

    /* :: PAGE ZOOM */
    .meeting-client{ top:0 !important; height: 100% !important; }
    .bhold { margin-top: 0 !important; }

    .lobby-content { padding: 0px 40px; }

}