@media (max-width:768px) {
    
    .gap2{
        gap: 10px !important;
        margin-left:30px;
    }
    #login{
        margin-top: 0px !important;
    }
    #slider1{
        height: auto !important;
    }
    .top-slider .hightbox{
        width: 100% !important;
        padding-bottom: 0rem !important;
        padding-top: 1rem !important;
    }
    .ask-top-slider .ask-hightbox{
        width: 100% !important;
        padding-bottom: 0rem !important;
        padding-top: 1rem !important;
        
    }
   
    .ask-highttxt {
        font-size: 1.3rem !important;
        text-align: start;
      }
    

    .container-upcomming-section{
        margin-top: 8rem;
    }
    .confooter{
        text-align: start !important;
    }
    .ggg{
        display: flex;
        justify-content: first baseline !important;
        flex-direction: column !important;
    }
    .ganesha{
        display: flex;
        flex-direction: row !important;
        width: 100% !important;
    }
    .eee{
        display: flex;
        justify-content: first baseline !important;
        flex-direction: column !important;
    }
    .durga{
        display: flex;
        flex-direction: row !important;
        width: 100% !important;
    }
    .indivisulimg{
      width: 150px;
    }
    .horizontal-line{
      display: none !important;
    }
    .img-hiiden{
      display: none;
    }
    .horizontal-line1{
      display: none !important;
    }
}


  
  @media (max-width: 376px) {
    .d-flex.gap-5 {
      align-items: center;
    }
    .wishlispuja{
        margin-left: 80%;
      }
  
    .individualhightlight {
      font-size: 1rem !important;
      text-align: start;
      gap: 1rem !important;
    }
    .top-slider .hightbox {
        padding: 1rem 0.5rem;
        width: 100%;
        top: 1%;
      }
    
      .highttxt {
        font-size: 0.6rem !important;
        text-align: start;
      }
    
      .btnbook {
        width: 20% !important;
        font-size: 0.5rem !important;
      }

      .ask-top-slider .ask-hightbox {
        padding: 1rem 0.5rem !important;
        width: 100%;
        top: 2%;
      }
    
      .ask-highttxt {
        font-size: 0.6rem !important;
        text-align: start;
      }
    
      #slider1 {
        height: 200px;
      }
      .home-top-slider .home-hightbox {
        padding: 2rem 1rem;
        width: 90%;
        top: 12%;
      }
      .home1heads {
        margin-top: 13%;
        margin-left: 50% !important; 
        font-size: 0.7rem !important; 
      }
      .puja1heads{
        margin-top: 14% !important;
        margin-left: 57% !important; 
        font-size: 0.7rem !important;
      }
      .pujaheads {
        margin-top: 15% ; 
        margin-left: 55% !important; 
        font-size: 0.8rem !important; 
      }
    
      .home-highttxt {
        font-size: 0.9rem !important;
        text-align: start;
      }
      .btn-custom {
        width: 30%; 
        padding: 4px;
        font-size: 10px;
        border-radius: 6px;
        border: none;
        display: block;
        margin: 10px auto; 
      }
    .memberName{
      font-size: 0.9rem !important;
    }  
  }

  @media (max-width: 768px) {
    .reviewbtn,
    .reviewbtn2 {
        font-size: 0.8rem;
        padding: 10px;
    }

    .continue {
        width: 100%;
    }

    .review-head img {
        width: 100%;
        height: 85%;
        
    }

    .tables {
        overflow-x: auto;
    }
   
}


@media (max-width: 576px) {
    .review-head h1 {
        font-size: 1.5rem;
        text-align: center;
        width: 100%;
    }
    .options{
        display: flex;
        flex-wrap: wrap;
    }
    .panchand-month{
        font-size: 0.8rem;
    }

       
}
@media (max-width: 767px) {
    .form-check {
        border: none;
    }
    .upi-pay{
        padding-top: 2rem;
    }
    .shukla{
        font-size: 1rem;
    }
    .magha{
        font-size: 0.6rem;
    }

}

@media (max-width:960px){
    .shukla{
        font-size: 10px;
    }
    .magha{
        font-size:5px;
    }
    .panchang-imgs1{
        width: 100%;
        padding: 1rem;
    }
}




@media (max-width: 768px) {
    .pujaheads {
      margin-top: 5%;
      margin-left: 13.8%; 
      font-size: 0.6rem; 
    }
    .upcomingpuja1{
      text-align: justify;
    }
    .upcominghawan1{
      text-align: justify;
    }
    .templeheads{
        margin-top: 9%;
      margin-left: 26%; 
      font-size: 0.7rem; 
    }
    .puja-process-img img {
      max-width: 100%;
  }
  .puja-process-img img {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%; 
    width: 100%; 
}

.temple-description {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.col-lg-7 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
    .wishlis{
      margin-left: 39%;
    }
    .wishlishome{
      margin-left: 39%;
    }
    .wishlispuja{
      margin-left: 23.5%;
    }
    .homeheads {
        margin-top: 8%;
        margin-left: 27%; 
        font-size: 0.8rem; 
      }
      .home1heads {
        margin-top: 8%;
        margin-left: 24%; 
        font-size: 0.8rem; 
      }
      .puja1heads {
        margin-top: 8%;
        margin-left: 26%; 
        font-size: 0.8rem; 
      }
      .home-img{
        height: auto;
      }
    /* puja banner */
    
  .top-slider .hightbox {
    padding: 2rem 1rem;
    width: 90%;
    top: 10%;
  }

  .highttxt {
    font-size: 1.5rem;
    text-align: start;
  }

  .btnbook {
    width: 30%;
    /* display: block; */
  }

  #slider1 {
    height: 350px;
  }
  .home-top-slider .home-hightbox {
    padding: 2rem 1rem;
    width: 90%;
    top: 15%;
  }

  .home-highttxt {
    font-size: 1.5rem;
    text-align: start;
  }

  .btnbook {
    width: 30%;
    /* display: block; */
  }
  .cardevent{
    padding: 0;
  }

}

@media (max-width: 480px) {
  .top-slider .hightbox {
    padding: 1rem 0.5rem;
    width: 100%;
    top: 1%;
  }

  .highttxt {
    font-size: 0.9rem;
    text-align: start;
  }

  .btnbook {
    width: 30%;
    font-size: 0.9rem;
  }
  .wishlis{
    margin-left: 82%;
  }
  .wishlishome{
    margin-left: 85%;
  }
  .wishlispuja{
    margin-left: 82%;
  }

  #slider1 {
    height: 250px;
  }.home-top-slider .home-hightbox {
    padding: 2rem 1rem;
    width: 90%;
    top: 15%;
  }
  
  .ask-top-slider .ask-hightbox{
    width: 100% !important;
    padding-bottom: 0rem !important;
    padding-top: 1px !important;
    
}
.puja1heads {
  margin-top: 15%;
  margin-left: 57%; 
  font-size: 0.9rem; 
}

.ask-highttxt {
    font-size: 1rem !important;
    text-align: start;
    /* margin-top: -2px; */
  }

  .home-highttxt {
    font-size: 1rem;
    text-align: start;
  }
  .homeheads {
    margin-top: 13%;
    margin-left: 58%; 
    font-size: 0.9rem; 
  }
  .home1heads {
    margin-top: 13%;
    margin-left: 54%; 
    font-size: 0.8rem; 
  }
  .pujaheads {
    margin-top: 16% ; 
    margin-left: 57% ; 
    font-size: 0.9rem ; 
  }
  
  }
  
  @media (max-width: 325px) {
    .pujaheads {
      margin-top: 15%; 
      margin-left: 52% !important; 
      font-size: 0.7rem !important; 
    }
    .homeheads {
        margin-top: 23%;
        margin-left: 57.5%; 
        font-size: 0.7rem; 
      }
      .home1heads {
        margin-top: 14%;
        margin-left: 46% !important; 
        font-size: 0.7rem; 
      }
      .puja1heads{
        margin-top: 14%;
        margin-left: 52.5% !important; 
        font-size: 0.7rem; 
      }
    .templeheads {
        margin-top: 20%; 
        margin-left: 52.5% !important; 
        font-size: 0.6rem !important; 
      }
      .wishlis{
        margin-left: 80%;
      }
      .wishlispuja{
        margin-left: 80%;
      }
      .wishlishome{
        margin-left: 81%;
      }

      .top-slider .hightbox {
        padding: 0.3rem 0.5rem !important;
        width: 100%;
      }
      .highttxt {
        font-size: 0.5rem !important;
        text-align: start;
      }
      .ask-top-slider .ask-hightbox {
        padding: 0.3rem 0.5rem !important;
        width: 100%;
      }
      .ask-highttxt {
        font-size: 0.5rem !important;
        text-align: start;
      }
    
      .btnbook {
        width: 20% !important;
        font-size: 0.5rem !important;
      }
      .home-top-slider .home-hightbox {
        padding: 2rem 1rem;
        width: 90%;
        top: 9%;
      }
    
      .home-highttxt {
        font-size: 0.6rem !important;
        text-align: start;
      }
}
    @media (max-width: 568px) {
       
        .templeheads {
            margin-top: 20% ; 
            margin-left: 55.5% ; 
            font-size: 0.7rem ; 
          }
          .container-fluid {
            padding: 0 !important;
        }
    
        .ba {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    
        .card-content {
            padding: 0 10px;
        }
  }
 @media (min-width: 1024){
  .homeheads {
    margin-top: 8%;
    margin-left: 31% !important; 
    font-size: 0.7rem; 
  }
  .home1heads {
    margin-top: 8%;
    margin-left: 24%; 
    font-size: 0.8rem; 
  }
 }