@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; }

    .hoverable:hover { cursor: pointer; opacity: 0.8; }
    .cursable:hover { cursor: pointer; }

    .titleProd {
        height: unset;
        font-size: 14px;
        font-weight: 600;
        padding: 7px;
    }

    #headerTienda {
        width: 550px;
        margin: auto;
        left: 0;
        right: 0;
    }

    #searchButtonTienda {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: fit-content;
        right: 15;
        font-weight: 600;
        font-size: 14;
        color: gray;
        border-left: 2px solid gray;
        padding-left: 9;
    }

    #search-field-tienda {
        position: relative;
    }

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

    #search-terms {
        width: 580px;
        margin: auto;
        left: 0;
        right: 0;
        z-index: 11;
        position: fixed;
        max-height: 400px;
        overflow: auto;
        font-size: 14px;
    }

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

    #search-terms ul li:hover { cursor: pointer; background: rgb(182, 182, 182); }

    .infoTiendaStickerContainer {
        width: 100%;
    }

    .infoTiendaSticker img.paysendimg {
        width: 45px;
    }

    #map {
        width: 100%;
    }

    .moreinfo {
        width: 100%;
    }

    #topspace-index {
        height: 120px;
    }

    #bgx-white, #bgx-gray {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        margin: auto;
        width: 580px;
        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: 130;
        padding: 15;
        left: 850;
        right: 0;
        margin: auto;
        width: min-content;
    }

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

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

    .menu-handle {
        display: none;
    }

    #expandIcon, #expandIconZ {
        display: none;
    }

    #tiendaFooter {
        width: 700px;
        gap: 35px;
    }

    .tituloPrincipalContainer {
        width: 550px;
        margin: auto;
    }

    .tituloPrincipalContainer.productCatalog {
        width: 500px;
    }

    .tituloPrincipalContainer.pageresults {
        width: auto;
    }

    .tituloPrincipal {
        width: fit-content;
        padding: 0;
    }

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

    #grid-container.searchresults2 {
        row-gap: 70px;
        grid-template-columns: 30.66% 30.66% 30.66%;
        column-gap: 4%;
        margin-bottom: 70px;
        min-width: 300px;
        width: auto;
        margin-top: 20;
        column-count: 3;
    }

    #grid-container {
        width: 500px;
        margin: auto;
        margin-top: 15;
    }

    .grid-item {
        max-width: 450;
    }

    .fijadoGrid img {
        width: 15;
    }

    .grid-item .gridShow img, .grid-item img.gridShow {
        aspect-ratio: 1 / 1;
        transition: transform .7s;
    }

    .grid-item .bookmark {
        bottom: -28;
    }

    .grid-item .bookmark img {
        width: 25px;
    }

    .grid-item .like {
        bottom: -31;
        left: 25;
    }

    .grid-item .like img {
        width: 22px;
    }

    .tipoPublicacion {
        flex-direction: column;
        font-size: 14px;
        font-weight: 600;
        color: gray;
        padding: 5px;
        text-align: right;
    }

    #close {
        top: 0;
        right: 0;
        display: block;
    }

    #close:hover { opacity: 0.7; cursor: pointer; }

    #topNavTitle {
        border-radius: 0;
    }

    #ventaDiv {
        width: auto;
    }

    .linksContainer img {
        width: 35px;
    }

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

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

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

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

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

    .paymethod_title {
        width: 91%;
    }

    /** Product Catalog **/

    .likeProductCatalog {
        top: unset;
    }

    .optionsProductCatalog {
        padding: 14px;
        left: 13px;
    }

    #comprar-wpp-btn {
        width: 100%;
    }

    /** end Product Catalog **/

    #saved {
        left: 0;
        right: 0;
    }

    .logoutbtn {
        top: 8px;
        font-size: 15px;
    }

    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

    .newsletterContainer {
        max-width: 490px;
    }

    #containerCats {
        padding: 0 15px;
        width: 520px;
        margin: auto;
        display: grid;
        grid-template-columns: auto;
        column-gap: 20px;
    }
    
    #desktopqr {
        display: block;
        position: fixed;
        bottom: 7px;
        padding: 15px;
        left: 827px;
        right: 0;
        margin: auto;
        width: min-content;
    }

    .titleline {
        width: 90%;
        margin: 0 auto 25px;
        border-top: 2px solid var(--lightBorderColor);
    }

    #title-description {
        width: 90%;
        margin: auto;
    }

    .logro-numero{
        font-size: 38px;
        font-weight: 500;
    }

    .promGrid {
        font-size: 16px;
    }

}