@media screen and (max-width: 1250px) {
	.footer-top > div > div:last-child {
		flex-wrap: wrap;
	}	
	.footer-top > div > div:last-child > div {
		width: 50%;
		margin-bottom: 25px;
	}
	.footer-btm {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.footer-btm > div {
		width: 100%;
	}
	.footer-btm > div {
		margin-bottom: 10px;
		flex-wrap: wrap;
	}
	.footer-btm > div p {
		width: 100%;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 1200px) {
   .main-nav {
	  height: 100% !important; 
   }
	.open .main-nav {
		box-shadow: 3px 0px 10px 3px #000000;
	}
	.open .contact-bar {
		z-index: 50;
	}
	.nav-menu li:hover .nav-menu li > a {
		color: #000000 !important;  
	}
	#nav-btn, 
	#nav-close-btn{
		font-size: 30px;
	}
	#nav-btn {
		display: block;
		margin: 0 30px;
		transform: translateY(calc(50% - 15px)); 
		-webkit-transform: translateY(calc(50% - 15px)); 
		position: absolute;
		align-self: center;
		right: 25px;
		color: #275085;
	}
	#inner #nav-btn {
		color: #275085;
	}
	#nav-close-btn {
		position: absolute;
		top: 35px;
		right: 35px;
		display: block !important;
		z-index: 5;
		color: #FFF;
		height: 25px;
	}
	.main-nav{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 0;
		margin: 0;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		color: #fff;
		background-color: #275085;
		overflow: hidden;
		overflow-y: auto;
		z-index: 300;
		padding: 0;
	}
	.main-nav .navBtn {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		border-top: none;
		border-right: none;
		border-radius: 0px;
	}
	.open .main-nav{
		width: 550px;
	}
	.main-nav nav{
		position: relative;
		min-width: 550px;
		padding: 100px 60px 40px 40px;
		text-align: left;
	}
	.nav-menu{
		display: block;
		margin: 0;
		padding: 0;
		text-align: inherit;
	}
	.nav-menu > li {
		display: block;
		margin: 0;
		padding: 0;
	}
	.nav-menu > li:not(:last-child) {
		margin-right: 0;
	} 
	.main-nav, 
	.main-nav nav, 
	.nav-menu,
	.nav-menu > li {
		height: auto;
	}
	.nav-menu > li > a{
		display: block;
		padding: 17px 40px 12px 15px;
		border-left: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		text-transform: uppercase;
		font-size: 24px;
		color: inherit;
		text-align: left;
		white-space: pre-wrap;
	}
	.nav-menu > li > a:hover {
		color:#62C3E1;  
	}
	.main-nav .btn {
		display: block;
		padding: 17px 40px 12px 15px;
		border-left: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		text-transform: uppercase;
		font-size: 18px;
		color: inherit;
		text-align: left;
		white-space: pre-wrap;
		background-color: transparent!important;
		border-radius: 0px;
		top: 0px;
	}
	.nav-menu > li:last-child {
		margin-left: 0;
	}
	.sub-menu:before {
		content: none;
	}
	.sub-ctrl{
		position: absolute;
		top: 2px;
		right: 0;
		width: 30px;
		height: 60px;
		text-align: center;
		cursor: pointer;
		z-index: 1;
		display: flex;
		align-items: center;
	}
	.sub-ctrl:after{
		content: '';
		width: 9px;
		height: 9px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		transform-origin: center;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sub-ctrl.show:after{
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.sub-menu {
		position: static;
		display: none;
		min-width: 100%;
		width: 100%;
		margin: 0;
		border: 0;
		padding: 18px 25px 10px;
		text-align: inherit;
		-webkit-transform: none;
		transform: none;
		transition: none;
		box-shadow: none;
		background-color: transparent;
		font-weight: normal;
		opacity: 1;
		visibility: visible;
	}
	.sub-menu li:not(:last-child) a {
		border-bottom: none;
	}
	.sub-menu li a:before {
		content: none;
	}
	.sub-menu li:not(:last-child) {
		margin-bottom: 10px;
	}
	.sub-menu li a {
		font-family: inherit;
		text-transform: none;
		font-size: 20px;
		color: #fff !important;
		padding: 7px 0;
		margin: 0;
	}
	.main-nav nav{
		min-width: 450px;
		padding: 80px 50px 30px;
	}
}
@media screen and (max-width: 1100px) {
	.section-item {
		flex-wrap: wrap;
	}
	.section-image,
	.section-content {
		width: 100%;
		margin: 25px 0px;
	}
	.section-content {
		margin: 0px;
	}
	.featured-prop-con {
		flex-wrap: wrap;
	}
	#fetured-prop-slider {
		width: 100%;
	}
	.property-content-container {
		flex-wrap: wrap;
		flex-direction: column-reverse
	}
	.property-content-container > div {
		width: 100%;
	}
	.feature-box {
		width: 100%;
		max-width: 100%;
	}
	.property-content {
		padding-right: 0px;
	}
	.property-details {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 950px) {
	.header-menu .container,
	.contact-bar .container {
		padding: 0px;
	}
	.logo-wrapper {
		margin-left: 10px;
	}
	#nav-btn {
		right: 0px;
	}
	.large-text span {
		font-size: 30px;
	}
	.large-text {
		font-size: 50px;
	}
	.prop-search-home {
		width: 90%;
	}
	.ql-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}
	.ql-grid {
		margin: 25px;
	}
	.ql-grid > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.ql-grid > a:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
	.ql-grid > a:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
	.ql-grid > a:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
	.ql-grid > a:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
	.col-right {
		display: block;
		width: 100%;
	}
	.col-left {
		display: block;
	}
	#contact-form {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 750px) {
	.feature-box > div {
		width: 50%;
		margin-right: 0px;
	}
	.container {
		padding: 0px 30px;
	}
	.property-content iframe {
		width: 100%;
		margin-top: 25px;
	}
	.footer-top > div > div:last-child > div {
		width: 100%;
	}
	.footer-top > div {
		padding: 25px;
	}
	.section-content {
		padding: 25px 0px;
	}
	.prop-search-home > div:last-child,
	.prop-search-page > div:last-child {
		flex-wrap: wrap;
	}
	.prop-search-home > div:last-child > div,
	.prop-search-page > div:last-child > div {
		width: 100% !important; 
	}
	.prop-search-home > div:last-child div:not(:last-child),
	.prop-search-page > div:last-child div:not(:last-child) {
		border-right: 0px;
		border-bottom: 1px solid #D3D3D3;
	}
	.prop-search-home > div:last-child > div:last-child,
	.prop-search-page > div:last-child > div:last-child {
		padding-top: 10px;
	}
	.prop-search-home > div:last-child > div:last-child .btn,
	.prop-search-page > div:last-child > div:last-child .btn {
		width: 100%;
	}
	#hero-banner .slick-slide {
		min-height: 700px;
	}
	#main-banner .prop-search-home {
		top: 44%;
	}
	.banner-text p {
		bottom: -75px;
	}
}
@media screen and (max-width: 700px) {
	.resource-item,
	.staff-item {
		width: 100% !important;
	}
	.open .main-nav{
		width: 100%;
	}
	.logo-wrapper {
		width: 150px;
	}
}
@media screen and (max-width: 580px) {
	.ql-grid {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(5, 1fr);
	}
	.ql-grid > a:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ql-grid > a:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
	.ql-grid > a:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
	.ql-grid > a:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }
	.ql-grid > a:nth-child(5) { grid-area: 5 / 1 / 6 / 2; }
}