change padding menu for tablet display

css/design.css

@@ -395,12 +395,10 @@ Media Queries
 		text-align: center;
 		padding: 0;
 	}
-	#listMenu a{
-		padding-bottom: 5px;
-	}
 	#listMenu a:hover{
-		padding-bottom: 0;
+		padding-bottom: 2px;
 	}
+
 }
 
 @media all and (max-width: 500px){

site/layout/layout.php

@@ -18,6 +18,11 @@
 			background-color: #e3e3e3;
 			padding: 7px;
 		}
+		@media all and (max-width: 700px){
+			#listMenu a{
+				padding: 2px 2px 7px 2px;
+			}
+		}
 		@media all and (min-width: 500px){
 			#listMenu .selected{
 				padding-bottom: 2px;