@media screen and (max-width: 1044px) {
 .user-log {
 width: 56%;
}
.main-menu ul li {
 padding: 0 2.8%;
}
.table-list {
 width: 37%;
}
}
@media screen and (max-width: 788px) {
.user-log {
 width: 69%;
 margin-top:15px;
}
.user-log ul li {
 padding:0 2.6%;
}
.main-menu {
 float:left;
 width:100%;
 padding-top:10px;
}
.table-list {
 width:49%;
}
.user-log ul ul.user-list li a {
 color: #4E4E4E;
 float: left;
 margin-left: 2px;
}
}
@media screen and (max-width: 820px) {
.user-log {
 width:72%;
 margin-top:15px;
}
.main-menu {
 float:left;
 width:100%;
 padding-top:10px;
 margin-bottom:0;
}
.table-list {
 width:49%;
}
.user-log ul ul.user-list li a span.lock {
 margin-left:20px;
}
.user-log ul ul.user-list li a span.logout {
 margin-left:70px;
}
.user-log ul ul.user-list li a {
 color: #4E4E4E;
 float: left;
 margin-left: 2px;
}
}
@media screen and (max-width: 620px) {
.logo {
 text-align:center;
 width:100%;
}
.logo h1 {
 width:100%;
}
.user-log {
 margin-top: 0;
 text-align: center;
 width: 100%;
}
.user-log ul li {
 padding:0 4%;
}
.user-log ul li a.user-option {
 width:124px;
}
.user-log ul li img {
 margin-right:0
}
.main-menu ul li {
 width:100%;
 border-bottom:1px solid #e8e8e8;
}
.main-menu ul li a {
 width:100%;
 text-align:center;
}
.header-bg {
 margin-bottom:20px;
}
.table-head, .table-head h3 {
 margin:0;
}
section.table-content h3 {
 margin-top:0;
}
.table-list {
 width:100%;
 margin-bottom:0;
}
.table-detail {
 overflow:auto;
}
.user-log ul ul.user-list li a span.lock {
 margin-left:30px;
}
.user-log ul ul.user-list li a span.logout {
 margin-left:80px;
}
}
@media screen and (max-width: 500px) {
.header-bg {
 margin-bottom:20px;
}
.main-menu {
 margin-bottom:0;
}
.user-log input[type="text"] {
 float:left;
 border:1px solid #e2e2e2;
 background:#fff;
 color:#b3b3b3;
 border-radius:25px;
 margin-bottom:0;
}
.user-log ul li.search {
 width:100%;
 margin:0;
}
.user-log ul li input[type="text"] {
 width:100%;
}
.user-log ul li {
 float: left;
 margin-top: 20px;
 padding: 0 8%;
}
 .user-log ul ul.user-list li a span.lock {
 margin-left: 50px;
}
.user-log ul ul.user-list li a span.logout {
 margin-left: 100px;
}
section.table-content p, section.table-content select {
 margin:20px 0 0;
}
.user-log ul ul.user-list {
 right:4px;
}
.pagination {
 margin-top:20px!important;
}
}
@media screen and (max-width: 340px) {
.user-log ul li {
 padding: 0 2%;
}
.user-log ul ul.user-list li a span.lock {
 margin-left: 10px;
}
.user-log ul ul.user-list li a span.logout {
 margin-left: 60px;
}
.user-log ul ul.user-list li a {
 color: #4E4E4E;
 float: left;
 margin-left: 2px;
}
}