/*RESPONSIVE*/
/* =============
   Breakpoints
   ============= */
@media (max-width: 1200px){
  .layout_archive{ grid-template-columns: 320px 1fr; gap:40px; }
  .cards_archives{ gap: 44px; }
}
@media (max-width: 1024px){
  .layout_archive{
    grid-template-columns: 1fr;
  }
  .cat_sidebar{
    position: static;
    order: -1;
  }
  .cards_archives{
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .cat_sidebar__title{ font-size: 28px; }
  .chk__label{ font-size: 20px; }
}
@media (max-width: 768px) {
  .contenedor-catalogo {
    flex-direction: column;
  }

  .bloque-menu,
  .bloque-productos {
    width: 100%;
  }
}
@media (min-width: 700px){
  .search-grid{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px){
  .search-grid{ grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 600px){
  .wrap{ width:min(100% - 32px, var(--wrap)); }
  .brand__text{ font-size: clamp(20px, 7vw, 34px); }
  .search_archives__input{ height:45px; }
  .card_archives__body{ padding: 22px; }
  .card_archives__excerpt{ font-size: 16px; }
}

@media (max-width: 600px) {
  .archive .brand__text{
    line-height: 32px;
    margin: 30px auto;
  }
  .archive .iso{
    margin-right: 0;
  }
  .chk__box {
    width: 23px;
    height: 23px;
  }
  article.card_archive{
    margin: 0;
  }
  .cards_archives .card_archives__body{
    padding: 22px 0 10px 0;
  }
  .layout_archive{
    margin: 0 35px;
    padding-top: 0;
  }
  .content-archive{
    border: none;
    padding: 0;
  }
  .main-site-header.showup header.header-dollar{
    padding: 12.5px 0 63px 0;
  }
  .main-site-header.showup .busqueda{
    display: inline-block;
    position: absolute;
    text-align: left;
    left: 0;
    top: -8px;
    z-index: 1;
  }
  .main-site-header.showup .menu-mob,.main-site-header.showup .searchMobile, .main-site-header.showup .logodollar{
    display: none !important;
  }
  .menu-mob{
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
    display: block;
  }
  .header-dollar .optns-header{
    text-align: right;
  }
  .searchMobile img{
    width: 100%;
    padding: 7px;
    filter: brightness(0) invert(1);
  }
  .selector-locales{

    width: 100%;
    background: #3d3d3d;
  }
  .loc-change{
    vertical-align: bottom;
    margin: 0 5px;
  }
  .logodollar{
    margin: 15px auto !important;
  }
  .btn-verde.quick-accesos span{
    display: none;
  }
  .btn-verde.quick-accesos{
    padding: 5px 0;
  }
  .locales-access{
    width: 20px;
    max-width: fit-content !important;
    margin: auto;
    display: block;
    position: absolute;
    left: 8px;
  }
  .quick-accesos{
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    width: 36px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px !important;
  }
  .descubre-lo-ultimo .wpb_single_image{
    width: 49% !important;
    display: inline-block;
  }
  .single-tips li h3:not(.accesos h3){
    margin-left: 10px !important;
  }
  .tips-grid{
    display: block;
    margin: 10px 15px;
  }
  .cpt-tips {
    border-left: none;
    padding-left: 0;
  }
  li.product {
    max-width: none;
  }
  .bloque-productos h1.page-title{
    font-size: 20px;
    line-height: 25px;
  }
  header.header-dollar{
    order: 1;
    padding: 12.5px 0 15px 0;
  }
  .top-bar{
    order: 2;
  }
  header.header-dollar .optns-header,.busqueda.optn-head{
    transform: scale(.95);
  }
  header.header-dollar img {
    max-width: 160px;
  }
  .dsktp{
    display: none;
  }
  .mob{
    display: inline-block;
  }
  ul.accesos{
    display: none;
  }
  ul.accesos li{
    width: 100%;
  }
  ul.page-numbers li {
    margin: 0 10px !important;
  }
  .descubre-lo-ultimo .vc_column-inner{
    margin: auto !important;
  }
  .descubre-lo-ultimo .wpb_single_image{

  }
  .dollartips .vc-gitem-zone-height-mode-auto:before {
    min-height: 400px;
  }
  .dollartips .vc_gitem-zone.vc_gitem-zone-c{
    padding:0;
  }
  #tips{
    width:50%;
  }
  .dollartips{
    padding:0;

  }
  .bloque-menu{
    display: none;
  }
  .btn-filtro {
    font-size: 11.5px;
    width: 100%;
    margin: 5px auto;
  }
  ul.products.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .opts-cat {
    position: relative;
    right: 0;
    margin-top: 0;
  }
  .optn-head:not(.quick-accesos){
    margin: 7px 0px !important;
  }
  .busqueda input[type=text] {
    width: 180px !important;
  }
  .heading h4 {
    max-width: 55%;
    text-align: left;
  }
  .product {
    width: auto;
    margin: 20px 5px !important;
  }
  .home-productos .product {
    width: 265px;
  }
  .page-numbers {
    margin: 0 5px;
  }
  .contact .bloc-lft, .contact .bloc-rgt{
    width: 100%;
  }
  .contact {
    display: inline-block;
    height: auto;
  }
  .contact .bloc-lft {
    background-size: 150%;
    background-position: center top;
  }
  .contact .bloc-rgt {
    background-size: 295%;
    background-position: center top;
    padding: 20% 25px;
  }
  vl{
    display: none;
  }
  .accesos{
    padding: 5px;
    position: absolute;
    top: 0px;
    background: #292929;
  }
  .header-dollar img{
    max-width: 150px;
  }
  header .accesos {
    float: none;
    display: inline-block;
    margin-left: 20px;
  }
  .accesos a {
    margin:5px;
  }
  .locales-sidebar .content {
    width: 96%;
  }
}
/*LOCALES*/
@media (max-height: 768px) {
  #locales-info {
    height: calc(100vh - 34vh);
  }
  .cities{
    height: calc(100vh - 45.5vh);
  }
}
@media (min-height: 1000px) {
  #locales-info {
    height: calc(100vh - 30vh);
  }
  .cities{
    height: calc(100vh - 25vh);
  }
}
@media (max-width: 1024px) {
  #modulo-locales{
    width: 45%;
  }
  #mapa{
    width: 54%;
  }
  #locales-info{
    height: calc(100vh - 33vh);
  }
}
@media (max-width: 724px) {
  .back{
    display: block;
    padding-left: 20%;
  }
  #mapa{
    display: none;
  }
  #mapa, #modulo-locales{
    width: 100%;
  }
  .local p {
    font-size: 12px;
    padding-right: 10px;
    line-height: 14px;
    text-align: left;
  }
  .local h3{
    font-size: 14px;
  }
  .local {
    padding-left: 20px;
  }

  .iw-content p{
    font-size: 12px;
    line-height: 18px;
    margin: 2px 0;
  }
  .iw-title{
    font-size: 14px;
    margin: 5px 0;
    line-height: 14px;
    padding-right: 30px;
  }
  .city i {
    right: 20px;
  }
  .notfound ul{
    padding: 0 35px;
    font-size: 12px;
    text-align: left;
  }
  .outside{
    left: -14px;
  }
  .closeplace span{
    font-size: 10px;
  }
  footer{
    padding: 60px 0 150px 0;

  }
  .interes{
    max-width: 400px;
margin: 0px auto;
text-align: left;
  }
.derechos{
  font-size: 10px;
}
  .cities, #locales-info{
    padding-bottom: 25px;
  }
}

@media (max-height: 631px) {
  .cities {
    height: calc(100vh - 61vh);
  }
  #locales-info {
    height: calc(100vh - 44vh);
  }
}

/* ====== Responsive ====== */
@media (max-width: 960px) {
  .tips-grid { grid-template-columns: 1fr; }
  .tips-aside { order: 2; }
  .tips-main { order: 1; }
}