@media(min-width:  1400px){
    #sidebar {
        min-width: 250px;
        max-width: 250px;
    }
    #content, header .header-container{
        margin-left: 250px;
        width: calc(100% - 250px);
    }
    .guard-item{
        max-width: 70%;
        margin:  auto;
    }
}
@media(max-width: 1399px){
    .no-border{
        border: none!important;
    }
}
@media(min-width: 991px) and (max-width: 1399px){
    #sidebar {
        min-width: 250px;
        max-width: 250px;
    }
    #content, header .header-container{
        margin-left: 250px;
        width: calc(100% - 250px);
    }
}
@media(min-width: 280px) {
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}
@media (max-width: 1024px) {
    .credit-box {
        padding: 14px 0;
    }
}
@media(min-width: 992px){
    .title-set{
        padding-left: 66px;
    }
}
@media(max-width: 992px){
    #content {
        margin-left:0px; 
        width: 100%;
    }
    a.closebtn {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 36px;
        width: 40px;
        height: 40px;
        display: flex!important;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
}
@media(max-width: 767px){
    .status-btn ul{
  		justify-content: center;
  		margin-bottom: 20px;
  		position: relative;
  	}
    .user-box{
        bottom: -62px;
    }
    .preview-img {
        height: 120px
    }
    .file-upload-box label{
        padding: 14px 10px;
    }
    .file-upload-box label h5{
       font-size: 16px;
    }
    .page-title{
        font-size: 20px;
    }
    .company-info span{
        font-size: 16px;
    }

}
@media(min-width: 992px){
    #footer-bar{
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }
}
@media(min-width: 1025px){
    .total-box{
        margin-top: -40px;
    }
}

@media (max-width: 1400px) {
    .content-view .right-box .uk-breadcrumb,
    .dashboard h6,
    .dashboard .value-box .title{
        /* overflow: hidden;  */
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .content-header .col-md-10,
    .content-header .col-md-2{
        text-align: left;
        display: block;
        width: 100%;
        min-width: 100%;
    }
    /* .content-header .filter {
        margin: 5px 10px 0 0;
    } */
    .content-header .grey-box {
        padding: 0 0 20px 0 !important;
        margin-top: 0 !important;
        width: 100%;
    }
    .content-header .grey-box .uk-float-left:nth-child(3),
    .content-header .grey-box .filter {
        float: right;
    }
    .filter.ml-2 {
        margin-left: 0 !important;
        margin-top: 5px !important;
    }
    .dashboard h6 {
        font-size: 13px;
    }
    .dashboard .value-box span {
        display: block;
        position: relative !important;
    }
    .dashboard .value-box .title{
        overflow: hidden;
    }
    .dashboard .value-box span.uk-position-bottom-right {
        margin-top: -10px;
    }
    .dashboard.home .col-md-6.col-sm-6 {
        width: 100%;
        min-width: 100%;
        text-align: left !important;
    }
    /* #vmap svg{
        margin-left: -14vw;
    } */
    .uk-tab > li > a {
        font-size: 12px;
    }
    .profile-img {
        left: 5%;
    }
}
@media (max-width: 1200px) {
    .profile-img {
        left: 0;
    }
    /* #vmap svg {
        margin-left: -60%;
    } */
}
@media (max-width: 1024px) {
    .hamburger {
        display: block;
        top: 0;
        position: fixed;
    }
}
@media (max-width: 992px) {
    header {
        height: 60px !important;
    }
    .previous-data li+li{
        margin-top: 10px;
    }
    /* #content, header .header-container, 
    .content-view.fullwidth, header.full .header-container {
        margin-left: 0 !important;
        width: 100% !important;
    } */
    .hamburger.hide {
        left: 260px;
    }
    #sidebar.show {
        left: -100%;
    }
    #sidebar.hide {
        left: 0;
        margin-left: 0 !important;
        min-width: 250px !important;
    }
    #sidebar ~ #content::after{
        content: "";
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        width: 0%;
        height: 100%;
        background-color: rgba(0,0,0,0.6);
        z-index: 10;
        transition: all 0.5s;
        opacity: 0;
    }
    #sidebar.hide ~ #content::after {
        width: 100%;
        opacity: 1;
    }
    .sidebar-view.hide a .menu-name {
        opacity: 1;
    }
    #sidebar.hide ul li a {
        text-align: left;
    }
    #sidebar.hide ul li a .menu-name {
        position: absolute;
        transition: all 0.5s;
        left: 40px !important;
        top: 5px;
    }
    #sidebar.hide .logo, .sidebar-view.hide .logo {
        width: 90%;
    }
    #sidebar.hide ul li a img{
        left: 0;
    }
}

@media (max-width: 600px) {
    .profile-img {
        left: auto;
        right: auto;
        margin: auto;
    }
}