@media only screen and (max-width:1115px){
	.header .top-menu li{margin-right:10px;padding:15px 10px;}
	.header .user-info{width:24%;}
}

@media only screen and (max-width:1024px){
	 html{-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
	.wrap{min-width:96%; max-width:96%; margin:0 2%;}
	input[type=submit], input[type=button], input[type=reset]{ -webkit-appearance:none;}
	.header .top-menu{margin-left:240px;}
	
	.header .user-info{width:25%;}
	.header .user-info form{margin-right:10px;}
	/*.header .user-info input{width:60%;}*/
	.header .user-info button{margin-left:5px;}
	.left nav li ul{padding-bottom:0;}
	.main section.full{width:97%;}
	table{width:100% !important;}
}

@media only screen and (max-width:995px){
	.header .top-menu li{padding:15px 8px;}
}

@media only screen and (max-width:975px){
	.header .user-info input{width:60%;}
	.header .user-info{width:21%;}
	.header .user-info form{margin-right:0;}
	.header a.user{right:15px;}
	.header .user-menu{right:10px;}
}

@media only screen and (max-width:925px){
	.left .logo{margin-bottom:0;}
	.header .top-menu ul{margin-top:15px;}
	.header .top-menu li{padding:5px; min-height:50px;}
	.header .top-menu a{width:50px; display:block;}
	.header .top-menu span{font-size:14px;line-height:14px; text-align:center;}
	.header .user-info{width:25%;}
}

@media only screen and (max-width:850px){
	.left .logo{margin-bottom:0;}
	.header .top-menu {margin-left:215px;}
	.header .top-menu ul{margin-top:25px;}
	.header .top-menu li{padding:5px; min-height:40px;}
	.header .top-menu a{width:40px; display:block;}
	.header .top-menu span{font-size:10px;line-height:10px; text-align:center;}
	.header .user-info{width:30%;}
	.left{width:210px; overflow:visible;}
	.main{margin-left:210px;}
	.main section{  width: 95%;margin-right:20px;}
	.main aside{float:none; width:auto; margin-right:20px;}
	.doc{width:31%;}
	.news-thread, .news-thread > .post{padding:0;}
}

@media only screen and (max-width:767px){
	.header .user-info{width:28%;}
}

@media only screen and (max-width:667px){
	.header{top:50px;}
	.left{ z-index:1; position:relative; margin:0; background:none;}
	.left nav{left:-300px; position:fixed;  background: #00703c; width:250px; height:100%; top:0;}
	.left nav.open{left:0;}	
	.mobilenav{color:#00703c; display:block;}
	.left{z-index:3;width:45%; margin-top:55px;}
	.left .logo{border:none; height:auto; background:none;  position:fixed; left:50px;}
	.left .logo img{max-height:50px;}
	.left > .mobilenav{  padding: 5px;  border: 1px solid #00703c;  width: 20px;  position: fixed;  text-align: center;  top: 70px;  left: 10px;-webkit-border-radius: 5px; border-radius: 5px; }
	.left nav .mobilenav{color:#FFF; text-align:right; margin:10px; font-size:18px;}
	.main{margin-left:0; margin-top:70px;}
	.header{height:70px;}
	.header .top-menu{  margin: 0;  position: fixed;  top: 0;  left: 0;  width: 100%;  background: #FFF;  padding: 0; z-index:10;}
	.header .top-menu ul{margin:5px;}
	.header .top-menu li{margin-right:5px;}
	.header .top-menu span{font-size:8px;}
	.header .user-info{width:auto; margin-top:20px; float:none; margin-left:180px;}
	.header .user-info form{  position: absolute;  top: -45px;  right: 10px;  z-index: 99;  margin-top: 0;  padding: 10px 10px 5px;  background: #FFF;}
	.header .user-info input{width:60px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
	.header .user-info input:focus,.header .user-info input:hover{width:320px;}
	.header a.user{top:15px;}
	.header a.user{right:10px;}
	.header .user-menu{top:66px; right:0;}
	h3.title span.lastpost{width:32%;}
	.forum article .lastpost, .forum article .lastreply{height:auto; width:30%;}
	h3.title span.threadname{width:63%;}
	.post .user, .post .post,.news-thread .post .post{float:none; width:98%; margin-right:0;}
	.main h1{margin-top:40px;}
	a.addnew{position:relative; top:-80px; float:right; display:inline-block;}
	.popup > div {width:auto !important;}
	.left nav{transition:none; -webkit-transition:none;}
}

@media only screen and (max-width:480px){
	#loginbox{margin:15% 10% 0; width:auto;}
	
	.left nav{overflow-y:scroll;}
	a.addnew{position:relative; top:0; float:right; display:inline-block;}
	h3.title, .forum h3{font-size: 14px;}
	
}

@media only screen and (max-width:375px){
	table{max-width:90% !important;width:90% !important; margin:0 !important;}
	.header .top-menu li{padding:5px 0;}
	.left .logo{width:50px; height:46px; overflow:hidden; padding-top:7px;}
	.left .logo img{max-height:none; max-width:none; width:150px;}
	.header .user-info{margin-left:115px;}
	.header .user-info input:focus,.header .user-info input:hover{width:275px;}
}
@media only screen and (max-width:320px){
	#loginbox{margin:8% 5% 0;}
	#loginbox div.formbox{padding:20px;}
	.header .user-info form{right:0;}
	.header .user-info input:focus,.header .user-info input:hover{width:250px;}
	.header .welcome span{display:none;}
	.header .top-menu a{width:34px;}
	.main{padding-left:5px;}
	.main aside{margin-right:5px;}
	.main section{margin-right:5px; width:auto;}
	section#slider{width:99%;}
	.wrap{margin:0; max-width:100%;}
}
@media only screen and (max-height:414px){
	.left nav{height:214px; overflow-y:scroll;padding-bottom:200px;}
}
@media only screen and (max-height:375px){
	.left nav{height:275px; overflow-y:scroll;padding-bottom:100px;}
}
@media only screen and (max-height:320px){
	.left nav{height:220px; overflow-y:scroll;padding-bottom:100px;}
}