@media only screen and (min-width: 770px) {

    ::-webkit-scrollbar { display:block }
    ::-webkit-scrollbar { width: 9px; height: 7px; }
    ::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }
    ::-webkit-scrollbar-thumb { background: #C7C7C7; border-radius: 10px; }
    ::-webkit-scrollbar-thumb:hover { background: #555; cursor:move; }

    #bgx-white, #bgx-gray {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        margin: auto;
        width: 750px;
        background: white;
        height: 100%;
        box-shadow: 0px 0px 9px #b7b7b7;
        z-index: -1;
    }

    #bgx-gray {
        width: 100%;
        background: #efefef;
        z-index: -2;
    }

    #toTop, #toDown {
        bottom: 20px;
        padding: 15px;
        left: 850px;
        right: 0;
        margin: auto;
        width: min-content;
    }

    #header {
        width: 700px;
        left: 0;
        right: 0;
        margin: auto;
        top: 10px;
        border-radius: 0px;
    }

    #header img.header-msg, #header img.header-notifications {
        width: 27px;
    }

    #header .header-redcircle {
        font-size: 11px;
        min-width: 22px;
        font-weight: 600;
    }

    #topspace-index {
        padding-top: 120px;
    }

    #search-field {
        width: 700px;
        margin: auto;
        left: 0;
        right: 0;
        position: fixed;
        top: 50px;
        border-radius: 0px;
    }

    #search-field input {
        background-color: white;
    }

    #searchResults {
        width: 700;
        left: 0;
        right: 0;
        margin: auto;
    }

    #historySearch {
        width: 700px;
        margin: auto;
        left: 0;
        right: 0;
    }

    .titlePage {
        margin-top: 10px;
        padding: 15px 0;
        width: 700px;
        margin: auto;
    }

    .vertodo {
        padding: 15px 0;
    }

    .hoverable {
        transition: opacity 0.3s ease;
    }

    .hoverable:hover, #close:hover { cursor: pointer; opacity: 0.8; }

    #estadisticas-admin, #ayudaDiv {
        grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
        row-gap: 0;
    }

    .configTiendaOpt, .configTiendaOpt.ayuda {
        height: auto;
    }

    /** opciones del menu **/

    #index-options {
        display: none;
    }

    #index-options ul li a {
        font-size: 11px;
    }

    #index-options-desktop, #index-options-desktop-bg {
        display: block;
        width: min-content;
        bottom: 0;
        left: 850px;
        right: 0;
        position: fixed;
        z-index: 9;
        top: 0;
        margin: auto;
        height: fit-content;
        font-size: 13px;
        text-align: center;
        font-family: var(--fontFam);
    }

    #index-options-desktop-bg {
        background: linear-gradient(90deg, transparent, white 30%);
        z-index: -2;
        width: 110px;
        height: 400px;
        border-radius: 20px;
        left: 835px;
    }

    #index-options-desktop.designposts {
        background: #ffffff55;
        border-radius: 20px 0 0 20px;
        right: 0;
        left: unset;
        transition: 0.5s ease-in-out;
    }

    #index-options-desktop.designposts:hover {
        background: #ffffffCC;
    }

    #index-options-desktop-bg.notbg {
        display: none;
    }

    #index-options-desktop ul {
        list-style-type: none;
        padding: 40px 20px;
        margin: 0;
    }

    #index-options-desktop ul li {
        padding: 10px;
    }

    #index-options-desktop ul li:hover {
        background: hsla(223, 10%, 86%, 0.7);
        border-radius: 30px;
        cursor: pointer;
    }

    #index-options-desktop ul li img {
        width: 35px;
    }

    .menu, #menuNavZ, #menuNavZ2 {
        border-radius: 0;
        width: 500;
        right: 0;
        left: 0;
        margin: auto;
    }

    .menu-handle {
        display: none;
    }

    #expandIcon, #expandIconZ, #expandIconZ2 {
        display: none;
    }

    #topNavTitle {
        border-radius: 0;
    }

    #close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 15;
        z-index: 11;
    }

    #titlePage {
        width: 100%;
    }

    .filterProds {
        right: 10;
        top: 0;
    }

    .filterProds img {
        width: 23px;
    }

    #organizarProds {
        display: block;
    }

    #estadisticas {
        grid-template-columns: 32% 32% 32%;
        gap: 2%;
        width: 90%;
    }

    #mySidenav {
        width: 500px;
        border-radius: 4px;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    #mySidenavMenuProfile li.moptions {
        width: 100%;
    }

    #mySidenavCreateList {
        width: 500px;
        margin: auto;
        left: 0;
        right: 0;
    }

    ul#menu-options li:hover {
        background: #e0e0e0;
        cursor: pointer;
    }

    .nooxerLogo {
        bottom: -40px;
    }

    ul#menu-options li.sidenav {
        width: 100%;
    }

    ul#menu-options li {
        width: 240px;
        display: inline-block;
    }

    ul#menu-options a {
        font-size: 14px;
    }

    ul#menu-options li {
        width: 240px;
        display: inline-block;
    }

    ul#menu-options img {
        width: 24px;
    }

    ul#menu-options li.subsidenav {
        margin: 10px 0 10px 60px;
        font-size: 14px;
        font-weight: 500;
    }

    ul#menu-options li.subsidenav:hover {
        opacity: 0.7;
    }

    ul#menu-options .designdesc {
        font-size: 14;
    }

    #ventaDiv.navDiv {
        width: auto;
    }

    #ventaDiv {
        width: 500px;
        margin: auto;
        margin-top: 45px;
        padding: 7px;
    }

    #ventaDiv.mobiltop {
        margin-top: 50px;
    }

    #title-description p {
        font-weight: 500;
        font-size: 19px;
    }

    #header-btn {
        right: 0;
        left: 0;
        margin: auto;
        width: fit-content;
        left: 550px;
        top: -2px;
    }

    #header-btn a {
        font-size: 14px;
    }

    #desktopLogo-2 {
        top: 29px;
        left: 520px;
        right: 0;
        z-index: 7;
    }

    #desktopLogo, #desktopLogo-2 {
        display: block;
        position: fixed;
        top: 25px;
        left: 0;
        right: -900px;
        margin: auto;
        width: fit-content;
    }

    #desktopLogo img, #desktopLogo-2 img {
        width: 140px;
        height: auto;
    }

    #profile-username {
        background: none;
        position: unset;
        padding-top: 10px;
    }

    #profile-username ul {
        width: 700px;
        margin: auto;
        left: 0;
        right: 0;
        overflow: auto;
        border-bottom: 3px solid #c2c1d4;
        border-radius: 0px;
        top: 0;
        height: 75px;
    }

    #scroll-list-container.scroll-list-container-desktop {
        width: 500px;
    }

    #scroll-list-container {
        position: relative;
        width: 700px;
        margin: auto;
    }

    .rightScrollArrow, .leftScrollArrow {
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        padding: 7px;
        border-radius: 50%;
        background-image: url('/img/right.png');
        background-size: 50%;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        filter: invert(1);
        background-position: 50% 50%;
        right: 0;
        top: 47%;
        z-index: 2;
    }

    .leftScrollArrow {
        background-image: url('/img/left.png');
        left: 0;
        right: unset;
        display: none;
    }

    #char_count, #char_count_titulo {
        right: 0;
        width: fit-content;
        left: 450px;
        margin: auto;
        margin-top: -18px;
    }

    #configcatBtn {
        right: 497px;
    }

    #paintcatBtn {
        right: -42px;
    }

    #footer-sub {
        z-index: 9;
        bottom: 0;
    }

    #footer-sub ul li {
        font-size: 14px;
    }

    #movermsg {
        width: 500px;
    }

    .menuBack {
        top: -5px;
    }

    #selimg {
        right: 190px;
    }

    #designCatTools {
        height: -webkit-fill-available;
        overflow-y: scroll;
        padding: 7px;
        margin-top: 11px;
        position: fixed;
        width: 250px;
        top: -15px;
        left: 0;
        z-index: 20;
        box-shadow: 2px 0px 8px 0px #cfcfcf;
        border-top: 0;
    }

    #designCatTools.closed {
        left: -250px;
    }

    .subDesignCatToolsTitle {
        font-size: 13px;
    }

    .designBlockTitle {
        font-size: 12px;
    }

    #ventaDiv .designBlock select {
        font-size: 12px;
    }

    .blurcolor {
        position: absolute;
        filter: invert();
        width: 25px;
        height: 25px;
        right: 64px;
        top: unset;
    }

    .changecolor {
        position: absolute;
        right: 35px;
        filter: invert();
        width: 23px;
    }

    .copycolor {
        position: absolute;
        right: 5px;
        filter: invert();
        width: 23px;
    }

    #selectLogoBtn, #selectHeaderBg, #selectFooterBg {
        font-size: 13px;
    }

    .iconColDiv {
        width: 25px;
        height: 25px;
    }

    .productPanorama {
        width: 27px;
        height: 25px;
        margin-right: 2px;
    }

    .productRectangular {
        width: 25px;
        height: 27px;
    }

    .cuadrado {
        font-size: 12px;
    }

    .cuadrado img {
        width: 25px;
    }

    #closeLeft {
        display: block;
    }

    #closeBottom {
        display: none;
    }

    #index-options-desktop.designposts {
        background: #ffffff55;
        border-radius: 20px 0 0 20px;
        right: 0;
        left: unset;
        transition: 0.5s ease-in-out;
    }

    #title-description.top-titledesc {
        margin-top: 25px;
    }

    #newbannerimg {
        width: 700px;
    }

    #newbannerimg-mobil {
        width: 400px;
    }

    .cuponline {
        left: 97px;
    }

    .profileOptionsBtnGrid {
        padding: 10px;
    }

    .profileOptionsBtnGridCat {
        padding: 7px;
    }

    .profileOptionsBtnGridSold {
        right: 9px;
    }

    .adminProdOptions img {
        width: 18px;
        height: 18px;
    }

    #search-terms ul li {
        padding: 7px 18px;
    }

    #search-terms {
        width: 700px;
        margin: auto;
        left: 0;
        right: 0;
        margin-top: 10px;
        z-index: 11;
        position: fixed;
        background: white;
        overflow: auto;
        font-size: 14px;
    }

    #historySearch {
        width: 700px;
        margin: auto;
        left: 0;
        right: 0;
    }

    #searchResults {
        width: 700px;
        left: 0;
        right: 0;
        margin: auto;
    }

}