@media screen and (max-width: 1300px) {  
    .testimonial-cards .owl-nav { width: calc(100% + 10px); }
}
@media screen and (max-width: 992px) {
    .about-image-sec { right: -20px; }
    .common-content-para { margin-top: 0; }
    .footer-inner { grid-template-columns: 1fr 1fr; }
    .testimonial-cards .owl-nav { width: calc(100% + 10px); }
    .slide-box { padding: 0 20px; }
    .main-form-name { flex-direction: column; }
}
@media screen and (max-width: 768px) {
    .contact-location ul li { margin-bottom: 15px;}
    section#about_section .common-content { margin-top: 70px; }
    .featured-box { margin-bottom: 20px; }
    .donation-image { margin-top: 30px; }
    body h6 { font-size: 14px; }
    body h2 { font-size: 30px; }
    header#header nav.navbar {
        position: absolute;
        top: 14px;
        right: 0;
    } 
    header#header nav.navbar .container {
        justify-content: end;
    }
    button.navbar-toggler[aria-expanded="false"] {
         background: url(https://reflectionrosary365.zaiportal.com/wp-content/uploads/2025/06/menuopen.png);
        background-size: contain;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
                border: 0;
    }
    button.navbar-toggler[aria-expanded="true"] {
         background: url(https://reflectionrosary365.zaiportal.com/wp-content/uploads/2025/06/menu-close.png);
        background-size: contain;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
                border: 0;
    }
    button.navbar-toggler span.navbar-toggler-icon {
    display: none;
}
header#header .row { padding: 7px 0 0 !important; }
header#header nav.navbar div#navbarNav {
            top: 64px;
        position: absolute;
        z-index: 999;
        background: #fff;
        padding: 20px 20px 15px;
        right: 0;
        width: 100%;
}
header#header nav.navbar div#navbarNav a.nav-link {
    margin: 0 0 18px;
}
section#banner-section { padding: 0 10px; }
.banner-outer h1 {
    font-size: 36px; line-height: 46px; }
    .search-box { margin-top: 10px; margin-bottom: 40px;
}
section#contact-form-details .common-content
 {
    margin-bottom: 30px;
}
section#blog-page-content .blog-image {
    padding-bottom: 60%; }
    .contact-frm-outer {     padding: 30px 20px 16px 20px; }
}
@media screen and (max-width: 640px) { 
.terms-copyrights { flex-wrap: wrap; }
.testimonial-cards .owl-nav {
        width: 100%;
        position: relative;
        transform: none;
        left: auto;
        top: auto;
        bottom: 0;
        justify-content: center;
        gap: 0 20px;
    }
    .about-image-one {
        height: 0;
        padding-bottom: 80%;
        position: relative;
        width: 90%;
        border-radius: 15px;
        overflow: hidden;
    }
    .about-image-sec { right: 0; }
    section.slider-section { padding: 0 10px; }
    section#feature_section { padding: 50px 0; }
    section { margin: 60px 0; }
    .slide-box { padding: 0 20px;}
    footer#footer-section { width: calc(100% - 20px); bottom: 10px; }
    section.mid-banner-outer { padding: 0 10px; }
    .banner-outer { height: 280px; }
    .banner-outer h1 {
        font-size: 29px;
        line-height: 37px;
    }
}
@media screen and (max-width: 480px) { 
    .footer-inner {
        grid-template-columns: 100%;
    }
    section.slider-section .slider-btn  {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .blog-box { grid-gap: 20px 24px; padding: 20px 15px; grid-template-columns: 100%; }
    .slide-box{ height: 530px; } 
    .banner-outer ul li p, .banner-outer ul li { font-size: 14px; }
}