@media screen and (min-width: 769px) and (max-width: 1024px) {

  li {
    	margin: 0px 5px;
  }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	#first, #five {
		display: none;
	}

	li {
	    margin: 0px 0px;
	}

	.onas {
		font-size: 15px;
	}
}

@media screen and (min-width: 480px) and (max-width: 510px) {
	.middlename {
		padding: 30px 10px;
	}
}

@media screen and (max-width: 479px) {
	#first, #third {
		display: none;
	}

	li {
	    margin: 0px 0px;
	}

	.f1, .f2 {
		padding: 30px 15px;
	}

	#five {
		float: none;
	}

	.onas {
		font-size: 15px;
	}

	.inst {
		margin-left: 5px;
	}

	ul {
		padding-top: 0px;
	}
}