media sur mon site

bonjour,

je voulais savoir votre avis pas su mon site mais juste sur le design respensive :

http://leprojet.legtux.org/index.html

pour l'instant j'ai mis ce media

@media screen and (max-width: 980px)
{
/* propriétés pour tablette */
}
@media screen and (max-width: 625px)
{
/* propriétés pour mobile */
      #menu
      {
      width:auto;
      float: none;
      padding-right: 10px;
      padding-bottom: 20px;
      font-size:11px;
      position:relative;

      }
      .accordeon
      {
      width:none;
      float: none;
      padding-right: 10px;
      padding-bottom: 20px;
      font-size:11px;
      position:relative;

      }
      .menu 
      {
          display:none;

      }
      #content, #global, #menu,#header
      {
        width:100%;
      }

}
@media screen and (max-width: 400px)
{
/* propriétés pour mobile */
      #menu
      {
      width:auto;
      float: none;
      padding-right: 10px;
      padding-bottom: 20px;
      font-size:11px;
      position:relative;

      }
      .accordeon
      {
      width:none;
      float: none;
      padding-right: 10px;
      padding-bottom: 20px;
      font-size:11px;
      position:relative;

      }
      .menu 
      {
          display:none;

      }
      #content, #global, #menu,#header
      {
        width:100%;
      }
}

et mon frère a donné :

//Portable et tablette
@media (min-width: 768px) and (max-width: 979px) {
}

//Portable et tablette
@media (max-width: 767px) {
}
//Grds ecrans ordinateurs
@media (min-width: 1200px) {

}
//Portables
@media (max-width: 480px) {
}

//Portables et tablettes
@media (max-width: 979px) {
;
  }

//ecrans ordinateurs
@media (min-width: 980px) {
}

je voulais savoir si vous pouvez m'aider quand c'est portait ou paysage et pk pas a côté mettre tout les nom des portables correspond a la taille si c'est pour samsug s1 ou 2 ou 3 etc...

c'est juste pour que je saches

merci