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

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

@media only screen and (max-width: 1366px) {
	.container {
		max-width: 1140px;
	}
}

@media (max-width: 1199.98px) {
	.container {
		max-width: 960px;
	}
}

@media (max-width: 991.98px) {
	.container {
		max-width: 100%;
		padding: 0 15px;
	}

	.navbar-collapse {
		background: rgba(255, 252, 245, 0.98);
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 1000;
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
		padding: 20px 0;
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		opacity: 0;
		transform: translateY(-10px);
		visibility: hidden;
	}

	.navbar-collapse.show {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		z-index: 999999999999999;
		position: relative;
	}

	.navbar-nav {
		gap: 10px;
		padding: 10px 0;
	}

	.nav-link {
		font-size: 18px !important;
		padding: 12px 20px !important;
		font-family: "Playfair Display", serif;
		letter-spacing: 0.5px;
		color: #231F20 !important;
		transition: all 0.3s ease;
	}

	.nav-link.active {
		color: #422112 !important;
		font-weight: 600;
	}

	.brand img {
		max-width: 140px;
	}

	.navbar-toggler {
		padding: 8px;
		color: #231f20;
	}

	/* Custom Hamburger Icon Animation */
	.navbar-toggler-icon {
		background-image: none !important;
		width: 24px;
		height: 2px;
		background-color: currentColor;
		display: inline-block;
		position: relative;
		transition: all 0.3s ease;
	}

	.navbar-toggler-icon::before,
	.navbar-toggler-icon::after {
		content: "";
		width: 24px;
		height: 2px;
		background-color: currentColor;
		position: absolute;
		left: 0;
		transition: all 0.3s ease;
	}

	.navbar-toggler-icon::before {
		top: -8px;
	}

	.navbar-toggler-icon::after {
		bottom: -8px;
	}

	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
		background-color: transparent !important;
	}

	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
		top: 0;
		transform: rotate(45deg);
	}

	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
}

@media (max-width: 767.98px) {
	.container {
		max-width: 540px;
	}

	.brand img {
		max-width: 120px;
	}

	.service-table,
	.service-table thead,
	.service-table tbody,
	.service-table tr,
	.service-table td {
		display: block;
		width: 100%;
	}

	.service-table tr {
		margin-bottom: 30px;
		padding: 1rem 0;
		border: 1px solid #eee;
	}

	.service-table td {
		padding: 5px 0;
	}

	.service-table td:nth-child(1) {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.service-table td:nth-child(4) {
		margin-top: 0;
		display: none;
	}

	.service-table td h2 {
		font-size: 20px;
		text-align: center;
	}

	.service-table td p {
		font-size: 14px;
	}

	table.service-table td {
		width: 100%;
		border: 0;
		padding: 10px 0;
	}

	table.service-table p {
		width: 200px;
		text-align: center;
		margin: 0 auto;
	}

	table.service-table td h3 {
		text-align: center;
	}

	section.banner.inner-banner {
		height: 240px;
		margin: 0;
	}

	.two .row {
		flex-direction: column-reverse;
	}

	section.two {
		text-align: center;
		margin-top: 30px;
	}

	section.two .text {
		display: block;
		width: 100%;
	}

	.text-content {
		max-width: 100%;
	}
}

@media (max-width: 575.98px) {
	.brand {
		padding-left: 10px !important;
	}

	.contact {
		/* padding-right: 10px !important; */
	}

	section.services {
		margin: 0;
	}

	section.space-planning.two .text-content {
		margin-top: 1rem;
	}

	section.space-planning.two a {
		font-size: 16px;
	}

	section.process .process-box {
		text-align: center;
		width: 100%;
		margin-bottom: 0;
	}

	.process-img::before {
		opacity: 0;
	}

	section.process .pr3 a {
		width: 100%;
	}

	.functional .functional-box {
		margin: 2rem 0;
	}

	.rb {
		margin: 0;
	}

	.question {
		margin: 0;
	}

	div#accordionPanelsStayOpenExample .accordion-body {
		font-size: 12px;
	}

	h2.accordion-header h5 {
		font-size: 15px;
	}

	.section-heading h1 {
		font-size: 40px;
	}

	section.functional {
		margin-top: 13px;
	}

	section.footer {
		text-align: center;

		margin-top: 3rem;
	}

	section.footer .icon {
		justify-content: center;
		margin-bottom: 1rem;
	}

	.footer-bottom * {
		justify-content: center !important;
	}

	.footer-bottom {
		margin: 5px;
	}

	.home-banner {
		min-height: auto;
		height: 480px;
	}

	.banner-content {
		margin-top: 100px;
	}

	.home-banner h1 {
		font-size: 40px;
		line-height: 45px;
	}

	.home-banner p {
		font-size: 11px;
	}

	section.two .mb-5.mt-5 {
		margin: 0 !important;
	}

	section.services .mt-5 {
		margin: 0 !important;
	}

	section.services {
		margin-top: 1.5rem;
	}

	section.process {
		margin-top: 3rem;
	}

	section.space-planning.two {
		margin-bottom: 0;
	}

	section.process .mt-5 {
		margin: 0 !important;
	}

	section.projects {
		margin: 2rem 0;
	}

	.project-slider {
		margin-top: 2rem;
	}

	section.question .q1 {
		margin-bottom: 0;
	}

	ul.last-list h6 {
		font-size: 20px !important;
	}

	figure.about-img img {
		width: 100%;
		height: 100%;
	}

	section.mission .card-body h1 {
		font-size: 35px;
	}

	.mission .card p {
		font-size: 14px;
		height: auto;
		margin-bottom: 2rem;
	}

	.mission .card .card-body {
		padding: 25px 10px 0 10px;
	}

	section.two.section-two {
		margin: 25px 0;
	}

	section.two a {
		font-size: 13px;
	}

	section.two.section-two .text-content {
		margin-bottom: 1.5rem;
	}

	.rotated {
		padding: 0;
	}

	.project-section-heading {
		margin: 2rem 0;
	}

	.map-box {
		margin-top: 2rem;
	}

	section.contact-form .my-5 {
		margin: 2rem 0 !important;
	}

	form.contact-form-box.contactform .btn-custom {
		width: 100%;
	}

	.center-img-func {
		justify-content: center;
	}

	section.space-planning.two .text-content {
		margin-bottom: 1rem;
	}

	section.question .accordion {
		width: 100%;
	}

	section.two .text-content {
		margin-top: 1rem;
	}

	.services h1 {
		margin-bottom: 1rem;
	}
}

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