@media(min-width:1300px) {
	#main-header .nav li ul a {
		color: #000 !important
	}

	#et-top-navigation>.container>#top-menu-nav>#top-menu>li>ul.sub-menu {
		background-color: #fff
	}

	ul#top-menu>.menu-item>.sub-menu>.menu-item:hover>a {
		opacity: 1;
		background-color: #2ea3f2 !important;
		color: #fff !important
	}

	ul#top-menu>.menu-item>.sub-menu>.menu-item>ul>li:hover a {
		color: #2ea3f2 !important
	}

	.img-back-ul>ul {
		background-color: transparent !important
	}

	.sub-menu-head-item a b {
		display: block;
		font-weight: 300
	}

	.menu-item-has-children ul.sub-menu {
		opacity: 0;
		margin-top: 10px
	}

	.mega-menu>.sub-menu {
		background-image: url()
	}

	.seo-menu>.sub-menu {
		background-image: url(https://www.nwesource.com/wp-content/uploads/seo-menu.jpg);
		background-repeat: no-repeat;
		background-position: 98% 94%;
		z-index: 99999;
		background-size: 200px
	}

	.web-design>.sub-menu {
		background-image: url(https://www.nwesource.com/wp-content/uploads/backimg-01.jpg);
		background-repeat: no-repeat;
		background-position: 101% 100%;
		z-index: 99999;
		background-size: 450px
	}

	/* AI Services: make dropdown behave like the "good" menus (SEO/Web Design),
	   but remain a single-column panel with room for the background image.
	*/
	#top-menu li.ai-menu > ul.sub-menu {
		background-image: url(https://www.nwesource.com/wp-content/uploads/backimg-01.jpg) !important;
		background-repeat: no-repeat !important;
		background-position: 100% 100% !important;
		background-size: 300px !important;
		background-color: #fff !important;
		z-index: 99999 !important;
		width: 420px !important;
		padding-right: 220px !important; /* keep the image area clean on the right */
		padding-left: 0 !important;
	}

	/* Remove any per-link background blocks so the BG image isn't masked */
	#top-menu li.ai-menu > ul.sub-menu > li > a {
		background: transparent !important;
	}

	/* AI Services: icons should be ONE per item (match the existing system) */
	#top-menu li.ai-menu > ul.sub-menu > li > a:before {
		font-family: etmodules !important;
		margin-right: 10px !important;
	}
	#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241518 > a:before { content: '\\e01a' !important; } /* AI-Enhanced Web Design */
	#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241516 > a:before { content: '\\e0e6' !important; } /* AI Content Generation */
	#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241517 > a:before { content: '\\e02c' !important; } /* AI Chatbot */

	#top-menu li.mega-menu>ul>li>ul>li {
		color: #2ea3f2 !important;
		background-color: transparent !important
	}

	.menu-item-has-children:hover .sub-menu {
		opacity: 1;
		margin-top: 0
	}

	.sub-menu-head-item .sub-menu .menu-item:hover a {
		color: #2ea3f2 !important
	}

	#top-menu li a {
		font-size: 14px !important
	}
}

/* AI Services dropdown styling for typical desktop widths (Divi breakpoints) */
@media(min-width:1024px) {
	#top-menu li.ai-menu > ul.sub-menu {
		background-image: url(https://www.nwesource.com/wp-content/uploads/backimg-01.jpg) !important;
		background-repeat: no-repeat !important;
		background-position: 100% 100% !important;
		background-size: 300px !important;
		background-color: #fff !important;
		z-index: 99999 !important;
		width: 420px !important;
		padding-right: 220px !important;
		padding-left: 0 !important;
	}
	#top-menu li.ai-menu > ul.sub-menu > li > a {
		background: transparent !important;
	}
	#top-menu li.ai-menu > ul.sub-menu > li > a:before {
		font-family: etmodules !important;
		margin-right: 10px !important;
	}
	#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241518 > a:before { content: '\\e01a' !important; }
	#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241516 > a:before { content: '\\e0e6' !important; }
	#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241517 > a:before { content: '\\e02c' !important; }
}

#top-header .menu-item-has-children .sub-menu .menu-item {
	margin-left: 0 !important;
	padding: 0 8px !important
}

#top-header .menu-item-has-children .sub-menu {
	width: 200px !important;
	background-color: #053065
}

@media(max-width:1023px) {
	div#et_mobile_nav_menu {
		margin-top: 0 !important
	}

	body div#et-top-navigation {
		background: #fff !important;
		width: 85% !important;
		margin-left: 7.5% !important;
		padding-top: 10px !important;
		margin-bottom: 10px
	}

	li#menu-item-1807 b,
	#menu-item-2504 b,
	li#menu-item-3089 b,
	li#menu-item-3172 b {
		display: block
	}

	.header-topline {
		display: none
	}

	.et_header_style_centered .et_mobile_menu {
		top: 40px
	}

	div#acurax_si_widget_simple {
		text-align: left !important
	}

	header#main-header {
		box-shadow: none !important
	}

	#main-header .et_mobile_menu ul.sub-menu {
		display: none !important;
		visibility: hidden !important;
		transition: all 1.5s linear
	}

	#main-header .et_mobile_menu .menu-item-has-children>a {
		background-color: transparent;
		position: relative
	}

	#main-header .et_mobile_menu .menu-item-has-children>a:after {
		font-family: etmodules;
		text-align: center;
		speak: none;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		position: absolute
	}

	#main-header .et_mobile_menu .menu-item-has-children>a:after {
		font-size: 16px;
		content: '\4c';
		top: 13px;
		right: 10px
	}

	#main-header .et_mobile_menu .menu-item-has-children.visible>a:after {
		content: '\4d'
	}

	#main-header .et_mobile_menu .visible>ul.sub-menu {
		display: block !important;
		visibility: visible !important
	}
}


@media(max-width:767px) {
	.et_menu_container div#et-info {
		display: flex;
		flex-direction: column;
	}

	#main-header .et_mobile_menu li ul,
	.et_pb_fullwidth_menu .et_mobile_menu li ul {
		display: none !important
	}

	.et_header_style_centered #main-header {
		padding: 0 !important
	}

	.container.clearfix.et_menu_container {
		padding-top: 0 !important
	}

	span#et-info-phone,
	.et-info>a {
		display: table-cell;
		width: 100% !important;
		max-width: 100%;
		padding-bottom: 10px;
		margin: auto;
	}

	.logo_container {
		width: 60%;
		display: block;
		text-align: center;
		margin: auto;
		max-width: 100%
	}

	#main-header .container #et-info span,
	.logo_container {
		min-width: 120px;
		margin: auto;
		/* margin-right: 20px; */
	}

	.et_menu_container {
		display: flex !important;
		justify-content: center;
		align-items: center;
	}

	a {
		font-size: 15px
	}

	h1 {
		font-size: 35px !important
	}

	h2 {
		font-size: 28px !important
	}

	h3 {
		font-size: 18px !important
	}

	h4 {
		font-size: 15px !important
	}

	.ginput_container.ginput_container_text input,
	.ginput_container.ginput_container_email input,
	.ginput_container.ginput_container_phone input {
		padding: 5px !important
	}

	.gform_button {
		padding: 5px 0 !important
	}

	p.button-like {
		width: 100% !important;
		margin-left: 0% !important;
		margin-top: 0 !important;
		padding: 10px
	}

	.logo_container {
		display: flex;
		padding-right: 20px!important;
	}	
}

div#text-52 .textwidget p,
p.tweet-text,
p.tweet-text a,
span.rpwwt-post-title {
	font-size: 14px;
	line-height: 23px
}

p.tweet-details time {
	font-size: 13px;
	vertical-align: top
}

.sub-menu .menu-item a:before {
	font-family: etmodules;
	margin-right: 5px
}

#menu-item-1807>a {
	padding: 6px 10px 6px 20px !important
}

#top-menu li.mega-menu>ul>li>a:first-child {
	padding-top: 6px !important
}

#main-header .nav li ul a:before {
	font-family: etmodules;
	margin-right: 10px
}

.sub-menu #menu-item-5416 a:before {
	content: '\e00d'
}

.sub-menu #menu-item-1805 a:before {
	content: '\e0b0'
}

.sub-menu #menu-item-1806 a:before {
	content: '\e074'
}

.sub-menu #menu-item-5946 a:before {
	content: '\e0b2'
}

.sub-menu #menu-item-5488 a:before {
	content: '\e0f7'
}

.sub-menu #menu-item-5709 a:before {
	content: '\e06e'
}

.sub-menu #menu-item-2502 a:before {
	content: '\e08b'
}

.sub-menu #menu-item-4081 a:before {
	content: '\e0e6'
}

.sub-menu #menu-item-4648 a:before {
	content: '\e056'
}

.sub-menu #menu-item-1820 a:before {
	content: '\e035'
}

.sub-menu #menu-item-2628 a:before {
	content: '\e033'
}

.sub-menu #menu-item-3043 a:before {
	content: '\e109'
}

.sub-menu #menu-item-3044 a:before {
	content: '\e0b0'
}

.sub-menu #menu-item-5954 a:before {
	content: '\e01a'
}

.sub-menu #menu-item-5366 a:before {
	content: '\e00b'
}

.sub-menu #menu-item-5383 a:before {
	content: '\e00c'
}

.sub-menu #menu-item-1442 a:before {
	content: '\e02a'
}

.sub-menu #menu-item-1780 a:before {
	content: '\e01a'
}

.sub-menu #menu-item-2017 a:before {
	content: '\e030'
}

.sub-menu #menu-item-1783 a:before {
	content: '\e0ea'
}

.sub-menu #menu-item-1787 a:before {
	content: '\e08a'
}

.sub-menu #menu-item-932 a:before {
	content: '\e005'
}

.sub-menu #menu-item-5318 a:before {
	content: '\e0aa'
}

.sub-menu #menu-item-3165 a:before {
	content: '\6a'
}

.sub-menu #menu-item-3168 a:before {
	content: '\5a'
}

.sub-menu #menu-item-3169 a:before {
	content: '\55'
}

.sub-menu #menu-item-3170 a:before {
	content: '\e090'
}

.sub-menu #menu-item-3171 a:before {
	content: '\e02c'
}

.sub-menu #menu-item-3167 a:before {
	content: '\e029'
}

.sub-menu #menu-item-5320 a:before {
	content: '\e035'
}

.sub-menu #menu-item-5321 a:before {
	content: '\e0fb'
}

.sub-menu #menu-item-5322 a:before {
	content: '\e033'
}

.sub-menu #menu-item-5323 a:before {
	content: '\e038'
}

.sub-menu #menu-item-5324 a:before {
	content: '\e02b'
}

div#gform_wrapper_17 {
	margin-top: 0 !important
}

h2.homepage-contact-form {
	text-align: center;
	margin-bottom: 0 !important
}

.homepage-contact-form span {
	color: #053065
}

a.ctf-author-name,
.ctf-tweet-meta,
p.ctf-tweet-text,
a.ctf-tweet-date,
p.ctf-tweet-text a {
	font-size: 15px !important
}

div.ctf-item {
	padding: 5px !important
}
/* Branding menu: add icons for Photography + Video (ETmodules) */
.sub-menu #menu-item-5315 a:before { content: "\\e075"; } /* camera */
.sub-menu #menu-item-5314 a:before { content: "\\e024"; } /* film/video */