.full_img.short{
	margin-bottom: 50px;	
}
.th{
	position: relative;	
}
.th:before{
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0px;
	border-bottom: 2px solid #000;
}
.th .col{
	height: 50px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
}
h3{
	margin: 35px 0px;	
	padding: 0px 40px;
	text-transform: uppercase;
	text-align: left;
}
.data{
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
.data .col{
	height: 38px;
	padding: 0px 8px;
	padding-top: 7px;
	text-align: center;
}
.data:before{
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	right: 20px;
	height: 100%;
	background: #ebeaea;
	opacity: 0;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.data:hover:before{
	opacity: 1;
}
.floorplan{
	display: inline-block;
	width: 12px;
	height: 18px;
	margin-top: 3px;
	background: url(../images/availability_floorplan.svg) center center no-repeat;
}
.sep{
	margin: 35px 40px;
	border-bottom: 2px dotted #000;
}





@media (max-width: 992px){

	.th .col {
	    font-size: 9px;
	}
	.th:before {
	    left: 10px;
	    right: 10px;
	}
	h3 {
	    padding: 0px 20px;
	}
	.data .col {
	    font-size: 12px;
	}
	.data:before {
	    left: 10px;
	    right: 10px;
	}
	.floorplan {
	    height: 14px;
	}
	.sep {
	    margin: 35px 20px;
	}

}




@media (max-width: 576px){

	.full_img.short {
	    margin-bottom: 20px;
	}
	.th {
	    display: none;
	}
	h3{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.data{
		height: 50px;
		overflow: hidden;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		border: 1px solid #000;
	}
	.data.active{
		height: auto;
		overflow: auto;
		border-bottom: none;
	}
	.data:after{
		content: "+";
		position: absolute;
		right: 20px;
		top: 8px;
		pointer-events: none;
	}
	.data.active:after{
		content: "-";font-size: 18px;
	}
	.data .col{
		position: relative;
		width: 100%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		height: auto;
		padding: 8px 20px;
		padding-left: 41.66%;
		border-bottom: 1px solid #000;
		text-align: left;
		font-size: 10px;
	}
	.data .col:before{
		content: "adsads";
		position: absolute;
		left: 20px;
		top: 10px;
		font-size: 8px;
		text-transform: uppercase;
	}
	.data .col:nth-child(1){
		padding-left: 20px;
		width: 41.66%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66%;
		-ms-flex: 0 0 41.66%;
		flex: 0 0 41.66%;
		max-width: 41.66%;
		height: 50px;
	}
	.data .col:nth-child(2){
		padding-left: 0px;
		width: 58.34%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.34%;
		-ms-flex: 0 0 58.34%;
		flex: 0 0 58.34%;
		max-width: 58.34%;
		height: 50px;
	}
	.data .col:nth-child(1):before, .data .col:nth-child(2):before{
		position: relative;
		display: block;
		left: 0px;
		top: 0px;
	}
	.data .col:nth-child(1):before{
		content: "Residence";
	}
	.data .col:nth-child(2):before{
		content: "Bedrooms/Bathrooms";
	}
	.data .col:nth-child(3):before{
		content: "SF";
	}
	.data .col:nth-child(4):before{
		content: "Out SF.";
	}
	.data .col:nth-child(5):before{
		content: "Price";
	}
	.data .col:nth-child(6):before{
		content: "Status";
	}
	.data .col:nth-child(7):before{
		content: "CC";
	}
	.data .col:nth-child(8):before{
		content: "Monthly RET";
	}
	.data .col:nth-child(9):before{
		content: "Floorplan";
	}
	.floorplan {
	    height: 10px;
	}
	.sep {
	    margin: 20px 20px;
	}
	.data:before{
		display: none;
	}


}