.toggle{
  display: none;
  }
 
@media only screen and (max-width: 800px) {
body{
	background-color:#203936;
	background-image:url('images/overlay.png'),url('../images/bg-alt.jpg');
	background-repeat:repeat,no-repeat;
	background-size:auto,100% auto;
	background-position:top left,top center;
	background-attachment:scroll,scroll;
}

#top-menu{
  font-size: 8pt;
  line-height: 1.8em;
  }
#banner .contpho li {
	float:left;
	width:50%;
}

#banner .contpho .A {
	display: none;
}
#banner .contpho .B {
	max-width:290px;
	width:100% !important;
}
#banner .contpho .C {
	max-width:290px;
	width:100% !important;
}
}

@media only screen and (max-width: 640px) {
.toggle{
  display: block;
  }
.togpc{
  display: none;
  }
#top-menu{
  display: none;
  font-size: 12pt;
  }
#top-menu li{
  width: 100%;
padding:0;
margin:0;
border-bottom: dotted 1px rgba(255,255,255,0.5);
  }
#top-menu li a{
  width: 100%;
display:block;
text-decoration:none;
padding:10px 20px 10px;
  }
.longmenu{
  height:100%;
  padding:0;
}
ul.menu .logo{
  float:none;
  text-align:center;
}

.tmn{
  display: block;
  position: relative;
  width: 100%;
  background:#16A085;
  z-index:9999;
}
.tmn a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.tmn:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
.tmn a:before, .tmn a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background:#16A085;
  }
.tmn a:before{
    margin-top: -6px;
  }
.tmn a:after{
    margin-top: 2px;
  }

#banner .contpho li {
	float:left;
	width:100%;
}

#banner .contpho .B {
	max-width:290px;
	width:100% !important;
}
#banner .contpho .C {
	max-width:290px;
	width:100% !important;
}

}