/***
	
	FILE NAME: nav-containerigation.css
	
	DESCRIPTION: Project specific CSS of nav-containerigation 

***/

/* [ Dropdown Menu ] Begins */

#nav-container > ul > li{
	width: 20%;
}

@media all and (min-width: 1000px) and (max-width: 1199px) { 
	#nav-container > ul > li
	{ 
		font-size: 14px !important;
	}
}
@media all and (min-width: 1px) and (max-width: 999px) { 
	#nav-container > ul > li
	{
		width: 100% !important;
	}
	#footer-nav div{
		width: 50% !important;
		padding: 5px 0; 
		 
	}
}

/* [ CUSTOM NAVS ] ENDS */

.nav-container-button-mobile{
	text-indent: 30px !important;
}
#nav-container ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: relative;
	z-index: 1000;
}
#nav-container ul ul{
	width: 100%;
}
#nav-container a{
	padding: 10px 0;
	width: 100%;
	display: block;
}			
#nav-container{
    /* container */
}
#nav-container > a{
	display: none;
}
#nav-container li{
	position: relative;
}

/* first level */

#nav-container > ul{
	margin: 0px;
	padding: 0px;
}
#nav-container > ul > li{
	height: 100%;
	float: left;
}

/* second level */

#nav-container li ul{
	display: none;
	position: absolute;
	top: 100%;
}
#nav-container li:hover ul{
	display: block;
}

#button-replace{
	display: none;
}
	
@media only screen and ( max-width: 60em ) /* 960 */ {
	
	#button-replace{
		display: block;
	}
	#button-replace div{
		padding-top: 5%;
		padding-bottom: 5%;
		padding-left: 5%;
		width: 95%;
		cursor: pointer;
	}
	.dn{
		display: none !important;
	}
		
    #nav-container {
        position: relative;
    }
    #nav-container > a {}
	#nav-container:not( :target ) > a:first-of-type, #nav-container:target > a:last-of-type{
        display: block;
    }
 
    /* first level */
 
    #nav > ul{
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
	#nav:target > ul{
		display: block;
	}
	#nav-container > ul > li{
		width: 100%;
		float: none;
	}
 
    /* second level */
 
    #nav li ul{
        position: static;
    }
	
}

/* [ Dropdown Menu ] Ends */