.hero__avatar { height: 13.5rem; }

@media (min-width: 769px) and (max-width: 1080px) {
  .hero__avatar { height: 9.5rem !important; }
}

@media (max-width: 768px) {
  .vertical-menu { display: none !important; }
  .page-title-right { display: none !important; }
  .academy-name { display: none !important; }
  .continue-td { display: none !important; }
  .col-md-12.col-xl-4.blur-eligible { max-width: 100% !important; }
  .col-xl-4.col-md-6 { max-width: 100% !important; }
  body .noty_bar { left: 0 !important; width: 300px !important; }
  .row.dashboard-content { margin-top: 15% !important; }
  .mobile-menu-sidebar { color:#000; background:#9fef00 !important; display:block; border-radius:8px; text-decoration:none; padding:4px; }
  .mt-4.space-y-4 { margin-top:0 !important; padding-left:0 !important; }
  .body-articles { width:100% !important; }
  .cards-list .card,
  .cards-list .article-card-bottom { height:auto !important; }
  .logo-block { width:210px !important; }
  .hero__left { flex-direction: column; }

 hero__left .hero__avatar { height: 8.5rem !important; }
.hero__right {flex-direction: row; flex-wrap: nowrap !important; }
}

#noty_layout__bottomRight {
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
}