.photogallery {
	background: #fff;
	max-width: 1426px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 5%;
	color:#181D27;
	font-weight: 400;
	font-size: 15px;
	line-height:1.4;
}

  .gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
  }

  .gallery a {
    display: block;
    overflow: hidden;    
  }

  .gallery img {
    width: 100%;
    height: 220px;
    object-fit: cover;
	border-radius: 12px;
    display: block;
    transition: transform 0.3s ease;
  }

  .gallery a:hover img {
    transform: scale(1.04);
  }

.phn {
	padding:10px 8px 8px 8px;
}

  @media (max-width: 992px) {
    .gallery {
      grid-template-columns: repeat(3, 1fr);
    }
  }


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

    .gallery img {
      height: auto;
    }
  }


  @media (max-width: 480px) {
    .container {
      padding: 15px 10px;
    }

    .gallery {
      gap: 10px;
    }
  }