@media (max-width: 990px) {
  .main-sidebar{
    display: none;
  }
}

/* Стили для экранов более 990px */
@media (min-width: 991px) {
  .not-width-100{
      width: auto !important;
  }
  .main-sidebar:hover{
      width: 295px;
  }
  .main-sidebar:hover .sidebar a p{
      display: block;
  }
  .main-sidebar{
      background-color: white;
      width: 71px;
      z-index: 9999999;
      margin-top: 140px;
      height: 250px;
      padding: 5px;
      position: fixed;
  }
  .sidebar a {
      display: flex;
      padding: 3px;
  }
  .sidebar a p{
      margin-top: 18px;
      margin-left: 10px;
      font-size: 14px;
      display: none;
  }
  .sidebar a.active img{
       box-shadow: 0 0 10px rgba(0,0,0,0.5);
  }
  .main-sidebar:hover .sidebar a.active {
      background-image: linear-gradient(0deg, rgb(213, 234, 254) 0%, rgb(255, 255, 255) 50%, rgb(213, 234, 254) 100%);
  }
}