.productConteiner {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: 2rem;
}

.productConteiner div {
	display: inline-block;
	margin: 1rem;
	padding: 1rem;
	height: fit-content;
	width: 20em;
	border-radius: 10px;
	background-color: #e7e9ee;
	text-align: left;
	cursor: pointer;
}

.productConteiner div img {
	width: 100%;
	position: relative;
	margin-bottom: 1rem;
	background-color: white;
	border-radius: 4px;
}

@media only screen and (max-width: 520px) {
	.productConteiner {
		padding: 0;
	}
}
@media only screen and (max-width: 425px) {
	.productConteiner div {
		width: 16em;
	}
}