/** max-width 1300px **/
@media (max-width: 1300px) {
  .quote_btn-container {
    display: none;
  }

  .custom_nav-container .navbar-nav {
    align-items: center;
  }

  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 15px;
  }

  .slide .carousel-top-inner img {
    width: 80%;
  }
  
  .about_section .detail-box {
    padding: 0 40px 0 0;
    background: #fff;
  }
  
  section.about_section .detail-box .btn-box {
    background: #fff;
    padding-bottom: 25px;
  }
  
  .donation_section .donation-image img {
    position: relative;
    width: 100%;
    height: auto;
    right: 0;
  }
}

/** max-width 1120px **/
@media (max-width: 1120px) {}

/** min-width 1200px **/
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .shop_section .shop-image img.shop2-image {}
}

/** max-width 1120px **/
@media (min-width: 1200px) {}

/** min-width 992px **/
@media (min-width: 992px) {}

/** max-width 992px **/
@media (max-width: 992px) {
  .hero_area {
    height: auto;
  }

  .header_section .header_top {
    display: none;
  }

  .header_section .header_bottom {
    background-color: #fff;
  }

  .navbar_brand_mobile {
    display: flex;
  }

  .custom_nav-container .navbar-nav {
    padding-top: 15px;
  }

  .header_section .header_top .contact_nav a span {
    display: none;
  }

  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .slider_section .detail-box h1 {
    font-size: 2.5rem;
  }

  .slider_section {}

  .carousel.slide .carousel-arrow-inner {}

  .contact_section .form_container {
    background-color: #003471;
    padding: 45px 25px;
  }

  .slide .carousel-top-inner img {
    width: 100%;
  }

  .shop_section .shop-image img.shop1-image,
  .shop_section .shop-image img.shop2-image,
  .shop_section .shop-image img.shop3-image {
    position: relative;
  }

  .shop_section .shop-image img.shop2-image {
    width: 100%;
    height: auto;
    right: auto;
    top: 0;
  }

  .shop_section .shop-image img.shop1-image {
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
  }

  .shop_section .shop-image img.shop3-image {
    width: 100%;
    height: auto;
    bottom: auto;
    right: auto;
  }
  
  .about_section .detail-box {
    padding: 0 40px 0 40px;
  }
}

@media (max-width: 1020px) {
    /** --------------- george [update] ------------------- **/
    /**.donation_section {
        background-image: url(/wp-content/uploads/2024/05/frame-1-support-us-1.png);
        background-color: #0176C7;
        background-repeat: no-repeat;
        background-position: bottom right;
    } **/
    .donation_section .donation_bg {
        background-image: url(/wp-content/uploads/2024/05/frame-1-support-us-1.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: contain;
        padding: 0 20px 90px 20px;
    }
    /** --------------- george [update] END ------------------- **/
}

/** min-width 767px **/
@media (min-width: 767px) {}

/** max-width 767px **/
@media (max-width: 767px) {
  .slider_section .detail-box {
    text-align: center;
  }

  .slider_section .detail-box .btn-box {
    justify-content: center;
  }

  .about_section .img-box {
    margin-top: 45px;
  }

  .project_section .box .detail-box {
    opacity: 1;
    visibility: visible;
  }

  .contact_section .form_container .btn_box {
    justify-content: center;
  }

  .client_section .carousel-indicators {
    flex-direction: row;
  }

  .info_section .row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .info_section .info_main .rov>div {
    margin-bottom: 25px;
  }

  .info_section .social_box {
    margin-bottom: 25px;
  }

  section.blog_section .blog-data .blog-item {
    margin-bottom: 40px;
  }

  section.blog_section .blog-data .blog-item.nopadding-1,
  section.blog_section .blog-data .blog-item.nopadding-2,
  section.blog_section .blog-data .blog-item.nopadding {
    padding-right: 15px;
    padding-left: 15px;
  }

  .about_section .entry-image {
    position: relative;
    right: auto;
    z-index: 0;
    top: auto;
  }

  .about_section .entry-image img {
    width: 100%;
  }

  .shop_section .btn-box {
    text-align: center;
  }
  
  .about_section {
    padding: 0 0 40px 0;
  }
  
  .about_section .about-section-image .entry-image {
    bottom: 0;       
  }
  
  section.about_section .detail-box .entry-content {
    font-size: 21px;
  }
  
  .donation_section {
    padding: 40px 0 40px 0;
  }
  
  .donation_section .donation-title {
    padding-top: 20px;
  }
  
  .donation_section .donation-label .heading_container {
    padding-top: 20px;
  }
  
  .donation_section .donation-title .donation-info {
    padding-left: 0;
  }
  
  section.blog_section.layout_padding {
    padding: 40px 0 20px 0;
  }
  
  section.blog_section .container {
    max-width: 100%;  
  }
  
  section.blog_section .btn-box-section a {
    margin-bottom: 40px;  
  }
  
  section.shop_section .shop-container {
    padding-top: 40px;
    padding-bottom: 0;
  }
  
  .shop-image {
    text-align: center;
  }
  
  .shop_section .shop-image img.shop3-image {
    width: 70%;
  }
  
  section.about_section .detail-box .heading_container h1, section.about_section .detail-box .heading_container h1 p,
  .donation_section .donation-title .heading_container h2 p, .donation-label .heading_container h2,
  .blog_section .heading_container h2, .shop_section .shop-title .heading_container h2 p {
    font-size: 40.69px;
  }
  
  .about_section .detail-box .entry-content p {
    padding-right: 0;  
  }
  
}

/** max-width 576px **/
@media (max-width: 576px) {
  .header_section .header_top .social_box {
    display: none;
  }

  .header_section .header_top .contact_nav a {
    margin: 0;
    margin-left: 15px;
  }

  .client_section .box {
    flex-direction: column;
    align-items: center;
  }

  .client_section .box .detail-box {
    margin-top: 15px;
    margin-left: 0;
  }

  .info_section a.footer-logo img {}
}

@media (max-width: 480px) {
  .donation_section .payment-option a.paypal-option {
    margin-right: 0;
  }
}


.elementor-7443 .elementor-element.elementor-element-1e66bd8.elementor-element {
    --align-self: stretch;
    margin-top: -71px;
}

@media only screen and (max-width: 765px) {
  .elementor-7443 .elementor-element.elementor-element-1e66bd8.elementor-element {
    --align-self: stretch;
    margin-top: 10px;
}
}


@media (max-width: 376px) {}