Soucis de plusieurs css

Bonjour à tous,

Voilà rencontrant un souci de positionnement via plusieurs résolutions d'écran, j'ai décidé de créer un css par résolution. Le souci est qu'il m'en prend qu'un seul.

Si quelqu'un aurais l'aimable attention de m'aider ou me diriger dans la bonne direction cela serais gentil.

L'intégration est :

<link rel="stylesheet" type="text/css" href="prog/style.css" />
<link rel="stylesheet" type="text/css" media="(max-width: 1024px)" href="prog/1024.css" />
<link rel="stylesheet" type="text/css" media="(max-width: 1366px)" href="prog/1366.css" />

CSS 1024 :

@media (max-width: 1024px) {.menu {
	position:absolute;
	top:38.7%;
	left:6.5%;
	font-weight:bold;
	font-size:22px;
	z-index:3;
	width:188px;
	height:274px;
}
}

CSS 1366 :

@media (max-width: 1366px) {.menu {
	position:absolute;
	top:38.7%;
	left:9%;
	font-weight:bold;
	font-size:22px;
	z-index:3;
	width:188px;
	height:274px;
}
}

Merci d'avance