.header {
display:none;
padding-top:1px;
}

.header .logo {
position:absolute;
left:50%;
top:10px;
width:50px;
margin-left:-25px;	
}

    .mopen {
	 width:20px;
	 height:20px;
	 display:block;
	 position:absolute;
	 left:35px;
	 top:35px;	 	
	 z-index:300;
	 cursor:pointer;
	}    
	.mopen .rb {
	 display:block;	
	 width:100%;
	 height:1px;
	 margin-top:5px;
	 border-radius:5px;
	 background-color:#ffffff;
	 transition:all .3s;
	 -webkit-transition:all .5s	;	 
	}
	.mopen[class~=active] .rb-1 {
	  	transform:rotate(-45deg) translateY(5px);
		-webkit-transform:rotate(-45deg) translateY(5px);
	}
	.mopen[class~=active] .rb-2 {
	  	display:none
	}
	.mopen[class~=active] .rb-3 {
			transform:rotate(45deg)  translateY(-5px);
		-webkit-transform:rotate(45deg) translateY(-5px);
	  	
	}	

.mbox {
 display:block;	
 width:90%;
 margin-left:5%;
}

.mbox .seg {
 display:block;
 height:100px;
}

.mbox a{
 display:block;
 font-size:10pt;
 padding:15px 0px;
 color:#ffffff;
 font-weight:bold;
 text-align:left;
 border-bottom:1px solid #ffffff;
 text-decoration:none;
 xfont-family:"Noto Serif",sans-serif;
}
.mbox a.nobdr {
border-bottom:0px solid #ffffff;	
}


.mbox .mpane a {
 margin-left:20px;
}


.mbox a:hover{
 color:#660000
}

.mbox a .fa {
  float:right;
  margin-right:20px;
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
}

.mbox a.active .fa {
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}




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

}

} /*end w1600*/
@media screen  and (max-width: 1350px) {


} /*end w1200*/
@media screen  and (max-width: 1200px) {




} /*end w1200*/
@media screen  and (max-width: 1080px) {


} /*end w1080*/

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

.header {
display:block;
min-height:100px;
background-color:#000000;
}

} /*end w960*/

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


} /*end w800*/
@media screen  and (max-width: 640px) {


} /*end w640*/
@media screen  and (max-width: 480px) {


} /*end w480*/
@media screen  and (max-width: 320px) {


} /*end w320*/