Olá Amigos, boa tarde.
Meu nome é Mari e estou iniciando na programação.
Estou tentando construir o meu primeiro site em HTML5, CSS3 e PHP, utilizando o Notepad++.
No entanto, estou tendo problema com a propriedade Padding-left na hora de estilizar o menu responsivo para Desktop. O Padding- left de 25% não está funcionando. 
Já revisei esse código, várias vezes e sinceramente não sei o que estou fazendo de errado.
Será alguém poderia me ajudar.
Segue o código do CSS: (meu problema está no último pacote)
//* Vale para todas as resoluções*//
body {margin:0;padding:0;}
header{width:100%;}
main{width:100%;}
footer{width:100%;}
ul{margin:0; padding:0; list-style:none;}
nav{float:left; width:100%;background:#000000;font-weight:bold;font-family:verdana, sans-serif;color:#FFFFFF;}
nav li{float:left; padding:20px; }
//* Para Smarthphone*//
@media only screen (max-width:480px) {
nav{height:50px;}
nav li:{width:100%;}
}
//* Para Tablet*//
@media only screen (min-width:481px) {
nav{height:80px;}
nav li:{width:100%;}
}
//<em>Para Desktop</em>//
@media only screen (max-width:769px) {
nav{height:100px; padding-left:25%;}
nav li:{width:15%; text-align:center;}
}