/* ===== FIX HERO RESPONSIVE ISSUES ===== */
@media (max-width: 991px) {
	/* Reduce huge top/bottom padding */
	.hero-style-two {
		padding: 140px 0 60px !important;
		text-align: center;
	}

	/* Make hero image fully visible and spaced */
	.hero-style-two .hero-img {
		width: 100% !important;
		max-width: 420px;
		margin: 0 auto 20px !important;
		text-align: center !important;
		position: relative !important;
		top: auto !important;
		right: auto !important;
	}

	/* Fix overlapping text and improve spacing */
	.hero-style-two .hero-content {
		padding-right: 0 !important;
		margin-top: 20px;
	}

	.hero-style-two .hero-content h1 {
		font-size: 24px !important;
		line-height: 34px !important;
		margin-bottom: 15px !important;
		padding-right: 0 !important;
	}

	.hero-style-two .hero-content p {
		font-size: 14px;
		line-height: 24px;
	}

	.hero-style-two .main-btn {
		padding: 10px 25px;
		margin-bottom: 10px;
	}
}

@media (max-width: 575px) {
	.hero-style-two .hero-img {
		max-width: 320px;
	}
}

/* --- FIX HERO SECTION ALIGNMENT ON LARGE SCREENS --- */
@media (min-width: 1600px) {
	.hero-style-two .container {
		max-width: 1320px; /* Bootstrap's container-xl size (matches second section) */
		margin: 0 auto;
	}

	.hero-style-two .hero-img {
		/* right: 0 !important; */
		max-width: 650px !important; /* prevents overspill */
		right: 15% !important;
	}

	.hero-style-two .hero-content {
		padding-right: 40px; /* ensures text doesn't collide with image */
	}
}

/* ===== FIX: Why Choose LogBook360 SECTION ===== */
@media (max-width: 991px) {
	.features-style-one {
		padding-top: 60px !important;
		padding-bottom: 40px !important;
	}

	.features-style-one .section-title h2 {
		font-size: 26px !important;
		line-height: 34px !important;
		margin-bottom: 15px;
	}

	.block-style-three {
		text-align: center;
		/* padding: 20px 10px; */
	}

	.block-style-three .icon img {
		height: 55px !important;
		width: 55px !important;
		margin-bottom: 10px;
	}

	.block-style-three .title {
		font-size: 18px !important;
		line-height: 26px !important;
	}

	.block-style-three p {
		font-size: 14px;
		line-height: 22px;
	}

	.features-area {
		padding-bottom: 0px !important;
	}
}

@media (max-width: 575px) {
	.features-style-one .section-title h2 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
}

/* Base hero image style */
.hero-style-two .hero-img {
	position: absolute !important;
	top: 0px !important;
	right: 120px !important;
	max-width: 650px !important; /* prevent overspill */
}

/* Container relative positioning to confine absolute hero-img */
.hero-style-two .container {
	position: relative !important;
}

/* ---------------------------- */
/* Extra large screens (≥1600px) */
/* ---------------------------- */
@media (min-width: 1600px) {
	.hero-style-two .container {
		max-width: 1320px !important; /* container width limit */
		margin: 0 auto !important;
	}

	.hero-style-two .hero-img {
		right: 0 !important; /* align to container right */
		max-width: 650px !important;
	}

	.hero-style-two .hero-content {
		padding-right: 40px !important; /* spacing from image */
	}
}

/* ---------------------------- */
/* Large screens (1200px–1599px) */
/* ---------------------------- */
@media (min-width: 1200px) and (max-width: 1599px) {
	.hero-style-two .hero-img {
		position: absolute !important;
		top: 0 !important;
		right: -40px !important;
		max-width: 650px !important;
	}

	.hero-style-two .hero-content {
		padding-right: 30px !important;
	}

	.hero-albi-page .hero-albi-img {
		position: absolute !important;
		top: 0 !important;
		right: -120px !important; /* page-specific adjustment */
		max-width: 600px !important;
	}
}

/* ---------------------------- */
/* Medium screens (992px–1199px) */
/* ---------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.hero-style-two .hero-img {
		position: relative !important;
		top: 0 !important;
		right: auto !important;
		margin: 0 auto 45px !important;
		max-width: 90% !important;
		display: block !important;
		text-align: center !important;
	}

	.hero-style-two .hero-content {
		padding-right: 0 !important;
	}
}

/* ---------------------------- */
/* Tablets & small screens (≤991px) */
/* ---------------------------- */
@media (max-width: 991px) {
	.hero-style-two .hero-img {
		position: relative !important;
		top: 0 !important;
		right: auto !important;
		margin: 0 auto 20px !important;
		max-width: 420px !important;
		text-align: center !important;
	}

	.hero-style-two .hero-content {
		padding-right: 0 !important;
		text-align: center !important;
	}

	.hero-style-two .hero-content h1 {
		font-size: 24px !important;
		line-height: 34px !important;
		margin-bottom: 15px !important;
	}

	.hero-style-two .hero-content p {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	.hero-style-two .main-btn {
		padding: 10px 25px !important;
		margin-bottom: 10px !important;
	}
}

/* ---------------------------- */
/* Extra small screens (≤575px) */
/* ---------------------------- */
@media (max-width: 575px) {
	.hero-style-two .hero-img {
		max-width: 320px !important;
	}
}