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


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

@media only screen and (max-width: 991px) {
  .hero-content h1 {
    font-size: 50px;
  }

  .navbar-nav {
    margin-bottom: 25px;
  }

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

  .sticky-bar a.nav-link {
    padding: 6px 14px !important;
  }

  .navbar-collapse {
    margin-bottom: 25px;
  }

  .card {
    margin-bottom: 20px;
  }

  #donate-sec .content-sec {
    margin: 20px 0px;
  }

  #company-sec .container-box {
    width: 100px;
    height: 100px;
  }

  #company-sec h5 {
    font-size: 20px;
  }

  #help-sec .right-sec .container-box {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  #blog-sec {
    margin-bottom: 80px;
  }

  #help-sec {
    background-color: #F2F6F7;
    padding: 50px 0;
    margin-bottom: 80px;
  }

  #blog-sec {
    margin-bottom: 80px;
  }

  .common-heading {
    top: 35%;
  }

  #contact-sec .container-box {
    justify-content: start;
  }

  #about-sec {
    margin-bottom: 80px;
  }
  .top-common-banner {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content h1 {
    font-size: 38px;
  }

  .hero-content p {
    font-size: 17px;
  }

  .hero-content p br {
    display: none;
  }

  .common-title {
    margin-bottom: 40px;
  }

  #donate-sec {
    padding: 30px 0px;
  }

  .common-title p {
    font-size: 17px;
  }

  #help-sec {
    margin-bottom: 60px;
  }

  #blog-sec {
    margin-bottom: 60px;
  }

  .footer-cu-sec-align,
  .footer-Links-sec-align {
    justify-content: start;
  }

  .footer-aboutus-sec,
  .footer-Links-sec,
  .footer-cu-sec {
    margin-bottom: 0px;
  }

  #about-sec {
    margin-bottom: 60px;
  }

  .common-title h4 {
    font-size: 30px;
  }
  .top-common-banner {
    margin-bottom: 60px;
  }
}

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

.hero-content h1 {
  font-size: 30px;
}

.hero-content p {
  font-size: 14px;
}

.hero-btn {
  width: 140px;
  height: 45px;
  padding: 10px;
}

.hero-btn-stoke {
  display: none;
}

.common-title h6 {
  font-size: 18px;
}

.common-title h4 {
  font-size: 28px;
}
.common-title {
  margin-bottom: 35px;
}
#latest-causes-sec {
  margin-bottom: 40px;
}
#company-sec .container-box {
  width: 70px;
  height: 70px;
}
#company-sec .container-box p {
  font-size: 30px;
}
#help-sec .right-sec .container-box {
  margin-bottom: 20px;
  margin-top: 20px;
}
.content-sec-box {
  padding: 0px 10px;
}
#blog-sec {
  margin-bottom: 40px;
}
#gallery-sec {
  padding: 40px 0px;
}
#gallery-sec {
  margin-bottom: 40px;
}
#common-reachus-sec {
display: none;
}
#gallery-page-sec h5 {
  font-size: 17px;
}
#gallery-page-sec p {
  font-size: 14px;
}
.common-title {
  margin-bottom: 20px;
}
.top-common-banner {
  margin-bottom: 40px;
}
#hero-bottom-sec {
  margin-bottom: 40px;
}
.footer-bt-sec p {
  /* text-align: center; */
}


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

  
}