@media (max-width: 767px) {
	
	#menu {
		position: fixed;
		width: 100%;
		top: 0px;
	}

	#menu ul {
	  margin: 0;
	  padding: 0;
	}

	#menu .main-menu {
	  display: none;
	}

	#toggle-menu{
		font-size:1.1em;
	}
	
	#tm:checked + .main-menu {
	  display: block;
	}

	#menu input[type="checkbox"], 
	#menu ul span.drop-icon {
	  display: none;
	}

	#menu li, 
	#toggle-menu, 
	#menu .sub-menu {
	  border-style: solid;
	  border-color: rgba(0, 0, 0, .05);
	}

	#menu li, 
	#toggle-menu {
	  border-width: 0 0 1px;
	}

	#menu .sub-menu {
	  background-color: #444;
	  border-width: 1px 1px 0;
	  margin: 0 1em;
	}

	#menu .sub-menu li:last-child {
	  border-width: 0;
	}

	#menu li, 
	#toggle-menu, 
	#menu a {
	  position: relative;
	  display: block;
	  color: white;
	}

	#menu, 
	#toggle-menu {
	  background-color: #016263;
	}

	#toggle-menu, 
	#menu a {
		padding: 14px 20px;
	}

	#menu a {
	  transition: all .125s ease-in-out;
	  -webkit-transition: all .125s ease-in-out;
	}

	#menu a:hover {
	  background-color: white;
	  color: #09c;
	}

	#menu .sub-menu {
	  display: none;
	}

	#menu input[type="checkbox"]:checked + .sub-menu {
	  display: block;
	}

	#menu .sub-menu a:hover {
	  color: #444;
	}

	#toggle-menu .drop-icon, 
	#menu li label.drop-icon {
	  position: absolute;
	  right: 1.5em;
	  top: 1.1em;
	}

	#menu label.drop-icon, #toggle-menu span.drop-icon {
		width: 40px;
		height: 40px;
		margin-top: -13px;
	}

	#menu .drop-icon {
	  line-height: 1;
	}

}