@media (max-width: 1200px) {
	.h1 {
		font-size: 60px;
	}
	.h2 {
		font-size: 48px;
	}
}

@media (max-width: 1100px) {
}

@media (max-width: 1024px) {
	.menu-toggle {
		display: block;
	}
	.header-wrap {
		height: 80px;
	}
	.header-wrap header {
		transition: var(--transition);
		height: 80px;
	}
	.header-right {
		position: absolute;
		top: 80px;
		left: 0;
		height: calc(100dvh - 120px);
		width: 100%;
		overflow: auto;
		background: var(--bs-primary-100);
		border-radius: 0 0 16px 16px;
		padding: 20px 40px;
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
		gap: 24px;
		opacity: 0;
		visibility: hidden;
		transition: var(--transition);
		border-bottom: 2px solid var(--bs-primary);
	}
	.header-wrap header .logo {
		max-width: 110px;
	}
	.header-wrap.open header {
		background: var(--bs-primary);
	}
	.header-wrap.open .header-right {
		opacity: 1;
		visibility: visible;
		box-shadow: 0 35px 50px rgba(178, 168, 155, 0.1);
	}
	.header-wrap .header-top {
		justify-content: center;
	}
	.menu-wrap > .menu {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}
	.menu-wrap > .menu > li:after {
		opacity: 0;
	}
	.menu-wrap > .menu > li {
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px solid #222121;
	}
	.menu-wrap > .menu > li .sub-menu {
		transition: none;
		opacity: 1;
		visibility: visible;
		margin: 0;
		position: relative;
		left: 0;
		width: 100%;
		display: none;
	}
	.nav-link-toggle {
		pointer-events: all;
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.nav-link-toggle svg {
		margin: 0;
		transition: var(--transition);
	}
	.nav-link-toggle.open svg {
		transform: rotate(180deg);
	}
	.banner-wrap {
		padding: 120px 0;
	}
	.cta-wrap .cover-img {
		display: none;
	}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	.h1 {
		font-size: 40px;
	}
	.h2 {
		font-size: 36px;
	}
	.header-wrap.header-dark header {
		padding-bottom: 40px;
	}
	.header-right {
		padding: 24px 20px;
	}
	.header-wrap .header-top {
		flex-direction: column;
	}
	.header-wrap .header-cta ul a {
		padding: 13px 16px;
	}
	.footer-wrap {
		padding: 48px 0 48px;
	}
	.footer-top {
		flex-direction: column;
		align-self: start;
		padding-bottom: 40px;
	}
	.footer-logo {
		width: 100%;
		text-align: center;
	}
	.footer-bottom {
		gap: 24px;
		flex-direction: column-reverse;
	}
	.copyright {
		width: 100%;
		text-align: center;
	}
	.footer-menu {
		width: 100%;
	}
	.footer-menu ul {
		gap: 24px;
		justify-content: center;
	}
	.banner-wrap {
		padding: 80px 0;
	}
	.banner-wrap .banner-content .cta {
		padding-top: 0px;
	}
	.cta-wrap {
		padding: 60px 0;
	}
	.cta-content ul {
		grid-template-columns: 1fr;
	}
	.services-wrap {
		padding: 48px 0;
	}
	.services-wrap .title-wrap {
		padding-bottom: 48px;
	}
	.content-block {
		font-size: 16px;
	}
	.content-block p {
		font-size: 16px;
		padding-bottom: 16px;
	}
	.gallery-section {
		padding: 48px 0;
	}
	.contact-page-wrap {
		padding: 60px 0;
	}
	.contact-page-wrap .contact-info {
		padding-bottom: 40px;
	}
	.bullet-list.bullet-list-two-column ul {
		grid-template-columns: 1fr;
	}
	.pricing-box {
		padding: 20px 8px;
	}
	.pricing-box .table {
		font-size: 12px;
		font-weight: 500;
	}
	.table > :not(caption) > * > * {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
}