@media screen and (max-width:1920px) {
  
}
@media screen and (max-width:1680px) {
   
}
@media screen and (max-width:1668px) {
  
}
@media screen and (max-width:1600px) {
 
}
@media screen and (max-width:1536px) {
 
}
@media screen and (max-width:1441px) {
    .banner-area {
        margin-top: 65px;
    }
    .about-heading {
        font-size: 30px;
    }
    .about-sub-para {
        font-size: 27px;
    }
    .listDiv .card-title {
        font-size: 20px;
    }
    .listDiv .card-text {
        font-size: 17px;
    }
}
@media screen and (max-width:1367px) {
    .seva-title {
        color: #fff;
        font-size: 19px;
    }
    .temple-img-div {
        height: 400px;
    }
    .footer-sub-para {
        font-size: 14px;
        color: #fff;
    }
    .footer-para {
        color: #fff;
        font-size: 14px;
    }
}
@media screen and (max-width:1281px) {
    .titleimage {
        width: 66px;
        height: 66px;
    }
    .imgtitle {
        margin: 15px auto;
    }
    .btn-view-more {
        background: #171b08;
        padding: 7px 26px;
        color: #fff;
        font-size: 17px;
        border-radius: 28px;
    }
}
@media screen and (max-width:1200px) {
  
}
@media screen and (max-width:1199px) {
    
}
@media screen and (max-width:1080px) {
  
}
@media screen and (max-width:1024px) {
    
}
@media screen and (max-width:992px) {
    
}
@media screen and (max-width:991px) {
 
}
@media screen and (max-width:912px) {
   
}
@media screen and (max-width:828px) {
    
}
@media screen and (max-width:820px) {
    
}
@media screen and (max-width:800px) {
    
}
@media screen and (max-width:768px) {
    .about-heading {
        font-size: 20px;
    }
    .design,.design-bottom
    {
        width: 70%;
    }
    .about-sub-para {
        font-size: 20px;
    }
    .about-para {
        font-size: 15px;
        color: #0e0f08;
    }
    .seva-title {
        color: #fff;
        font-size: 15px;
    }
    .seva-div {
        background: linear-gradient(45deg, #7e8446, #1d1a04);
        padding: 7px 12px;
        border-radius: 39px;
    }
    .tab-button {
        padding: 9px 34px;
        font-size: 16px;
    }
    .donation-title {
        font-size: 22px;
    }
    .etgpara {
        font-size: 13px;
    }
    .card-title
    {
        font-size: 18px;
    }
    .card-text
    {
        font-size: 14px;
    }
    .all-banner-slide3 .single-banner-slide .card-body {
        height: 283px;
    }
    .const-heading {
        font-size: 23px;
        color: #4e5228;
    }
    .const-para {
        font-size: 14px;
        color: #14252f;
    }
    .const-div {
        padding: 20px 30px;
    }
    .expand h2 {
        font-size: 16px;
    }
    .detail {
        display: none;
        margin: 16px 0px 10px 0;
    }
    .detail span {
        font-size: 15px;
    }
    .contact-para {
        font-size: 14px;
    }
    .donate-now.donate-now2 {
        color: black !important;
        background-color: #f5e6bc;
        height: 42px;
        padding: 0px 23px 0 23px;
    }
      .gal-video {
    height: 200px;
  }
}
@media screen and (max-width:750px) {
   
}
@media screen and (max-width:640px) {
   
}
@media screen and (max-width:576px) {
    
}
@media screen and (max-width:575px) {
    .header-logo {
        width: 83px;
    }
    .banner-area {
        margin-top: 59px;
    }
    .text-landing-foreground p{
        font-size: 14px;
    }
    .youtube-video {
        width: 100%;
        height: 283px;
        border-radius: 30px;
        box-shadow: 2px 3px 8px 2px #7e8446;
    }
    #buttons .button {
        font-size: 11px;
        padding: 13px 13px;
    }
    .seva-title {
        color: #fff;
        font-size: 13px;
    }
    .bg-landing-primary {
        background: #7a8043;
        border-radius: 34px;
        padding: 3px 5px !important;
    }
    .grbtn svg{
        width: 13px;
    }
    .text-landing-background.active {
        background: #fff;
        color: #28270c;
        border-radius: 30px;
        padding: 3px 8px !important;
        transition: all 0.5s;
    }
    .card-title {
        font-size: 15px;
    }
    .card-text {
        font-size: 12px;
    }
    .card-donate {
        font-size: 12px;
    }
    .listDiv .card-title {
        font-size: 16px;
    }
    .listDiv .card-text {
        margin-top: 10px;
        font-size: 13px;
    }
    .listDiv {
        background: #ffffff;
        padding: 10px 10px 10px 10px;
        border-radius: 20px;
    }
    .swiper-slide p
    {
        font-size: 13px;
    }
    .swiper-slide h3 {
        font-size: 15px;
    }
    .donation-section {
        padding: 8px 0;
    }
    .tax-note {
        margin-bottom:10px;
        font-size: 13px;
    }
    .payment-message {
        font-size: 13px;
    }
    .custom-control-label {
        font-size: 14px;
    }
    .btn-support-tax {
        padding: 8px 15px;
        font-size: 14px;
    }
    .btn-support-assured {
        padding: 8px 16px;
        font-size: 14px;
    }
    .const-heading {
        font-size: 17px;
        color: #4e5228;
    }
    .const-para {
        font-size: 12px;
        color: #14252f;
    }
    .footer-para {
        font-size: 12px;
    }
    .footer-sub-para {
        font-size: 12px;
    }
    .footer-gry-para a {
        font-size: 12px;
    }
    .header-donate-btn {
        font-size: 12px;
    }
}
@media screen and (max-width:540px) {
    
}
@media screen and (max-width:475px) {
  
}
@media screen and (max-width:450px) {
   
}
@media screen and (max-width:425px) {
    
}
@media screen and (max-width:414px) {
   
}
@media screen and (max-width:412px) {
   
}
@media screen and (max-width:400px) {
    .about-heading {
        font-size: 17px;
    }
    .p-4 {
        padding: 1rem !important;
    }
    .text-landing-foreground p {
        font-size: 12px;
    }
    .quoteimg {
        width: 22px;
        height: 22px;
    }
    .-top-5 {
        top: -1rem;
    }
    .design, .design-bottom {
        width: 80%;
    }
    .youtube-video {
        height: 211px;
    }
    .about-sub-para {
        font-size: 16px;
    }
    .about-para {
        font-size: 12px;
    }
    .ul-para {
        font-size: 13px;
    }
    .temple-para
    {
        font-size: 13px;
    }
    label.google-material {
        font-size: 13px;
        top: 15px;
    }
    .input {
       height: 49px !important;
       font-size: 15px;
    }
    .qr-code-div {
        background: #fff;
        padding: 5px 3px;
        border-radius: 20px;
    }
    .reservation-input.reservation-input2 {
        height: 49px;
    }
    .btn.amt-btn-clr {
        font-size: 16px;
    }
    .select, input[type=text] {
        font-size: 15px !important;
        height: 49px !important;
        padding: 13px 10px 1px 27px;
    }
    .select, input[type=text]:focus ~ label.google-material, .select, input[type=text]:valid ~ label.google-material {
        top: 4px;
    }
    .contitile {
        font-size: 12px;
    }
    .imgtitle {
        margin: 19px auto;
        font-size: 19px;
    }
    .donor-list {
        padding: 5px 4px;
    }
    .donor-list .titleimage {
        width: 60px;
        height: 60px;
    }
    .donor-list .imgtitle {
        font-size: 17px;
        margin: 18px auto;
    }
    .etgpara {
        font-size: 13px;
        padding: 0 12px;
    }
    .contact-para {
        font-size: 12px;
    }
    .important-img-div {
        height: 132px;
        overflow: hidden;
    }
    #integration-list {
        width: 100%;
    }
    .expand h2 {
        font-size: 13px;
        display: inline;
    }
    .footer-title {
        font-size: 16px;
        margin-bottom: 10px !important;
    }
  
    .swiper-container {
        width: 100%;
    }
    .donation-title {
        font-size: 19px;
    }
  .owl-carousel .owl-item img {
    display: flex;
    width: 100%;
    /* object-fit:fill; */
  }
  .important-img-div {
    height: 250px;
    overflow: hidden;
  }

  .temple-img-div {
    height: 350px;
    overflow: hidden;
  }
}
@media screen and (max-width:393px) {
   
}
@media screen and (max-width:390px) {
  
}
@media screen and (max-width:375px) {
    
}
@media screen and (max-width:360px) {
   
}
@media screen and (max-width:350px) {
    
}
@media screen and (max-width:320px) {
   
}
@media screen and (max-width:280px) {
    
}