@media screen and (max-width: 767px) {
.hide-sidebar .page-warper-sidebar{padding: 82px 15px 15px 15px;}
.hide-sidebar .page-content{padding: 0;}
.user-head-box span{display: none;}
.inner-header .header-inner{padding: 15px;}
.sidebar-bg{left: -100% !important;}
header.inner-header{padding-left: 0;}
.page-warper-sidebar{padding-left: 0;}
.page-content{padding:15px;}
.hide-sidebar .sidebar-bg{left: 0!important;}
.hide-sidebar .menu-toggel{position: fixed; top: 20px; left: 260px; z-index: 1; background: var(--color-primary-900); width: 43px;}
.card{padding: 15px;}
}