:root {
    --navbar-mobile-height: 120px;
}

.navbar-container-mobile {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 120px;
    min-width: 320px;
    max-width: 576px;
    padding: 0 24px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--White, #fff);
    background: var(--Black, #121212);
    box-sizing: border-box;
    z-index: 999;
}

.main-container,
.page,
.content {
    padding-top: var(--navbar-mobile-height);
}

/*PANTALLAS MOBILE L*/
@media (min-width: 577px) and (max-width: 720px) {
    .navbar-container-mobile {
        min-width: 577px;
        max-width: 720px;
    }

}
/*PANTALLAS TABLET*/
@media (min-width: 721px) and (max-width: 1024px) {
    .navbar-container-mobile {
        min-width: 721px;
        max-width: 1024px;
    }
}

/*PANTALLAS LAPTOP*/
@media (min-width: 1024px) and (max-width: 1480px) {
    .navbar-container-mobile {
        min-width: 1024px;
        max-width: 1480px;
    }
}

/*PANTALLAS ESCRITORIO*/
@media (min-width: 1480px) {
    .navbar-container-mobile {
        min-width: 1480px;
        max-width: initial;
    }
}