/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:1200px) {
.mobilenav{display:none !important;}
}

@media only screen and (max-width: 1200px) {
.desktopnav{
display:none !important;
}
.mobilenav{display:block;}
.heroh {width: 62% !important;}
#contact .left, #contact .right{width:100%;}
#buy .left, #buy .right{width:100%;}
#buy img{width:100%;}
.agent .left{width:100%;}
.agent .right{width:100%;}
.agent img{width:100%;}
.sellpage{margin-bottom:0px !important;}
.sellpage .left{width:100% !important;}
.sellpage .right{width:100% !important;margin-top:20px !important;}
.sellpage .content{padding:10px;}
.sellpage p {padding-left: 0px !important;}

#blogpost .left{width:100%;}
#blogpost .right{width:100%;}
#blogpost .right article{width:100%;padding:10px;}
.wpl-carousel-item img{max-height:250px !important;}
}

@media only screen and (max-width:1024px) {
.heroh{height: 38px;}
.heroh h1 {
    font-size: 26px;
    padding-top: 14px;
    margin-right: -2px;
}
.left_single{float: left;width: 100%;}
.left_single .wpl-columns{width:100% !important;}
.right_single {float: left;width: 100%;}
.right_single .wpl-large-4 {float: left;width: 300px;}
.right_single .wpl-large-4 .title_text{text-align:left !important;width:176px;display:inline;}
div#split_section {width: 500px;display: inline-flex; justify-content: left;}
.wpl-medium-7{width:100% !important;}


}

@media only screen and (max-width: 920px) {
	.nav li, .nav li a {
		font-size: 12px;
	}	
	.hometxt {
		padding: 50px 100px;
	}
	.agentcard {
		width: 50%;
	}	
	ul#left_half{width:100%;}
	ul#right_half{width:100%;}
	.hoodcard {
		width: 50%;
	}
	#bigcaption{margin-top:0px;}
	#bigcaption a.btn-control{width: 202px;padding: 40px 0px 100px;}
	#buy .left #content{padding: 0px 30px;}
}

@media only screen and (max-width: 700px) {
	.footer .left, .footer .right {
		width: 100%;
	}
	.footer .left {
		padding-bottom: 30px;
	}
	footer .wrapper{width: 470px !important;}
	#sort_options {
		height: auto !important;
		display: block;
	}
	.wpl_search_from_box_top{display:flex;flex-wrap: wrap;}
	#wpl_default_search_5{width:100% !important;}
	.wpl_search_from_box_top div{flex-grow:1;width:50% !important;padding: 0px 4px;}
	.wpl_search_field_container select{width:100%;}
	.wpl_search_field_container span select{width:48%;display:inline-block;}
	#wpl5_search_field_container_6 #sf5_min_price_sale {margin-right: 8px !important;}
	#contact.sell .gform_footer input[type=submit] {top: -33px;}
	#contact.popup {
		background-color: #fff;
		max-width: 100%;
		width: 800px;
		height: 100vh;
		overflow-y: scroll;
		margin: 0 auto;
		/* margin-top: 60px; */
	}	
	#contact.popup form{padding: 0px 10px !important;}
	#contact p {
		padding: 10px 15px !important;
	}	
	#buy{display:block !important;}
	#blogpost .right {
		width: 100% !important;
		margin-top: 0px !important;
	}
	.relocate .right{padding: 63px 0px 10px !important;}
	.relocate #contact h2 {
    font-weight: 900;
    font-size: 38px;
    padding-left: 0px;
	}
	#buy.relocate #contact input#gform_submit_button_2 {
		margin: 0 auto;
		margin-top: 10px !important;
		float: none;
		background-color: #093c71;
	}	
	
}

@media only screen and (max-width: 600px) {
.heroh {width: 92% !important;}

#homesearch{
	margin:0 auto;
	width:350px;
}
#homesearch{
  top: 50%;
  height: 60px;
  margin-top: -50px;
}
#homesearch #searchbar input{	
	width:290px;
	height:42px;
	font-size:14px;
}
#homesearch #searchbar input.wpl_search_widget_submit{
	width:54px !important;
}
.hometxt{padding:50px 35px !important;}
#homesearch #searchbar button.wpl_search_widget_submit.desktop {
    width: 44px !important;
    height: 42px;
    overflow: hidden;
	display:none;
}
#homesearch #searchbar button.search_button.mobile {
    display: inline-block;
    width: 54px !important;
    height: 43px !important;
    padding: 0px;
    margin: 0px;
}
#homesearch #searchbar button.search_button.mobile i.fas.fa-search {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 20px;
    font-size: 20px;
}
.wpl_search_widget_submit .fas.fa-search{float:left;}
#homesearch #searchbar input {
    width: 240px !important;
}
#homesearch  #searchbar form#wpl_search_form_4 {
    margin: 0px auto !important;
}
/*.wpl-column{max-height:480px;}*/
.wpl_property_listing_container .pagination li {margin: 9px 0px !important;}
#searchnav {margin-top: 0px !important;display: flex;}
.agentcard {
    width: 100%;
}
#contact form{padding:0px 50px;}
.hoodcard {width: 100%;}
.wpl-expanded .expanding{flex-wrap:wrap;}
.wpl-expanded .expanding .col{width:50% !important;}
.buttons_single div{width:45% !important;}
#status_bar{flex-wrap:wrap;}
}

@media only screen and (max-width: 470px) {
	footer .wrapper{width: 100% !important;}
	#contact form {padding: 0px 20px;}
	#wpl5_search_field_container_6 #sf5_min_price_sale {margin-right: 14px !important;}
	#searchnav {flex-direction:column;float:left !important;}
	#searchnav div{margin:5px auto;}
	.fa-search{margin: 0 auto;display: block;width: 30px;}
	.wpl-expanded .expanding{flex-wrap:wrap;}
	.wpl-expanded .expanding .col{width:100% !important;}
	.buttons_single div{width:100% !important;}
	.left_single .tour, .left_single .vtour, .left_single .add, .left_single .offer{width:94% !important;}
	.tour, .vtour, .add, .offer {
		padding: 14px 8px !important;
	}	
	.wpl_prp_show_container .title_text{font-size:40px !important;}
	.right_single .title_text{font-size:45px !important;padding:20px 0px;}
	.right_single .wpl-large-4{width:100% !important;}
	.right_single .title_text {
		font-size: 45px !important;
		padding: 10px 0px;
		margin: 0 auto;
		display: block !important;
	}
	div#split_section {
		width: 100% !important;
		justify-content: center;
	}
	.heroh h1 {
		font-size: 20px !important;
		padding-top: 19px !important;
		margin-right: -2px !important;
	}
	textarea,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	select
	{
	-webkit-appearance: none;
	border-radius: 0;
	}	
	.wpl_search_field_container span select {
		width: 100%;
		display: inline-block;
	}	
	#sf5_min_price_sale	{margin-bottom:10px;}

	div#login_button_box{
		width:100% !important;
	}
	#reg_button, #login_button{width:94% !important;}	
	
	#contact.popup .gf_left_half, #contact.popup .gf_right_half {
		float: left !important;
		width: 100%;
	}	
	#pophidden.pop.poptour #contact.popup .gf_left_half, #pophidden.pop.poptour #contact.popup .gf_right_half {
		float: left !important;
		width: 100%;
	}
	.poptour h2{padding-left:10px !important;}
	
}