@media (max-width: 1920px) 
{
  #main-hero 
  {
    height: 50vh;
    min-height: 550px;
  }

  .showcase-sidebar 
  {
    max-height: 83vh !important;
  }

}
@media (max-width: 1410px) 
{

  main > *,
  #footer > *,
  .content-page
  {
    padding-inline: 0.5rem;
  }


}
@media (max-width: 1050px) 
{


  .showcase-data-sidebar 
  {
    top: 0;
    bottom: 0;
    right: -450px;
    z-index: 10;
    position: absolute;

  }

  
  .retract-button,
  .sidebar-toggle-button 
  {
    display: flex !important;
  }


}
@media (max-width: 900px) 
{

}
@media (max-width: 768px) 
{


  .copyright-block 
  {
    padding-inline: 0.5rem !important;
  }
  .copyright-block .aft 
  {
    display: none !important;
  }

  .sidebar,
  .showcase-sidebar
  {
    display: none !important;
  }

  .board, 
  .banner 
  {
    min-height: unset !important;
    max-height: unset !important;
    height: 90vh !important;
    padding-inline: 0.5rem;
    border-radius: unset !important;
  }
  

  .board .button-container, 
  .banner .button-container 
  {
    flex-wrap: wrap !important;
  }


  .dynamic-data-container 
  {
    padding-block: 0rem !important;
  }
  
  .dynamic-data-container > * 
  {
    gap: 1rem !important;
  }


  .dialog-frame 
  {
    max-width: 370px;
  }


  [data-ico="grid"] 
  { 
    display: none;
  }



}
@media (max-width: 600px) 
{

}
@media (max-width: 480px) 
{

}
@media (max-width: 320px) 
{

}