.loteamentos2{width: 100%; height: auto;}
.loteamentos2 ul{width: auto; height: auto;list-style: none; text-align: center;}
.loteamentos2 ul li{ width: 300px; height: 340px; display: inline-block; padding: 13px; margin: 10px 3px;}
.loteamentos2 ul li:hover{background-color: #dddddd;}
.loteamentos2 ul li img{width: 300px; height: auto;}
.loteamentos2 ul li h1{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 900; color: #c4161c; text-transform: uppercase; margin-top: 5px;}
.loteamentos2 ul li p{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #000000;}
.loteamentos2 ul li .mais{width: auto; height: auto; padding: 5px; margin-top: 10px; float: right; cursor: pointer; background-color: #c4161c; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 900; color: #FFFFFF; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.loteamento-ativo{width: 100%; height: auto;}
.loteamento-ativo p{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #000000; float: left; width: 730px; margin-right: 20px;}
.loteamento-ativo img{width: auto; height: auto; float: right;}
.loteamento-ativo .imagens{width: 100%; height: auto;}
.loteamento-ativo .imagens ul{width: 100%; height: auto;list-style: none; text-align: center;}
.loteamento-ativo .imagens ul li{ display: inline-block; width: 190px; height: auto; margin: 5px;}
.loteamento-ativo .imagens ul li img{width: 190px; height: 190px;}

@media screen and (max-width: 1024px) {
	.loteamentos2 ul li { width: 300px; display: inline-block; padding: 10px; margin: 10px 0px; }
	.loteamento-ativo { text-align: center; }
	.loteamento-ativo p { width: 94%; margin: 0px 3%; text-align: center; }
	.loteamento-ativo img { float: none; text-align: center; padding: 20px; }
	.loteamento-ativo .imagens { clear: both; margin-top: 25px; }
	.loteamento-ativo .imagens ul li{ width: 150px; margin: 5px;}
	.loteamento-ativo .imagens ul li img{width: 150px; height: 150px; padding: 0px;}
}