/*reset*/

* {
	margin: 0px;
	}
/* For mobile phones: */
	/*layout, if needed, add .pxx classes with the appropriate percentages */
	#container { width: 95%; ; margin-left: auto; margin-right: auto;}
	.p100, .p75, .p67, .p50, .p33, .p25 { width: 100%; }
	
/*module*/
	.mobile-no-show {
	   display: none;
	}
	.mobile-do-show {
	   display: initial;
	}
/*menu*/	
	#nav {
	    position: relative;
	    clear: both;
	}
	.toggleMenu {
		display: block;
	}
	.toggleMenu+.menu {
	    display: none;
	}
	.toggleMenu.hover+.menu {
	    display: inline;
	}
	
	.menu {
	    position: absolute;
	}
    .nav.menu, .nav-child {
        list-style-type: none;
        padding: 0;
        width: 100%;
    }
	.nav>li {
	    float: none;
	}
	li>ul.nav-child {
	    display: none;
	    position: relative;
	}
	li:hover>ul.nav-child, li.hover>ul.nav-child {
	    display: block;
	}
	.nav-child>li:hover>ul.nav-child, .nav-child>li.hover>ul.nav-child {
	    left: 0;
	}
	ul.nav-child li {
	    white-space: nowrap;
	}
	li.parent>a:after {
	    content: "\2c5";
	    float: right;
	}

	
/* For tablet: */
@media only screen and (min-width: 600px) {
}
/* For desktop: */
@media only screen and (min-width: 1024px) {
	#container { width: 1024px; margin-left: auto; margin-right: auto;}
	/*layout, if needed, add .pxx classes with the appropriate percentages, also do add them under "For mobile phones and For tablet" */
	.p100{ width: 100%; float: left;}
	.p75 { width: 75%; float: left; }
	.p67 { width: 66.7%; float: left; }			
	.p50 { width: 50%; float: left; }
	.p33 { width: 33.3%; float: left; }
	.p25 { width: 25%; float: left; }
/*module*/
    .mobile-no-show {
    	display: inline;
	}
    .mobile-do-show {
    	display: none;
	}	
/*menu*/
	.toggleMenu {
	    display: none;
	}
	.toggleMenu+.menu {
	    display: inline;
	}
	.menu {
	    position: relative;
	}
    .nav, .nav-child {
        width: auto;
    }	
	.nav>li {
	    float: left;
		position: relative;
	}
	li>ul.nav-child {
	    position: absolute;
	}
	li:hover>ul.nav-child, li.hover>ul.nav-child {
	    display: block;
	    z-index: 99999;
	}
	.nav-child>li:hover>ul.nav-child, .nav-child>li.hover>ul.nav-child {
	    display: inline;
	    left: 100%;
	}
	li.parent>a:after {
	    content: none;
	}
	
}