.gallery-frame {
        padding: 0px 0px;
        margin: 0px auto 40px auto;
    }

    .image-gallery-box 
    {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin: 0 -1.1%;
        padding: 0px 65px 2em 65px;
        box-sizing: border-box;
    }    

    @media (max-width: 1024px) {
        .image-gallery-box {
            padding: 0px 60px 2em 60px;
            box-sizing: border-box;
        }    
    }
    
    @media (max-width: 640px) {
        .image-gallery-box {
            padding: 0px 3% 2em 3%;
            box-sizing: border-box;
        }    
    }
  
  .image-gallery-item { 
        /*flex: auto;*/ 
        width: 25%; 
        padding: 1.1%;
        box-sizing: border-box; 
  }

  .image-gallery-item  img { 
        width: 100%; 
        height: auto; 
  }
  
  
  .image-gallery-item-caption
  {
        margin: 0.25em 0px 1em 0px;
        min-height: 1.5em;
        font-size: 90%;
  }
  
  
  @media screen and (max-width: 1000px) {
  
    .image-gallery-item { 
       width: 33.3%; 
    }
    
    
  }
  
  @media screen and (max-width: 800px) {
  
    .image-gallery-item { 
       width: 33.3%; 
    }
    
    
  }
  
  @media screen and (max-width: 600px) {
  
    .image-gallery-item { 
       width: 50%; 
    }
    
    
  }
  @media screen and (max-width: 400px) {
  
    .gallery-frame {
        padding: 0px 0px;
    }
    
    .image-gallery-item { 
       width: 100%; 
    }
    
    
  }