* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

 .all_gallery .gallery-grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 1.6rem;
  }

  .all_gallery .grid-item {
    height: 300px;
    background-color: black;
    background-size: cover;
    background-position: center;
  }

   .all_gallery .item-1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 100%;
  }

   .all_gallery .item-2 {
    height: 100%;
  }


  @media (max-width: 1200px) {
    .all_gallery .gallery-grid {
      grid-template-columns: auto auto;
    }

    .all_gallery .grid-item {
      height: 500px;
    }

     .all_gallery .item-1 {
      grid-column-start: 1;
      grid-column-end: 2;
    }

     .all_gallery .item-2 {
      grid-column-start: 2;
      grid-column-end: 3;
    }

    .all_gallery .item-3 {
      grid-column-start: 1;
      grid-column-end: 2;
    }
  }
  @media (max-width:990px) {
    .gallery-grid{
      gap: 1.8rem;
    }
  }

  @media (max-width: 768px) {
    .all_gallery .gallery-grid {
      grid-template-columns: auto;
    }

    .all_gallery .grid-item {
      height: 700px;
    }

     .all_gallery .item-1 {
      grid-column-start: 1;
      grid-column-end: 2;
    }

     .all_gallery .item-2 {
      grid-column-start: 1;
      grid-column-end: 2;
    }

    .all_gallery .item-3 {
      grid-column-start: 1;
      grid-column-end: 2;
    }
  }
  @media (max-width:600px) {
    .all_gallery .grid-item {
      height: 500px;
    }
  }
  @media (max-width:480px) {
    .all_gallery .grid-item {
      height: 350px;
    }
  }