@media only screen and (min-width: 1024px){
	.btn-close.menu-btn{display: none;}
}
@media only screen and (max-width: 991px){
    .sidebar { left: -100%; }
    body.inner { padding-left: 0px; }
    body.menu-clicked  .sidebar { left: 0; }
}

@media screen and (max-width: 767px) {
    .login-form { min-height: auto;  }
    .center-logo { padding: 20px; }
    .login-form form { padding: 20px; min-width: 100%;}
   

    .table-searchbar {padding-bottom: 10px;flex-wrap: wrap;}
	.table-searchbar .serachbar {flex: 100%;max-width: 100%;margin-top: 10px;width: 100%}
    .table-searchbar .dateFilter {
        width: 100%;
        margin-right: 0px !important;
    }
    .main-body { padding: 10px 10px 5px; }
    .table-searchbar .show-item {
        display: none !important;
    }
    .center-logo img { max-width: 200px; }
    .content-inner { padding: 20px 15px; }
}