@media screen and (min-width: 768px) {
.open-menu .app-sidebar{margin-left: -252px;}
.open-menu .dashaboard-main{ margin-left: 0px;}
.closeIcn{ display: none;}
}

@media screen and (max-width: 767px) {
.card-plain .shadow { margin-bottom: 30px;}
}

@media screen and (max-width: 1199px) {
.btn-primary.position-ab{ position: static; transform: inherit;}
}

@media screen and (max-width: 991px) {
.app-sidebar{ margin-left: -252px;}
.dashaboard-main{ margin-left: 0px; margin-top: 70px;}
.dashaboard-inner {padding: 15px;}
.logo { width: 120px}
/* .logo a{ padding: 10px;} */
.ic-avatar .ic-text{ display: none;}
.sidebar-toggle{ order: 2; margin-left: 20px;}
.navbar-full {padding: 0px 15px;}
.app-sidebar{ top: 0px;}
.open-menu{ position: fixed; left: 0; right: 0; width: 100%; height: 100%;}
.open-menu .app-sidebar{margin-left: 0px;}
.open-menu .overlay{ display: block;}


.card-caption { flex: 0 0 100%; flex-direction: column;}
.cardImg{ margin-bottom: 28px;}
.card-advisory-itam{ padding: 15px;}
.card-advisory-itam .px-4 { padding-left: 0!important;padding-right: 0px!important;}
.card-advisory-itam .px-4 .btn{ margin-bottom: 20px;}
.card-info {padding: 0px 0px 0px 15px;flex: 1;}
.card-action .btn {min-width: 87px;padding: 10px 7px;font-size: 13px;line-height: 100%;}
.top-area .dropdown {padding: 7px 0px;}
.card-content {padding: 65px 20px;}
.noti-icon .badge { top: -6px;}

.card-action .dropdown-menu-end[style] {
    left: 0 !important;
    right: auto !important;
}

}

@media screen and (max-width:767px) {
.lower-content-block ul li{ font-size: 12px; padding: 0px 8px;}  
.lower-content-block ul li+li::before{ display: none;}  
.offcanvasRightSide .offcanvas-header {padding: 15px;}
.offcanvasRightSide .offcanvas-body {padding: 15px;}
.offcanvasRightSide .offcanvas-footer {padding: 15px;}

.profile-picture img {max-width: 100px;height: 100px;margin-right: 15px;flex: 0 0 100px;}

.content-area-modal img {margin-top: 0;margin-bottom: 20px;max-width: 90px;}
.content-area-modal h2 {font-size: 26px;margin-bottom: 10px;}
.content-area-modal p {font-size: 15px; margin-bottom: 10px;}
.content-area-modal br{ display: none;}
.btn-primary.btn-green{ margin-bottom: 0px;}

.card-aside {flex: 0 0 100%;max-width: 100%; padding: 30px 15px;}
.card-content {padding: 30px 15px;}
.ic-avatar img { margin-right: 3px;}
.top-area>div+div {margin-left: 15px;}

}


@media screen and (max-width:650px) {
.top-area .dropdown{ position: static;}
}