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

	/**
	 *  Hidden items
	 */
	.sidebar,
	.manufacturer-image,
	.second-image-manufacturer,
	.page-image,
	.welcome-area .btn-warning,
	.contact-header,
	.top-banner p {
		display: none;
	}

	/* Hide desktop navigation on mobile, but show mobile menu */
	.main-nav {
		display: none !important;
	}

	/* Force show mobile menu controls on mobile */
	.mobile-menu-controls {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* Force show mobile menu toggle button */
	.mobile-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	h2 {
		font-size: 25px;
	}

	.top-banner ul {
		padding: 0px;
	}

	.top-banner li {
		list-style: none;
		font-size: 15px;
		display: block;
		padding: 0px;
	}

	.header-mobile .top-nav-mobile-button {
		height: 50px;
		width: 50px;
		position: absolute;
		text-align: center;
		font-size: 30px;
		color: white;
		top: 18px;
	}
	.header-mobile #phone {
		background: #5cb85c;
		position: absolute;
		right: 80px;
	}

	.header-mobile #navigation {
		background: #3EA9CA;
		position: absolute;
		right: 10px;
	}

	.welcome-background {
		padding: 0px 0;
		background-size: inherit;
	}

	.welcome-background h1 {
		font-size: 30px;
	}

	.welcome-area {
		width: 100%;
		padding: 10px 20px
	}


	.main_navigation {
		position: absolute;
		top: 13px;
		left: 0px;
		margin-left: 0px;
		-webkit-padding-start: 0px;
		background: white;
		width: 100%;
		margin-top: 80px !important;
		border-bottom: 5px solid #3EA9CA;
	}

	.main_navigation li {
		margin-top: 0px;
		float: none !important;
		padding: 0px !important;
	}

	.main_navigation li a{
		display: block;
		border-bottom: 1px solid #f1f1f1;
		padding: 20px;
		color: #294356;
	}

	.main_navigation li a:hover {
		text-decoration: none;
		background: #3EA9CA;
		color: white !important;
	}

	/* Modern mobile menu styles */
	.mobile-menu {
		display: block;
	}

	/* Ensure mobile navigation works properly */
	.mobile-navigation {
		list-style: none !important;
	}

	.mobile-navigation a {
		color: var(--text-dark) !important;
		text-decoration: none;
		font-weight: 500;
	}

	.mobile-navigation a:hover {
		color: var(--primary-blue) !important;
	}
}

/* Additional responsive rules for tablets */
@media screen and (min-width: 769px) and (max-width: 991px) {
	/* Hide desktop nav on tablets */
	.main-nav {
		display: none !important;
	}

	/* Show mobile controls on tablets */
	.mobile-menu-controls {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.mobile-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.mobile-menu {
		display: block !important;
	}
}

/* Desktop - hide mobile menu elements */
@media screen and (min-width: 992px) {
	.mobile-menu-controls,
	.mobile-menu-toggle,
	.mobile-menu {
		display: none !important;
	}

	/* Show desktop navigation */
	.main-nav {
		display: flex !important;
	}
}