.gim-museum-list{
     	padding: var(--block-padding) 0;
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
  }
  .gim-museum-list__item{
      position: relative;
      padding: 0px 15px 15px 15px;
      background: var(--gray);
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  .gim-museum-list__item .gim-h5{
      position: relative;
      padding: 20px 0 10px 0;
      z-index: 2;
      transition-duration: 0.3s;
  }
  .gim-museum-list__item .gim-h5:before{
      content: "";
      position: absolute;
      top: 0;
      left: -15px;
      right: -15px;
      height: 5px;
      background: var(--museum-color);
      transition-duration: 0.3s;
      z-index: -1;
  }
  .gim-museum-list__item:hover .gim-h5:before{
      height: 100%;
  }
  .gim-museum-list__item:hover .gim-h5{
      color: white;
  }
  .gim-museum-list__item-content{
      display: flex;
      flex-direction: column;
      gap: 5px;
  }
  .gim-museum-list__item-footer{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 15px;
      margin-top: auto;
  }

  /* Скрываем элементы начиная с 4-го на мобильных */
  .gim-museum-list__item:nth-child(n+4) {
      display: none;
  }
  .gim-museum-list .show-all-btn {
      display: flex;
      justify-content: center;
  }
  @media screen and (min-width: 768px) {
      .gim-museum-list{
          grid-template-columns: 1fr 1fr;
          gap: 30px;
      }
      .gim-museum-list__item{
          gap: 20px;
          padding: 0 30px 30px 30px;
      }
      .gim-museum-list__item .gim-h5{
          padding: 30px 0 20px 0;
      }
      .gim-museum-list__item .gim-h5:before{
          content: "";
          position: absolute;
          top: 0;
          left: -30px;
          right: -30px;
          height: 5px;
          background: var(--museum-color);
          transition-duration: 0.3s;
          z-index: -1;
      }
      /* На планшетах и ПК показываем все элементы */
      .gim-museum-list__item:nth-child(n+4) {
          display: flex;
      }
      .gim-museum-list .show-all-btn {
          display: none;
      }
      /* На планшетах широкий элемент занимает 2 колонки */
      .gim-museum-list__item--wide {
          grid-column: span 2;
      }
  }
  @media screen and (min-width: 1200px) {

  }
  @media screen and (min-width: 1600px){
      .gim-museum-list{
          grid-template-columns: 1fr 1fr 1fr;
          gap: 30px;
      }
      /* На десктопах широкий элемент занимает 3 колонки */
      .gim-museum-list__item--wide {
          grid-column: span 3;
      }
  }