/*Responsive CSS Overrides*/

@media screen and (max-width: 1020px) {
	
	.container{
		width:96%;
	}
	
	.featured-image .page-title{
		padding:10px 0;
	}
	
}

@media screen and (max-width: 980px){
	#navTopContainer{
		width:80%;
	}
	
	#slider .soliloquy-container .soliloquy-caption{
		top:120px;
	}
	
	.featured-image{
		height:235px;
		background:transparent url('../images/layout/feature-image.jpg') no-repeat scroll center top;
		background-size: cover;
}
	
	.featured-image img{
		display:none;
		
	}
}

@media screen and (max-width: 885px){
	#navTopContainer{
		width:70%;
	}
	
	#navTopContainer li a{
		line-height:50px;
	}
	
	#slider h1{
		font-size:50px;
		margin:0 auto 10px;
	}
	
	#slider .btn{
		margin:20px auto 0;
	}
	
	.featured-container{
		max-width:350px;
		padding:0 20px;
	}
	
	.featured-container .third{
		margin:0 0 30px;
		float:none;
		width:auto;
	}
	
	.featured-container .featured-item h5{
		bottom:0;
		font-size:1em;
	}
	
	.entry .contact::before{
		left:10%;
	}
	
	#footer .half{
		float:none;
		margin:auto;
		width:98%;
	}
	
	
	#footer .right{
		text-align:center;
	}
	
	
}

@media screen and (max-width: 760px){
	#slider .soliloquy-container .soliloquy-caption{
		top:100px;
	}
	
	#slider h1{
		font-size:40px;
	}
}

@media screen and (max-width: 700px){
	#header .logo{
		float:none;
		margin:auto;
	}
	
	#navTopContainer{
		display:none;
	}
	
	.entry .two-thirds,
	.entry .third{
		margin:auto;
		float:none;
		width:100%;
	}
	
	.home .entry .btn{
		width:200px;
		margin:20px auto 0;
		float:none;
	}
	
	.archive .listing{
		display:block;
	}
	
	.listing-image{
		width:100%;
		height:200px;
		display:block;
		padding:0;
	}
	
	.listing-content{
		padding: 25px 25px 20px;
	}
}

@media screen and (max-width: 685px){
	#slider .btn{
		display:none;
	}
}

@media screen and (max-width: 600px){
	#footer .third,
	#footer .two-thirds{
		float:none;
		margin:auto;
		width:100%;
		text-align:center;
	}
	
	#footer .foot-phone{
		padding:10px 0;
	}
	
	#footer .foot-phone::before{
		display:none;
	}
}

@media screen and (max-width: 500px) {
	.page-title h1{
		text-align:center;
		float:none;
		font-size:35px;
	}
	
	.property-select{
		float:none;
		margin:auto;
		display:block;
	}
	
	.entry .listing .btn{
		padding:8px 15px;
}
	
	.columns .half ,
	.columns .third,
	.columns .two-thirds,
	.columns .quarter,
	.columns .three-quarters,
	.padded-columns .half ,
	.padded-columns .third,
	.padded-columns .two-thirds,
	.padded-columns .quarter,
	.padded-columns .three-quarters{
	    margin: auto;
	    width: 98%;
	    float:none;
	}

	div.aligncenter,
	.alignnone,
	.aligncenter,
	.alignright,
	.alignleft,
	.aligncenter,
	a img.alignright,
	a img.alignnone,
	a img.alignleft,
	a img.aligncenter,
	.wp-caption.alignnone,
	.wp-caption.alignleft,
	.wp-caption.alignright {
	    display: block;
	    margin: 5px auto;
	    float:none;
	}

}