/*Responsive CSS Overrides*/

@media screen and (max-width: 1590px){
	#navTopContainer ul {
		font-size: 16px;
	}
}

@media screen and (max-width: 1515px){
	#navTopContainer{
		max-width:100%
	}
}

@media screen and (max-width: 1430px){
	#header .contact-block{
		margin-top:15px;
	}
	
	#navTopContainer{
		text-align: center;
		float: none;
		clear: both;
		padding-top: 30px;
	}
}

@media screen and (max-width: 1090px){
	#header .logo{
		max-width:325px;
	}

	#header .contact-block{
		margin:auto;
		max-width:435px;
	}

	#header .contact-block .contact-info .phone{
		font-size:32px;
	}

	#header .contact-block .contact-info .email::before{
		left:0;
	}

	.testimonials-block .slider-container{
		padding: 20px 130px;
	}
}

@media screen and (max-width: 945px) {
	#navTopContainer li{
		line-height:40px;
	}

	#navTopContainer ul ul{
		top:36px;
	}
	
}

@media screen and (max-width: 905px){	
	.meet-diane::after{
		width:940px;
	}

	.meet-diane{
		padding: 25px 0 40px;
	}

	.meet-diane .content-block{
		width:55%;
	}

	.meet-diane .content-block .diane-heading{
		font-size:40px;
		line-height:40px;
		margin: 0 auto 20px;
	}

	.meet-diane .content-block .diane-content{
		font-size:16px;
		line-height:28px;
	}

	.meet-diane .content-block .btn{
		margin-top: 28px;
	}

	#footer,
	#footer .right{
		text-align:center;
	}

	#footer .third,
	#footer .two-thirds{
		width:100%;
		float:none;
		margin:0 auto 15px;
	}
}

@media screen and (max-width: 890px){
	#navTopContainer ul {
		font-size: 14px;
	}
}

@media screen and (max-width: 850px){
	.home #header{
		padding:10px 0;
	}
	
	#header .header-container{
		overflow:auto;
	}
	
	#header .logo{
		display:inline-block;
		vertical-align: middle;
	}
	
	#header .mobile-phone{
		display:inline-block;
		vertical-align: middle;
		margin:10px 0 0 50px;
	}

	#header .mobile-phone a::before{
		content:"";
		width:100%;
		height:100%;
		background:transparent url('../images/layout/mobile-phone.png') no-repeat scroll center center;
		background-size:contain;
		position:absolute;
		left:0;
		top:0;
	}

	#header .mobile-phone a{
		display:block;
		width:50px;
		height:50px;
		position:relative;
		z-index:10;
	}

	#header .contact-block{
		display:none;
	}

	#navTopContainer{
		display:none;
	}

	.hero-image-block .hero-caption{
		text-align:center;
		top:28%;
		left:0;
		max-width:95%;
		margin:0 2.5%;
	}

	.hero-image-block .hero-caption .btn{
		margin:35px auto 0;
	}

	.testimonials-block{
		padding:40px 0;
	}

	.testimonials-block .slider-container::before,
	.testimonials-block .slider-container::after{
		background-size:contain;
		width:35px;
	}

	.testimonials-block .slider-container{
		padding:10px 40px 20px;
		font-size:22px;
		line-height:40px;
	}
}

@media screen and (max-width: 782px) {

	.admin-bar .sticky-header,
	.admin-bar #responsive-menu-container{
		top: 46px;
	}
  
}

@media screen and (max-width: 700px){
	.meet-diane{
		padding:25px 0 255px;
	}
	
	.meet-diane::after{
		height:350px;
	}
	
	.meet-diane .content-block{
		width:100%;
		padding:0 5px;
	}

	.form-block{
		padding:40px 0;
	}

	.form-block .form-heading{
		font-size:30px;
		margin-bottom:32px;
	}

	.form-block .frm_style_homepage-form.with_frm_style label.frm_primary_label{
		font-size:18px;
	}

	.form-block .frm_style_homepage-form.with_frm_style input[type="text"],
	.form-block .frm_style_homepage-form.with_frm_style input[type="tel"],
	.form-block .frm_style_homepage-form.with_frm_style input[type="email"]	{
		height:40px;
	}

	.form-block .frm_style_homepage-form.with_frm_style .frm_submit button{
		font-size:19px;
	}
}

@media screen and (max-width: 600px){
	.meet-diane .content-block{
		text-align:center;
	}
	
	.meet-diane::after{
		height:245px;
	}

	.meet-diane .content-block .diane-heading::after{
		left:50%;
		margin-left:-82.5px;
	}

	.meet-diane .content-block .btn{
		margin:28px auto 0;
	}
}

@media screen and (max-width: 570px){
	#header .logo{
		max-width:250px;
	}

	#header .mobile-phone{
		margin:0 0 0 12px;
	}
}

@media screen and (max-width: 505px){
	.hero-image-block .hero-caption{
		font-size:30px;
	}
}

@media screen and (max-width: 500px) {
	
	
	.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,
	.padded-columns .half:last-child,
	.padded-columns .third:last-child,
	.padded-columns .two-thirds:last-child,
	.padded-columns .quarter:last-child,
	.padded-columns .three-quarters:last-child{
	    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;
	    text-align:center;
	}

}

@media screen and (max-width: 430px){
	#header .logo{
		max-width:225px;
	}
}

@media screen and (max-width: 380px){
	#footer .realty-logos img{
		margin:auto;
	}
}