body{background:#f5f5f5}

.header{position:fixed;z-index:999;width:100%;background:#ff1493 ;min-height:50px; border-bottom:1px #888 inset;left:0;top:0;}
.header{background:#ffa500;border:none }

.nav{width:80%;float:right;height:35px;background:#;margin-top:6px;padding-top:0px}
ul li{list-style-type:none;}
div li{list-style-type:none;font-family:calibri;}
li{list-style-type:none;float:right;margin-right:0px;margin-left:0px;font-family:arial;}
button{border:none}
.toggle{color:;font-size:20px;display:none;margin-right:5px;height:30px;margin-top:5px}
.nav_btn{width:70px;border-left:1px rgba(0,0,0,0.1) solid;height:35px;background:rgba(0,0,0,0.8);color:#fff;line-height:35px;text-align:center;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);}
 a {text-decoration:none;font-size:11px;font-weight:bold;  color:#202020; }
.post_btn:after{content:"New"}
input[type=file]{width:5px;opacity:0;z-index:0;cursor:pointer;}
 input:focus,button{outline:none;}
 .sidenav{width:0px;height:100%;background:#ddd;position:fixed;overflow-x:hidden;top:0px;z-index:999990;left:0;transition:0.3s ease-out;}
.leftnav{text-align:center;width:100%;height:30px;line-height:30px;font-size:18px;color:#444;cursor:pointer}
.leftnav:hover{background:rgba(0,0,0,0.1);color:#fff}
 @media screen and (max-width:767px){
body{background:#f5f5f5}
.header{min-height:40px;}
	.toggle{display:block}
	.nav_btn{display:none}
	.nav{width:80%;background:#;}
	.search{width:80%;height:30px;}#search{width:70%;height:30px;}#searchbtn{width:30%;height:30px;}
}
