/* ============================================================
   Feblet Technologies - Mobile fixes
   Menu dropdown, touch scrolling and small-screen layout
   ============================================================ */

/* --- Global: reliable touch scrolling --- */
html {
	-webkit-text-size-adjust: 100%;
	touch-action: manipulation;
}
body {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto !important;
}

/* Fixed backgrounds freeze/jank touch scrolling on iOS - scroll them instead */
@media (max-width: 991px) {
	.ft-hero-slide,
	.ft-band,
	.smue-row-parallax,
	[data-stellar-background-ratio] {
		background-attachment: scroll !important;
	}
}

@media screen and (max-width: 767px) {
    




	/* ============ MOBILE MENU ============ */
	/* Lift the whole header above hero content: theme caps .header at
	   z-index:1, which traps the dropdown behind the hero slider */
	.site-header,
	.site-header .header {
		position: relative !important;
		z-index: 10000 !important;
	}
	.menubar,
	.smue-szp_primary_nav {
		position: relative !important;
		max-width: 100% !important;
		width: 100%;
	}
	.smue-szp_primary_nav.floatleft {
		float: none;
	}
	.site-header-menu {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		width: 100% !important;
		background: #1a2a3a !important;
		z-index: 99999 !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
		max-height: 75vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 !important;
		margin: 0 !important;
	}
	.site-header-menu .main-navigation {
		display: block;
	}
	.site-header-menu .primary-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.site-header-menu .primary-menu li {
		display: block !important;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		text-align: left;
	}
	.site-header-menu .primary-menu li:first-child {
		border-top: none;
	}
	.site-header-menu .primary-menu li a {
		display: block;
		padding: 14px 22px !important;
		color: #ffffff !important;
		font-size: 15px;
		line-height: 1.4;
		background: transparent !important;
	}
	.site-header-menu .primary-menu li a:hover,
	.site-header-menu .primary-menu li.current-menu-item > a {
		background: rgba(52, 152, 219, 0.25) !important;
		color: #ffffff !important;
	}
	i.responsive_bar {
		display: block;
		background: #3498db;
		border-radius: 4px;
	}
	.site-header-menu .dropdown-toggle {
		color: #ffffff;
	}

	/* ============ HEADER ============ */
	.top_header .smue-clmn {
		margin-bottom: 8px;
	}
	.header_content .smue-service-box-content-section p {
		font-size: 12px;
		line-height: 1.5;
		margin: 0 0 2px;
	}
	.site_title img {
		max-width: 160px;
		height: auto !important;
	}
	.social_header {
		text-align: left;
	}
	.social_header .smue-social-profile-obj {
		text-align: left !important;
	}

	/* ============ HERO ============ */
	.ft-hero {
		min-height: 540px;
	}
	.ft-hero-content {
		padding: 80px 20px 70px;
	}
	.ft-hero-content h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}
	.ft-hero-content p {
		font-size: 15px;
		margin-bottom: 22px;
	}
	.ft-eyebrow {
		font-size: 11px;
		letter-spacing: 1.5px;
	}
	.ft-hero-content .banner_btn {
		display: inline-block;
		padding: 10px 20px !important;
		font-size: 14px !important;
	}
	.ft-hero-cta .ft-btn-outline {
		margin-left: 0;
		margin-top: 10px;
	}

	/* ============ FEATURE BANDS + CTA ============ */
	.ft-band {
		padding: 50px 18px;
	}
	.ft-band-inner h3 {
		font-size: 22px;
	}
	.ft-band-inner p {
		font-size: 15px;
	}
	.ft-band-inner .banner_btn {
		display: inline-block;
		padding: 10px 20px !important;
		font-size: 14px !important;
	}
	.ft-cta-band {
		padding: 50px 18px;
	}
	.ft-cta-band h3 {
		font-size: 22px;
	}

	/* ============ GUTTERS: stop text touching screen edges ============
	   Theme bug: .sm-row-fluid has -15px side margins that exactly cancel
	   the columns' 15px padding, and .padding_row shrinks to 1% (!important)
	   on phones - net result ~4px gutter. Rebuild a proper 16px gutter. */
	.sm-row-fluid {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	[class*="sm-span"] {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	/* rows keep vertical padding only - columns now carry the gutter */
	.padding_row {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.header {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.top_header {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.copyright {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* blog list + single posts: text sits directly in .site-main (no rows) */
	body.blog .site-main,
	body.single .site-main {
		padding-left: 16px;
		padding-right: 16px;
	}
	/* never let long words/URLs punch past the edge */
	.entry-content p,
	.smue-text-obj,
	.home3_content,
	.footer_contact,
	.ft-section-head {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	/* ============ SECTIONS ============ */
	.ft-section-head h3 {
		font-size: 22px;
	}
	.ft-section-head p {
		font-size: 15px;
	}
	.home3_content {
		margin-bottom: 14px;
	}
	.offer_box {
		margin-bottom: 18px;
	}

	/* ============ FOOTER ============ */
	.footer_contact p,
	.footer_contact a {
		font-size: 13px;
		word-wrap: break-word;
	}
	.copyright .sm-span6 {
		text-align: left;
	}

	/* ============ WHATSAPP BUTTON ============ */
	.ft-whatsapp {
		bottom: 16px;
		right: 16px;
		width: 48px;
		height: 48px;
	}
	.ft-whatsapp i {
		font-size: 26px;
		line-height: 48px;
	}
	.sm-row-fluid.smue-row.sme-dsbl-margin-left.sme-dsbl-margin-right.header {
    display: flex;
    padding-bottom: 10px !important;
}
}