.Section-Gallery {
    width: 100%;
    /* height: 920px; */
    padding-bottom: 90px;
    background-image: url(../images/bg1.png);
    background-size: cover;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    /* height: 300px; */
  }

.Section-Gallery .title-section h3 {
    padding-top: 40px;
    color: #FF8A00;
  }
  
.Container-Gallery {
    width: 810px;
    margin: auto;
}

.Section-Gallery hr {
    border: 1px dashed #FF8A00;
}

.image-gallery {
    /* padding-top: 20px; */
    background-size: cover;
    width: auto;
    display : grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 0px;
    grid-template-areas: 
    'img-1 img-2 img-3 img-3 img-4 img-5 img-6'
    'img-7 img-8 img-3 img-3 img-9 img-5 img-10'
    'img-11 img-12 img-13 img-14 img-15 img-15 img-16'
    'img-11 img-17 img-18 img-14 img-15 img-15 img-16'
    'img-19 img-19 img-20 img-21 img-22 img-23 img-24'
    'img-19 img-19 img-25 img-26 img-22 img-27 img-28'
    ;
    border: 5px solid #FF8A00;
              
  }
  
  .image-gallery a {
    width: 114px;
    height: 114px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
   
  }
  
  .image-gallery a:hover {
    opacity: 0.7;
    cursor: zoom-in;
  
  }
  
  
  .img-1 {
    grid-area: img-1;
    background-image: url("../images/gallery/1.png");
  }
  
  .img-2 {
    grid-area: img-2;
    background-image: url("../images/gallery/2.png");
  }
  
  .img-3 {
    grid-area: img-3;
    min-height: 228px;
    min-width: 228px;
    background-image: url("../images/gallery/3.png");
  }
  
  .img-4 {
    grid-area: img-4;
    background-image: url("../images/gallery/4.png");
  }
  
  .img-5 {
    grid-area: img-5;
    min-height: 228px;
    background-image: url("../images/gallery/5.png");
  }
  
  .img-6 {
    grid-area: img-6;
    background-image: url("../images/gallery/6.png");
  }
  
  .img-7 {
    grid-area: img-7;
    background-image: url("../images/gallery/7.png");
  }
  
  .img-8 {
    grid-area: img-8;
    background-image: url("../images/gallery/8.png");
  }
  
  .img-9 {
    grid-area: img-9;
    background-image: url("../images/gallery/9.png");
  }
  
  .img-10 {
    grid-area: img-10;
    background-image: url("../images/gallery/10.png");
  }
  
  .img-11{
    grid-area: img-11;
    min-height: 228px;
    background-image: url("../images/gallery/11.png");
  }
  
  .img-12 {
    grid-area: img-12;
    background-image: url("../images/gallery/12.png");
  }
  
  .img-13 {
    grid-area: img-13;
    background-image: url("../images/gallery/13.png");
  }
  
  .img-14 {
    grid-area: img-14;
    min-height: 228px;
    background-image: url("../images/gallery/14.png");
  }
  
  .img-15 {
    grid-area: img-15;
    min-height: 228px;
    min-width: 228px;
    background-image: url("../images/gallery/15.png");
  }
  
  .img-16 {
    grid-area: img-16;
    min-height: 228px;
    background-image: url("../images/gallery/16.png");
  }
  
  .img-17 {
    grid-area: img-17;
    background-image: url("../images/gallery/17.png");
  }
  
  .img-18 {
    grid-area: img-18;
    background-image: url("../images/gallery/18.png");
  }
  
  .img-19 {
    grid-area: img-19;
    min-height: 228px;
    min-width: 228px;
    background-image: url("../images/gallery/19.png");
  }
  
  .img-20 {
    grid-area: img-20;
    background-image: url("../images/gallery/20.png");
  }
  
  .img-21 {
    grid-area: img-21;
    background-image: url("../images/gallery/21.png");
  }
  
  .img-22 {
    grid-area: img-22;
    min-height: 228px;
    background-image: url("../images/gallery/22.png");
  }
  
  .img-23 {
    grid-area: img-23;
    background-image: url("../images/gallery/23.png");
  }
  
  .img-24 {
    grid-area: img-24;
    background-image: url("../images/gallery/24.png");
  }
  
  .img-25 {
    grid-area: img-25;
    background-image: url("../images/gallery/25.png");
  }
  
  .img-26 {
    grid-area: img-26;
    background-image: url("../images/gallery/26.png");
  }
  
  .img-27 {
    grid-area: img-27;
    background-image: url("../images/gallery/27.png");
  }
  
  .img-28 {
    grid-area: img-28;
    background-image: url("../images/gallery/28.png");
  }


  @media (max-width: 991px) {
    .Section-Gallery .title-section h3 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .Container-Gallery {
      width: 600px;
    }
  
    .Title-Gallery h2{
      font-size: 24px;
    }
  
    .Title-Gallery hr{
      width: 70px;
    }
  
    .image-gallery {
      width: 607px;
    }
  
    .image-gallery a {
      width: 85.7px;
      height: 85.7px;
    }
    
    .img-3 {
      min-height: 171.4px;
      min-width: 171.4px;
    }
    
    .img-5 {
      min-height: 171.4px;
    }
    
    .img-11{
      min-height: 171.4px;
    }
    
    .img-14 {
      min-height: 171.4px;
    }
    
    .img-15 {
      min-height: 171.4px;
      min-width: 171.4px;
    }
    
    .img-16 {
      min-height: 171.4px;
    }
    
    .img-19 {
      min-height: 171.4px;
      min-width: 171.4px;
    }
    
    .img-22 {
      min-height: 171.4px;
    }
    
  }

  @media (max-width: 767px) {
    .Section-Gallery {
      background-image: url(../images/bg1.png);
      height: 550px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .Container-Gallery {
      width: 400px;
    }
    
    .image-gallery {
      width: 409px;
    }
  
    .image-gallery a {
      width: 57.14px;
      height: 57.14px;
    }
    
    .img-3 {
      min-height: 114.2px;
      min-width: 114.2px;
    }
    
    .img-5 {
      min-height: 114.2px;
    }
    
    .img-11{
      min-height: 114.2px;
    }
    
    .img-14 {
      min-height: 114.2px;
    }
    
    .img-15 {
      min-height: 114.2px;
      min-width: 114.2px;
    }
    
    .img-16 {
      min-height: 114.2px;
    }
    
    .img-19 {
      min-height: 114.2px;
      min-width: 114.2px;
    }
    
    .img-22 {
      min-height: 114.2px;
    }
  }

  @media (max-width: 576px) {
    .Section-Gallery {
      background-image: url(../images/bg1-sm.png);
      height: 530px;
    }
  }


  @media (max-width: 420px) {
    .Section-Gallery {
      height: 500px;
      /* padding-top: 10px;
      padding-bottom: 10px; */
    }
  
    .Container-Gallery {
      width: 368px;
    }
    
    .image-gallery {
      width: 365px;
    }
  
    .image-gallery a {
      width: 50.14px;
      height: 50.14px;
    }
    
    .img-3 {
      min-height: 100.2px;
      min-width: 100.2px;
    }
    
    .img-5 {
      min-height: 100.2px;
    }
    
    .img-11{
      min-height: 100.2px;
    }
    
    .img-14 {
      min-height: 100.2px;
    }
    
    .img-15 {
      min-height: 100.2px;
      min-width: 100.2px;
    }
    
    .img-16 {
      min-height: 100.2px;
    }
    
    .img-19 {
      min-height: 100.2px;
      min-width: 100.2px;
    }
    
    .img-22 {
      min-height: 100.2px;
    }
  }