.upcoming-events-list {
    --columns: 3;
    --margin: 0;
    --item-gap: var(--grid-gap);
    --item-width: calc((100% - (var(--columns) * var(--item-gap))) / var(--columns));
    margin-right: calc(var(--item-gap) * -1);
    margin-bottom: calc(var(--margin) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .upcoming-events-list > li {
    width: var(--item-width);
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
  }
  




  @media (max-width: 900px) {
    
    .upcoming-events-list {
      --item-gap: var(--page-padding-left);
      --columns: 2;
    }
    
    .upcoming-events-list > li:nth-child(3) {
      display: none;
    }
    
  }
  
  
  
  
  @media (max-width: 600px) {
    
    .upcoming-events-list {
      --columns: 1;
      --margin: 50px;
    }
    
    .upcoming-events-list > li:nth-child(3) {
      display: block;
    }
    
  }