/* RESPONSIVE CSS START */
@media screen and (max-width: 1199px) {
  /* slider lower section start */
  .slider-lower .one {
    padding: 24px;
  }

  .slider-lower .two {
    padding: 30px;
  }

  .slider-lower .three {
    padding: 16px;
    margin-top: 0px;
  }

  .slider-lower .one h4 {
    margin-top: 20px;
  }

  .slider-lower .one h5 {
    font-size: 18px;
    margin-top: 39px;
  }

  .slider-lower .three p {
    margin-bottom: 29px;
  }

  .slider-lower {
    position: relative;
    margin-bottom: 163px;
  }

  .slider-lower-main {
    position: absolute;
    left: 180px;
    top: -119px;
  }

  .slider-lower .two h5 {
    margin-bottom: 88px;
    font-size: 28px;
  }

  .slider-lower .three h5 {
    margin-bottom: 82px;
    font-size: 28px;
  }

  /* slider lower section end */
  /* about us section start */
  .about-us .about-us-lower {
    width: 52%;
    top: 286px;
    left: 189px;
    height: 48%;
  }

  .about-us .about-content h4 {
    font-size: 41px;
  }

  .about-us .about-content h5::before {
    bottom: 46px;
  }

  /* about us section end */
  /* what we do section start*/
  .what-we-do-section .what-we-do-img {
    margin-left: 0px;
  }

  .what-we-do-section .media {
    margin-bottom: 36px;
  }

  .what-we-do-section .media-body h5 {
    font-size: 15px;
  }

  .what-we-do-section h3 {
    font-size: 31px;
    margin-top: 15px;
  }

  /* what we do section end */
  /* social work section start */
  .social-work-section .social-work-content p {
    font-size: 15px;
  }

  .social-work-section .social-work-content h3 {
    width: 45%;
  }

  .social-work-section .social-work-content h4 {
    width: 25%;
  }

  .social-work-section .social-work-event h3 {
    font-size: 23px;
    width: 100%;
  }

  .social-work-section .social-work-event {
    margin-top: 34px;
  }

  /* social work section end */
}

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

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

@media screen and (max-width: 479px) {
  /* MENU CSS START */
  .my-menu .navbar-brand {
    width: 50px;
  }

  .navbar-brand span {
    font-size: 20px;
  }

  .my-navbar-nav li a {
    padding-left: 8px !important;
  }

  .top-header-right {
    float: none !important;
    text-align: center;
    width: 100%;
  }

  .top-header-left {
    width: 100%;
    text-align: center;
  }

  /* MENU CSS END */

  /* SLIDER LOWER SECTION START */
  .slider-lower {
    position: relative;
    margin-bottom: 163px;
  }

  .slider-lower-main {
    left: 0;
    top: 19px;
  }

  .slider-lower .one h4 {
    font-size: 42px !important;
    margin-top: 0 !important;
  }

  .slider-lower .one h3 {
    font-size: 25px !important;
  }

  .slider-lower .one h5 {
    margin-top: 16px !important;
  }

  .slider-lower .one {
    padding: 25px !important;
  }

  .slider-lower .two h5 {
    font-size: 25px !important;
  }

  .slider-lower .three {
    margin-top: 0 !important;
    margin-right: -15px !important;
    padding: 27px;
  }

  .slider-lower .three h5 {
    font-size: 25px !important;
  }

  .slider-lower .two button {
    padding: 9px 13px;
  }

  .slider-lower .three button {
    padding: 9px 13px;
  }

  /* SLIDER LOWER SECTION END */

  /* about us section start */
  .about-us {
    margin-top: 656px !important;
    margin-bottom: 36px;
  }

  .about-us .about-us-lower {
    width: 45% !important;
    top: 353px !important;
    left: 185px !important;
    height: 45% !important;
  }

  .about-us .about-content {
    margin-top: 36px;
    margin-left: 0;
  }

  .about-us .about-content h4 {
    font-size: 28px !important;
    margin-top: 38px !important;
  }

  .about-us .about-content p {
    font-size: 15px;
    margin-top: 30px;
  }

  .about-us .about-content h5::before {
    height: 61px;
    left: 17px;
    bottom: 54px !important;
  }

  .about-us .about-content h5 {
    font-size: 18px !important;
  }

  .about-us-lower-inner {
    margin-top: 0px !important;
    margin-bottom: 20px;
  }

  /* about us section end */
  /* what we do section start */
  .what-we-do-section .what-we-do-img {
    margin-left: 27px;
  }

  .what-we-do-section p {
    margin-bottom: 28px;
    font-size: 15px !important;
    text-align: left;
  }

  .what-we-do-section h3 {
    font-size: 29px !important;
    margin-top: 0 !important;
  }

  .what-we-do-section {
    margin-top: 0;
  }

  .what-we-do-section .what-we-do-img {
    margin-left: 0px;
    margin-bottom: 23px;
  }

  /* what we do section end */
  /* social work section start */
  .social-work-section .social-work-content h3 {
    width: 100% !important;
    font-size: 19px !important;
    text-align: center;
  }

  .social-work-section .social-work-content h4 {
    width: 100% !important;
    font-size: 19px !important;
    text-align: center;
  }

  /* social work section end */

  /* latest news section start */
  .latest-news-section h3 {
    font-size: 28px;
  }

  .latest-news-section p {
    padding: 12px 20px;
  }

  .ongoing-donations {
    margin-bottom: 25%;
  }

  .plan-section {
    margin-top: 30px;
  }

  .mission-content h3 {
    font-size: 16px;
  }

  .mission-content p {
    padding: 12px 20 !important;
  }

  .mission-content .date-box {
    top: -35px;
  }

  .plan-img .plan-content h3 {
    padding-top: 70px;
  }

  .plan-section .help-img h4 {
    top: 38%;
  }

  .plan-below-img .link-icon {
    bottom: 6%;
    left: 25%;
  }

  .mission-content h4 {
    font-size: 20px;
    font-weight: 700;
  }
  .i-w-d-content {
    top: 30%;
  }
  .i-w-d1-content {
    bottom: 1%;
  }
  /* latest news section end */

  /* testimonial start */
  .testimonial-section .owl-nav .owl-next i {
    display: block;
    right: -13px;
  }

  .testimonial-section .owl-nav .owl-prev i {
    display: block;
    left: -13px;
  }

  .testimonial-section h2 {
    font-size: 16px;
  }

  .testimonial-section h3 {
    font-size: 28px;
  }

  /* testimonial end */
  /* FOOTER CSS START */
  .footer-section {
    padding: 50px 0;
  }

  /* FOOTER CSS START */
  /* CONTACT US PAGE CSS START */
  .contactus-banner img {
    width: 100%;
  }

  .contactus-banner h3 {
    font-size: 35px;
  }

  .contactus-section .contact-detail {
    position: relative;
    top: 0px;
    left: 0;
  }

  .contactus-section .contact-form {
    padding-left: 40px;
    margin-top: 40px;
  }

  .contactus-banner .banner-content {
    top: 60px;
  }

  .contactus-banner .banner-content h2 {
    font-size: 28px;
  }

  .contactus-banner .banner-content span {
    font-size: 16px;
  }

  .contactus-banner img {
    width: 100%;
  }

  .contactus-banner h3 {
    font-size: 35px;
  }

  .contactus-section .contact-detail {
    position: relative;
    top: 0px;
    left: 0;
  }

  .contactus-section .contact-form {
    padding-left: 40px;
    margin-top: 40px;
  }

  .contactus-banner .banner-content {
    top: 60px;
  }

  .contactus-banner .banner-content h2 {
    font-size: 28px;
  }

  .contactus-banner .banner-content span {
    font-size: 16px;
  }

  /* CONTACT US PAGE CSS END */
  /* about us inner section start */
  .about-us-inner {
    background-size: contain;
    padding: 80px;
  }

  .about-us-inner h3 {
    margin-left: 0px;
    margin-top: -47px;
    font-size: 26px;
  }

  .about-us-inner-content {
    margin-top: 22px;
  }

  /* about us inner section end */
  /* health-door-page start */
  .hepatitis-content h3 {
    font-size: 30px;
    padding-top: 20px;
  }

  .hepatitis-content span {
    font-size: 24px;
  }

  .health-door-mission h3 {
    font-size: 20px;
  }

  .health-door-mission h4 {
    font-size: 18px;
  }

  /* health-door-page end */
  /* what we do inner section start */
  .what-we-do-inner {
    background-size: contain;
    padding: 80px;
  }

  .what-we-do-lower-inner {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .what-we-do-inner h3 {
    margin-left: -37px;
    margin-top: -47px;
    font-size: 26px;
  }

  .what-we-do-inner-content {
    margin-top: 23px;
  }

  /* what we do inner section end */
  /* success story inner section start */
  .success-story-inner {
    background-size: contain;
    padding: 80px;
  }

  .success-story-lower-inner {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .success-story-inner h3 {
    margin-left: -37px;
    margin-top: -47px;
    font-size: 26px;
  }

  .success-story-inner-content {
    margin-top: 23px;
  }

  .success-story-lower-inner .success-story-inner-img img {
    width: 100%;
    height: 200px;
  }

  /* success story inner section end */
  /* gallery section start */
  .gallery-section {
    margin-top: -30px !important;
  }

  /* gallery section end */
}