@media only screen and (max-width: 768px) {


#left, #right, #adstop, #menudt, #adsbottom {
    display: none;
}

#head	{
   display: block;
    width: 100%;
    height: 50px;
    margin: 20px 0;
  background: white;
  color: #0a6204;  
}
/*
#head h1 {


}
*/
#menumb {
   display: block;
    width: 100%;
    height: 50px;
    margin: 20px 0;
  background: #0a6204;
  color: white;  
}


#cent {
    width: 100%;
}

#adsdt {
    display: none;
}

}

@media only screen and (min-width: 768px) {


#adstop {
    display: block;
    width: 100%;
    height: 100px;
    margin: 20px 0;
  background: white;
  color: black;

}

#menudt {
    display: block;
    width: 100%;
    height: 50px;
    margin: 20px 0;
  background: #0a6204;
  color: white;

}

#menumb {
    display: none;
}

#head	{
    display: none;
}

#left, #right, #cent {
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
}

#left {
    width: 20%;
}

#right {
    width: 30%;
}

#cent {
    width: 47%;
}

#adsbottom {
    clear: both;
    display: block;
    width: 100%;
    height: 200px;
    margin: 20px 0;
  background: white;
  color: black;
}


}