/* custom responsive styles */

@media screen and (min-width: 768px) {

	.layout_full-width-media.height-lg,
	.layout_full-width-media.height-lg {
		height: 45vw;
		max-height: 700px;
		min-height: 400px;
	}
}

@media screen and (min-width: 992px) {

	#mobile-nav-toggle,
	#menu-sidebar {
		display: none;
	}

	.col-image.image-right {
		order: 2;
	}

	.content-inner-wrapper.layout_image-with-content {
		position: relative;
		overflow: hidden;
	}

	.content-col.image-right>.col-inner,
	.left.content-padding>.col-inner {
		padding-right: var(--padding-md);
	}

	.content-col.image-right {
		margin-right: auto;
	}

	.content-col.image-left>.col-inner,
	.right.content-padding>.col-inner {
		padding-left: var(--padding-md);
	}

	.content-col.image-left {
		margin-left: auto;
	}

	.layout_image-with-content .content-col.content-padding>.col-inner {
		padding-top: var(--padding-md);
		padding-bottom: var(--padding-md);
	}

	.content-section>.container-fluid .layout_image-with-content .content-col>.col-inner {
		padding: var(--padding-md);
	}
}


/* Extra large devices (large desktops, less than 1400px) */
@media screen and (max-width: 1399.98px) {

	/* Your styles here */
	ul#main-menu {
		gap: 6%;
	}
}

/* Large devices (desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {

	/* Your styles here */
	ul#main-menu li {
		margin-left: unset;
	}

	ul#main-menu {
		gap: 2%;
	}

}

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
	.col-image figure.image-wrapper.size-cover {
		padding-top: 56.25%;
	}

	.layout_image-with-content .primary-image-frame {
		padding-top: 60%;
		width: 60%;
		margin-inline: auto;
	}

	#main-menu ul.dropdown-menu {
		display: block;
		background: unset;
		text-align: left;
		margin-left: 1rem;
		border: none;
	}

	.offcanvas-body {
		padding-top: 0;
	}

	.two-column:first-of-type .left .col-inner p {
		margin-bottom: 2rem;
	}

}

/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {

	/* Your styles here */
	.entry-header.hero-section .content-section.hero-content .container {
		clip-path: unset;
		padding: 2rem 1rem;
	}

	.numbers-counting .content-section-inner {
		height: 700px;
	}

	.home header#page-header {
		min-height: 600px;
	}

	.primary-image-frame .inner-frame {
		padding: 8px;
	}

	.testimonials-swiper-wrapper {
		padding: 1rem;
	}

	p.testimonial-quote {
		font-size: 16px;
	}

	div#text-3,
	div#text-2 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	div#text-2 {
		padding-left: 1rem;
	}

	div#nav_menu-2 {
		margin-top: 2rem;
	}

	ul#menu-primary-navigation a {
		margin: 0 6px;
	}

	.entry-header {
		padding: 4rem 0;
	}

	ol.styled-number-list {
		padding-left: unset;
	}

	.page-preview-content img {
		height: 6rem;
	}

	.content-section.hero-content {
		margin-top: 250px;
	}

	ol.styled-number-list li {
		font-size: 18px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		/* top: 90%; */
		top: 53%;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px) {

	/* Your styles here */
	h1,
	.h1 {
		font-size: 36px;
	}

	h2,
	.h2 {
		font-size: 28px;
	}

	h3,
	.h3 {
		font-size: 22px;
	}

	p {
		font-size: 16px;
	}

	.page-preview-icon {
		min-height: 50px;
		max-height: 100px;
	}

	.building-a-better-community .content-section-inner {
		height: 750px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		/* top: 90%; */
		top: 53%;
	}

	.primary-image-frame {
		width: 80%;
		padding-top: 80%;
		margin-inline: auto;
	}

	.projects-swiperjs.swiper {
		padding: 0;
	}
}