@media(max-width: 1199px){
    .login_card_bg{
        position: absolute;
        height: 100vh;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .login_card{
        background: none;
    }
}

@media(max-width: 991px){
    header{
        margin-left: 0;
        width: 100%;
    }
    .border_l_dashed{
        border-left: none;
        border-top: 1px dashed #939393;
    }
    .activity_log{
        margin-top: 20px;
    }
    .page_body {
        width: 100%;
        margin-left: 0;
        padding: 20px 0;
    }
    .sidebar{
        transform: translateX(-100%);
        transition: 0.3s;
    }
    .sidebar.active{
        transform: translateX(0);
    }
    .sidebar_btn{
        display: block;
    }
    .d_md_none{
        display: none;
    }
    .sidebar .sidebar_head .menu_btn{
        display: block;
    }
    .sidebar .sidebar_head .slide_btn{
        display: none;
    }
}
@media(max-width: 768px){
    .main_card{
        padding: 10px 10px;
    }
}
@media(max-width: 600px){
    .login_form{
        max-width: 400px;
        width: 100%;
        padding: 30px 30px;
    }
    .right_header ul li.header_search{
        display: none;
    }
    .main_card{
        padding: 0px;
    }
}