.simple-gallery {
    width: 308px;
    display: block;
    margin: auto;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  }

 
  
  img {
    border-top: 1px solid Gainsboro;
    border-left: 1px solid Gainsboro;
  }
  
  .mini img {
    width: 58px;
    height: 58px;
    float: left;
    margin: 4px 4px 0px 0px;
    cursor: pointer;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    border: 1px solid rgb(230, 230, 230);
    transition: border-color .3s;
  }

  @media(min-width:1025px){
    .simple-gallery {
      width: 408px;
      
    }

    .mini img {
      width: 98px;
      height: 98px;
    
    }


  }

  .mini img:hover {
    border: 1px solid red;
  }
  
  .mini img:nth-of-type(4) {
    margin-right: 0px;
  }
  
  .maxi {
    width: 407px;
    height: 400px;
    display: block;
  }