/* esto funcionará si la resolución de pantalla está entre 300 y 800 pixeles de ancho */
  @media all and (min-width: 300px) and (max-width:480px) {
    .responsive-nombre { width:100%;  }
    .responsive-precio { width:80px; }
    .responsive-lista { width:80px; }
  }
  
  /* Iphone (3.5") 320*480 */
  @media all and (max-width: 640px) and (min-width: 480px) {
    .responsive-nombre { width:270px;  }
    .responsive-precio { width:80px; }
    .responsive-lista { width:80px; }
  }
  
  @media all and (max-width: 768px) and (min-width: 640px) {
    .responsive-nombre { width:390px; }
    .responsive-precio { width:100px; }
    .responsive-lista { width:100px; }
  }

  @media all and (max-width: 1136px) and (min-width: 768px) {
    .responsive-nombre { width:510px;  }
    .responsive-precio { width:100px; }
    .responsive-lista { width:100px; }
  }
  /* desktop */
  @media all and (max-width: 1180px) and (min-width: 1136px) {
    .responsive-nombre { width:730px;  }
    .responsive-precio { width:100px; }
    .responsive-lista { width:100px; }    
  }
  
  @media all and (max-width: 1200px) and (min-width: 1180px) {
    .responsive-nombre { width:735px;  }
    .responsive-precio { width:100px; }
    .responsive-lista { width:100px; }
  }
  @media all and (min-width: 1200px) {
    .responsive-nombre { width:935px;}
    .responsive-precio { width:100px;}
    .responsive-lista { width:100px; }
  }