@media (min-width: 0) and (max-width: 739px) {
  .bean-bean-masonry .view-masonry-wall > .view-content > .views-row + .views-row {
    margin-top: 20px; 
  } 
}

@media (min-width: 740px) {
  .bean-bean-masonry .view-masonry-wall > .view-content {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: 225px 225px 225px;
    grid-auto-rows: 10px; 
  } 
  
  .bean-bean-masonry.bean-masonry-with-nicescroll .view-masonry-wall > .view-content > .views-row article .text {
    max-height: 250px;
    padding: 10px 0;
  }              
      
  .bean-bean-masonry.bean-masonry-with-nicescroll .view-masonry-wall > .view-content > .views-row article .text  .field-name-body {
    overflow: hidden;
    padding-right: 0.75em;
    box-sizing: border-box;  
  }
}

@media (min-width: 980px) {
  .bean-bean-masonry .view-masonry-wall > .view-content {  
    grid-gap: 16px;
    grid-template-columns: 302px 302px 302px; 
  } 
}

@media (min-width: 1220px) {
  .bean-bean-masonry .view-masonry-wall > .view-content {  
    grid-gap: 20px;
    grid-template-columns: 380px 380px 380px; 
  } 
}
  
@media all and (-ms-high-contrast: none) and (min-width: 740px) {
  .bean-bean-masonry .view-masonry-wall > .view-content > .views-row {
    margin-bottom: 20px; 
  }
      
  .bean-bean-masonry .view-masonry-wall > .view-content > .views-row:nth-child(3n+1) {
    clear: both;
    width: 32.20339%;
    float: left;  
    margin-right: 1.69492%; 
  }

  .bean-bean-masonry .view-masonry-wall > .view-content > .views-row:nth-child(3n+2) {    
    width: 32.20339%;    
    float: left;
    margin-right: 1.69492%; 
  }
    
  .bean-bean-masonry .view-masonry-wall > .view-content > .views-row:nth-child(3n+0) {
    width: 32.20339%;    
    float: right;
    margin-right: 0; 
  } 
}