/* == Main Menu Responsive == */

#nyma-mainmenu-responsive-icon {
	display:none;
	height:60px;
    line-height:60px;
    border-right:1px solid #d1d1d1;
    text-align: center;
    width:60px;
    i.fa {
        font-size:15px;
		line-height:60px;
    }
	
}
#nyma-mainmenu-responsive-icon:hover {
	cursor:pointer;
	color:$link-hover;
}
.section-main-menu-responsive {
	display:none;
	
}
.mainmenu-responsive-container {
	
	background:#000000;
}
#mainmenu-responsive {
	@include ul-reset(0);
	
	>li {
		a {
			padding:0 20px;
		}
	}
	li {
		width:100%;
		a {
			color:#ffffff;
			width:100%;
			display:inline-block;
			:hover {
				color: $link-hover;
			}
		}
		
		span.sub-toggle {
			float:right;
			width:40px;
			text-align:center;
			background:$link-hover;
			cursor:pointer;
		}
		span.sub-toggle:hover {
			background:#4444cc;
		}
		a:hover {
			background:$link-hover;
		}
	}
	
}


#mainmenu-responsive {
  
}

#mainmenu-responsive ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display:none;
}

#mainmenu-responsive li {
    display: inline-block;
    line-height: 40px;
    position: relative;
	margin-bottom:1px;
}
#mainmenu-responsive li span {
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	font-size:25px;
	color:#ffffff;
	
	:hover {
		cursor:pointer;
	}
}
#mainmenu-responsive ul {
	margin-top:1px;
}
#mainmenu-responsive ul li {
	padding-left:10px;
	margin-bottom:1px;
}

@media (max-width: 991px) {
	#nyma-mainmenu-responsive-icon {
		display: block;
	}
}