@media screen and (max-width: 768px) {
  .grid__form__wrapper,
  .devot__card {
    display: flex !important;
    flex-direction: column;
  }
  body .title__wrapper h2,
  .devot__text p:nth-child(1) {
    font-size: 26px !important;
  }
  .title__wrapper h4,
  .floating-text,
  .counter__inner .col-md-3 p:nth-child(2),
  .counter__inner .col-md-4 p:nth-child(2),
  .blog__info h3 {
    font-size: 18px !important;
  }
  .card_block .right__info p:nth-child(2),.btn-gradient-text, .custom-input,.amount-btn, .innerWrapper__one button {
    font-size: 16px !important;
  }
  .card_block .right__info p:nth-child(1) {
    font-size: 22px !important;
  }
  .full__history,
  .coptyright__footer {
    flex-direction: column !important;
    align-items: center !important;
  }
  .imageGallery__grid .image-grid {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }
  .imageGallery__grid {
    padding-bottom: 0 !important;
  }
  .row.devotee_cards {
    gap: 40px;
  }
  .map__wrapper {
    margin-bottom: 60px !important;
    gap: 20px;
  }
  .map__wrapper img,
  .left__text {
    width: 100% !important;
  }
  .social-bar {
    padding: 50px 20px 0 !important;
  }
  .footer__inner {
    padding-bottom: 0 !important;
  }
  .copy-tag {
    display: block !important;
  }
  body .fbs__net-navbar .navbar-nav > li > .nav-link {
    color: var(--bs-black) !important;
  }
  .about__wrapper {
    flex-direction: column-reverse !important;
  }
  .about__wrapper .outline__img {
    position: relative !important;
    width: 100% !important;
    right: 0 !important;
    bottom: -28px !important;
  }
  .about__wrapper .title__wrapper {
    padding-bottom: 0 !important;
  }
  .right__flower,
  .left__flower {
    width: 87px !important;
  }
  .right__flower {
    bottom: -24px !important;
    right: -8px !important;
  }
  .left__flower {
    bottom: -30px !important;
    left: -3px !important;
  }
  .trustee__inner {
    gap: 10px !important;
  }
  .trustee__inner p:nth-child(2),
  .cards__collections p:nth-child(2),
  .trustee__msg .col-md-3 p:first-of-type,
  .trustee__inner p:nth-child(3),
  .cards__collections p:nth-child(3),
  .trustee__msg .col-md-3 p:nth-of-type(2) {
    font-size: 20px !important;
  }
  .cards__collections {
    row-gap: 0 !important;
  }
  .makeDonation__wrapper h2,
  .counter__inner .col-md-3 p:nth-child(1),
  .counter__inner .col-md-4 p:nth-child(1) {
    font-size: 35px !important;
  }
  .counter__inner .counter-one::before, .counter__inner .counter-two::before{
    display: none !important;
  }
  .donation-box{
    max-width: 100% !important;
    padding: 40px !important;
  }
  .amount-btn, .innerWrapper__one button{
    width: 125px !important;
  }
  button.rupe__symbol {
    width: 50px !important;
}
.innerWrapper__three{
    margin-top: 35px !important;
}
.personal__infoform .second__btn{
    flex-direction: column !important;
    gap: 30px !important;
}
.form-container{
    padding: 30px 15px;
}
.map__wrapper ul li img{
    width: 26px !important;
}
.slider-container .slide {
    flex: 0 0 100% !important;
}
.slider-container .slider__text {
    position: relative !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    top: -42px !important;
    left: 0 !important;
    padding-bottom: 20px !important;
}
.text__wrapper{
    padding-top: 30px !important;
}
body .devot__card {
  display: flex !important;
}
.map__wrapper iframe{
  max-width: 100% !important;
}
.about__illustrate{
  left: 0 !important;
}
.mobileHt img {
  height: 550px !important;
  object-fit: cover !important;
}
.management__wrapper h3{
  font-size: 32px !important;
  bottom: 124px !important;
  left: 16px !important;
}
}

@media screen and (max-width:1024px) {
.about__wrapper{
  flex-direction: column-reverse !important;
}  
.about__wrapper .outline__img{
  position:relative !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100%;
}
.about__wrapper .left__text{
  width: 100% !important;
}
}