@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1199px) {
    .main-header ul.navbar-nav>li {
        margin: 0px 10px;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {
    button.navbar-toggler:focus,
    button.navbar-toggler:hover,
    button.navbar-toggler{
        outline: none;
        box-shadow: none;
    }
    button.navbar-toggler:hover{
        color: var(--white);
    }
    .main-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #fff;
        box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 40%);
    }
    section.temp-page-title,
    section.temple-banner {
        margin-top: 85px;
    }
    .main-header ul.navbar-nav>li {
        margin: 0;
    }
    .main-header .navbar-light ul.navbar-nav li a {
        margin: 5px 0;
        padding: 0 0 10px;
    }
    .navbar-collapse{
        padding: 20px 0;
    }
   
}

@media only screen and (max-width: 767px) {
    .temple-carousel .owl-item, .temple-carousel .item, .temple-carousel {
        height: 500px;
    }

    .temple-explain-image {
        padding: 100px 0;
    }

    section.temple-explain .row .col-md-6:nth-child(2) {
        order: -1;
    }
    .footer-menu {
        margin: 0;
    }
    .temp-sidebar {
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: 60px;
    }
}

@media only screen and (max-width: 576px) {
    .temple-caption {
        padding: 0 30px;
    }
    section.temple-service .row {
        margin: -90px 30px 0;
    }
    .temple-explain-content h2.web-title {
        font-weight: 500;
    }
    section.default-space {
        padding: 40px 0;
    }
    section.temple-donate{
        padding-bottom: 150px;
    }

}  
  
@media only screen and (max-width: 991px) {
    .donate-modal{
    margin-top: 100px;
    }
}