@media screen and (max-width: 768px) {
  .hero-slide {
    background-size: cover;
    background-position: center;
  }
.post-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
  .hero-content {
    padding: 20px; /* Reduce padding for smaller screens */
  }

  .hero-content h1 {
    font-size: 1.5rem; /* Smaller font size for headings */
  }

  .hero-content p {
    font-size: 0.9rem; /* Smaller font size for paragraphs */
  }

  .navbar-brand img {
   width: 150px;
  }
  .hero-content {
    position: relative;
    z-index: 2;
    top: 28%;
    transform: translateY(-40%);
    max-width: 480px;
  }
  .carousel-caption {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 2;
    max-width: 500px;
}
.row.align-items-center.mb-5 {
    gap: 20px;
}
.row.align-items-center {
   gap: 20px;
}
.book-cover h2 {
    font-size: 28px;
    font-weight: 600;
}
.book-cover p {
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    color: #000000;
}
.gallery h2 {
    font-size: 27px;
    font-weight: 600;
}
.blogs h5 {
    font-size: 24px;
    font-weight: 600;
}
.section {
    padding: 40px 5%;
}
img.contact-image {
    display: none;
}
.footer {
    background-color: #000;
    color: #fff;
    padding: 60px 19px 20px;
}
 .parent {
    grid-template-columns: 1fr; /* Single column layout */
    grid-template-rows: auto;   /* Let content define the height */
  }

  .div1,
  .div4,
  .div5,
  .div7,
  .div8 {
    grid-column: 1 / -1; /* Full width in single column */
    grid-row: auto;      /* Let content flow naturally */
  }
.carousel-item {
    position: relative;
    height: 600px;
    overflow: hidden;
    color: #fff;
}
 .parent-two {
    grid-template-columns: 1fr; /* Single column layout */
    grid-template-rows: auto;   /* Let content define the height */
  }

.divone,
 .divfive ,
.divsix,
 .diveight,
.divnine {
    grid-column: 1 / -1; /* Full width in single column */
    grid-row: auto;      /* Let content flow naturally */
  }
.carousel-item {
    position: relative;
    height: 600px;
    overflow: hidden;
    color: #fff;
}
.gallery-section {
    padding: 40px 5%;
}
img.five-gallery {
    height:100%;
    width: 100%;
}
img.eight-gallery {
    width: 100%;
    height: 100%;
}
.gallery-section h2 {
    font-size: 24px;
    font-weight: 600;
}
.main {
    height: 40%;
    background: #404040;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}
.d-flex {
    display: grid !important;
;
}
img.img-fluid.rounded.me-3 {
    position: relative;
    bottom: 0px;
    height: 196px;
    width: 117px !important;
}
.iosq{
  display: block;
}
img.contact-img {
    height: auto;
    border-radius: 30px;
    width: auto;
}
.ps-lg-5 {
    padding-top: 19px;
}
.row-about {
    display: flex
;
    align-items: center;
    gap: 23px;
}
.main-about {
    height: auto;
    width: 100%;
}
.asno {
    margin-left: 0px;
}
.about-images {
    width: 100%;
    height: auto;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor;
    font-size: 8px;
}
.footer .subscribe-btn {
    background: linear-gradient(to right, #ffe846, #ffb40e);
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 2px;
    margin-left: 5px;
    margin-top: 15px;
}
.footer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}
}