@media screen and (max-width: 500px) and (min-height: 700px) {
    .s-hidden { display:none; }
    .ml-none { margin-left: 0!important; }
    .widget > img { max-width: 150px;}
    body.app_version .apple-button { padding: 30px 20px; }
    #galeria { padding-left: 16vw; }
} 
@media (min-width: 501px) and (max-width: 768px) {
    .s-hidden { display:none; }
    .ml-none { margin-left: 0!important; }
    .widget > img { max-width: 150px;}
    .qsign { padding-right: 3rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
    #galeria { padding-left: 10vw; }
}
@media (min-width: 769px) and (max-width: 991px) {    
    .ml-none { margin-left: 0!important; }
    .widget > img { max-width: 150px;}
    .qsign { padding-right: 5rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
    #galeria { padding-left: 10vw; }
}
@media (min-width: 992px) and (max-width: 1024px) {    
    .ml-none { margin-left: 0!important; }
    .widget > img { max-width: 150px;}
    .qsign { padding-right: 5rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .ml-none { margin-left: 0!important; }
    .widget > img { max-width: 150px;}
    .qsign { padding-right:18rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
    #galeria { padding-left: 8vw; }
}
@media (min-width: 1441px) and (max-width: 1680px) {
    .widget > img { max-width: 150px;}
    .qsign { padding-right: 18rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
    #galeria { padding-left: 8vw; }
}
@media (min-width: 1681px) and (max-width: 2560px) {
    .widget > img { max-width: 150px;}
    .qsign { padding-right: 22rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
    #galeria { padding-left: 7vw; }
    
}
@media (min-width: 2561px)  {
    .widget > img { max-width: 150px;}
    .qsign { padding-right: 30rem;padding-top: 4rem;}
    body.app_version .apple-button { padding: 30px 20px; }
}

.loader { padding:1rem;}
.pst { padding-top: 4rem; } .pnt { padding-top: unset!important; }
.psb { padding-bottom: 4rem; } .pnb { padding-bottom: unset!important; }

.tm-paging { display:none;}
.post-media {
    filter: grayscale(1);
}
.post-media:hover {
    filter: grayscale(0);
}

.tm-parallax {
    min-height: 100%;
    height: auto;
    position: absolute;
    width: 400px;
    left: -470px;
    top: 0px;
    background: transparent;
}

.tm-gallery figure {
    position: relative;
    z-index: 50;
    float: left;
    min-width: 270px;
    max-width: 270px;
    max-height: 180px;
    width: 48%;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    margin: 1%;
    background: rgb(48, 133, 163);
}

.tm-gallery figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
.tm-gallery-links {
    padding-left: 0;
    display: flex
;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-bottom: 0;
}
.tm-gallery-link {
    padding: 15px;
    color: #006699;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.tm-gallery-links li {
    list-style: none;
    margin-bottom: 30px;
    margin-right: 55px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}


.gallery {
    --s: 150px;
    --g: 10px;
    --f: 1.5;
    display: grid;
    gap: var(--g);
    /* width: calc(3*var(--s) + 2*var(--g)); */
    aspect-ratio: 16 / 9;
    grid-template-columns: repeat(3,auto);
  }
  
  .gallery > img {
    width: 0;
    height: 0;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    cursor: pointer;
    filter: grayscale(80%);
    transition: .35s linear;
  }
  
  .gallery img:hover{
    filter: grayscale(0);
    width:  calc(var(--s)*var(--f));
    height: calc(var(--s)*var(--f));
  }
  
  
  body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-content: center;
    background: #60c4ff;
  }