/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media screen and (min-width:1601px) {
	.footer .footer-bg .non_parallax_footer-bg-1 {
		width: 100%;
	}

	.footer .footer-bg .non_parallax_footer-bg-1 canvas {
		width: 100%;
	}

	.footer .footer-bg .non_parallax_footer-bg-2 {
		height: 100%;
	}

	.contact-section .contact-card {
		left: calc(330px + (340 - 330) * ((100vw - 1600px) / (1920 - 1600)));

	}

	/* LEARNING */
	.learning-collage div:nth-child(3) {
		top: calc(360px + (400 - 360) * ((100vw - 1601px) / (1980 - 1601)));
	}

	.learning-collage div:nth-child(3)::before {
		left: calc(-71px + (-82 - -71) * ((100vw - 1601px) / (1980 - 1601)));
		top: calc(145px + (170 - 145) * ((100vw - 1601px) / (1980 - 1601)));
	}

	/* communities */
	#hp-communities-wrap .accent-shape-bl {
		right: calc(180px + (340 - 180) * ((100vw - 1600px) / (1920 - 1600)));
	}

	.community-header {
		right: calc(250px + (395 - 250) * ((100vw - 1601px) / (1920 - 1601)));
	}

	.item:hover .community-centered-text {
		font-size: 25px !important;
	}

	.hp-quick-search-wrap .accent-shape-br {
		bottom: calc(-96px + (-156 - -96) * ((100vw - 1600px) / (1920 - 1600)));
	}

}


@media only screen and (max-width: 1599px) and (min-width: 1440px) {
	#hp-communities-wrap .accent-shape-bl {
		right: calc(110px + (180 - 110) * ((100vw - 1440px) / (1600 - 1440)));
	}
}



@media screen and (min-width:1200px) {
	.item .text {
		white-space: nowrap;
	}


}

@media screen and (min-width:992px) {


	.quick-search-section .container {
		width: 100% !important;
	}

	/* .social-icons a {
		text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.7);
	} */
	.nav-active-section-hp-slideshow-wrap.social-icons a,
	.nav-active-section-hp-welcome-wrap.social-icons a {
		color: #ffffff;
		text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.7);
	}

	.hp-coaching-wrap .slick-slide {
		/* width: calc(300px + (380 - 300) * ((100vw - 992px) / (1600 - 992))) !important; */
		margin-right: 20px;
	}


	.instagram-post.slick-initialized.slick-slider {
		width: calc(751px + (1251 - 751) * ((100vw - 992px) / (1600 - 992)));
	}

	.properties-section .slick-slider {
		margin-right: calc(-600px + (-800 - -600) * ((100vw - 992px) / (1600 - 992))) !important;
	}

	/* COMMUNITIES */

	#item-2:hover .community-centered-text {
		font-size: calc(18px + (20 - 18) * ((100vw - 992px) / (1600 - 992))) !important;
	}

	#item-7:hover .community-centered-text {
		font-size: calc(15px + (25 - 15) * ((100vw - 992px) / (1600 - 992)));
	}

	#item-8:hover .community-centered-text {
		font-size: calc(15.4px + (25 - 15.4) * ((100vw - 992px) / (1600 - 992)));
	}

	#item-1:hover .community-centered-text {
		font-size: calc(16px + (25 - 16) * ((100vw - 992px) / (1600 - 992))) !important;
	}

	.footer-disclaimer p {
		width: calc(460px + (640 - 460) * ((100vw - 992px) / (1600 - 992)));
		margin: auto;
	}


	.copyright {
		width: calc(460px + (580 - 460) * ((100vw - 992px) / (1600 - 992)));
		margin-left: auto;
		margin-right: auto;
	}

	#item-6 {
		margin-left: 0px;
		margin-right: 4px !important;
		margin: 4px 0;
	}


}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {

	/* Quick Search */
	.hp-quick-search-wrap .non_parallax_bg {
		height: 250px;
	}

	.text.military .large {
		margin-top: unset;
	}

	.hp-coaching-wrap .slick-slider {
		margin-right: calc(-221px + (-330 - -221) * ((100vw - 992px) / (1199 - 992))) !important;
	}


}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {

	#pojo-a11y-toolbar {
		display: none;
	}

	/* 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%;
	}

	/********************* POPUP **************/
	.popup-inner {
		width: calc(275px + (555 - 275) * ((100vw - 320px) / (991 - 320)));
		height: 405px;
		top: calc(200px + (300 - 200) * ((100vw - 320px) / (991 - 320)));
	}

	.section-title-lg h1 {
		font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (991 - 320)));
		white-space: nowrap;
	}

	.section-title-lg h2 {
		font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (991 - 320)));
		white-space: nowrap;
	}

	.section-title-lg h2::after {
		content: "";
		height: calc(2.5px + (3 - 2.5) * ((100vw - 320px) / (991 - 320)));
		width: calc(25px + (50 - 25) * ((100vw - 320px) / (991 - 320)));
		right: calc(-30px + (-75 - -30) * ((100vw - 320px) / (991 - 320)));
	}

	.popup-text input {
		font-size: calc(10px + (15 - 10) * ((100vw - 320px) / (991 - 320)));
		padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (991 - 320)));
	}

	.popup-close {
		right: calc(-25px + (-30 - -25) * ((100vw - 320px) / (991 - 320)));
		font-size: calc(18px + (21 - 18) * ((100vw - 320px) / (991 - 320)));
	}

	/******************** HEADER ***********************/

	.social-icons {
		position: relative;
		top: inherit;
		left: 0;
		-webkit-transform: none;
		transform: none;
		padding-top: 10px;
		padding-bottom: 10px;
		display: flex;
		justify-content: center;
		z-index: 10 !important;
		margin-bottom: 10px;
		width: unset;
	}

	.social-icons a {
		display: inline-flex;
		width: calc(30px + (38 - 30) * ((100vw - 300px) / (992 - 300)));
		height: calc(30px + (38 - 30) * ((100vw - 300px) / (992 - 300)));
		font-size: calc(24px + (38 - 24) * ((100vw - 300px) / (992 - 300)));
		margin-left: 2.9vw;
		margin-top: 0.9vw;
		margin-right: 2.9vw;
	}

	.nav-active-section-hp-slideshow-wrap.social-icons a,
	.nav-active-section-hp-welcome-wrap.social-icons a {
		color: #a27066;
		text-shadow: unset !important;
	}

	.m-header-logo {
		display: block;
		/* padding: calc(12px + (40 - 12) * ((100vw - 320px) / (991 - 320))) 0; */
		text-align: center;
		margin-top: 52px;
		position: relative;
		padding-top: 20px;
	}

	body:not(.home) .m-header-logo {
		padding-bottom: 20px;
	}

	.m-header-logo a img {
		max-width: calc(150px + (250 - 150) * ((100vw - 320px) / (991 - 320)));
		height: calc(100px + (150 - 100) * ((100vw - 320px) / (991 - 320)));
	}

	.default-header {
		position: relative;
		width: 100%;
		z-index: 1;
		background: white;
		padding: 12px;
		box-shadow: 0 4px 2px -5px gray;
		margin-top: 52px;
		height: unset;
	}

	.header-logo a img {
		width: calc(100px + (110 - 100) * ((100vw - 320px) / (992 - 320)));
		height: calc(80px + (100 - 80) * ((100vw - 320px) / (992 - 320)));
		/* display: block; */
		position: absolute;
		transform: translate(-50%, 0);
		left: unset;
	}

	.header-logo {
		display: flex;
		justify-content: center;
	}

	/******************* SLIDESHOW ********************/

	.tagline-holder .slide-agent img {
		bottom: 0;
		width: calc(93px + (313 - 93) * ((100vw - 320px) / (991 - 320)));
		height: calc(129px + (429 - 129) * ((100vw - 320px) / (991 - 320)));
	}

	.tagline-holder .slide-logo img {
		width: calc(110px + (340 - 110) * ((100vw - 320px) / (991 - 320)));
		bottom: calc(50px + (155 - 50) * ((100vw - 320px) / (991 - 320)));
		right: calc(60px + (190 - 60) * ((100vw - 320px) / (991 - 320)));
		top: unset;
		left: unset;
		height: calc(75px + (230 - 75) * ((100vw - 320px) / (991 - 320)));
	}


	/**************** QUICK SEARCH ******************/


	.accent-border::after {
		width: 120px;
		height: 120px;
	}

	.hp-quick-search-wrap .accent-shape-tl {
		right: calc(-6px + (18 - -6) * ((100vw - 992px) / (1600 - 992)));
		top: calc(-45px + (-60 - -45) * ((100vw - 992px) / (1600 - 992)));
	}

	.hp-quick-search-wrap p {
		margin-bottom: calc(5px + (18 - 5) * ((100vw - 320px) / (991 - 320)));
		margin-top: calc(5px + (13 - 5) * ((100vw - 320px) / (991 - 320)));
	}

	.quick-search-title-content {
		margin-top: 20px;
	}

	.qs-rectangle {
		display: none !important;
	}

	.hp-quick-search-wrap .non_parallax_bg {
		height: 100%;
	}

	.quick-search-title-content {
		display: flex;
		justify-content: center;
		padding-left: calc(50% + calc(-148px + (-435 - -148) * ((100vw - 320px) / (991 - 320))));

	}

	.hp-quick-search-wrap .accent-shape-br {
		left: calc(20px + (42 - 20) * ((100vw - 320px) / (991 - 320)));
		bottom: -60px;
	}

	.qs-header {
		margin-bottom: 5px;
		margin-top: calc(9px + (15 - 9) * ((100vw - 320px) / (991 - 320)));
	}

	.qs-header-text h2::after {
		top: calc(5px + (8 - 5) * ((100vw - 320px) / (991 - 320)));
		right: calc(15px + (21 - 15) * ((100vw - 320px) / (991 - 320)));
	}

	.qs-header-text h2 {
		font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (991 - 320)));
	}

	.quick-search-form-content {
		width: 100%;
	}

	.qs-form-row {
		width: 80%;
		margin: auto;
	}

	.qs-form-row label {
		width: 100%;
	}

	/* Create four equal columns */
	.qs-property-field {
		flex: 100%;
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-city-field {
		flex: 100%;
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-beds-field {
		flex: 50%;
		padding: 2.5px 0px 2.5px 10px;
	}

	.qs-baths-field {
		flex: 50%;
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-min-price-field {
		flex: 50%;
		padding: 2.5px 0px 2.5px 10px;
	}

	.qs-max-price-field {
		flex: 50%;
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-search-btn {
		flex: 50%;
		padding: 2.5px 0px 2.5px 10px;
	}

	.qs-advanced-btn {
		flex: 50%;
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-form-row .property_type_field {
		width: 100% !important;
	}

	.qs-form-row .city_field {
		width: 100%;
	}

	.search-form .bootstrap-select.btn-group .dropdown-toggle {
		width: 100%;
	}

	.qs-form-row .beds_field {
		width: 100%;
	}

	.qs-form-row .baths_field {
		width: 100%;
	}

	.qs-form-row .minprice_field {
		width: 100%;
	}

	.qs-form-row .maxprice_field {
		width: 100%;
	}

	.qs-form-row .search-submit {
		width: 100%;
	}

	.qs-form-row .advanced-btn {
		width: 100%;
	}

	/* PROPERTIES */
	.properties-image img {
		width: 100%;
		height: 100%;
	}

	.properties-header {
		width: calc(295px + (395 - 295) * ((100vw - 320px) / (991 - 320)));
		height: calc(150px + (170 - 150) * ((100vw - 320px) / (991 - 320)));
		left: calc(15px + (300 - 15) * ((100vw - 320px) / (991 - 320)));
		/* top: calc(120px + (420 - 120) * ((100vw - 320px) / (991 - 320))); */
		bottom: calc(210px + (135 - 210) * ((100vw - 320px) / (991 - 320)));
	}


	.properties-title h1 {
		font-size: calc(35px + (50 - 35) * ((100vw - 320px) / (991 - 320)));
	}

	.properties-title span {
		font-size: calc(23px + (25 - 23) * ((100vw - 320px) / (991 - 320)));
	}

	.fp-price {
		font-size: calc(26px + (36 - 26) * ((100vw - 320px) / (991 - 320)));
		margin: unset;
	}

	.fp-btn {
		/* right: calc(5px + (100 - 5) * ((100vw - 320px) / (991 - 320))); */
		width: calc(314px + (961 - 314) * ((100vw - 320px) / (991 - 320)));
		left: calc(5px + (15 - 5) * ((100vw - 320px) / (991 - 320)));
	}

	.view-btn a:hover::after {
		/* transform: scaleX(1); */
	}

	.view-btn a {
		font-size: 14px;
	}

	.fp-price h3::after {
		height: 55px;
		margin-left: 8px;
	}

	.properties-detail {
		margin-left: calc(140px + (173 - 140) * ((100vw - 768px) / (991 - 768)));
	}

	.fp-address h3:nth-child(1) {
		font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (991 - 320)));
	}

	.fp-address h3:nth-child(2) {
		font-size: calc(11px + (15 - 11) * ((100vw - 320px) / (991 - 320)));
	}

	.hp-properties-wrap {
		margin: 100px 0;
	}

	#hp-properties-wrap .accent-shape-bl {
		bottom: unset;
		right: 25px;
		top: calc(200px + (460 - 200) * ((100vw - 480px) / (991 - 480)));
	}

	/* .properties-title-header{
		position: unset;
	} */

	/* COMMUNITIES */
	.community-title span {
		font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (991 - 320)));
	}

	#item-2 img {
		height: 163px;
	}

	#item-2 .community-centered-text {
		font-size: 15px;
	}

	#item-2:hover .community-centered-text {
		font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (991 - 320)));
	}

	.community-body #item-0,
	.community-body #item-8,
	.community-body #item-4,
	.community-body #item-9 {
		/* background: rgb(0, 0, 0); */
	}

	.community-body .community-mobile-photo-2 {
		display: block;
		height: calc(295px + (626 - 295) * ((100vw - 481px) / (991 - 481)));
		opacity: 0.8;
	}

	.community-body .community-desktop-photo-1,
	.community-body .community-desktop-photo-9,
	.community-body .community-desktop-photo-10,
	.community-body .community-desktop-photo-5 {
		display: none;
	}

	.community-body .community-mobile-photo-9 {
		opacity: 0.8;
		display: block;
		height: calc(180px + (350 - 180) * ((100vw - 481px) / (991 - 481)))
	}

	.community-body .community-mobile-photo-5 {
		opacity: 0.8;
		display: block;
	}

	.community-body .community-mobile-photo-10 {
		opacity: 0.8;
		display: block;
	}





	.item:hover .community-centered-text {
		font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (991 - 320)));
	}

	.item .text {
		font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (991 - 320)));
		white-space: inherit;
	}

	.community-title h1 {
		font-size: calc(40px + (60 - 40) * ((100vw - 320px) / (991 - 320)));
	}

	.community-title {
		line-height: 2rem;
	}

	.community-container.container {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.community-body {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'centre1 centre1' 'left right' 'centre2 centre2';
	}

	.community-body .col1 {
		margin-bottom: unset;
	}

	.community-body .col1>div {
		width: 77%;
	}

	.community-header {
		position: unset;
		right: unset;
		top: unset;
		display: flex;
		justify-content: center;
		margin-bottom: 100px;
	}

	#hp-communities-wrap .accent-shape-bl {
		position: absolute;
		right: 0;
		bottom: calc(-150px + (-185 - -150) * ((100vw - 320px) / (991 - 320)));
		left: 0;
		margin-left: auto;
		margin-right: auto;
		width: 160px;
	}

	#hp-communities-wrap {
		margin: calc(100px + (200 - 100) * ((100vw - 320px) / (991 - 320))) 0;
	}

	.community-btn {
		display: flex;
		justify-content: center;
		position: absolute;
		transform: translate(10%, 250%);
		left: 0;
		z-index: 99;
	}

	.accent-shape-bl .accent-border {
		width: 160px;
	}

	#item-5 {
		width: 100%;
	}

	#item-9 {
		width: 100%;
	}

	.communities-bg .community-bot-bg {
		display: none;
	}

	.community-top-bg canvas {
		width: 120%;
		height: 600px;
	}

	/*********** WELCOME SECTION **************/
	.hp-welcome-section {
		margin: calc(150px + (100 - 150) * ((100vw - 320px) / (991 - 320))) 0;
		margin-bottom: calc(10px + (200 - 10) * ((100vw - 320px) / (991 - 320)));
	}

	.text.military .large {
		margin-top: 27px !important;
	}

	/* .welcome-bg .non_parallax_bg-2 canvas{
		height: 600px;
	} */

	.hp-welcome-section .accent-shape-bl {
		bottom: -65px;
	}

	#hp-welcome-wrap .accent-shape-tr {
		top: calc(-50px + (-50 - -50) * ((100vw - 320px) / (991 - 320)));
		left: calc(90px + (70 - 90) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-bg {
		position: unset;
	}

	.welcome-bg .non_parallax_bg-1 {
		position: absolute;
		width: 100%;
		z-index: -1;
		background: rgb(0, 0, 0);
		height: 100%;
	}

	.welcome-bg .non_parallax_bg-1 canvas {
		background-position-x: center;
	}

	.welcome-bg .non_parallax_bg-2 canvas {
		width: 100%;
	}

	.welcome-agent img {
		max-width: calc(250px + (350 - 250) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-bg .non_parallax_bg-2 {
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 0;
		background: var(--linear);
		bottom: calc(-150px + (-253 - -150) * ((100vw - 320px) / (991 - 320)));
		height: 30%;
	}

	.welcome-section .welcome-agent {
		position: relative;
		text-align: center;
	}

	.welcome-section .welcome-content {
		left: unset;
		flex-direction: column;
		align-items: center;
		margin-top: calc(20px + (-70 - 20) * ((100vw - 320px) / (991 - 320)));
	}

	.hp-welcome-section {
		padding-bottom: unset;
	}

	.welcome-body .welcome-title h1 {
		font-size: calc(45px + (60 - 45) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-content .welcome-body {
		width: calc(250px + (464 - 250) * ((100vw - 320px) / (991 - 320)));
		left: unset;
	}

	.welcome-body .welcome-body-text p {
		line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (991 - 320)));
		font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-body-text .welcome-signature h2 {
		font-size: calc(27.7px + (37.7 - 27.7) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-content .card {
		/* height: calc(375px + (675 - 375) * ((100vw - 320px) / (991 - 320))); */
		width: calc(250px + (475 - 250) * ((100vw - 320px) / (991 - 320)));
		left: unset;
		bottom: unset;
		margin-top: 54px;
	}

	.welcome-content .header {
		font-size: calc(30.6px + (60.6 - 30.6) * ((100vw - 320px) / (991 - 320)));
		margin-top: calc(24px + (54 - 24) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-content .number {
		padding-bottom: 20px;
	}

	.welcome-content .text {
		margin-left: calc(14px + (20 - 14) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-content .number {
		font-size: calc(50px + (89.94 - 50) * ((100vw - 320px) / (991 - 320)));
	}

	.welcome-content .text .large {
		font-size: calc(18px + (36.1 - 18) * ((100vw - 320px) / (991 - 320)));
		margin-top: unset;
	}

	.welcome-content .text .small {
		font-size: calc(10px + (15 - 10) * ((100vw - 320px) / (991 - 320)));
	}

	.card .header h1::before {
		width: calc(30px + (47 - 30) * ((100vw - 320px) / (991 - 320)));
	}

	/* COACHING SECTION */
	.coaching-header .coaching-header-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: unset;
	}

	#hp-coaching-wrap .coaching-text {}

	.coaching-text p {
		max-width: 580px;
	}

	.coaching-btn {
		top: unset;
		bottom: 20px;
	}

	.coaching-card:hover .coaching-card-btn {
		margin-top: calc(20px + (45 - 20) * ((100vw - 320px) / (991 - 320)));
	}

	.coaching-top-bg canvas {
		height: calc(400px + (500 - 400) * ((100vw - 320px) / (991 - 320)));
	}

	.coaching-top-bg {
		top: 23px;
	}


	/* TESTIMONIALS SECTION */
	.testimonial-body .testimonial-card {
		display: flex !important;
		justify-content: center;
		margin: 100px 0 !important;
	}

	.testimonial-statement p {
		max-width: 350px;
	}

	.testimonial-title {
		margin-top: calc(24px + (54 - 24) * ((100vw - 320px) / (991 - 320)));
	}

	.testimonial-title h2 {
		font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (991 - 320)));
	}

	.testimonial-title h1 {
		font-size: calc(35px + (60 - 35) * ((100vw - 320px) / (991 - 320)));
	}

	.testimonial-card-body {
		width: calc(230px + (445 - 230) * ((100vw - 320px) / (991 - 320)));
		height: calc(245px + (300 - 245) * ((100vw - 320px) / (991 - 320)));
		font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (991 - 320)));
		left: unset;
	}

	.testimonial-body .slick-center .testimonial-card .testimonial-card-body .testimonial-quote {
		/* font-size: calc(300px + (360 - 300) * ((100vw - 320px) / (991 - 320))); */
		top: calc(225px + (267 - 225) * ((100vw - 320px) / (991 - 320)));
	}

	.testimonial-body .slick-center .testimonial-card .testimonial-card-body .testimonial-quote img {
		width: calc(67px + (97 - 67) * ((100vw - 992px) / (1600 - 992)));
		height: calc(55.5px + (75.5 - 55.5) * ((100vw - 992px) / (1600 - 992)));
	}

	.testimonial-rating {
		margin-top: calc(25px + (50 - 25) * ((100vw - 320px) / (991 - 320)));
		;
	}

	.testimonial-btn a {
		margin: 0 calc(20px + (190 - 20) * ((100vw - 320px) / (991 - 320)));
		letter-spacing: 0.5px;
	}

	.hp-testimonials-wrap {
		margin-bottom: 75px;
		height: auto;
		padding-bottom: 100px;
	}

	.testimonial-btn a:hover::before {
		transform: scaleX(5.3);
		transform-origin: bottom left;
	}


	/* COACHING SECTION */
	.hp-coaching-wrap .slick-slider {
		margin-right: unset !important;
		margin: 100px 0;

	}

	.hp-coaching-wrap {
		margin: 100px 0;
	}

	.hp-coaching-wrap .slick-slide {
		width: unset;
		display: flex !important;
		justify-content: center;
	}

	.coaching-card:hover::before {
		width: calc(280px + (360 - 280) * ((100vw - 320px) / (991 - 320))) !important;
	}

	.coaching-body .coaching-card {
		width: calc(280px + (360 - 280) * ((100vw - 320px) / (991 - 320))) !important;
		height: calc(340px + (425 - 340) * ((100vw - 320px) / (991 - 320)));
	}

	.coaching-card .coaching-img img {
		width: calc(280px + (360 - 280) * ((100vw - 320px) / (991 - 320))) !important;
		height: calc(230px + (250 - 230) * ((100vw - 320px) / (991 - 320)));
	}

	.coaching-card-text p {
		font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (991 - 320)));
	}


	.coaching-section .accent-shape-br {
		left: 170px;
		bottom: -85px;
	}

	/* LEARNING SECTION */
	.hp-learning-wrap {
		margin-bottom: 120px;
		height: auto;
	}

	.learning-content.container {
		width: unset;
	}

	.learning-content {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.learning-img.learning-col1 {
		width: 100%;
	}
	.learning-img.learning-col1 img {
		max-width: 80%;
		margin: 0 auto;
	}

	.learning-text p {
		max-width: calc(320px + (515 - 320) * ((100vw - 320px) / (991 - 320)));
		font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (991 - 320)));
	}

	.learning-col2 {
		width: unset;
		/* top: 128px; */
		margin-left: auto;
		margin-right: auto;
		/*margin-top: calc(500px + (800 - 500) * ((100vw - 320px) / (991 - 320)));*/
		margin-top: 100px;
	}

	.learning-title h2 {
		font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (991 - 320)));
	}

	.learning-title h1 {
		font-size: calc(45px + (60 - 45) * ((100vw - 320px) / (991 - 320)));
	}

	.learning-btn a::after {
		left: 0;
	}

	.learning-collage div:nth-child(1) {
		left: 0;
		right: 250px;
		margin-left: auto;
		margin-right: auto;
		width: calc(165px + (385 - 165) * ((100vw - 320px) / (991 - 320)));
		height: calc(125px + (275 - 125) * ((100vw - 320px) / (991 - 320)));
	}

	.learning-collage div:nth-child(1) img {
		width: 100%;
		height: 100%;
	}

	.learning-collage div:nth-child(2) {
		right: 0;
		left: 218px;
		margin-left: auto;
		margin-right: auto;
		width: calc(176px + (366 - 176) * ((100vw - 320px) / (991 - 320)));
		height: calc(254px + (444 - 254) * ((100vw - 320px) / (991 - 320)));
	}

	.learning-collage div:nth-child(2) img {
		width: 100%;
		height: 100%;
	}

	.learning-collage div:nth-child(3) {
		right: calc(0px + (85 - 0) * ((100vw - 768px) / (991 - 768)));
		top: calc(340px + (360 - 340) * ((100vw - 768px) / (991 - 768)));
		width: calc(233px + (316 - 233) * ((100vw - 320px) / (991 - 320)));
		bottom: unset;


	}

	.learning-collage div:nth-child(3) img {
		width: 100%;
		/* height: 100%; */
	}

	.learning-collage div:nth-child(4) {
		left: calc(152px + (219 - 152) * ((100vw - 768px) / (991 - 768)));
		right: 0;
		/* margin-left: auto; */
		margin-right: auto;
		top: calc(210px + (254 - 210) * ((100vw - 768px) / (991 - 768)));
		width: calc(136px + (266 - 136) * ((100vw - 320px) / (991 - 320)));
		bottom: unset;
	}

	.learning-collage div:nth-child(4)::before {
		left: -55px;
		width: 39px;
		top: 35px;
	}

	.learning-collage div:nth-child(3)::before {
		/* left: calc(-70px + (-62 - -70) * ((100vw - 768px) / (991 - 768))); */
		top: calc(100px + (150 - 100) * ((100vw - 768px) / (991 - 768)));
		left: -70px;
		width: 77px;
	}

	.learning-collage div:nth-child(4) img {
		width: 100%;
		height: 100%;
	}

	#hp-learning-wrap .accent-shape-tr {
		left: calc(100px + (70 - 100) * ((100vw - 320px) / (991 - 320)));
	}

	.learning-body {
		margin-left: unset;
	}

	/* SOCIAL SECTION */
	.social-body img {
		width: 250px !important;
		height: 252px !important;
	}

	.social-content .social-body {}

	.social-body .instagram-acct {
		width: 250px;
		height: 252px;

	}

	.instagram-post.slick-initialized.slick-slider {
		width: 250px;
	}

	.social-body .instagram-acct h3 {
		font-size: 16px;
	}

	.social-header .social-title h2 {
		font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (991 - 320)));
	}

	.social-header .social-title h1 {
		font-size: calc(40px + (60 - 40) * ((100vw - 320px) / (991 - 320)));
	}

	/* FOOTER */
	.footer {
		/* height: 1595px; */
		height: auto;
	}

	.contact-section .contact-card {
		width: calc(300px + (470 - 300) * ((100vw - 320px) / (991 - 320)));
		height: calc(480px + (567 - 480) * ((100vw - 320px) / (991 - 320)));
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: calc(100px + (50 - 100) * ((100vw - 320px) / (991 - 320)));

	}

	.contact-header {
		margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (991 - 320)));
	}

	.contact-header h2 {
		font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (991 - 320)));
	}

	.contact-header h1 {
		font-size: calc(35px + (60 - 35) * ((100vw - 320px) / (991 - 320)));
	}

	.submit-btn .ai-font-paper-airplane-alt {
		font-size: calc(28px + (38 - 28) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-bg {
		position: unset;
	}

	.footer .footer-bg .non_parallax_footer-bg-1 {
		z-index: 0;
		bottom: 0;
	}

	.footer .footer-bg .non_parallax_footer-bg-1 canvas {}

	.footer .footer-bg .non_parallax_footer-bg-2 {
		width: 100%;
		z-index: -1;
		top: 0;
		height: 100%
	}

	.footer .footer-bg .non_parallax_footer-bg-2 canvas {
		background-position-x: -200px !important;
		background-size: unset;
		background-position: unset;
	}

	.footer-content {
		position: relative;
		/* bottom: 0; */
		/* transform: translate(50%, -20%); */
		left: 0;
		right: 0;
		margin: auto;
		/* bottom: calc(90px + (161 - 90) * ((100vw - 320px) / (991 - 320))); */
		padding-top: calc(260px + (235 - 260) * ((100vw - 767px) / (991 - 767)));
	}

	.footer-right-side {
		/* max-width: calc(320px + (580 - 320) * ((100vw - 320px) / (991 - 320))); */
		max-width: unset;
		margin-right: unset;
		margin-top: unset;
		/* bottom: calc(35px + (131 - 35) * ((100vw - 320px) / (991 - 320))); */
		bottom: 30px;
	}

	.footer-main-logo img {
		width: calc(195px + (295 - 195) * ((100vw - 320px) / (991 - 320)));
		height: calc(118px + (120 - 88) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-logo img:nth-child(2) {
		max-width: calc(160px + (190 - 160) * ((100vw - 320px) / (991 - 320)));
		height: calc(35px + (40 - 35) * ((100vw - 320px) / (991 - 320)));
	}

	.footernav {
		font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-menu .menu-item {
		margin-left: calc(5px + (15 - 5) * ((100vw - 320px) / (991 - 320)));
		margin-right: calc(5px + (15 - 5) * ((100vw - 320px) / (991 - 320)));
	}

	.copyright-text {
		font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-disclaimer p {
		line-height: 1.7;
	}

	.copyright {
		line-height: 1.7;
		margin-right: 50px;
		margin-left: 50px;
		font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-disclaimer p {
		margin-left: calc(20px + (100 - 20) * ((100vw - 320px) / (991 - 320)));
		margin-right: calc(20px + (100 - 20) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-mobile h3 {
		font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-email h3 {
		font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-mobile a {
		font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-email a {
		font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (991 - 320)));

	}

	.contact-card .accent-shape-br {
		bottom: calc(5px + (30 - 5) * ((100vw - 320px) / (991 - 320)));
	}

	.contact-form .wpcf7 form .wpcf7-response-output {
		bottom: calc(60px + (65 - 60) * ((100vw - 320px) / (991 - 320)));
		left: calc(31px + (40 - 31) * ((100vw - 320px) / (991 - 320)));
		right: calc(31px + (40 - 31) * ((100vw - 320px) / (991 - 320)));
		font-size: 12px;
	}

	.footer .wpcf7-not-valid-tip {
		/* width: 18em !important; */
		right: calc(-120px + (-180 - -130) * ((100vw - 320px) / (991 - 320)));
	}

	.popup-inner .wpcf7-not-valid-tip {
		/* width: auto !important; */
		white-space: nowrap;

	}

	.contact-header h2::after {
		margin-top: calc(7.5px + (10 - 7.5) * ((100vw - 320px) / (991 - 320)));
	}


}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
	.ip-banner .container {
		width: 100%;
	}

	/* QUICK SEARCH */
	.quick-search-title-content {
		margin-top: 10px;
	}


	.qs-form-row {
		width: 85%;
		margin: auto;
		flex-direction: column;
	}

	.qs-beds-field {
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-min-price-field {
		padding: 2.5px 10px 2.5px 10px;
	}

	.qs-search-btn {
		padding: 2.5px 10px 2.5px 10px;
	}

	/* PROPERTIES */
	.fp-btn {
		right: unset;
		left: unset;
	}

	.properties-header {
		bottom: 270px;
	}

	.properties-detail {
		display: flex;
		justify-content: center;
		padding: 20px 0;
		margin-left: unset;
		flex-direction: column;
		align-items: center;
	}

	.fp-price h3::after {
		display: none;
	}

	.fp-address {
		margin: 20px 0;
	}

	.view-btn {
		justify-content: center;
		margin-left: unset;
		flex-direction: unset;
	}

	.properties-info {
		display: flex;
		flex-direction: column;
	}

	#hp-properties-wrap .accent-shape-bl {
		right: calc(10px + (25 - 10) * ((100vw - 480px) / (767 - 480)));
	}

	/* COACHING */

	.coaching-section .accent-shape-br {
		left: calc(60px + (170 - 60) * ((100vw - 480px) / (767 - 480)));
	}

	/* LEARNING */
	.learning-collage div:nth-child(1) {}

	.learning-collage div:nth-child(2) {
		left: calc(95px + (218 - 95) * ((100vw - 480px) / (767 - 480)));
	}

	.learning-collage div:nth-child(3) {
		right: calc(-40px + (10 - -40) * ((100vw - 480px) / (767 - 480)));
		top: calc(290px + (320 - 290) * ((100vw - 480px) / (767 - 480)));

	}

	.learning-collage div:nth-child(4) {
		left: calc(55px + (142 - 55) * ((100vw - 480px) / (767 - 480)));
		top: calc(140px + (210 - 140) * ((100vw - 480px) / (767 - 480)));
	}

	.learning-collage div:nth-child(3)::before {
		bottom: calc(90px + (65 - 90) * ((100vw - 480px) / (767 - 480)));
		left: calc(-12px + (-70 - -12) * ((100vw - 480px) / (767 - 480)));
		width: calc(17px + (77 - 17) * ((100vw - 480px) / (767 - 480)));
		top: unset;
	}


	/* SOCIAL SECTION */
	.social-content .social-body {
		flex-direction: column;
		align-items: center;
	}


	#item-4:hover .community-centered-text {
		font-size: calc(15px + (22 - 15) * ((100vw - 481px) / (767 - 481)));
	}

	.footer-content {
		/* margin-top: calc(240px + (260 - 240) * ((100vw - 480px) / (767 - 480))); */
	}

	.footer-right-side {
		/* bottom: calc(130px + (140 - 130) * ((100vw - 480px) / (767 - 480))); */
	}

	.contact-section textarea {
		padding-right: 40px;
	}
	.popup-radio .wpcf7-form-control {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.popup-radio .wpcf7-list-item {
		padding: 0 0 15px;
	}

}

@media only screen and (max-width: 600px) {
	.popup-text {
		width: 100% !important;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {





	/* COMMUNITY */
	.community-body {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'centre1 centre1' 'left right' 'centre2 centre2';
	}

	.community-body .col1>a {
		width: 100%;
	}

	.community-body .col2.row1,
	.col2.row2 {
		grid-template-columns: 1fr 1fr;
	}

	.community-body .col2.row1>a:nth-child(3) {
		grid-column: span 2;
	}

	.community-body .col2.row2>a:nth-child(3) {
		grid-column: span 2;
		grid-row: 1;
		margin: 2px 0;
	}

	.community-body .community-mobile-photo-9 {
		height: calc(420px + (620 - 420) * ((100vw - 320px) / (480 - 320)));
	}

	.community-body #item-8 .community-centered-text {
		white-space: nowrap;
	}


	/* PROPERTIES */
	#hp-properties-wrap .accent-shape-bl {
		display: none;
	}

	.properties-header {
		bottom: calc(190px + (270 - 190) * ((100vw - 320px) / (480 - 320)));
	}

	/* LEARNING */
	.learning-collage div:nth-child(4) {
		top: 145px;
		left: calc(20px + (40 - 20) * ((100vw - 320px) / (480 - 320)));
	}

	.learning-collage div:nth-child(4)::before {
		top: calc(-15px + (29 - -15) * ((100vw - 320px) / (480 - 320)));
		left: calc(-20px + (-40 - -20) * ((100vw - 320px) / (480 - 320)));
		width: calc(19px + (35 - 19) * ((100vw - 320px) / (480 - 320)));
	}

	.learning-collage div:nth-child(3)::before {
		left: calc(19px + (-27 - 19) * ((100vw - 320px) / (480 - 320)));
		width: calc(0px + (35 - 0) * ((100vw - 320px) / (480 - 320)));
	}


	.testimonial-btn a {
		letter-spacing: 0.5px;
	}

	/* COACHING */
	.coaching-card:hover .card-header {
		margin-top: 60px !important;
	}



	/* FOOTER */

	.footer-main-logo img {
		margin-bottom: 1vw;
	}

	.footer-content {}

	.footer-logo {
		flex-direction: column;
		align-items: center;
	}

	.footer-logo img:nth-child(2) {
		max-width: calc(160px + (190 - 160) * ((100vw - 320px) / (991 - 320)));
		height: calc(35px + (40 - 35) * ((100vw - 320px) / (991 - 320)));
	}

	.footer-menu .menu-item {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footernav {
		flex-direction: column;
	}

	.footer .footer-bg .non_parallax_footer-bg-1 canvas {
		height: 100%;
	}

	.footer .footer-bg .non_parallax_footer-bg-1 {
		height: 63%;
	}

	.footer-right-side {
		/* bottom: calc(200px + (215 - 200) * ((100vw - 320px) / (480 - 320))); */
		bottom: 70px;
	}



	.footer-btn {
		bottom: unset;
		right: 20px;
	}

	.popup .wpcf7-response-output {
		bottom: -5px !important;
	}


	.footer-main-logo {
		margin-top: 30px
	}



}

@media only screen and (max-width: 370px) {
	.footer-right-side {
		max-width: calc(320px + (370 - 320) * ((100vw - 320px) / (350 - 320)));
	}

	.hp-welcome-section .accent-shape-bl {
		right: -23px;
		bottom: -53px;
	}

	.hp-quick-search-wrap p {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
}