/* 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-web { width:280px; } 
   .responsive-web-info { width:160px;  }
   .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }
  
  /* Iphone (3.5") 320*480 */
  @media all and (max-width: 640px) and (min-width: 480px) {
   .responsive-web { width:450px; } 
   .responsive-web-info { width:320px; }
   .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }
  
  @media all and (max-width: 768px) and (min-width: 640px) {
   .responsive-web { width:450px; } 
   .responsive-web-info { width:320px; }
    .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }

  @media all and (max-width: 1136px) and (min-width: 768px) {
    .responsive-web { width:350px; }
    .responsive-web-info {width:230px;}
    .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }
  /* desktop */
  @media all and (max-width: 1180px) and (min-width: 1136px) {
    .responsive-web { width:300px; }
    .responsive-web-info {width:180px; }
    .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }
  
  @media all and (max-width: 1200px) and (min-width: 1180px) {
    .responsive-web { width:300px; }
    .responsive-web-info {width:180px; }
    .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }
  @media all and (min-width: 1200px) {
    .responsive-web { width:300px; }
    .responsive-web-info {width:180px; }
    .responsive-email { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  }