/* Media for navbar mobile responsive css start */
@media screen and (max-width:991px) {
    .main-header-container .header-content-left {
        position: relative;
        z-index: 911;
    }

    .main-sidebar.nav-adjust {
        height: 100vh !important;
        background-color: #fff;
        top: 40px;
        position: relative;
        box-shadow: 6px 0 4px -4px #999;
    }

    .top-search-bar {
        display: none;
    }
}

@media screen and (min-width:992px) {
    [data-nav-layout=horizontal] .main-sidebar {
        width: 98%;
    }
    [data-nav-layout=horizontal] .main-header-container{
        width:100%;
        margin:0px;
    }
}
/* media for navbar mobile responsive css end */
/* media for modal mobile responsive css start */
@media screen and (max-width:1080px) {
    .modal-dialog .modal-content .modal-header .modal-title.md-title {
        flex: 1;
    }

    .create-new-project .modal-content .modal-header .wizard {
        min-width: 316px;
        flex: 8;
    }

        .create-new-project .modal-content .modal-header .wizard ul.steps li span.badge {
            margin-left: 0px;
            margin-right: 0px;
        }

        .create-new-project .modal-content .modal-header .wizard ul.steps li span.chevron-icon {
            margin-left: 5px !important;
        }

    .create-new-project .modal-content .modal-header .wizard-close-btn {
        flex: 1;
    }
}
/* media for modal mobile responsive css end */