@media (max-width: 991.98px) {

    .header-menu-wrapper.w-100 {
        width: 0% !important;
    }

    .custom_card_margin {
        margin-top: 25px;
    }

    .div_dashboard_project_step .div_add_arrow a.btn_continue,
    .div_dashboard_project_step .div_add_arrow a.btn_not_started,
    .div_dashboard_project_step .div_add_arrow a.btn_complete {
        display: block;
        margin-bottom: 1%;
    }

    .div_add_arrow::before {
        content: "";
    }
}

@media (min-width: 992px) {

    .aside {
		opacity: 1;
		visibility: visible;
        /* width: 15%; */
		/* transition: width 0.3s ease-in; */
    }

    .aside-fixed .wrapper {
        padding-left: 15%;
		transition: 0.3s ease-in-out;
    }

    .aside-enabled .header.header-fixed {
        left: 15%;
		transition: 0.3s ease-in-out;
    }

    .aside-enabled.subheader-fixed .subheader {
        left: 15%;
    }

    .header-fixed.aside-minimize-hover .header,
    .header-fixed.aside-minimize .header {
        left: 0;
    }

    .subheader-fixed.aside-minimize-hover .subheader,
    .subheader-fixed.aside-minimize .subheader {
        left: 70px;
    }
}

@media only screen and (max-width: 768px) {

    .div_dashboard_project_step .col_div {
        margin-bottom: 55px;
    }
}

@media only screen and (min-width: 690px) {

    .login.login-4 .login-form {
        max-width: 550px;
    }

}

@media only screen and (max-width: 425px) {

}

@media only screen and (max-width: 320px) {

}

@media (min-width: 992px){
    .close-sidebar{display: none;}
}


@media (max-width: 992px){
    .toggle-bar{display: block;}
    .sidebar-section {
        max-width: 100%;
        width: 60%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: -100%;
    }
    .header-bar{border-radius: 0px;}
    main{margin-left: 0;}
    .list-box ul li a{font-size: 12px; line-height: 18px;}
    .icon-bar i{font-size: 16px;}
    .add-text{margin-right: 10px;}
    .action-btn button{font-size: 12px; padding: 5px 15px;}
    p.short-head{font-size: 14px;}
    .business_needs .head-bar{padding: 15px 10px;}
    .head-bar button{font-size: 12px;}
}

@media (max-width: 992px) {
    .login-img-div {
        position: absolute !important;
        width: 100% !important;
        height: 100vh !important;
        background-size: auto;
    }
}
@media only screen and (max-width: 1400px) {
    .vendor_demo_reject_btn {
        margin-top: 5px;
    }
}