.dropdown-menu {
	opacity:0 !important;
}
.dropdown.open > .megamenu {
	opacity:1  !important;
}
.megamenu {
	transition:all 0.3 ease !important;
}
.megamenu .row { 
	width: 100%;
	/* bootstrap reset! */
	margin-left:0px;
	margin-right:0px;
}
.megamenu .row:first-child { margin-top: 0 }
.megamenu .row:after,
.megamenu .row:before { display: table;content:"";line-height:0 }
.megamenu .row:after { clear: both }
.megamenu .row .col1,
.megamenu .row .col2,
.megamenu .row .col3,
.megamenu .row .col4 { 
	display: block;
	float:left;
	text-align: left;
	padding:0 !important;
}
.megamenu .row [class*=col]:first-child { margin-left: 0 }
.megamenu .row .col1 { width: 25%; }
.megamenu .row .col2 { width: 50% }
.megamenu .row .col3 { width: 75% }
.megamenu .row .col4 { width: 100% }
.megamenu li {
	float: none;
	display: block;
	width: 100%;
	overflow: hidden;
}
.megamenu .header {
	border-bottom: none !important;
}
.megamenu li a,
.megamenu .row a {
	font-weight:normal !important;
	display: block;
	clear: both;
	line-height: 1.42857;
	color: #333;
	white-space: nowrap;
	padding: 6px 15px !important;
		text-decoration: none;
}
.megamenu li a:hover,
.megamenu .row a:hover {
	text-decoration:none !important;
	background:#687074;
	color:#fff;
	transition: background 0.3s ease;
	
}
@media (min-width:1023px){
	.mega1 {
		margin-left: -175px !important;
		
	}
	
}


@media (min-width:767px) { 
	.mega1 {
		width: 600px;
		margin-left: 0px;
	}
}

@media (max-width: 600px) { 
	.mega1 {
		margin-left: 0px;
	}
}

@media (max-width: 480px) { 
	.mega1 {
		margin-left: 0px;
	}
	
	.megamenu .col1.header {
		color: #687074 !important;
		font-size: 11px !important;
		padding: 4px 12px !important;
	}
	.megamenu div,
	.megamenu div a {
		font-size:10px;
	}
	
	.megamenu div a {
		padding:4px 12px !important;
	}
	
	.megamenu .row .col1 {
		width: 24%;
	}
	
	.megamenu .row .col3 {
		width: 72%;
	}
	
	
	
}