/* ---------------------------------------------------------------------- */
/*	IMAGE CONTAINER PARA FOTOS VERTICALES 3 COLUMNAS
/* ---------------------------------------------------------------------- */
.image-container {
    width: 100%;
    height: auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.image-container img {
    width: 100% !important;
    height: auto !important;
}
/* ---------------------------------------------------------------------- */



/* -------------------------------------------------------------- */
/* PARA 3 COLUMNAS                                                */
/* -------------------------------------------------------------- */
.grid .item-grid {
  width:32%	
}
.grid .item-grid p, .grid .item-grid p span {
  font-size: 0.8em;
}
.grid .item-grid p span {
  height: 36px;
  line-height: 36px;
}
.grid .item-grid .ribbon2 {
  top: 256px;
}
.grid .item-grid .precio {
  font-size: 18px;
}
.grid .item-grid .at {
  top: auto;
  left: auto;
  right: 0px;
  bottom: 77px;
}
.caracteristicas {
  bottom: 79px;	
}

@media handheld, only screen and (max-width: 2500px) {
  .grid .item-grid {
    width:32%	
  }
  .grid .item-grid .ribbon2 {
      top: 256px;
  }
}

@media handheld, only screen and (max-width: 1200px) {
  .grid .item-grid {
    width:32%	
  }
  .grid .item-grid .ribbon2 {
      top: 216px;
  }
}

@media handheld, only screen and (max-width: 992px) {
  .grid .item-grid {
    width:47%	
  }
  .grid .item-grid .ribbon2 {
      top: 216px;
  }
  .grid .item-grid p {
    font-size: 0.85em;
  }
  #segundalinea {
    font-size: 0.75em;
  }
  #celdaauto .precio,
  #celdaauto .kms,
  #celdaauto .agno {
    font-size: 1.0em;
  }
  #celdaauto:hover .precio,
  #celdaauto:hover .kms,
  #celdaauto:hover .agno {
    font-size: 1.1em;
  }
}

@media handheld, only screen and (max-width: 768px) {
  header .navbar {
    background: black;
  }
  .navbar-nav {
    text-align: right;
    margin-right: 15px;
  }
  .grid .item-grid {
    width:47%	
  }
  .grid .item-grid .ribbon2 {
      top: 216px;
  }
}

@media handheld, only screen and (max-width: 600px) {
  .grid .item-grid {
    width:97%	
  }
  .grid .item-grid .ribbon2 {
      top: 216px;
  }
}

@media handheld, only screen and (max-width: 400px) {
  .grid .item-grid {
    width:97%	
  }
  .grid .item-grid .ribbon2 {
      top: 201px;
  }
}

/* -------------------------------------------------------------- */
/* FIN PARA 3 COLUMNAS                                            */
/* -------------------------------------------------------------- */