@media (min-width: 992px){

    #mobile-menu-btn{
		display:none;	
	}
	
	#mainmenu{
	}
	
    #mainmenu ul.menu {
        margin: 0;
        padding: 0;
		text-align: left;
		background: #2d2d2d;
    }

    #mainmenu ul.menu li {
        margin:0;
        padding:0;
        display:inline-block;
        position:relative;
        list-style:none;
    }

/*
  	#mainmenu ul.menu li:last-child{
    	float: right;  
  	}
*/
  
    #mainmenu ul.menu li a,
    #mainmenu ul.menu li .separator{
        padding:0 18px;
        line-height:50px;
        color:#fff;
		font-family: 'Open Sans', sans-serif;
        font-weight:600;
        text-decoration:none;
        font-size:14px;
        display:block;
        text-transform:uppercase;
		transition: background-color 0.5s ease;
    }

    #mainmenu ul.menu li.parent a:after,
    #mainmenu ul.menu li.parent .separator:after{
        content:'\f107';
        font-family:'FontAwesome';
        font-weight:100;
		position: absolute;
		top: 15px;
		left: 49%;
    }
  
  	#mainmenu ul.menu li a.icon-virus{
    	background: #f3252c;  
  	}
  
    #mainmenu ul.menu li a.icon-virus img{
        padding-right: 10px;
    }

    #mainmenu ul.menu li .separator:hover,
    #mainmenu ul.menu li a:hover,
    #mainmenu ul.menu li a:focus{
        color:#fff;
        text-decoration:none;
        cursor:pointer;
        outline:none;
		transition: background-color 0.5s ease;
    }

    #mainmenu ul.menu li.active .separator,
	#mainmenu ul.menu li.active a{
		color: #fff;
		transition: background-color 0.5s ease;
	}
	
    #mainmenu ul.menu ul {
        display:none;
		transition: all 0.5s;
    }

    /**level 2 **/
    #mainmenu ul.menu li:hover ul{
        display:block;
		transition: all 0.5s;
    }

    #mainmenu ul.menu ul {
        width:300px;
        float:left;
        position:absolute;
        top:50px;
        left:0;
        z-index:9999;
        margin:0;
    }

    #mainmenu ul.menu li ul li{
        margin:0;
		padding: 0;
		display: block;
    }
	
  	#mainmenu ul.menu li ul li:last-child{
        float: none;
    }
  
    #mainmenu ul.menu ul li a{
        margin: 0px;
        line-height: 150%;
        padding: 10px 15px;
        color:#fff;
        font-size: 14px;
        background: none;
		text-align: left;
        text-transform:capitalize;
		border: none;
		display: block;
    }

    #mainmenu ul.menu li.parent ul li a:after{
        content:'';
        font-family:'FontAwesome';
        padding-left:0;
    }

    #mainmenu ul.menu li.active ul li a{
        background:none;  
        color:#fff;
		border: none;
    }

    #mainmenu ul.menu li:hover ul li:hover a {
        color:#fff;
		background: #2d2d2d;
		border: none;
    }

    #mainmenu ul.menu li ul li.active a, #mainmenu ul.menu li:hover ul li.active a {
        color:#fff;
		background: #2d2d2d;
		border: none;
    }

    /*** LEVEL 3 ***/

    #mainmenu ul.menu li ul li ul {
        display:none !important;
    }
	
}

#mobile-menu-content {
	display: none;
	position: fixed;
	height: 100%;
	overflow: scroll;
	top: 0;
	right: 0;
	width: 300px;
	padding: 15px;
	margin: 0;
	list-style: none;
	background: #333;
	z-index: 999; /* Make sure the z-index is lower than the #page */
}

#mobile-menu-content ul{
	margin: 0;
	padding: 0 0 50px;
}

#mobile-menu-content ul ul{
  	padding: 0;
}

#mobile-menu-content ul.small{
	font-size: 14px;
}

#mobile-menu-content ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
  	position: relative;
}

#mobile-menu-content a,
#mobile-menu-content .separator{
	display: block;
	color: #fff;
	padding: 10px 15px;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.05 );
}

#mobile-menu-content a:hover,
#mobile-menu-content a:focus,
#mobile-menu-content .separator:hover,
#mobile-menu-content .separator:focus{
  	background: transparent;
	text-decoration: none;
}

#mobile-menu-content a.icon-virus {
    background: #f3252c;
}

#mobile-menu-content a.icon-virus:hover,
#mobile-menu-content a.icon-virus:focus{
  	color: #fff;
}

#mobile-menu-content a.icon-virus img{
  	padding-right: 10px;
}

@media (max-width: 991px) {
		
	#mobile-menu-btn {
		display: block;
		font-size: 0;
		font-weight: 400;
		left: 50%;
		line-height: 36px;
		margin-left: 320px;
		padding: 0 15px;
		position: absolute;
		text-decoration: none;
		text-transform: uppercase;
		top: 45px;
	}
	
	#mobile-menu-btn:after{
		content:'\f0c9';
		font-family:'FontAwesome';
		font-size: 30px;
	}
	
	#mobile-menu-btn > a,
	#mobile-menu-btn > a:hover,
	#mobile-menu-btn > a:focus{
		color: #fff;
		text-decoration: none;
		outline: none;
	}
	
	/* Animations */

	#page, #mobile-menu-content {
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}

	/* Hide the menu unless it's animating or visible */
	.animating #mobile-menu-content, .menu-visible #mobile-menu-content {
		display: block;
	}

	/***
	* If the animating class is present then apply
	* the CSS transition to #page over 250ms.
	*/
	.animating #page {
		transition: transform .25s ease-in-out;
		-webkit-transition: -webkit-transform .25s ease-in-out;
	}

	/***
	* If the left class is present then transform
	* the #page element 240px to the left.
	*/	
	.animating.left #page {
		transform: translate3d( -240px, 0, 0 );
		-webkit-transform: translate3d( -240px, 0, 0 );
	}

	/***
	* If the right class is present then transform
	* the #page element 240px to the right.
	*/
	.animating.right #page {
		transform: translate3d( 240px, 0, 0 );
		-webkit-transform: translate3d( 240px, 0, 0 );
	}

	/***
	* If the menu-visible class is present then
	* shift the #page 240px from the right edge
	* via position: absolute to keep it in the 
	* open position. When .animating, .left and
	* .right classes are not present the CSS
	* transform does not apply to #page.
	*/
	.menu-visible #page {
		right: 300px;
	}
	
}

@media (max-width: 767px) {
	#mobile-menu-btn{
		margin: 0;
		left: auto;
		right: 15px;
	}	
}

#mobile-menu-content ul.menu li.parent span.arrow{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 2;
	cursor: pointer;
  	text-align: right;
}

#mobile-menu-content ul.menu li.parent ul.nav-child li.parent span.arrow{
	display: none;
	height: auto;
	line-height: 150%;
  	text-align: right;
}

#mobile-menu-content ul.menu li.parent span.arrow:before{
	content: '\f054';
	font-family: 'FontAwesome';
}

#mobile-menu-content ul.menu li.parent.active span.arrow:before{
	content: '\f078';
}

#mobile-menu-content ul.menu li.parent.active ul.nav-child li.parent span.arrow:before{
	content: '\f054';
}

#mobile-menu-content ul.menu li.parent.active ul.nav-child li.parent.active span.arrow:before{
	content: '\f078';
}

#mobile-menu-content ul.menu li.parent ul.nav-child{
	display: none;
}

#mobile-menu-content ul.menu li.parent.active ul.nav-child{
	display: block;
}

#mobile-menu-content ul.menu li.parent.active ul.nav-child li.parent ul.nav-child{
	display: none;
}

#mobile-menu-content ul.menu li.parent.active ul.nav-child li.parent.active ul.nav-child{
	display: none;
}

/***/

#mobile-menu-content ul.nav-child{
	padding: 10px 10px 0;
}

#mobile-menu-content ul.nav-child li a,
#mobile-menu-content ul.nav-child li .separator{
	font-weight: 300;
	padding: 0 0 0 15px;
	border: none;
	border-left: solid 3px transparent;
	margin: 5px 0;
	line-height: 150%;
	display: inline-block;
	text-transform: initial;
}

#mobile-menu-content ul.nav-child li.active a,
#mobile-menu-content ul.nav-child li.active .separator{
	border-left: solid 3px #fff;
}

#mobile-menu-content ul.nav-child li ul.nav-child{
	padding-bottom: 5px;
}

#mobile-menu-content ul.nav-child li ul.nav-child li a{
	border-left: solid 3px transparent;
	padding: 0 0 0 15px;
	margin-left: 15px;
}

#mobile-menu-content ul.nav-child li.active ul.nav-child li.active a{
	border-left: solid 3px #628fcc;
}