@media screen and (max-width:1500px) {
    .searchbarleft h2 {
        font-size: 18px;
    }
}

@media screen and (max-width:1390px) {
    .dash-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-top: -22px;
    }
    .dashboard-card {
        padding: 0 10px 0 7px;
    }
    .dash-card-content h2 {
        font-size: 22px;
    }
    .dash-card-content h4 {
        margin: 0px 0 8px 0;
        font-size: 15px;
    }
    .dash-icon img {
        width: 38px;
    }
    .dash-icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .dash-icon img {
        width: 50%;
    }
    .margin-right10 {
        margin-right: 5px;
    }
    .buttonstyle {
        padding: 8px 9px;
    }
    .searchbarleft h2 {
        line-height: 27px;
    }
}

@media screen and (max-width:1220px) {
    .dash-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .md-drppicker.drops-down-auto.ltr.shown.double {
        display: block;
        top: 100%!important;
        left: auto !important;
        width: 260px;
        right: 0 !important;
    }
    .dropdown .dropdown-menu:before, .dropdown .dropdown-menu:before, .dropdown-btn .dropdown-menu:before, .dropdown .dropdown-menu[x-placement=bottom-end]:before, .dropdown .dropdown-menu[x-placement=bottom-start]:before, .navbar-nav .dropdown-menu:before {
        right: 14px;
    }
    .dropdown .dropdown-menu[x-placement=top-end]:after, .dropdown .dropdown-menu[x-placement=top-start]:after, .dropup .dropdown-menu:after {
        right: 7px;
        bottom: -11px;
    }
    .searchbarleft h2 {
        line-height: 23px;
        margin-bottom: 9px;
    }
}

@media screen and (max-width:1200px) {
    .create-userdetail .right-button.margin-top25 {
        float: right;
        margin: 0;
    }
    .balancesheet-searchbar {
        width: 100%;
    }
}

@media screen and (max-width:992px) {
    .margin-top120 {
        margin-top: 20px;
    }
    .deposit-user {
        margin-bottom: 0px;
    }
    .right-search-group {
        display: inline-block;
    }
    .right-search-group .filter-group {
        margin-right: 10px;
        width: 48%;
        float: left;
    }
    .right-search-group .right-button {
        float: right;
    }
    .topright-btngroup {
        display: inline-flex;
        width: 100%;
    }
    .topright-btngroup .topbutton-group.pull-right {
        display: block;
    }
    .topright-btngroup button.buttonstyle.btn-bg {
        padding: 8px 3px;
    }
    .balancesheet-searchbar {
        width: 100%;
    }
    .balancesheet-searchbar .filter-group {
        width: 46.5%;
    }
}

@media (min-width:769px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu>li:hover {
        display: block;
        position: relative;
        width: 256px;
        z-index: 10000;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu>li:hover>.sub-menu {
        border-radius: 0 0 4px 4px;
        display: block;
        left: 46px;
        margin-top: 0;
        position: absolute;
        top: 100%;
        width: 210px;
        z-index: 2000;
        opacity: .9;
        background-color: #364150;
        height: auto;
        overflow: visible;
        max-height: none;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu>li:hover>a span.title {
        display: inline;
        padding-left: 30px;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu .open .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu>li.heading {
        display: none;
    }
}

@media (max-width: 768px) {
    .page-header-fixed .page-container {
        margin-top: 0;
    }
    /*----- Page-Header -----*/
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu::after, .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu::before {
        border: none;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu .sub-menu li>a {
        padding: 6px 15px 6px 43px;
    }
    .page-content-wrapper .page-content, .page-sidebar-closed .page-content-wrapper .page-content, .top-menu {
        margin-left: 0;
    }
    .library-menu {
        float: right;
        padding-right: 5px;
        padding: 14px 0px 14px 6px;
    }
    .page-header.navbar .top-menu .navbar-nav {
        margin-bottom: 0;
        margin-top: 0;
    }
    .page-header.navbar {
        height: auto;
        padding: 0 10px;
    }
    .page-sidebar {
        display: none;
        margin-right: 0;
        position: fixed;
        width: 100%;
        z-index: 2001;
    }
    .page-sidebar-fixed.page-sidebar-closed .page-sidebar, .page-sidebar .page-sidebar-menu .open .sub-menu {
        display: block;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu li:hover {
        width: 100%;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu .nav-item:hover>.sub-menu {
        display: block;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu>li>a span {
        display: inline-block;
    }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu>li>ul>li>a span {
        display: inline-block;
    }


    .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    .page-sidebar-fixed.page-sidebar-closed .page-sidebar {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: auto;
        margin-top: 0;
    }
    .slimScrollDiv, .page-sidebar-menu.page-header-fixed {
        height: auto !important;
        overflow: auto !important;
        margin-top: 95px;
    }
    .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        margin-bottom: 100px;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu>li:hover>a span.title {
        padding-left: 0;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown {
        position: static;
    }
    .page-header.navbar .top-menu .navbar-nav>li>.dropdown-menu {
        background: #2f4050 none repeat scroll 0 0;
        border-radius: 0;
        left: auto;
        position: absolute;
        right: 36px;
        width: 38%;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu>li>a, .dropdown-menu>li>a>[class*=" icon-"], .dropdown-menu>li>a>[class^="icon-"] {
        color: #fff;
    }
    .page-header.navbar .top-menu .navbar-nav>li>.dropdown-menu.menuBig {
        color: #ffffff;
        padding: 12px 0 0;
        width: 100%;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu::before {
        display: none;
    }
    .page-header.navbar .top-menu .navbar-nav>li>.dropdown-menu.menuBig .text-muted {
        color: #f2f2f2;
    }
    .page-header.navbar .top-menu .navbar-nav>li>.dropdown-menu .link-block a {
        color: #fff;
        font-size: 12px;
    }
    .navbar-fixed-bottom, .navbar-fixed-top {
        z-index: 9999;
    }
    .page-header.navbar .top-menu .dropdown-menu>li>a:focus, .page-header.navbar .top-menu .dropdown-menu>li>a:hover {
        background-color: #191919;
    }
    .page-header.navbar .top-menu .navbar-nav {
        margin: 0;
    }
    .main-menubar ul li a {
        padding: 6.5px 21px;
        font-size: 12px;
    }
    .content-outer {
        margin: 20px 0px;
    }
    .right-button.margin-top25 {
        float: right;
        margin: 0 0 15px;
    }
    .page-heading h2 {
        font-size: 22px;
    }
    .page-title h1 {
        font-size: 20px;
    }
    .dashboard-card {
        padding: 0 20px 0 20px;
    }
    .md-drppicker.drops-down-auto.ltr.shown.double {
        right: auto !important;
    }
    .page-header.navbar .top-menu .navbar-nav .notification-list .notification-dropdown {
        background: #fff;
        box-shadow: 0 0 7px rgb(76 76 76 / 0.5);
        right: 80px;
    }
    .dashboard-card {
        margin-bottom: 50px;
    }
    .right-button {
        float: right;
        margin-bottom: 5px;
    }
    .verification-code h5 {
        margin-bottom: 5px;
    }
    .dropdown .dropdown-menu:before, .dropdown .dropdown-menu:before, .dropdown-btn .dropdown-menu:before, .dropdown .dropdown-menu[x-placement=bottom-end]:before, .dropdown .dropdown-menu[x-placement=bottom-start]:before, .navbar-nav .dropdown-menu:before {
        right: 8px;
    }
    .common-fieldset {
        padding: 19px 9px 17px;
    }
    .edit-view li span.daleftdetal {
        width: auto;
        word-wrap: break-word;
        margin-right: 14px;
        text-align: right;
        font-weight: bold;
    }
    .edit-view li span {
        font-size: 13px;
    }
    .right-search-group .filter-group {
        margin-right: 0px;
        width: 100%;
        float: none;
    }
    .topright-btngroup button.buttonstyle.btn-bg {
        padding: 8px 7px;
    }
}

@media screen and (max-width:500px) {
    .userbox-detail h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .userbox-detail h3 {
        font-size: 16px;
    }
    .notification-list a.dropdown-toggle {
        padding: 15px 0px;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
        padding: 11px 0px 10px 0px;
    }
    .page-header.navbar .top-menu .navbar-nav .notification-list .notification-dropdown {
        right: 14px;
    }
    .topright-btngroup {
        display: inline-block;
    }
    .topright-btngroup .verification-code, .topright-btngroup .topbutton-group {
        float: left;
    }
    .deposit-user {
        margin-bottom: 0px;
        clear: both;
    }
    .deposit-user h2 {
        margin: 6px 0 0;
        line-height: normal;
        display: inline-block;
    }
}

@media screen and (max-width:400px) {
    .page-header.navbar .page-logo, .page-sidebar-closed .page-header.navbar .page-logo {
        width: 131px;
        height: auto;
    }
    .page-header.navbar {
        height: auto;
        padding: 3px 10px;
        min-height: auto;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
        padding: 7px 4px;
        line-height: 29px;
    }
    .library-menu {
        padding: 9px 7px;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown {
        height: auto;
    }
    .right-action {
        margin-top: 14px;
    }
    .user-profile-box img {
        width: 80px;
        height: 80px;
    }
    .totalbar {
        display: inline-block;
    }
    .page-header.navbar .top-menu .navbar-nav .notification-list .notification-dropdown {
        right: auto;
        width: 90%;
    }
    .notification-dropdown ul {
        height: 140px;
    }
}

@media screen and (max-width:380px) {
    .page-container {
        margin-top: 90px;
    }
    .page-header.navbar {
        padding: 0px 10px;
    }
    .page-header.navbar .page-logo, .page-sidebar-closed .page-header.navbar .page-logo {
        width: 100%;
        text-align: center;
        margin: auto;
    }
    .page-header.navbar .page-logo .logo-default {
        width: 70%;
    }
    .page-header.navbar .page-logo>.logo-image, .page-header.navbar .page-logo>a {
        float: none;
    }
    .top-menu {
        float: left;
        width: 100%;
    }
    .page-header.navbar .top-menu .navbar-nav {
        float: left !important;
    }
    .page-header.navbar .page-logo, .page-sidebar-closed .page-header.navbar .page-logo, .page-header.navbar .top-menu .navbar-nav>li.dropdown {
        padding: 0;
    }
    .nav>li>a:focus, .nav>li>a:hover {
        background: none
    }
    .page-header.navbar .top-menu .navbar-nav .notification-list .notification-dropdown {
        right: auto;
    }
    .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        margin-top: 11px;
    }
    .page-header.navbar .top-menu .navbar-nav>li>.dropdown-menu {
        left: auto;
        right: auto;
        width: 55%;
    }
}