@media screen and (max-width:767px)
{  
#MOBILENAV  
{   
float:right;
display:block;
color:#f9f9f9;
padding:20px 10px;
cursor:pointer;    
}
.mnu
{
width:100%;
float:left;
overflow:hidden;
height:0px;            
}
.nav-hold ul li{ width:100%;}
#header .nav ul li.black{border-top:0px}
#header .nav ul li.red{ border-top:0px}
#header .nav ul li.green{ border-top:0px}
#header .nav ul li.blue{ border-top:0px}
#header .nav ul li.orange{ border-top:0px}
#header .nav ul li.pink{ border-top:0px}
#header .nav ul li.violt{ border-top:0px}
#header .nav ul li.greeny{ border-top:0px}
#header .nav ul ul{ opacity: 1;filter: alpha(opacity=10); border:1px solid #ccc}
.open{ height:auto;}
#container .slider-news .slider{ width:100%; float:right;}
#container .slider-news .about{ width:100%; float:right; margin-top:5px;}
#container .slider-news .news-adv-pic .news{width:100%; float:right; margin-top:5px;}
#container .slider-news .news-adv-pic .adv{width:100%; float:right; margin-top:5px;}
#container .slider-news .news-adv-pic .pic{width:100%;  float:right; margin-top:5px;}
#readnews .title-leftnews .title { width:100%; float:right;}
#readnews .title-leftnews .leftnews { width:100%; float:right;}
}
@media screen and (max-width:400px)
{
#header .navtop{ display:none;}
}