@charset "utf-8";

@media (min-width:1800px) and (max-width:1920px) {
	.main-slider .owl-nav .owl-prev {
		right: 8%
	}
}

@media (min-width:1550px) and (max-width:1700px) {
	.ticker {
		--size: 11.8ch !important;
		font-size: 13.5em !important
	}

	h2 {
		font-size: 28px !important;
	}

	.awards-media .awards-information {
		padding: 0 20px;
	}

	.strategic-location {
		padding: 150px 0 0;
		width: 100%;
	}
}

@media (min-width:1369px) and (max-width:1500px) {

	.ticker {
		--size: 13.8ch !important;
		font-size: 13.5em !important
	}

	h2 {
		font-size: 28px;
	}

	.awards-media .awards-information {
		padding: 0 20px;
	}
}

@media (min-width:1200px) and (max-width:1368px) {
	.about-heading-info {
		padding: 36px;
	}

	p.ah-title {}

	.awards-media .awards-information {
		padding: 0 20px;
	}

	.container-fluid {
		width: 1200px !important
	}

	.about-oc {
		display: inline-block;
		width: 100%;
		overflow: hidden
	}

	.main-slider {
		background: 0 0 !important
	}


	.main-slider video {
		margin: 0 !important
	}

	.banner-nav {
		width: 74% !important;
		left: 13%
	}

	.strategic-location-list ul li {
		padding: 3px 0 !important;
		line-height: 24px !important
	}

	.startegic-location-info {
		margin: 0px 0 !important;
		padding: 0px;
	}

	.social-links-banner {
		left: 60px !important
	}

	.about-heading-info h1 {
		font-size: 48px !important
	}


	.about-oc {
		background-size: 40%;
	}

	.oc-inforamtion-list ul li p {
		font-size: 14px !important
	}

	.oc-about-text:after {
		right: -100px !important
	}

	.startegic-location-info .heading-info h2 {
		line-height: 46px !important
	}

	.heading-info-text {
		width: 70% !important
	}

	.center-heading,
	.form-information {
		width: 75% !important
	}

	.floor-zoning ul li .floor-zoning-info {
		bottom: -275px
	}

	.ticker {
		--size: 12.5ch !important;
		font-size: 12.5em !important
	}

	.blogs-info,
	.feature-info {
		padding: 0 0px !important
	}

	.brands-heading:after {
		left: -75px !important;
		width: 30% !important
	}
}

@media (min-width:1023px) and (max-width:1024px) {
	.main-slider video {
		margin: 0 !important
	}

	.main-slider .owl-nav .owl-prev {
		right: 15% !important;
	}

	.ticker {
		--size: 12.5ch !important;
		font-size: 8.5em !important
	}

	.heading-info-text {
		width: 80% !important
	}

	.heading-info-text br {
		display: none !important
	}

	.news-heading span {
		font-size: 12px !important
	}

	.blogs-info {
		padding: 0 30px !important
	}

	.form-information {
		width: 93% !important
	}

	.container-fluid {
		width: 92% !important
	}

	nav {
		display: inline-block;
		margin: 0 0px 0 0;
	}

	.awards-media .awards-information {
		padding: 0;
	}

	.awards-info {
		min-height: 140px;
	}

	.oc-features {
		padding-bottom: 30px;
	}

	.features-listings .feature-col-box {
		width: 23%;
	}

	header .col-md-10 {
		width: 83.33333333%;
		PADDING: 0;
	}

	.wrapper {
		overflow-x: hidden
	}

	.main-slider {
		height: 100% !important
	}

	.oc-information p {
		font-size: 16px !important;
		line-height: 28px !important
	}

	.oc-inforamtion-list ul li {
		padding: 20px 9px 20px 4px !important
	}

	.icon-oc-information {
		float: none !important;
		display: block !important
	}


	.consultant-brands {
		float: left;
		width: 29% !important
	}

	.startegic-location-info {
		margin: 0 0 20px !important;
		padding-left: 0 !important
	}

	.startegic-location-info .heading-info h2 {
		margin: 10px 0;
		line-height: 41px !important;
		font-size: 28px !important
	}

	.strategic-location-list ul li {
		padding: 3px 0 !important;
		line-height: 21px !important;
		font-size: 14px !important
	}

	.feature-info {
		padding: 0 20px !important
	}

	.features-listings ul li {
		width: 31.5% !important
	}

	.oc-features {
		background: none;
	}

	.about-oc,
	.strategic-location {
		background-image: none;
	}

	.heading-info br {
		display: none;
	}

	.about-oc {
		padding: 80px 0 50px 0px;
	}

	.heading-info h2 {
		margin: 10px 0;
		text-transform: uppercase;
	}

	.oc-features {
		padding: 80px 0;
	}
}

@media (max-width:980px) {

	.about-oc,
	.strategic-location {
		background-image: none;
	}

	.f-blocks {
		text-align: center;
	}

	.f-blocks p {
		display: none;
	}

	.oc-features {
		background: none;
	}

	.feature-imgs {
		margin: 30px 0 0;
	}

	.heading-info br {
		display: none;
	}

	.about-oc {
		padding: 80px 0 50px 0px;
	}

	.heading-info h2 {
		margin: 10px 0;
		text-transform: uppercase;
	}

	.oc-features {
		padding: 80px 0;
	}

	.about-heading-info {
		border: 0px;
	}

	body {
		font-weight: 400;
	}

	.main-slider .owl-dots {
		display: none;
	}

	.entire-township-row .col-md-3 {
		width: 33%;
		float: left;
	}

	.entire-township-block {
		margin-bottom: 25px;
	}

	.nav-tabs>li>a {
		font-weight: 600 !important;
		padding: 10px 13px;
	}

	.side-bar .menu .item ul li::after {
		display: none;
	}

	[data-fade="1"] {
		opacity: 1 !important;
		transition: none !important;
		transform: none !important;
	}

	.consultant-brands {
		float: left;
		width: 21% !important
	}

	.features-listings .feature-col-box,
	.features-listings ul li {
		height: 195px;
		width: 31% !important
	}

	.about-oc-img,
	.main-slider video {
		margin: 0 !important
	}

	.gallery-description {
		font-size: 14px !important
	}

	.wrapper {
		overflow-x: hidden
	}

	header {
		padding: 5px 0 !important
	}

	img.logo {
		width: 235px !important
	}

	.owl-dots {
		display: none !important;
	}

	.navigation-bar {
		text-align: right;
		padding: 10px 0 0 !important;
	}

	.navigation-bar ul li {
		display: inline-block;
		padding: 0 5px;
	}

	.header-inner .col-sm-10 {
		padding-right: 0px;
	}

	.about-heading-info h1 br {
		display: none;
	}

	.m-zoning-col {
		display: inline-block;
		width: 100%;
		margin: 0 0px;
	}

	.floor-zoning,
	.owl-dots {
		text-align: center
	}

	.brands-listing ul br,
	.desktop-show,
	.heading-info-text br,
	.main-slider .owl-nav,
	.oc-about-text:after,
	.social-header ul:before,
	.ticker-container {
		display: none !important
	}

	.container-fluid {
		width: 90% !important
	}

	.about-oc,
	.center-heading,
	.form-information,
	.heading-info-text {
		width: 100% !important
	}

	.slider-text {
		top: 40% !important
	}

	.about-heading-info,
	.feature-info {
		padding: 0 !important
	}

	.about-oc {
		clear: both !important;
		padding: 50px 0 40px
	}

	.building-wireframe {
		display: none
	}

	.main-slider {
		height: auto !important
	}

	.oc-about-text {
		padding: 0px !important;
		margin-top: 30px
	}

	.about-heading-info {
		background: none;
		color: #00391d;
	}

	.about-heading-info h1 {
		color: #00391d;
	}

	.oc-information p {
		font-size: 16px !important;
		line-height: 28px !important
	}

	.oc-inforamtion-list ul li {
		padding: 20px 9px 20px 4px !important
	}

	.icon-oc-information {
		float: none !important;
		display: block !important
	}

	.startegic-location-info {
		padding: 0 0 60px !important;
	}

	.strategic-location {
		display: inline-block;

	}


	.awards-media .awards-information {
		padding: 0;
	}

	.award-lefts-47 {
		width: 100%;
	}

	.award-lefts-53 {
		width: 100%;
	}

	.navigation-bar ul li a {
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0;
		font-size: 14px;
		font-weight: 400;
	}

	nav {
		display: inline-block;
		margin: 0 0px 0 0;
	}

	.form-information .col-md-12 {
		clear: both;
	}

	.brands-heading .heading-info h2 {
		line-height: 47px !important;
		font-size: 28px !important
	}

	.brands-heading:after {
		content: "";
		width: 50% !important
	}

	.brands-listing ul li {
		display: inline-block;
		width: 23% !important
	}

	.blogs-info {
		padding: 0 20px !important
	}

	.blogs-text h3 {
		margin-bottom: 15px;
		font-size: 16px !important
	}

	.latest-blogs-row .owl-nav {
		top: 27% !important
	}

	.entire-township-row {
		padding: 30px 0;
	}

	.heading-info h2 {
		margin: 10px 0;
		font-size: 28px !important;
		line-height: 42px !important;
	}

	.heading-info b {
		display: inline;
	}

	.mobile-show {
		display: block !important
	}

	.m-zoning-text {
		min-height: 100px
	}

	.owl-dots {
		display: block;
		width: 100%;
		margin: 30px 0 0;
	}

	button.owl-dot {
		width: 10px;
		height: 3px;
		background: #999;
		box-shadow: none;
		border-radius: 0;
		border: 0;
		margin: 5px
	}

	.owl-dots .active {
		background: #304600
	}

	.oc-brands-info {
		padding-bottom: 0 !important
	}

	.oc-inforamtion-list {
		margin: 0 0 5px;
		display: inline-block;
		width: 100%
	}

	.strategic-location-list ul li {
		padding: 3px 0 !important;
		line-height: 25px !important
	}

	.mobilebtn {
		display: inline-block !important;
	}
}

@media (max-width:767px) {
	.entire-township-row .col-md-3 {
		width: 50%;
		padding: 0 5px;
		float: left;
	}

	.rj-tab-container .rj-tab-menu {
		display: none
	}

	.rj-tab-content-wrap>.list-group {
		display: block
	}

	.rj-tab-content {
		width: 100% !important;
		padding: 10px !important;
		border: 1px solid #ddd;
		margin: 2px 0 10px
	}

	.rj-tab-container {
		border: 0;
		box-shadow: none
	}

	.about-heading-info span {
		color: #000;
	}

	.about-heading-info h1 {
		color: #000;
	}

	.nav-tabs>li>a {
		font-weight: 500;
	}

	.features-listings .feature-col-box,
	.features-listings ul li {
		width: 30% !important
	}

	.about-heading-info {
		background: none;
		margin: 0px;
	}

	.about-oc:after {
		background: none;
		display: none;
	}

	.menu-btn {
		color: #fff;
		margin-top: 1px;
	}

	.sticky .menu-btn {
		color: #fff;
	}


	.mobile-zoning {
		padding: 0px 0 50px;
	}

	.mobile-zoning .owl-dots {
		display: none;
	}

	.location-video {
		margin: 0px 0 0
	}

	.startegic-location-info {
		padding: 0 0 30px !important;
	}

	.news-media-information .col-md-3 {
		width: 50% !important;
		float: left
	}

	.consultant-brands {
		width: 29% !important
	}

	.oc-features {
		padding: 50px 0;
	}

	.strategic-location {
		padding: 30px 0;
	}

	.entire-township-row {
		padding: 30px 0 0;
	}

	.location-blockings h5 {
		font-size: 21px;
		line-height: 29px;
	}

	.oc-about-text {
		padding: 0 !important;
		margin-bottom: 0px;
		background: none !important
	}

	.about-oc-img {
		margin: 0 !important
	}

	.banner-nav ul li a,
	.navigation-bar ul li a {
		font-size: 14px !important;
		font-weight: 100 !important
	}

	.social-header ul li a {
		font-size: 21px !important
	}

	.mobile-show-img {
		display: none !important
	}

	.social-header ul li {
		padding: 5px 0 !important
	}

	.oc-gallery {
		padding: 50px 0;
	}
}

@media (max-width:600px) {
	img.logo {
		width: 240px !important;
	}

	.features-rows .container-fluid {
		width: 100% !important;
	}

	header {
		background: #000;
	}

	.main-slider {
		margin-top: 55px;
	}

	h3 {
		font-size: 18px;
		line-height: 30px;
	}

	.features-rows {
		clear: both;
		padding: 40px 0 40px;
	}

	.list-group-item.active,
	.list-group-item.active:focus,
	.list-group-item.active:hover {
		z-index: 2;
		color: #000;
		background-color: #36ff9c;
	}

	.modal-dialog {
		width: 95%;
		margin: 0px auto;
	}

	.floor-plan-row {
		padding: 40px 0 40px;
	}

	.title-md {
		font-size: 18px;
	}

	.rj-tab-container {
		background: none !important;
	}

	.features-listings-row ul li {
		padding: 6px;
		border: 1px solid #ddd;
		/* background: #c0e9d5; */
		list-style: none;
		background: #fff;
		width: 100%;
		float: left;
	}

	.social-links-banner {
		display: none !important;
	}

	.popup-model .close-btn-popup {

		right: 0px;
		top: -39px;
	}

	.scroll_top {
		display: none !important;
	}

	.side-bar .menu .item ul li a {
		font-size: 18px !important;
		text-transform: uppercase !important;
	}

	.side-bar .menu .item ul li {
		padding: 14px 10px !important;
	}

	.desktop-hides {
		display: inline-block;
	}

	.banner-nav-list,
	.consultant-name,
	.desktop-show-img,
	.heading-info br,
	.oc-inforamtion-list ul li br,
	.owl-nav .owl-next,
	.owl-nav .owl-prev,
	.swiper-button-next,
	.swiper-button-prev,
	nav {
		display: none !important
	}

	.features-listings .feature-col-box,
	.features-listings ul li {
		width: 45.1% !important
	}

	.features-listings .feature-col-box {
		height: 164px;
	}

	.features-listings p {
		font-size: 14px
	}

	.brands-heading:after {
		content: "";
		width: 80% !important
	}

	.about-heading-info h1 {
		font-size: 42px !important;
		line-height: 52px !important
	}

	.nav-tabs>li>a,
	.oc-inforamtion-list ul li p {
		font-size: 14px !important
	}

	.oc-information p {
		font-size: 18px !important;
		line-height: 32px !important;
	}

	.oc-inforamtion-list ul li {
		width: 100% !important;
		padding: 9px 9px 10px 4px !important
	}

	.icon-oc-information {
		float: left !important;
		width: 75px !important;
		display: block !important;
		margin-right: 5px !important
	}

	.icon-oc-information img {
		width: 55px !important
	}

	.startegic-location-info .heading-info h2 {
		line-height: initial !important
	}

	.heading-info b {
		display: inline !important
	}

	.brands-listing,
	.news-media-information .col-md-3 {
		width: 100% !important
	}

	.brands-listing ul li {
		width: 32% !important
	}

	.nav-tabs>li>a {
		padding: 10px 12px !important
	}

	.swiper-pagination {
		display: inline-block !important
	}

	.oc-features .features-text,
	.social-links,
	ul.footer-links-list {
		margin-top: 10px !important
	}

	.form-information {
		width: 93% !important
	}

	.form-info-col {
		padding: 20px !important
	}

	.sb-btn {
		margin-top: 25px !important
	}

	.meet-location {
		margin-top: 15px !important
	}

	.talk-us {
		margin-top: 7px !important
	}

	.main-footer {
		padding: 50px 0 70px !important
	}

	.oc-consultant {
		position: relative;
		z-index: 0 !important
	}

	.main-slider video {
		object-fit: cover;
		height: 85vh;
		margin: 0
	}

	.side-bar {
		width: 300px !important;
		padding: 25px 5px 100px !important;
		box-shadow: none !important
	}

	.last-township {
		display: none;
	}

	.navigation-bar {
		text-align: right;
		padding: 5px 9px 0 0px !important;
	}

	.heading-info h2 {
		margin: 10px 0;
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.text-info-slider {
		width: 85% !important
	}

	.social-links-banner {
		position: absolute;
		width: 37% !important;
		bottom: 1% !important;
		left: 7px !important
	}

	.scroll-down {
		bottom: 5% !important
	}

	.footer-move a {
		font-size: 21px !important
	}


	.mobile-show-img {
		display: block !important
	}

	.consultant-brands {
		width: 45% !important;
		margin: 8px !important
	}

	.about-heading-info p {
		padding: 0px;
	}

	.special-list ul li:nth-child(2n+1),
	.special-list ul li:nth-child(2n+0) {
		width: 100% !important;
	}
}