@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .parallax {
    background-attachment: scroll !important;
  }
}

@media screen and (min-width: 1024px) {
  div.compartir.inline ul {
    width: 220px;
    left: 100%;
    top: 50%;
    height: 34px;
    margin: -17px 0 0;
    padding: 0 0 0 15px;
  }

  div.compartir.inline ul li {
    display: block;
    float: left;
    padding: 0 5px;
  }
}

@media screen and (max-width: 1600px) {
  .interior #slider div.item .middle {
    padding-left: 2.5%;
    padding-right: 2.5%;
    word-break: break-word;
  }

  #distribuidores div.buscador,
  #distribuidores-lista div.buscador,
  #distribuidores-lista div.detalle {
    width: 30%;
  }

  #distribuidores #slider div.fondo,
  #distribuidores-lista div.mapa {
    width: 70%;
  }

  #distribuidores-lista div.detalle {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #distribuidores-lista div.detalle form textarea {
    height: 80px;
  }

  .listado div.item .box.descripcion .detalle {
    font-size: 18px;
  }

  .listado div.item .box.half .detalle p {
    font-size: 13px;
  }

  .listado div.item .box.half .titulo {
    font-size: 20px;
  }

  #zoom-slider div.caption .descripcion {
    max-width: 650px;
  }

  #ambientes.interior #slider div.item.fijo.descripcion.cafe .middle {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
  body {
    font-size: 13px;
  }

  .parallax {
    background-attachment: scroll !important;
  }

  ul.tabs li a {
    padding: 5px 10px;
    font-size: 14px;
  }

  #distribuidores-lista div.buscador ul.resultados li h4 {
    font-size: 12px;
  }

  #generica div.middle {
    padding: 5% 10px !important;
  }
}

@media screen and (max-width: 1023px) {

  body,
  html {
    -webkit-overflow-scrolling: touch;
  }

  body {
    font-size: 16px;
  }

  body.menu-open #wrapper {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }

  div.compartir.inline ul {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
  }

  .scrollpane,
  div.scrollpane-mobile {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-right: 20px !important;
  }

  .scrollpane.nopadding {
    margin-right: 0 !important;
  }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  ::-webkit-scrollbar:vertical {
    width: 4px;
  }

  ::-webkit-scrollbar:horizontal {
    height: 4px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #d9d9d9;
  }

  .interior #slider {
    padding-left: 0;
  }

  .slick-next:before,
  .slick-prev:before {
    font-size: 20px !important;
  }

  .slick-prev.custom {
    margin-right: -7px;
  }

  .interior .text-intro h2 {
    display: none;
  }

  #header div.top {
    height: auto;
  }

  #header div.top #logo {
    float: none;
  }

  #header div.top ul.breadcrumb {
    float: none;
    border-top: 1px solid #eee;
    margin-left: -78px;
    font-size: 20px;
    padding: 20px;
    min-height: 25px;
  }

  #header div.top div.garantia {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
  }

  #header div.top div.compartir {
    float: none;
    position: absolute;
    right: 0;
    top: 70px;
  }

  #header div.top div.compartir a.abrir {
    height: 25px;
  }

  #header div.top ul.breadcrumb li form {
    height: 50px;
  }

  #zoom-slider div.item img {
    visibility: hidden;
  }

  #zoom-slider div.caption {
    bottom: 50px;
  }

  #zoom-slider div.item div.img-mobile {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  #novedades-int div.bg-mobile,
  #zoom-slider div.bg-mobile {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #eff2f4;
    z-index: 3;
  }

  #novedades-int .slick-prev,
  #zoom-slider .slick-prev {
    display: block !important;
    left: 40%;
  }

  #novedades-int .slick-next,
  #zoom-slider .slick-next {
    right: 40%;
  }

  #novedades-int .slick-next,
  #novedades-int .slick-prev,
  #zoom-slider .slick-next,
  #zoom-slider .slick-prev {
    height: 50px;
    top: auto !important;
    bottom: 0 !important;
    margin: 0;
    z-index: 100;
  }

  #novedades-int .slick-next:before,
  #novedades-int .slick-prev:before,
  #zoom-slider .slick-next:before,
  #zoom-slider .slick-prev:before {
    margin-top: -20px;
  }

  #distribuidores.interior #slider {
    margin-top: 0;
  }

  #distribuidores.interior #slider div.item.fijo:before {
    display: none;
  }

  #distribuidores.interior #slider div.buscador {
    margin-top: 0;
  }

  #distribuidores.interior #slider div.buscador div.fondo {
    padding: 10%;
    color: #2e2d31;
    font: 23px "Poiret One";
    font-weight: 400;
    text-transform: uppercase;
  }

  #distribuidores.interior #slider div.buscador .middle {
    display: block;
    text-align: left;
  }

  #distribuidores #slider div.fondo,
  #distribuidores div.buscador,
  #distribuidores-lista div.buscador,
  #distribuidores-lista div.detalle,
  #distribuidores-lista div.mapa {
    width: auto;
  }

  #distribuidores-lista div.buscador form {
    background: url(../images/bg-distribuidores.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 60px;
  }

  #distribuidores-lista div.buscador ul.tabs {
    margin-top: -40px;
  }

  #distribuidores-lista div.detalle {
    margin: 0 auto;
  }

  #distribuidores-lista div.detalle .scrollpane {
    margin-right: 0;
  }

  #novedades-int article {
    margin-left: 0;
  }

  #footer {
    position: absolute;
  }

  .interior #footer {
    margin-top: 5px;
  }

  .interior #footer ul {
    text-align: center;
    width: 304px;
    margin: 0 auto;
  }

  .interior #footer ul li {
    width: 100px;
  }

  .interior #footer ul li a span.texto {
    display: none;
  }

  .interior #footer ul li a span.icono {
    position: inherit;
    right: auto;
    top: auto;
    margin: 0 auto;
  }

  #home #footer ul li {
    width: 50%; /*auto*/
    float: none;
    border: 0;
    border-top: 1px solid #e1e1e1;
  }
  .fullItemFooter {
    width: 100% !important; /*auto*/
  }
  #dealer_footer_whatsapp > span.icono {
    left: 5% !important;
  }

  #home #footer ul li a {
    margin: 0 auto;
    max-width: 200px;
    padding-right: 100px;
  }

  #home #footer ul li a span.icono {
    background-size: 35px;
  }

  #compartir-email {
    position: fixed;
    right: 0;
    top: 130px;
    width: 100%;
    padding: 30px 30px 60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .np-tablet {
    padding-left: 0;
    padding-right: 0;
  }

  .nofloat-tablet {
    float: none !important;
  }

  div.texto {
    overflow: auto;
    height: 350px;
  }

  #generica div.texto {
    height: auto;
    max-height: 100% !important;
  }

  #contacto div.middle {
    padding: 5% !important;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  .grid-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-large {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 -20px;
  }

  .np-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .nofloat-mobile {
    float: none !important;
  }

  h3.titulo {
    font-size: 16px;
  }

  .subtitulo {
    font-size: 14px;
  }

  .slick-next,
  .slick-prev {
    overflow: hidden;
  }

  .slick-prev.custom {
    margin-right: 0 !important;
  }

  .slick-prev.custom.unico {
    margin-right: 0 !important;
  }

  .slick-next {
    right: 0 !important;
  }

  .slick-next:before,
  .slick-prev:before {
    font-size: 14px !important;
  }

  .slick-next:before {
    right: 0 !important;
  }

  .button {
    font-size: 10px;
    padding: 10px 15px;
  }

  ul.tabs li a {
    font-size: 13px;
    padding: 10px 15px;
  }

  div.texto ul.tabs {
    margin: 0 0 20px;
  }

  div.texto ul.tabs li {
    margin-left: 5px;
  }

  div.texto ul.tabs li a {
    font-size: 13px;
    padding: 5px 5px;
  }

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  form .inputbox,
  form select {
    height: 36px;
  }

  form textarea {
    height: 100px;
  }

  form .inputbox,
  form select,
  form textarea {
    font-size: 12px;
  }

  form select {
    padding: 5px;
  }

  #header #logo img {
    /* height: 50px; */
    max-width: 100px !important;
    width: auto;
  }

  #header div.abrir-menu {
    width: 55px;
    height: 50px;
  }

  #header div.top {
    padding-left: 55px;
  }

  #header div.top div.garantia a.abrir {
    padding: 10px;
    font-size: 9px;
    border: 0;
    height: 30px;
  }

  #header div.top div.garantia a.abrir span.texto {
    margin-left: 5px;
  }

  #header div.top div.garantia a.abrir span.num {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
  }

  #header div.top div.garantia div.box {
    width: 300px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-shadow: border-box;
  }

  #header div.top div.garantia div.box div.cerrar {
    top: 20px;
    right: 15px;
  }

  #header div.top div.garantia div.box div.texto {
    height: 250px;
    margin: 15px 0;
  }

  #header div.top ul.breadcrumb {
    margin-left: -55px;
    padding: 10px;
    font-size: 15px;
    line-height: 25px;
  }

  #header div.top ul.breadcrumb li form {
    height: 35px;
    margin-top: -10px;
    margin-left: 10px;
    max-width: 140px;
  }

  #header div.top ul.breadcrumb li form select {
    height: 45px;
  }

  #header div.top div.compartir {
    top: 35px;
  }

  #header div.top div.compartir a.abrir {
    font-size: 16px;
    padding: 10px;
    border: 0;
    width: 25px;
  }

  #header div.menu div.fondo {
    padding: 40px;
  }

  #header div.menu {
    width: 300px;
    padding-top: 50px;
  }

  #header div.menu nav ul li {
    margin-bottom: 20px;
  }

  #header div.menu nav ul li a {
    font-size: 14px;
  }

  #header div.menu div.secundario {
    padding: 0 20px;
  }

  #header div.menu div.secundario ul.terminos li.sep {
    margin: 0 3px;
  }

  #header div.menu div.secundario div.sociales {
    margin-bottom: 20px;
    padding-top: 20px;
  }

  #home #slider a.next-slide,
  #home #slider a.prev-slide {
    font-size: 16px !important;
  }

  #home #slider a.prev-slide {
    left: 0;
    width: 60px;
  }

  #home #slider a.next-slide i {
    right: 0;
  }

  #home #slider div.caption {
    width: 80%;
    padding: 20px 10px 30px;
    min-height: 130px;
    display: flex;
    justify-content: center;
    left: 5%;
    display: flex;
    align-items: center;
    bottom: 15%;
  }

  #home #slider div.caption h3 {
    width: 100%;
    font-size: 20px;
  }

  #home #slider div.caption a.button {
    left: 20%;
    width: 50%;
    height: 30px;
    bottom: -25px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #home #slider div.caption a i {
    font-size: 16px;
  }

  .listado div.item .box .detalle {
    font-size: 9px;
  }

  .listado div.item .box.descripcion .detalle {
    font-size: 14px;
    max-height: 90%;
  }

  .listado div.item .box .detalle {
    margin-top: -2.5%;
  }

  .listado div.item .box .titulo {
    font-size: 16px;
  }

  .listado div.item .box .bottom .descubre {
    font-size: 12px !important;
  }

  .listado div.item .box .bottom.meta {
    font-size: 9px;
  }

  .listado div.item.articulo .box:hover .bottom {
    padding-bottom: 45px;
  }

  .listado div.item .box .bottom.meta i.arrow {
    font-size: 16px;
  }

  .interior #slider div.item.fijo .titulo {
    font-size: 26px;
  }

  .interior #slider div.item.fijo .middle {
    font-size: 9px;
  }

  #ambientes.interior #slider div.item.fijo.descripcion.cafe .middle,
  .interior #slider div.item.fijo.descripcion.cafe .middle {
    font-size: 14px;
  }

  .interior #slider div.item.fijo .middle p {
    margin-top: 15px;
  }

  .interior #slider div.item.fijo .middle p.desktop {
    display: none;
  }

  .interior #slider div.item.fijo .middle p.mobile {
    display: block;
    font-size: 14px;
  }

  .interior #slider div.item.fijo.descripcion a.volver {
    font-size: 20px;
  }

  #somos #slider .listado div.item div.texto {
    height: 300px;
  }

  #zoom-slider div.compartir {
    right: auto;
    left: 0;
    bottom: auto;
    top: 0;
  }

  #zoom-slider .slick-prev {
    display: block !important;
  }

  #zoom-slider .slick-next {
    right: 40% !important;
  }

  #zoom-slider div.top {
    padding: 10px;
  }

  #zoom-slider div.compartir ul {
    top: 100%;
    bottom: auto;
  }

  #zoom-slider div.caption:before {
    height: 300px;
  }

  #zoom-slider div.caption div.detalle {
    padding: 10px 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #zoom-slider div.caption .titulo {
    font-size: 16px;
    margin-bottom: 10px;
  }

  #zoom-slider div.caption div.descripcion {
    font-size: 10px;
  }

  #zoom-slider div.top div.cerrar {
    font-size: 16px;
  }

  #colecciones .listado div.item .box div.overlay {
    display: block;
  }

  #colecciones .listado div.item .box .detalle {
    display: none;
  }

  .listado div.item .box .detalle p.desktop {
    display: none;
  }

  .listado div.item .box .detalle p.mobile {
    display: block;
    font-size: 14px;
  }

  #distribuidores.interior #slider div.buscador {
    min-height: 425px;
  }

  #distribuidores.interior #slider div.buscador div.fondo {
    font-size: 18px;
    padding: 5%;
  }

  #distribuidores #slider div.item.fijo .titulo {
    font-size: 16px;
  }

  #distribuidores-lista #slider {
    margin-top: 0;
  }

  #distribuidores-lista div.buscador ul.tabs {
    margin-top: -37px;
  }

  #distribuidores-lista div.buscador form {
    padding: 10px;
    padding-bottom: 50px;
  }

  #distribuidores-lista div.buscador form h2 {
    margin-bottom: 5px;
  }

  #distribuidores-lista div.buscador ul.resultados li {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
  }

  #distribuidores-lista div.buscador ul.resultados li h4 {
    font-size: 13px;
    padding-bottom: 5px;
  }

  #distribuidores-lista div.buscador ul.resultados li i {
    top: 15px;
  }

  #distribuidores-lista div.detalle {
    padding: 20px;
  }

  #distribuidores-lista div.detalle div.info {
    font-size: 12px;
  }

  #distribuidores-lista div.detalle div.info .titulo {
    font-size: 18px;
  }

  #distribuidores-lista div.detalle div.info p {
    margin-top: 10px;
  }

  #distribuidores-lista div.detalle div.info div.acciones a {
    font-size: 11px;
    margin-right: 5px;
  }

  #distribuidores-lista div.detalle form {
    padding-top: 10px;
  }

  #distribuidores-lista div.detalle form .titulo {
    padding-bottom: 10px;
  }

  #distribuidores-lista div.detalle form textarea {
    height: 70px;
  }

  #servicio-tecnico #slider .listado div.item div.texto {
    padding: 20px;
    max-height: 90% !important;
  }

  #novedades-int article div.thumb {
    height: 180px;
    width: auto;
    position: inherit;
    left: auto;
    top: auto;
  }

  #novedades-int article div.right div.bg {
    padding: 15px 20px;
  }

  #novedades-int article header .titulo {
    font-size: 20px;
  }

  #novedades-int article header div.meta {
    font-size: 8px;
    margin: 10px 0;
  }

  #novedades-int article div.compartir {
    margin-top: 20px;
  }

  #novedades-int article div.compartir a.abrir {
    font-size: 9px;
    padding: 5px 10px;
  }

  #contacto div.scrollpane-mobile {
    padding-right: 20px !important;
    height: 100%;
  }

  #contacto div.columna {
    margin-bottom: 20px;
  }

  #generica div.texto {
    max-height: 100% !important;
  }

  .interior #footer ul {
    width: 100%;
  }

  .interior #footer ul li {
    width: 33.33333%;
    box-sizing: border-box;
  }

  #home #footer ul li a {
    max-width: inherit;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 11px;
    padding-right: 50px;
  }

  .interior #footer ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .bg-effect a:before {
    bottom: 0;
    border: 0;
  }

  div.texto {
    font-size: 11px;
    overflow: auto;
    max-height: 65%;
  }

  div.texto img.alignleft,
  div.texto img.alignright {
    display: block;
    float: none !important;
    margin: 0 auto 20px !important;
  }

  div.texto.small {
    font-size: 12px;
  }

  div.texto h1 {
    font-size: 22px;
  }

  div.texto h2 {
    font-size: 20px;
  }

  div.texto h3 {
    font-size: 18px;
  }

  div.texto h4 {
    font-size: 16px;
  }

  div.texto h5 {
    font-size: 14px;
  }

  div.texto h6 {
    font-size: 14px;
  }

  div.texto p {
    padding-bottom: 10px;
  }

  #compartir-email {
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 20px 30px;
  }

  #compartir-email .columna.usuario {
    margin-top: 20px;
  }

  a.descargar-manual {
    font-size: 11px;
    letter-spacing: 1px;
  }

  #documentos .lista-docs {
    margin: 0 !important;
  }

  #documentos .lista-docs .titulo {
    font-size: 16px !important;
    margin-bottom: 15px !important;
  }

  #documentos.interior #slider div.item.fijo .middle {
    font-size: 13px;
    padding: 0 0 0 15px;
  }

  #documentos.interior #slider div.item.fijo .middle .scrollpane {
    margin-left: -15px;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  #header div.menu div.fondo {
    overflow: scroll;
  }

  #header div.menu div.secundario {
    position: relative;
    width: 120%;
    margin-left: -20px;
  }
}
@media screen and (max-width: 1023px){
  .flex{
    display: flex;
    flex-flow: wrap;
    align-items: center;
  }

  footer ul li a span.icono {
    right: 0px;
    left:5px;
    top: 50%;
    margin-top: -17px;
  }
  #home #footer ul li a {
    padding-left: 55px;
    padding-right: 0px;
  }

}