@media only screen and (max-width: 540px) {
    #login-box {
        margin-top: 10px !important;
    }

    .login-layout .widget-box .widget-main {
        background: rgba(255,255,255,.15) !important;
    }

    .navbar .navbar-toggle.navbar-toggle-img {
        display: none;
    }

    .navbar .navbar-toggle.pull-right {
        margin: 5px 109px 4px 0;
    }

    .navbar .navbar-brand {
        font-size: 15px
    }

    #breadcrumbMobile {
        display: block !important;
        visibility: visible !important;
    }

    #breadcrumbS {
        display: none !important;
    }

    .breadcrumb label {
        margin-top: 5px;
        font-weight: 100 !important;
    }

    .userInfo {
        height: 200px;
    }

    .widget-toolbar {
        float: none !important;
    }

    .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
       
    }
    
    .table-in-modal {
        width: 55% !important;
     }

    .widget-main {
        border-left: 0px !important;
    }

    .page-header {
        display: none !important;
    }

    .pull-left ul {
        display: block;
        visibility: visible;
        color: #fff !important;
        padding-right: 19px;
    }
}

@media only screen and (max-width: 375px) {
    .table-in-modal {
        width: 35% !important;
    }

    .modal-dialog {
        width: 100%;
        overflow-x: auto;
    }
}
    @media only screen and (max-width: 991px) {
        .rtl .navbar-fixed-top + .main-container > .responsive {
            right: 56% !important;
            top: 1%;
        }

        .rtl .navbar-fixed-top + .main-container > .in {
            max-height: 100% !important;
            width: 100% !important;
        }
    }