/*--------- Top Section ---------*/

.estate-archive-main{
	margin-top: -109px;
}
@media all and (max-width: 1024px){
	.estate-archive-main {
	    margin-top: -70px;
	}
	.estates-filter-section {
	    padding-bottom: 80px;
	}
}
@media all and (max-width: 768px){
	.estate-archive-main{
		margin-top: -15px;
	}
}

/*--------- Listings ---------*/

.col-5-section{
	overflow: hidden;
}
.col-5-section .tile {
	margin-bottom: 125px;
    margin-right: 24px;
    width: calc((100% - 96px) / 5);
}
.col-5-section .tile .image-container,
.col-5-section .tile .image-container.portrait-image{
	padding-bottom: 100%;
}
.col-5-section .spec-landsize {
    display: inline-block;
}
.col-5-section .listing .item-price{
	margin-top: 15px;
}
.col-5-section .item-specs {
    margin-top: 8px;
}
.content-within-display{
    margin-bottom: 120px;
}
.archive-load-more{
	margin-bottom: 82px;
    margin-top: -5px;
	text-align: right;
}

@media all and (max-width: 1366px) and (min-width: 769px){
	.col-5-section .tile {
	    margin-bottom: 60px;
        margin-right: 24px;
        width: calc((100% - 72px) / 4);
    }
    .col-5-section .tile:nth-of-type(5n){
    	float: left;
    	margin-right: 24px;
    }
    .col-5-section .tile:nth-of-type(5n-1){
    	margin-right: 24px;
    }
    .col-5-section .tile:nth-of-type(5n+1){
    	clear: none;
    }
    .col-5-section .tile:nth-of-type(4n+1){
        margin-right: 24px;
        float: left;
    }
    .col-5-section .tile:nth-of-type(4n){
        margin-right: 0;
        float: right;
    }
    .col-5-section .tile:nth-of-type(4n-1){
    	margin-right: 0;
    }
}
@media all and (max-width: 768px){
	.content-within-display{
		margin: 20px 0 45px;
	}

	.col-5-section .tile {
        margin-right: 0 !important;
        width: calc(50% - 7.5px);
    }
    .col-5-section .tile:nth-of-type(2n){
    	float: right;
    }
    .col-5-section .tile:nth-of-type(2n+1){
    	float: left;
    }

    .col-5-section .tile .image-container, 
    .col-5-section .tile .image-container.portrait-image {
	    padding-bottom: 90%;
	}
	.col-5-section .tile{
		margin-bottom: 40px;
	}
	.col-5-section .listing .item-price {
	    margin-top: 9px;
	}

	.archive-load-more{
		margin-bottom: 35px;
    	margin-top: 18px;
		text-align: center;
	}
	.archive-load-more a:after{
        position: relative;
        right: -4px;
	}
}

@media all and (max-width:640px){
	.listing .item-name{
        margin-top: 7px;
	}
	.col-5-section .item-specs {
	    margin-top: 2px;
	}
	.col-5-section .tile{
		margin-bottom: 28px;
	}
}