/* RESPONSIVE BREAKPOINTS */

@media (max-width: 1013px) {
	#content.agents { padding: 30px }
}

@media (max-width: 975px) {
	.slide-text p.bottom { bottom: 20% }
}

@media (max-width: 950px) {
	#content.agents .email { clear: both; float: none; margin-left: 0; padding: 0 0 6px 0 }
	#content.agents .email .dot2 { display: none }
	#content.agent-listing { padding: 30px }
	#content.agent-listing .img { width:27% }
	#content.agent-listing .agent-desc { width: 69% }
}

@media (max-width: 900px) {
	#content.contact { padding: 30px 60px }
}

@media (max-width: 840px) {
    /* tablets and desktop */
    .index-about  { order: 2; flex: 1 1 48%; border-right: 1px solid #ffffff; padding 20px }
	.featured-slideshow { order: 3; flex: 1 1 48%; border-right: 0; padding: 0 20px }
	.property-search { order: 1; flex: 1 1 48%; border-right: 1px solid #ffffff; padding: 20px }
	.index-weather { order: 4; flex: 1 1 48%; padding: 20px }
}

@media (max-width: 815px) {
	#content.agents .buttons { width: 20% }
	#content.agents .desc { width: 56% }
}

@media (max-width: 768px) {
	#content.links, #content.projects { padding: 30px 60px }
	.iframe-container, #youtube { padding-bottom: 100% }
}

@media (max-width: 767px) {
	#content.agent-listing .img { float: none; width: 100% }
	#content.agent-listing .agent-desc { width: 100% }
}

@media (max-width: 750px) {
	#content.contact { padding: 20px }
	.project.first-ave .features { padding: 0 }
}

@media(max-width: 660px){
	#header { display: flex; flex-wrap: nowrap; flex-direction: column }
	#phone  { order: 1; flex: 0 1 auto; width: 100% }
	#logo { order: 2; flex: 0 1 auto; margin: 10px auto }
	#search-container { order: 3; margin: 10px auto; align-self: center }
	#banner { position: relative }
	.site-header { height: auto }
	.contact .agent { width: 47% }
	.contact .agent:nth-child(2n+1) { clear: both }
	#content.agents .buttons { clear: both; float: none; margin-top: 0; width: 100%; margin-left: 30% }
	#content.agents .button { float: none }
	#content.agents .img { width: 30% }
	#content.agents .desc { width: 70% }
}

@media only screen and (max-width: 580px) {
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .accordion-list { float: none; width: 100%; padding-top: 10px; clear: both }
	#content.about, #content.links, #content.projects, #content.project, #content.agents { padding: 20px }
	#content.links .two_fifth h2 { padding-top: 20px }
	.slide-text p.bottom { bottom: 30% }
	.slide-text p { line-height: 95%; font-size: 48px }
}

@media (max-width: 540px) {
    .index-about  { order: 2; flex: 1 1 100%; border-right: 0 }
	.featured-slideshow { order: 3; flex: 1 1 100%; border-right: 0; padding: 0 20px }
	.property-search { order: 1; flex: 1 1 100%; border-right: 0; padding: 20px }
	.index-weather { order: 4; flex: 1 1 100%; padding: 20px }
}

/* recaptcha */

@media (max-width: 500px) {

	.recaptchatable #recaptcha_image { margin: 0 !important; width: 200px !important; float: left }
	.recaptchatable .recaptcha_r1_c1, 
	.recaptchatable .recaptcha_r3_c1, 
	.recaptchatable .recaptcha_r3_c2, 
	.recaptchatable .recaptcha_r7_c1, 
	.recaptchatable .recaptcha_r8_c1, 
	.recaptchatable .recaptcha_r3_c3, 
	.recaptchatable .recaptcha_r2_c1,
	.recaptchatable .recaptcha_r2_c2,
	.recaptchatable .recaptcha_r4_c1, 
	.recaptchatable .recaptcha_r4_c2, 
	.recaptchatable .recaptcha_r4_c4, 
	.recaptchatable .recaptcha_image_cell { background: none !important }

	.contact .agent { width: 97%; float: none }
	#content.agents .buttons { margin-left: 0 }
	#content.agents .img { width: 100% }
	#content.agents .desc { width: 100% }
}

@media (max-width: 450px) {
	#content.projects #project-list ul { margin-left: 20px; font-size: 18px; line-height: 32px }
	.slide-text p { font-size: 36px }
}

@media (max-width: 420px) {
	#content.projects #project-list ul { margin-left: 20px; font-size: 18px; line-height: 32px }
	#content.agents h2, #content.agent-listing h2 { float: none }
	#content.agents h3, #content.agent-listing h3 { margin-left: 0; padding-top: 0 }
}


