/* home response */

@media (max-width: 998px) {
    .hero-title {
        /* font-size: 2.5rem; */
    }
    .banner-image{
        height: 65vh;
    }

    .image-section img{
        /* width: 96%; */
        margin: 0px auto;
    }
}

@media (max-width: 768px) {
      .hero-title {
        /* font-size: 1.5rem; */
    }

    .banner-image {
        /* height: 40vh; */
        /* object-fit: cover; */
    }

    .hero-content {
        /* padding-right: 0; */
        /* margin-bottom: 30px; */
        /* margin-top:32px; */
    }

    .hero-right-image img {
        /* max-height: 300px; */
    }

    /* about */
    .about-banner-image{
        height: 40vh;
    }

    /* service */
    .service-banner-image{
        height: 40vh;
    }
    /* blog */
    .blog-banner-image{
        height: 40vh!important;
    }
    .blog-detail-images img{
        padding: 0px!important;
    }
    .gallery-banner-image{
       height: 40vh!important;  
    }
}

@media (max-width: 558px) {
    .banner-image {
        /* height: 42vh; */
    }


    /* .banner-overlay{
      display: flex;
      align-items: center;  
    } */
    
    .hero-content {
        /* padding-right: 0; */
        /* margin-bottom: 30px; */
        /* margin-top:240px; */
    }

    .hero-content button{
        /* position: relative;
        bottom: 20px; */
    }

    .hero-title{
        /* margin-top:240px; */
    }
    .hero-description{
        /* margin-bottom: 1rem; */
    }
    .btn-cta{
        /* position: relative;
        bottom: 10px; */
        
    }


/* home end */

/* blog start */

 .blog-card-image{
height: 230px!important; 
width: 100%!important;
/* padding: 20px; */
}
.blog-card-image img{
    /* width: 90%!important; */
    object-fit: cover;
    /* padding: 0 10px!important; */
}
.blog-detail-images{
  padding: 10px!important;
}

/* .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 30px;
} */

/*  */
}

@media (max-width: 992px) {
    /* div{
        overflow-x: hidden;
    } */

    /* .banner-image{
        height: 400px;
    } */


    /* .carousel-item{
        height: 90vh;
    } */

    .latest-blogs-grid,
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-images {
        flex-direction: column;
    }

    .detail-images img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    /* home */
      /* .banner-image{
        height: 400px;
    } */
    /* home-end */

    .blog-featured-detail-card {
        margin: 10px;
        padding: 10px;

    }


    .featured-blog-row {
        flex-direction: column-reverse
    }

    .featured-blog-images {
        margin-top: 10px;
        margin-bottom: 10px;

    }

    .featured-blog-images img {
        height: 100%;
        width: 100%;

        border-radius: 20px;
    }

    .latest-blogs-grid,
    .blog-grid {
        grid-template-columns: 1fr;
    }

    .featured-detail-card {
        padding: 25px;
    }

    .detail-main-title {
        font-size: 1.3rem;
    }

    .page-title {
        font-size: 2rem;
    }
}

/* @media (min-width:768px) and (max-width:1023px){
.featured-blog-images{
    width: 80%;
   object-fit: cover; 
}
}  */


/* home page responsiveness start */


@media (max-width: 992px) {
     .banner-overlay {
        align-items: flex-start;
        padding-top: 60px;
    }
    .hero-content {
        height: 100%;
    }

    .hero-text {
        /* min-height: 140px; */
        max-height: 224px;
    }

    .hero-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
     .hero-description {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .btn-cta {
        width: 23%;
        text-align: center;
        position: absolute;
        bottom:10%;
    }

     .hero-right-image img {
        max-height: 220px;
        width: auto;
        margin: 0 auto;
    }
    .banner-image{
        height: 42vh;
    }

}
@media (max-width: 767px) {
     .banner-overlay {
        align-items: flex-start;
        padding-top: 60px;
    }
    .hero-content {
        height: 100%;
    }

    .hero-text {
        /* min-height: 140px; */
        max-height: 224px;
    }

    .hero-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
     .hero-description {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .btn-cta {
        width: 23%;
        text-align: center;
        position: absolute;
        bottom:10%;
    }

     .hero-right-image img {
        max-height: 220px;
        width: auto;
        margin: 0 auto;
    }
    .banner-image{
        height: 42vh;
    }

}

@media (max-width: 767px) {

  .banner-overlay {
    align-items: flex-start;
  }

  .image-section img{
    width: 90%;
  }

  /* .hero-content {
    position: relative;
    padding-bottom: 80px; 
  } 

  /* .btn-cta {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    margin: 0;
  } */

  .banner-image {
    height: 45vh;
  }
  .hero-right-image{
    position: absolute;
    right: 50%;
    bottom: 15%;
    transform: translateX(70%);
  }
}

@media (max-width:558px){
.btn-cta{
    width: 30%;
}
}

@media (max-width :424px){
   .hero-text {
        /* min-height: 140px; */
        max-height: 263px;
    }  
    .btn-cta {
        width: 40%;
        /* position: relative;
        z-index: 4;
        bottom: 10%; */        
}
    .hero-right-image img{
       /* background-color: orange; */
       /* position: absolute;
       right: 0; */
    }
}

/* home responsiveness end */