/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
	.ftr-bottom .wpcf7 form .wpcf7-response-output {
		font-size: max(9px, 0.9vw);
		margin-top: 4px;
	}

}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
	:root {
		--fs-st: clamp(10.54rem, calc(0.00rem + 17.00vw), 17.00rem);
		--fs-50: clamp(2.19rem, calc(1.74rem + 2.24vw), 3.13rem);
		--fs-30: clamp(1.31rem, calc(1.04rem + 1.34vw), 1.88rem);
		--fs-24: clamp(1.05rem, calc(0.84rem + 1.07vw), 1.50rem);
		--fs-18: clamp(0.79rem, calc(0.63rem + 0.80vw), 1.13rem);
		--fs-16: clamp(0.70rem, calc(0.56rem + 0.72vw), 1.00rem);
		--fs-14: clamp(0.61rem, calc(0.43rem + 0.92vw), 1.00rem);
	}
	#pojo-a11y-toolbar {
		display:none;
	}
	.header, .header.fixed {
		position: relative;
		background: var(--fc-primary);
	}
	.header .main-nav_wrapper,
	.header.fixed .main-nav_wrapper {
			padding: 1em;
			margin-top: 52px;
	}
	.header .navigation,
	.side-nav_toggler,
	.fixed-smi.smi {
			display: none;
	}
	.header.fixed .main-nav_wrapper .textwidget,
	.header .textwidget {
			width: max(300px, 30%);
			margin: 0 auto;
			position: initial;
			transform: unset;
	}
	.main-nav_wrapper .textwidget .site-logo::before,
	.header.fixed .main-nav_wrapper .textwidget .site-logo::before {
			position: relative;
	}
	.main-nav_wrapper .textwidget .site-logo img,
	.header.fixed .main-nav_wrapper .textwidget .site-logo img {
			filter: none;
	}
	.hp-slider_tagline {
			width: 100%;
	}
	._bg  canvas {
		background-position: center;
	}
	.hp-welcome_bg::after {
		position: relative;
		display: none;
	}
	.hp-welcome .textwidget {
		flex-direction: column-reverse;
	}
	.hp-welcome .textwidget::before {
		left: 0;
	}
	.welcome-image {
		width: 80%;
		margin: 0 auto;
	}
	.welcome-logo {
		left: 70%;
		max-width: 40%;
		bottom: 75%;
	}
	.welcome-text {
		width: 100%;
		text-align: center;
	}
	.welcome-text .welcome-title h2 {
		text-align: center;
	}
	.award-info_list {
		flex-direction: column;
		align-items: center;
	}
	.award-info_item {
		margin-bottom: 5em;
	}
	.award-info_item:nth-child(1),
	.award-info_item:nth-child(3) {
		width: 50%;
		padding: 0 4%;
	}
	.award-info_item:nth-child(2) {
		width: 75%;
	}
	.award-info_item:nth-child(2)::before,
	.award-info_item:nth-child(2)::after {
		display: none;
		position: relative;
	}

	.fl-title {
		text-align: center;
	}
	.hp-fl .textwidget::after {
		z-index: -1;
	}
	.fl-slider_buttons .fl-slider_button {
		width: 50%;
		margin: 0 0.25em;
		font-size: var(--fs-30);
	}
	.hp-fn .textwidget::before {
		top: 0.75%;
	}
	.fn-list {
		flex-direction: column;
	}
	.fn-item:nth-child(2) {
		margin: 2em 0;
	}
	.fn-item .fn-item_info,
	.fn-item:hover .fn-item_info {
		top: 50%;
		transform: translateY(-50%);
		bottom: unset;
	}
	.fn-item::after,
	.fn-item:hover::after {
		top: 0;
		background: linear-gradient(to top, rgba(57, 69, 98, 0.55) 15%, rgba(57, 69, 98, 0.55));
	}
	.fn-item_info strong {
		font-size: var(--fs-50);
	}
	.fn-item_info p {
		font-size: var(--fs-18);
	}
	.social_wrapper {
		flex-direction: row;
		justify-content: center;
		padding-right: 0;
	}
	.social_container {
		flex-direction: column;
		width: 100%;
		height: 100%;
	}
	.social-text {
		width: 100%;
		margin: 1em 0;
	}
	.social-facebook .social-item:nth-child(3),
	.social-instagram .social-item:nth-child(2) {
		margin: 0.6em 0;
	}
	.social-facebook {
		margin-right: 0.6em;
	}
	.social-instagram {
		margin-top: 0;
		margin-left: 0.6em;
		flex-direction: column-reverse;
	}
	.social-item {
		width: 100%;
	}
	.hp-contact .textwidget {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.contact-form_container .contact-field:nth-child(2),
	.contact-form_container .contact-field:nth-child(3) {
			padding: 0;
			padding-top: 0.786em;
	}
	.ftr-logo .site-logo {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ftr-logo .textwidget::before, .ftr-logo .textwidget::after {
		width: 20%;
	}
	.ftr-disclaimer {
		padding: 0;
	}
	.ftr-bottom .textwidget {
		flex-direction: column;
	}
	.ftr-bottom .sign-up_container {
		flex-direction: column;
		text-align: center;
		width: 60%;
	}
	.ftr-bottom .sign-up_container .wpcf7 {
    	margin-left: 0;
    	margin: 1.786em 0;
	}
	.ftr-bottom .wpcf7 form .wpcf7-response-output {
		font-size: 12px;
		margin-top: 10px;
	}
	.home .site-title {
		display: flex;
		justify-content: center;
	}

	/* 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%;
	}
	body.ihf-details-template #listings-details .listings-slideshow-splide #splide01::after,
    body.ihf-details-template #listings-details .listings-slideshow.slick-slider::after  {
      display: none !important;
    }
	.ftr-realtors {
		margin-top: 35px;
	}






.main-nav_wrapper .textwidget .site-logo{
  margin: 0px auto;
}



.fn-item {
    width: 100%;
}



}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
		.hp-welcome .textwidget::after {
			display: none;
			position: relative;
		}
		.hp-awards .textwidget {
			width: 80%;
		}
		.award-info_item:nth-child(1),
		.award-info_item:nth-child(2),
		.award-info_item:nth-child(3) {
			padding: 0;
		}
		.fl-slider_buttons {
			z-index: 1;
			top: 95%; left: -5%; right: -5%;
		}
		.hp-fn .textwidget {
			width: 80%;
		}
		.hp-social .textwidget::before {
			top: 3.5%;
		}
		.ftr-bottom .textwidget {
			width: 90%;
			padding: max(32px, 4vw) 0;
		}
}

@media screen and (max-width: 567px) {
	:root {
		--primary-width: 75%;
		--secondary-width: 95%;
		--tertiary-width: 80%;

		--fs-50: clamp(2.34rem, calc(1.33rem + 5.06vw), 3.13rem);
		--fs-24: clamp(1.13rem, calc(0.64rem + 2.43vw), 1.50rem);
		--fs-18: clamp(0.84rem, calc(0.48rem + 1.82vw), 1.13rem);
		--fs-16: clamp(0.75rem, calc(0.43rem + 1.62vw), 1.00rem);
		--fs-14: clamp(0.66rem, calc(0.37rem + 1.42vw), 0.88rem);
	}
	.welcome-text {
		padding: 0 6.5%;
	}
	.hp-awards .textwidget {
		width: var(--tertiary-width);
	}
	.award-info_item:nth-child(1),
	.award-info_item:nth-child(2),
	.award-info_item:nth-child(3),
	.award-info_item {
		margin-bottom: max(2.5em, 7vw);
		width: 85%;
	}
	.hp-welcome_bg,
	.hp-fl_bg,
	.hp-fl .textwidget::after,
	.hp-sl .textwidget::before, .hp-fn_bg,
	.hp-fn .textwidget::before, .hp-testimonials_bg,
	.hp-testimonials .textwidget::before, .hp-testimonials .textwidget::after,
	.hp-social .textwidget::before, .hp-social_bg, .hp-social .textwidget::before,
	.hp-contact_bg::after {
		position: relative;
		display: none;
	}
	.fl-slider_slide-buttons {
		display: flex;
		justify-content: space-evenly;
		margin-bottom: 32px;
	}
	.fl-slider_slide-buttons .fl-slider_prev,
	.fl-slider_slide-buttons .fl-slider_next {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		border-color: var(--fc-primary);
		color: var(--fc-primary);
		background: var(--fc-secondary);
	}
	.fl-slider_buttons {
		flex-direction: column;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: initial;
	}
	.fl-slider_buttons .fl-slider_button {
		width: 100%;
		margin: 0;
		margin: 0.25em;
		border: 1px solid var(--fc-secondary-accent);
	}
	.hp-sl {
		padding: 6.75% 0 13.5%;
	}
	.sl-title {
		padding: 0;
		padding-bottom: 2em;
		position: relative;
		text-align: center;
		right: unset; left: unset;
	}
	.sl-title.invert-color h2 {
		color: var(--fc-primary);
	}

	.sl-title em {
		color: var(--fc-secondary-accent);
	}
	.sl-slider_button {
		padding: 0;
		display: flex;
		justify-content: space-between;
		top: 50%;
		transform: translateY(50%);
		bottom: unset;
		left: 0;
		right: 0;
		width: 100%;
	}
	.sl-slider_info {
		text-align: center;
	}
	.fn-item_info p {
		padding: 1em 0;
	}
	.fn-title h2 {
		font-size: calc(var(--fs-30) * 2.2);
	}
	.testimonials-slider_container {
		width: 80%;
	}
	.testimonials-slider_slide-buttons {
		display: flex;
		justify-content: space-evenly;
		margin-top: 24px;
		margin-bottom: 32px;
	}
	.testimonials-slider_prev, .testimonials-slider_next {
		display: block;
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		font-size: var(--fs-24);
	}
	.testimonials-title h2 {
		font-size: calc(var(--fs-24) * 2.6);
	}
	.social_wrapper {
		flex-direction: column;
	}
	.social-instagram, .social-facebook {
		margin: 0;
		margin-bottom: 2em;
	}
	.ftr-bottom .sign-up_container {
		width: 100%;
	}
	.ftr-realtors {
		font-size: var(--fs-50);
	}
	.ftr-bottom .sign-up_container .sign-up-submit .wpcf7-spinner {
		margin: 0;
		left: unset;
		right: 0;
		top: 100%;
	}
	#content .entry-title, #content .archive-title {
		font-size: calc(var(--fs-24) * 2.25);
	}
	.sl-slider_button .slick-arrow {
		position: relative;
		margin-left: 0.65em;
		margin-right: 0.65em;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
	.hp-slider_tagline h2 {
		font-size: var(--fs-50);
	}
	.hp-slider_tagline span {
		font-size: var(--fs-18);
	}
	.welcome-text .welcome-title h2 {
		font-size: calc(var(--fs-50) * 1.77);
	}
	.welcome-text .welcome-title span {
		font-size: calc(var(--fs-18) * 1.77);
	}
	.welcome-image {
		width: 90%;
	}
	.award-info_item:nth-child(1),
	.award-info_item:nth-child(2),
	.award-info_item:nth-child(3) {
		width: 95%;
	}
	.award-info_item h3 {
		font-size: calc(var(--fs-50) * 0.85);
	}
	.award-info_item span {
		font-size: var(--fs-16);
	}
	.fn-title h2 {
		font-size: calc(var(--fs-24) * 1.9);
	}
	.fn-item .fn-item_info {
		padding: 0 1em;
	}
	.fn-item_info strong {
		font-size: calc(var(--fs-24) + 4px);
	}
	.fn-item_info p {
		font-size: var(--fs-16);
	}
	.testimonials-title h2 {
		font-size: calc(var(--fs-24) * 2);
	}
	.hp-contact .textwidget {
		padding-bottom: max(42px, 10vw);
	}
	.ftr-navigation .footernav {
		flex-direction: column;
	}
	.ftr-smi.smi a {
		margin: 2.5em 2.25em 2em;
	}
}