/*
 Theme Name:     APF
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        2.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

@media only screen and (max-width: 1440px) {
	.scroll-down-rotated {
		bottom: 160px;
	}
}

/* END 1440px */

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

	#top-menu li {
		margin-right: 8px;
	}

}

/* END 1280px */

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

	.header-row,
	.header-row-full {
		margin-top: 0;
	}

	.full-width-code-header {
		padding-top: 0 !important;
	}

	.scroll-down-rotated {
		bottom: 130px;
	}

	.mobile-menu {
		display: inline-block;
		width: auto;
		float: right;
	}

	.mobile-menu button {
		margin: 1rem 0 1rem 0;
		background-color: transparent;
	}

	.button:focus,
	.button:hover {
		background-color: transparent;
	}

	#et-top-navigation {
		display: none !important;
	}

	.et_fixed_nav #main-header {
		position: sticky;
	}

	.logo_container {
		width: auto !important;
	}

	.et_pb_svg_logo #logo {
		max-width: 70%;
	}

	.position-right {
		background: #fafafa;
		box-shadow: none !important;
		width: 20%;
		-webkit-transform: translateX(85vw);
		-ms-transform: translateX(85vw);
		transform: translateX(85vw);
	}

	.js-off-canvas-overlay {
		background: rgba(56, 56, 56, 0.25);
	}

	.close-button {
		right: unset;
		left: 1rem;
	}

	.menu-primary-menu-container {
		margin-top: 60px;
	}

	.menu-item {
		width: 100%;
	}

	.sub-menu {
		display: none;
	}
}

/* END 1110px */

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

	.dropdown-menu {
		padding-left: 5px;
	}



}

/* END 1024px */

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

	.header-row,
	.header-row-full {
		margin-top: 0;
	}

	.properties-slider-arrow,
	.single-property-arrow {
		visibility: hidden;
	}

	.slick-current .property-name-bottom {
		display: block;
	}

	.member-bio-col-mob {
		display: block;
		margin-top: 30px;
	}

	.change-sliders {
		margin-bottom: 30px;
	}

	.corporate-slider-wrapper {
		position: relative;
		margin-top: 50px;
	}

	.milestones-slider-controls {
		position: relative;
		display: inline-flex;
		width: 100%;
		top: 190px;
	}

	.slick-prev-milestones.slick-arrow {
		position: absolute;
		left: 27px;
		background-color: #fefefe;
	}

	.slick-next-milestones.slick-arrow {
		position: absolute;
		right: 0;
	}

	a,
	a:hover {
		line-height: 1;
	}

	.milestones-slider-controls .slick-arrow {
		z-index: 9;
		background-color: #fefefe;
	}

	.milestone-description {
		padding-left: 15px;
		padding-right: 15px;
	}

	.single-result {
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.team-switch-col {
		justify-content: left;
	}

	.homepage-slider-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 25%;
	}

	.slide-name-bottom,
	.property-name-bottom,
	.property-availabilities,
	.investments-name-bottom {
		line-height: 1;
	}

	.col-md-10 {
		margin: 0 auto;
	}

	.margin-top-mobile-50 {
		margin-top: 50px;
	}

	.walking-distance-row {
		margin-left: 4%;
	}

	ul.ecosystem-green-buttons,
	.read-more-btn {
		width: 92%;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.scrolltop-anchor {
		margin-right: 0px;
	}

	/* #page-container {
		padding-top: 0px!important;
	} */

	.stakeholders-switch-section {
		background-position: left;
	}

	.position-right {
		background: #fafafa;
		box-shadow: none !important;
		width: 85vw;
		-webkit-transform: translateX(85vw);
		-ms-transform: translateX(85vw);
		transform: translateX(85vw);
	}

	.js-off-canvas-overlay {
		background: rgba(56, 56, 56, 0.25);
	}

	.close-button {
		right: unset;
		left: 1rem;
	}

	.menu-primary-menu-container {
		margin-top: 13vh;
	}

	.menu-item {
		width: 100%;
	}

	.sub-menu {
		display: none;
	}

	#offCanvasRightOverlap li {
		text-transform: uppercase;
		margin-bottom: 1vh;
	}

	.close-button:active,
	.close-button:focus,
	.menu-btn:active,
	.menu-btn:focus {
		box-shadow: none !important;
		outline: 0px !important;
	}

	.sf-field-post-meta-property_retail {
		width: 100%;
		margin-left: 0 !important;
		padding: 5px 0 0 20px !important;
		margin-top: 20px !important;
	}

	.property_retail label.sf-label-checkbox {
		margin-left: 1rem;
	}

	.sf-field-post-meta-property_retail ul {
		width: 100%;
	}

	.sf-field-post-meta-property_retail label.sf-label-checkbox {
		width: auto;
		padding-left: 0 !important;
		margin-left: 0;
	}

	.searchandfilter ul li {
		display: block;
		margin-left: 0 !important;
	}

	.sf-field-submit input {
		width: 100%
	}

	.searchandfilter label {
		width: 100%;
	}

	.sf-field-post-meta-property_location_location .sf-input-select,
	.sf-field-post-meta-property_type .sf-input-select {
		width: 100% !important;
	}

	.sf-field-reset {
		position: relative;
	}

	.sf-field-post-meta-property_type {
		margin-bottom: 20px;
		margin-top: 0 !important;
	}

	.sf-field-category {
		margin-left: 0px !important;
		margin-top: 30px !important;
	}

	.stakeholders-svg-col {
		order: 2;
		margin-top: 50px;
	}

	.no-margin-mobile {
		margin: 0
	}

	.padding-top-0 {
		padding-top: 0 !important;
	}

	.track-record-row .cta-btn {
		display: block;
	}

	li.tab-switcher {
		width: 100%;
		padding: 14px 20px 8px;
	}

	.contact-col {
		margin: 20px 0;
	}

	.entry-content .track-record-tabs {
		display: block;
		margin-left: 0px;
	}

	.hidden-tabs-section ul {
		width: 90%;
		margin-left: 5%;
	}

	p.location-distance span {
		display: block
	}

	.click-enlarge-back .enlarge {
		display: none;
	}

	.share-links {
		float: none;
	}

	body.properties-template-default article.properties {
		margin-top: 0;
	}

	th.column-address {
		width: auto
	}

}

/* END 980px */


@media only screen and (max-width: 768px) {
	#footer-bottom .custom-row-92 {
		margin-top: 10px;
	}

	.bottom-nav {
		text-align: left;
	}

	#et-footer-nav .container {
		padding-left: 0px;
		margin-top: 20px;
	}

	#footer-bottom p {
		position: relative;
		bottom: 0px;
	}

	.search-filter-reset {
		width: 100%;
		margin: 20px 0 0 0;

	}

	.sf-field-submit {
		margin-top: 20px !important;
		margin-right: 20px !important;

	}

	.sf-field-reset {
		z-index: 9 !important;
		margin-bottom: 20px !important;
	}

	.searchandfilter ul li {
		display: block;
	}

	.sf-field-post-meta-property_location_location .sf-input-select,
	.sf-field-post-meta-property_location_location,
	.dropdown-toggle,
	.sf-field-category,
	.sf-field-post-meta-property_type {
		width: 100%;
	}


	.dropdown-menu {
		width: 100%;
	}

	.property-name-bottom {
		font-size: 25px;
		padding-top: 5%;
		padding-bottom: 5%;
		height: auto;
	}

	.scroll-down-rotated {
		display: none;
	}

	.cta-btn {
		white-space: normal;
		padding: 14px 20px 8px;
	}

	li.tab-switcher {
		width: 100%;
	}

	#footer-bottom .small-link {
		bottom: inherit;
	}

	.column-floorplan,
	.column-share {
		text-align: left;
	}

	.switch {
		text-align: left;
	}

	/* Properties table transform to accordion */
	.availabilities-tabs-section {
		width: 92%;
		max-width: 92%;
		margin: 0 auto !important;
	}


	.slide-title-visual p {
		font-size: 18px;
		line-height: 1;
	}

	.value-slider-wrapper {
		position: relative;
	}

	.slick-prev.visual-value-arrow,
	.slick-next.visual-value-arrow {
		margin-top: 0;
		width: 10%;
	}

	.slick-next.visual-value-arrow {
		bottom: 0;
		top: auto;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}

	.slick-prev.visual-value-arrow {
		top: 0;
		bottom: auto;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}

	body.home .property-related-slider:before,
	body.home .property-related-slider:after {
		content: none;
	}

	.slide-name-bottom {
		font-size: 20px;
		text-transform: capitalize;
	}

	.visual-value-slide {
		padding-bottom: 0;
	}

	.visual-value-slide .slide-title-visual {
		position: absolute;
		top: 0;
		bottom: auto;
		background: rgba(254, 254, 254, 0.92);
		right: 0;
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
	}

	.slick-vertical .slick-slide {
		border: none;
	}

	.sf-field-reset {
		top: 10px;
	}

}

/* END 768px */

/* fix for font visibility issue on lower resolutions */

@media (-webkit-max-device-pixel-ratio: 1) {

	#top-menu a,
	.bottom-nav li a,
	.property-availabilities {
		font-weight: 500;
	}
}