.card {
    border-radius: 10px;
    background: #fff;
    border: solid 1px lightgrey;
	box-shadow: none;
    max-width: 310px;
	min-width: 310px;
    height: 100%;
}

/* Pantalla SM 2 columnas sin menu tarjeta chica*/
@media only screen and (min-width: 640px) and (max-width: 700px) {
    .card {
        max-width: 290px !important;
        min-width: 290px !important;
    }
}

/* Pantalla SM 2 columnas sin menu tarjeta chica*/
@media only screen and (min-width: 701px) and (max-width: 749px) {
    .card {
        max-width: 300px !important;
        min-width: 300px !important;
    }
}

/* Pantalla SM 2 columnas sin menu tarjeta grande*/
@media only screen and (min-width: 750px) and (max-width: 849px) {
    .card {
        max-width: 340px !important;
        min-width: 340px !important;
    }
}

/* Pantalla SM 2 columnas sin menu tarjeta grande*/
@media only screen and (min-width: 850px) and (max-width: 959px) {
    .card {
        max-width: 380px !important;
        min-width: 380px !important;
    }
}

/* Pantalla MD 2 columnas tarjeta chica*/
@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .card {
        max-width: 300px !important;
        min-width: 300px !important;
    }
}

/* Pantalla MD 2 columnas tarjeta grande*/
@media only screen and (min-width: 1050px) and (max-width: 1280px) {
    .card {
        max-width: 340px !important;
        min-width: 340px !important;
    }
}

/* Pantalla LG 3 columnas tarjeta chica*/
@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    .card {
        max-width: 290px !important;
        min-width: 290px !important;
    }
}

/* Pantalla 2XL 4 columnas tarjeta chica*/
@media only screen and (min-width: 1536px) and (max-width: 1650px) {
    .card {
        max-width: 305px !important;
        min-width: 305px !important;
    }
}

@media only screen and (max-width: 640px) {
    .card {
		width: 100% !important;
        max-width: 100% !important;
   }
}