.logosize {
			width: 150px;
		}

		@media(max-width:990px) {
			.logosize {
				width: 60px;
			}
			.top {
				margin-top: -2%;
			}
		}

/*menu*/
 .menu-page .menu-section {
    /*padding: 50px 0;*/
    background-color: #f5f5f5;
    text-align: center;
}

.menu-page .menu-title {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #333;
}

/* Row flex container */
.menu-page .menu-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

/* Column wrapper for each table */
.menu-page .menu-column {
    flex: 1 1 30%; /* 3 columns per row */
    min-width: 250px; /* ensures responsive wrapping */
}

/* Main Menu Table Styling */
.menu-page .menu-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.menu-page .menu-table th {
    background: #601615;
    color: #fff;
    font-size: 1.2rem;
    padding: 12px;
}

.menu-page .menu-table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
    color: #601615;
}

/* Mini Tables */
.menu-page .mini-table {
    width: 90%;
    margin: 10px auto 0 auto;
    border-collapse: collapse;
    background: #fff3e0;
}

.menu-page .mini-table td {
    padding: 6px 8px;
    border-bottom: 1px solid #ccc;
    font-size: 0.9rem;
    color: #601615;
}

.menu-page .mini-table tr:last-child td {
    border-bottom: none;
}
.menu-page .menu-table tbody {
    background: linear-gradient(135deg, #fefcea, #f1da36, #f19329); /* gradient background */
    color: #333;
}
/* Responsive: 2 columns on tablet, 1 column on mobile */
@media (max-width: 991px) {
    .menu-page .menu-column {
        flex: 1 1 45%;
    }
}

@media (max-width: 575px) {
    .menu-page .menu-column {
        flex: 1 1 100%;
    }
}

/*services*/
.services-page .p1{
    text-align:justify;
}
.about-page .p1{
    text-align:justify;
}
.gall-page .p1{
    text-align:justify;
}
@media screen and (min-width: 1024px) {
   .about-page .home-about-left .home-about-img figure img {
        height: 600px;
        width:300px;
    }
}

/* Mobile view */
@media screen and (max-width: 767px) {
   .about-page .home-about-left .home-about-img figure img {
        height: 400px;
    }
}

/*gall-page*/
    
   .gall-page .image-box {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

/* Image styling */
.gall-page .image-box img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
}

/* Shine overlay */
.gall-page .image-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
  opacity: 0;
}

/* Animate shine on hover */
.gall-page .image-box:hover::after {
  animation: shine 1s forwards;
}

/* Make carousel relative so absolute arrows work */
.gall-page #lightboxCarousel {
    position: relative;
}

/* Custom arrows */
.gall-page .custom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    cursor: pointer;
    z-index: 15;
    border-radius: 50%;
    transition: 0.3s;
}

.gall-page .custom-arrow:hover {
    background-color: rgba(0,0,0,0.8);
}

/* Outside positioning */
.gall-page .custom-prev {
    left: -70px;
}

.gall-page .custom-next {
    right: -70px;
}
.gall-page #lightboxCarousel .carousel-item img {
    width: 100%;          /* fill modal width */
    height: auto;         /* maintain aspect ratio */
    max-height: 50vh;     /* fit screen height */
    object-fit: contain;  /* don’t crop */
}

/* Extra small devices (<576px) */
@media (max-width: 575.98px) {
  /* Ensure 2 columns per row */
 .gall-page .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Gap between columns and rows */
  .gall-page .row > .col-6 {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }

  /* Image-box height for mobile */
  .gall-page .image-box {
    height: 100%; /* adjust as needed */
  }

  /* Make image cover the box */
  .gall-page .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* Extra small devices (<576px) */
@media (max-width: 575.98px) {
  .gall-page .custom-prev {
    left: 5px; /* inside the modal */
  }

  .gall-page .custom-next {
    right: 5px; /* inside the modal */
  }

  .gall-page .custom-arrow {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}