/* detail page gallery */

.home-detail-gallery {
  max-width: 1600px; 
  margin: 0 auto; 
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-detail-gallery ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr); 
  justify-content: center;
  padding: 0 20px;
  gap: 20px;
}

.content-item {
  width: 100%;
  box-sizing: border-box; 
  margin-bottom: 360px;
}

.content-item img {
  width: 100%; 
  height: auto; 
  display: block;
  margin-bottom: 20px;
}


.content-text p {
  margin: 0 0 12px 0; 
}


.content-text a {
  color: rgb(115, 13, 13); 
}



/* news page gallery */
.news-gallery ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  justify-content: center; 
  padding: 0 20px; 
  gap: 20px;
}




/* Mobile adjustments */
@media (max-width: 600px) {

.header-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  padding: 15px 20px; 
}

.logo {
  width: 100%;
  display: flex;
  justify-content: center; 
  margin-bottom: 10px; 
}

.menu {
  width: 100%;
  display: flex;
  justify-content: center; 
}


.menu ul {
  display: flex;
  flex-direction: column;
  align-items: center; 
  gap: 10px; 
}


.date-list {
  width: 100%; 
  text-align: center; 
  margin-top: 15px;
}

.home-detail-gallery ul {
  display: flex;
  flex-direction: column;
  gap: 0; 
  padding: 0 20px; 
  margin: 0;
  list-style: none;
}

.home-detail-gallery li {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column; 
}

.home-detail-gallery img {
  height: 500px; 
  object-fit: cover; 
  margin-bottom: 10px; 
}

.content-item {
  width: 100%;
  box-sizing: border-box; 
  margin-bottom: 240px;
}

.content-text {
  margin-bottom: 30px;
  width: 100%; 
  box-sizing: border-box;
}

.content-text p {
  margin: 10px 0;
}

.news-gallery ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr); 
  justify-content: center;
  padding: 0 20px;
}

}