/* Greenfield Jutex — site-wide responsive fixes */

body {
	overflow-x: clip;
}

.site-logo {
	max-width: 150px;
	width: 100%;
	height: auto;
}

/* Header */
@media (max-width: 767px) {
	.main-header .header-upper .logo-box {
		padding: 16px 0;
	}

	.main-header .header-upper .logo-box .logo img {
		max-width: 120px;
		width: auto;
		height: auto;
	}
}

/* Banner — mobile fullscreen & content */
@media (max-width: 991px) {
	.banner-section .content-boxed .sub-title {
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1.55;
	}
}

@media (max-width: 767px) {
	.banner-section,
	.banner-section .banner-slider-wrap,
	.banner-section .main-slider-carousel,
	.banner-section .main-slider-carousel .owl-stage-outer,
	.banner-section .main-slider-carousel .owl-stage,
	.banner-section .main-slider-carousel .owl-item,
	.banner-section .slide {
		min-height: 100svh;
		min-height: 100vh;
		height: auto;
	}

	.banner-section .slide {
		min-height: 100svh;
		min-height: 100vh;
		padding: 88px 15px 100px;
		align-items: center;
	}

	.banner-section .content-boxed .sub-title {
		font-size: 14px;
		letter-spacing: 1px;
	}

	.banner-section .content-boxed .boxed-btn {
		margin-top: 24px;
	}

	.banner-section .mouse-btn-down {
		bottom: 10px;
	}

	.banner-section .owl-dots {
		bottom: 44px;
	}

	.banner-section .banner-slide-counter {
		bottom: 10px;
	}
}

/* About section slider */
@media (max-width: 991px) {
	.about-section .image-column {
		overflow: hidden;
		max-width: 100%;
	}

	.about-section .image-column .inner-column {
		text-align: center;
		overflow: hidden;
		max-width: 100%;
	}

	.about-section .about-slider-wrap {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.about-section .image-column .image {
		display: block;
		width: 100%;
		max-width: 100%;
		padding-left: 0;
		overflow: hidden;
		box-sizing: border-box;
	}

	.about-section .image-column .inner-column .pattern-layer {
		left: 50%;
		transform: translateX(-50%);
	}

	.about-section .about-image-carousel,
	.about-section .about-image-carousel .owl-stage-outer {
		overflow: hidden;
		max-width: 100%;
	}

	.about-section .about-image-carousel.owl-carousel .owl-nav .owl-prev {
		left: 4px;
	}

	.about-section .about-image-carousel.owl-carousel .owl-nav .owl-next {
		right: 4px;
	}
}

@media (max-width: 767px) {
	.about-section .about-image-carousel.owl-carousel .owl-nav button {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	.about-section .about-slide-counter {
		top: 10px;
		right: 10px;
		font-size: 12px;
		padding: 5px 10px;
	}
}

@media (max-width: 479px) {
	.about-section .image-column .inner-column .pattern-layer {
		width: 160px;
		height: 160px;
		top: 40px;
	}
}

/* Fluid section — image visible on tablet/mobile */
@media (max-width: 991px) {
	.fluid-section-one .content-column .inner-column {
		padding: 0 15px;
		float: none;
		max-width: 100%;
	}

	.fluid-section-one .image-column {
		position: relative;
		width: 100%;
		min-height: 260px;
		background-image: none !important;
	}

	.fluid-section-one .image-column .image-box {
		display: block;
		margin: 0;
	}

	.fluid-section-one .image-column .image-box img {
		width: 100%;
		height: auto;
		display: block;
		min-height: 260px;
		object-fit: cover;
	}

	.searvice-section {
		margin-top: 40px;
	}
}

/* Service boxes */
@media (max-width: 767px) {
	.service-box .inner-box .content {
		padding-left: 0;
	}

	.service-box .inner-box .content .icon {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 18px;
	}
}

/* Exclusive product carousel */
@media (max-width: 991px) {
	.projects-section .gallery-block .inner-box .image {
		height: 280px;
	}
}

@media (max-width: 767px) {
	.projects-section .gallery-block .inner-box .image {
		height: 220px;
	}

	.projects-section .owl-dots {
		display: block;
		margin-top: 10px;
	}
}

@media (max-width: 479px) {
	.projects-section .gallery-block .inner-box .image {
		height: 200px;
	}
}

/* Client logos */
.sponsors-section .image-box img {
	max-width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
}

/* Footer */
@media (max-width: 767px) {
	.main-footer .footer-widget.logo-widget .logo img {
		max-width: 140px;
		height: auto;
	}

	.main-footer .footer-bottom .copyright {
		font-size: 13px;
		line-height: 1.6;
		padding: 0 10px;
	}

	.main-footer .footer-title {
		font-size: 16px;
	}

	.contact-info li {
		flex-wrap: wrap;
		word-break: break-word;
	}

	.contact-info li a,
	.contact-info li span {
		min-width: 0;
		flex: 1;
	}
}

/* Home decor page */
@media (max-width: 767px) {
	.home-decor-banner {
		padding: 120px 0 56px;
	}

	.home-decor-banner .intro-text {
		font-size: 16px;
		line-height: 1.6;
	}

	.home-decor-subtabs-nav {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}

	.home-decor-product-card.col-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.home-decor-product-card .image-wrap {
		height: 175px;
	}

	.home-decor-divider {
		margin: 20px 0 50px;
	}

	.home-decor-category .subcategory-title {
		margin: 30px 0 20px;
	}
}
