Menu Not Displaying

[igains]

Hi Friends,
I having an trouble that My website menu didn't displaying when we browse through mobile devices. I researching from 15 days and checked everything but i didn't know why it is not displaying.

[UcakUcak]

my code

/* #Mobile versiyon
================================================== */
@media only screen and (max-width: 767px) {

Kodlar burada yer alacak

}
/* #Mobil orta versiyon
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

Kodlar burada yer alacak

}

/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

Kodlar burada yer alacak

}


#container{
width:950px;
margin:0px auto 300px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:100px;
}

#header{
width:950px;
height:110px;
background-color:#222222;
padding:0px 13px;
position: fixed;
top:0px;
left:40px;
margin: 0 0 0 0px;
}


/* #Mobil versiyonu
================================================== */
@media only screen and (max-width: 767px) {

#container{
width:350px;
margin:0px auto 1px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:50px;
}

#header{
width:350px;
height:70px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}

}
/* #Mobil orta versiyon
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#container{
width:500px;
margin:0px auto 5px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:70px;
}

#header{
width:500px;
height:90px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}

}

/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#container{
width:768px;
margin:0px auto 10px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:100px;
}

#header{
width:768px;
height:100px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}

}

[botg]

Why not have one version for all devices?