/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/


@media only screen and (min-width: 1024px) {
	#content .community-tabs-sticky{
		max-height: max-content;
	}
	#content .community-tabs-sticky[style*="fixed"]{
		margin: 0 0 0 20px;
	}
	#content .community-tabs-sticky:before{
		content:'';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		right: -20px;
		background: #000;
		width: 1px;
		opacity: 0.3;
	}
	#content .community-tabs ul li:not(:last-child) {
	    margin-bottom: 18px;
	}
	#content .community-tabs ul li button{
		font-size: 13px;
		letter-spacing: 0.020em;
	}
}


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */

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



	/*==============================

	 General

	===============================*/

	body {

		font-size: 12px;

	}

	.fontSize-12,
	.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option,
	.careers .wpcf7-response-output,
	.git .wpcf7-response-output,
	.careers .wpcf7-not-valid-tip,
	.git .wpcf7-not-valid-tip {

		font-size: 8px;

	}

	.fp__bb {

		font-size: 7px;

	}

	.nav li a,
	.calculator__field label {

		font-size: 11px;

	}

	.careers .wpcf7-not-valid-tip,
	.git .wpcf7-not-valid-tip {

		max-width: 135px;

	}

	.team__item {

		padding: 0 6px;

	}

	.team__itemContact a.asis-mailto-obfuscated-email {

		font-size: 9px !important;

	}

	.fh .nav .sub-menu {

		padding: 3.8vw 0 0;

	}


	.banner2 {
		margin: 0 calc((100vw - 940px)/ -2);
	}
}



/* iPad(portrait) | Galaxy Tab 4(portrait)  */

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



	#agents-single .agents-contact li {

		font-size: 13px !important;

	}



	/*==============================

	 General

	===============================*/

	body {

		font-size: 14px;

	}

	.hidden-sp,
	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle,
	.footer:before,
	.footer:after,
	.nav,
	#nav {

		display: none !important;

	}

	.fontSize-12,
	.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option,
	.careers .wpcf7-response-output,
	.git .wpcf7-response-output,
	.careers .wpcf7-not-valid-tip,
	.git .wpcf7-not-valid-tip {

		font-size: 13px !important;

	}

	.careers .wpcf7-not-valid-tip,
	.git .wpcf7-not-valid-tip {

		max-width: 160px;

	}

	.hidden-pc {

		display: block;

	}

	.sp-column {

		flex-direction: column;

		align-items: center;

	}



	/*==============================

	 Custom Container

	===============================*/

	.custom-container {

		width: 100%;

		padding: 0 15px;

	}



	/*==============================

	 Global Title

	===============================*/

	.siteTranslate {

		width: 180px;

	}

	.siteTranslate select {

		font-size: 12px;

		padding: 8px 20px;

	}



	/*==============================

	 Global Title

	===============================*/

	.ttlWrap {

		text-align: center;

		margin: 0 0 45px !important;

	}

	.ttl {

		font-size: 22px !important;

		text-align: center;

	}

	.ttl span {

		font-size: 50px !important;

		margin: 20px 0 0;

	}

	#content .entry-title,
	#content .archive-title {

		font-size: 50px;

	}



	/*==============================

	 Global Site Button

	===============================*/

	.siteBtn {

		max-width: 202px;

		padding: 20px 10px;

		margin: 30px auto 0 !important;

	}

	.siteBtn02 {

		width: 120px;

		font-size: 12px;

		padding: 8px;

	}



	/*==============================

	 Global SMIS

	===============================*/

	.smis a {

		font-size: 20px;

	}



	/*==============================

	 Global Form Fields

	===============================*/

	.form__field select,
	.form__field input,
	.form__btn input,
	.form__field textarea {

		height: 46px;

		padding: 0 20px;

	}

	.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle {

		/*form appearance should be set here

	no height attribute. set the height by setting the padding*/

		height: 46px;

		padding: 0 20px;

	}

	.form__field textarea {

		height: 84px;

	}

	.form__btn {

		max-width: unset !important;

		padding: 0 !important;

	}

	.aidefcf-cl2 span {

		width: 100% !important;

	}

	.ai-contact-wrap span.wpcf7-not-valid-tip {

		width: 144px !important;

	}



	/*==============================

	 Header

	===============================*/

	.aios-mobile-header-wrapper {

		z-index: 1034 !important;

	}

	.header {

		position: relative;

		padding: 80px 0 30px !important;

		background: var(--font-color-default) !important;

		display: block !important;

	}

	.header__bot {

		margin: 0;

	}

	.header__logo {

		width: 100% !important;

	}

	.header__logo img {

		position: relative;

		width: 100%;

		max-width: 200px;

		display: block !important;

	}



	/*==============================

	 HP Slider

	===============================*/

	.hpSlider__smis {

		position: relative;

		display: flex;

		justify-content: center;

		padding: 0 0 40px;

		top: 0;

		left: 0;

		transform: none;

		background: #000;

	}

	.hpSlider__smis li {

		margin: 0 20px !important;

	}

	.hpSlider__smis a {

		width: 40px;

		height: 40px;

	}

	.hpSlider__btnsInner {

		width: 100%;

		max-width: 400px;

	}

	.hpSlider__btnsInner .siteBtn02 {

		width: 100%;

		font-size: 20px;

		padding: 20px;

		margin: 10px 0;

	}

	.hpSlider__btnsInner .siteBtn02:before {

		height: 5px;

		bottom: -3px;

	}

	.hpSlider__btns {

		position: relative;

		background: #000;

		padding: 50px 0;

	}



	/*==============================

	 Featured Properties

	===============================*/

	.fpWrap,
	.qsWrap,
	.welcome,
	.hpBlogsWrap {

		padding: 70px 0;

	}

	.fpWrap .ttlWrap {

		position: relative;

		width: 100%;

		top: 0;

	}

	.fp__item {

		width: 100%;

		max-width: 460px;

		margin: 0 !important;

	}

	.fp__details {

		font-size: 13px;

		padding: 0 30px;

	}

	.fp__address,
	.fp__price,
	.fp__bb {

		width: 100%;

		text-align: center;

	}

	.fp__address span,
	.fp__price {

		font-size: 22px;

	}

	.fp__address span .fp__bb {

		margin: 0 0 5px;

	}

	.fp__price {

		margin: 10px 0 0;

	}

	.fp__bb {

		justify-content: center;

	}

	.fp__bbItem {

		margin: 0 15px 0 0;

		padding: 0 0 0 20px;

	}

	.fp__bbItem:first-child {

		padding: 0 0 0 23px;

	}

	.fp__bbItem:first-child:before {

		width: 15px;

		height: 10px;

	}

	.fp__bbItem:nth-child(2):before {

		width: 10px;

		height: 12px;

	}

	.fp__bbItem:last-child:before {

		width: 10px;

		height: 10px;

	}

	.fp__btn {

		width: 107px;

		padding: 10px;

		margin: 10px auto;

	}

	.fp__link:hover .fp__detailsBot {

		margin: 15px 0 0;

	}



	/*==============================

	 Quick Search

	===============================*/

	.qs__inner,
	.mortgage__left {

		width: 100%;

		max-width: 400px;

		margin: auto;

	}

	.qsWrap .ttlWrap,
	.qs,
	.qs__left,
	.qs__right {

		width: 100%;

	}

	.qs__left {

		margin: 0;

	}

	.qs__right {

		padding: 0 5px;

	}

	.qs__field {

		width: 50%;

		order: 3;

	}

	.qs__field--long {

		width: 100%;

		order: 1;

	}

	.qs__city {

		order: 2;

	}

	.qs__field--long select {

		background: url(images/common/qs_arrow.png)no-repeat 95% center/ 5px 3px;

	}

	.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle {

		/*form appearance should be set here

	no height attribute. set the height by setting the padding*/

		background: url(images/common/qs_arrow.png)no-repeat 95% center/ 5px 3px;

	}

	.qs__right .siteBtn {

		margin: 10px 0 !important;

	}

	.qs__right a.siteBtn {

		height: 46px;

	}

	.qsWrap__txt {

		text-align: center;

	}



	/*==============================

	 Mortgage 

	===============================*/

	.mortgage__inner,
	.mortgage__right,
	.calculator__left,
	.calculator__field,
	.calculator__right {

		width: 100%;

	}

	.mortgage__left {

		padding: 80px 15px;

	}

	.calculator__field label {

		margin: 0 0 10px;

	}

	.calculator__field input,
	.calculator__field select,
	.calculator__right {

		font-size: 14px;

	}

	.calculator__row .calculator__field:last-of-type input {

		padding: 0 20px 0 30px;

	}

	.calculator__btns {

		margin: 40px 0 0;

	}

	.calculator__btns .form__btn {

		width: 182px;

		height: 62px;

	}

	.calculator__total {

		width: 220px;

		height: 220px;

		margin: 30px auto 0;

	}

	.calculator__totalAmount {

		font-size: 24px;

		margin: 10px 0 0;

	}

	.calculator__legend {

		width: 220px;

		margin: 30px auto 0;

	}

	.calculator__legend li:first-child {

		padding: 0 0 0 20px;

	}

	.calculator__legend li:first-child:before {

		width: 15px;

		height: 15px;

	}

	.addDollar:before,
	.addPercentage:before {

		font-size: 14px;

		bottom: 20px;



	}

	.addDollar:before {

		left: 7px;

	}

	.addPercentage:before {

		right: 7px;

	}

	.calculator__row .addDollar:before,
	.calculator__row .addPercentage:before {

		bottom: 10px;

	}

	.calculator__right {

		margin: 30px auto;

	}

	.careers {

		width: 100%;

		max-width: 400px;

		padding: 80px 15px;

	}

	.calculator__btns {

		justify-content: center;

	}



	/*==============================

	 Welcome

	===============================*/

	.welcome .ttl i {

		margin: 10px 0 0;

		text-align: center;

	}

	.welcome__img {

		width: 100%;

		max-width: 300px;

		margin: auto;

	}

	.welcome__right {

		width: 100%;

		margin: 50px 0 0;

	}

	.welcome__right p:not(:first-of-type) {

		margin: 30px 0 0;

	}

	.welcome__btn {

		margin: 35px 0 0;

	}



	/*==============================

	 HP Team

	===============================*/

	.teamWrap {

		padding: 80px 0;

	}

	.team__itemName {

		font-size: 22px;

		margin: 40px 0 0;

	}

	.team__itemContact {

		font-size: 17px;

		margin: 15px 0 0;

	}

	.team__itemContact .ai-mobile-phone {

		font-size: 22px;

	}

	.team__smis {

		margin: 20px 0 0;

		padding: 25px 0 0;

	}

	.team__smis li {

		margin: 0 20px;

	}

	.teamWrap__btn {

		max-width: 243px;

		margin: 50px auto 0 !important;

	}

	.team__itemContact a.asis-mailto-obfuscated-email {

		font-size: 11px !important;

	}



	/*==============================

	 Featured Communities

	===============================*/

	.fc__details {

		position: relative;

		padding: 50px 0;

	}

	.fc__detailsLeft,
	.fc__detailsCenter {

		width: 100%;

		text-align: center;

	}

	.fc__detailsLeft {

		font-size: 35px;

	}

	.fc__detailsCenter {

		margin: 20px 0 0;

	}

	.fc__ttl {

		font-size: 25px;

	}

	.fc__detailsCenter {

		font-size: 14px;

	}

	.fc__btn {

		max-width: 245px;

	}



	/*==============================

	 HP Testimonials

	===============================*/

	.hpTesti {

		padding: 30px 0 100px;

	}

	.hpTesti__left {

		width: 100%;

		max-width: 500px;

		margin: 0 auto 70px;

	}

	.hpTesti__right {

		width: 100%;

		text-align: center;

	}

	.testi__item p:first-child {

		font-size: 20px;

	}

	.testi__item p:not(:first-child) {

		margin: 15px 0 0;

	}

	.testi__itemName {

		font-size: 18px;

		margin: 40px 0 0;

	}

	.hpTesti__nav {

		position: relative;

		justify-content: center;

		margin: 30px 0 0;

	}

	.hpTesti__arrow {

		font-size: 30px;

	}

	.hpTesti__arrow {

		margin: 0 17px;

	}



	/*==============================

	 HP Blogs

	===============================*/

	.hpBlogs__ttl {

		font-size: 20px;

	}

	.hpBlogs__img,
	.hpBlogs__readMore {

		margin: 20px 0 0;

	}

	.hpBlogs__excerpt {

		font-size: 14px;

		margin: 30px 0 0;

	}



	/*==============================

	 Footer

	===============================*/

	.footer {

		padding: 80px 0;

		font-size: 14px;

	}

	.footer__topLeft,
	.footer__topRight {

		width: 100%;

	}

	.footer__logo {

		width: 100%;

		max-width: 205px;

		margin: auto;

	}

	.footer__topLeft hr {

		margin: 30px 0 !important;

	}

	.footer__info {

		justify-content: center;

	}

	.footer__info li {

		width: 100%;

	}

	.footer__info li,
	.footer__info a,
	.footer__info em {

		justify-content: center;

	}

	.footer__info li i {

		font-size: 20px;

		width: 33px;

	}

	.footer__info .ai-envelope-f {

		font-size: 14px;

	}

	.footer__translate {

		margin: 30px auto 0;

	}

	.footer__smis {

		margin: 30px 0;

	}

	.footer__smis li {

		margin: 0 20px;

	}

	.footer__btns .siteBtn02:first-child {

		margin: 0 8px 0 0;

		width: 100%;

	}

	.footer__bot,
	.footer__disclaimer {

		margin: 40px 0 0;

		text-align: center;

	}

	.footer__bot {

		justify-content: center;

	}

	.footer__botIcons {
		margin: 20px 0 0
	}

	.footer__botIcons i {

		font-size: 30px;

	}

	.footer__topRight {

		padding: 50px 50px 70px;

		margin: 50px 0 0;

	}

	.git .ttl span {

		font-size: 25px;

	}

	.git__btn:before {

		width: 40px;

		height: 40px;

		font-size: 30px;

	}

	.git__btn {

		bottom: 20px;

		right: 15px;

	}

	.git__btn input {

		width: 40px;

		height: 40px;

	}

	.footer__accent {

		width: 100%;

		height: 100%;

		bottom: 0;

	}





	/* The following are used on inner pages. Please edit carefully. */

	.inner {

		width: 100%;

	}

	#content-sidebar,
	#content-full {

		width: 100%;

	}

	.outer {

		width: 100%;

		min-width: 100%;

	}

	#content-sidebar #content {

		width: 100%;

	}

	.footer__logo.ft-logo {

		display: block;

	}



	.welc-btn-wrap {

		margin: 45px 0 0;

		flex-direction: column-reverse;

	}



	.welc-btn-wrap ul.footer__smis.smis {

		margin: 0 auto 0;

		justify-content: center;

	}

	#agents-results .agents-img,

	#agents-single .agents-img {

		max-width: 320px;

		margin: 0 auto;

	}

	#agents-results .agents-contact li {

		font-size: 11px !important;

	}

	.ttl span.smaller {

		text-align: center;

		padding-right: 0;

		font-size: 12px !important;

	}



	.buy-ser .siteBtn02 {

		padding: 13px 8px;

		max-width: 300px;

		width: 100%;

	}



	.buy-sell-title.ttl {

		font-size: 20px !important
	}



	.buy-sell-title.ttl span {

		font-size: 35px !important;

	}

	.buy-sell-intro {

		font-size: 14px;

	}

	.buy-sell-field input {

		font-size: 10px;

	}

	.buy-sell-submit .siteBtn02 {

		font-size: 10px;

		padding: 10px 20px;

	}

	.banner2 {
		margin: 0 calc((100vw - 720px)/ -2);
	}
}



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

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

	/*==============================

	 CTA

	===============================*/

	.ctaWrap {

		padding: 30px 15px;

	}

	.cta__item {

		width: 100%;

		max-width: 400px;

		margin: 10px auto;

	}

	.cta__txt {

		font-size: 20px;

	}





	.ip-banner .container {

		width: 100%;

	}



	.buy-sell-field.short {

		width: 100%;

	}

	.banner2 {
		margin: 0 -15px;
	}
}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

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



	.careers .wpcf7-response-output,
	.git .wpcf7-response-output {

		font-size: 11px !important;

	}



	/*==============================

	 Global Title

	===============================*/

	.ttl {

		font-size: 18px !important;

		text-align: center;

	}

	.ttl span {

		font-size: 35px !important;

		margin: 20px 0 0;

	}

	#content .entry-title,
	#content .archive-title {

		font-size: 26px !important;

	}



	/*==============================

	 Featured Properties

	===============================*/

	.fp__details {

		padding: 0 10px;

	}



	/*==============================

	 Featured Properties

	===============================*/

	.footer__topRight {

		padding: 50px 30px 70px;

	}

	.git__inner .cf7__field {

		width: 100%;

	}







}