@media screen and (max-width: 1350px) {
  .third-section .section-inner {
    display: grid;
    width: 100%;
    padding: 20px;
    grid-template-columns: 300px 1fr 300px;
    gap: 20px;
    justify-items: center;
    align-items: end;
  }

  .third-section .section-inner .team-wrapper {
    grid-area: 5 / 1 / 6 / 2;
  }

  .third-section .section-inner .activity {
    grid-area: 5 / 3 / 6 / 4;
  }

  .third-section .section-inner .posts {
    grid-area: 2 / 1 / 5 / 4;
  }
}

@media screen and (max-width: 1200px) {
  .first-section .section-inner .items,
  .third-section .section-inner .posts {
    box-shadow: 0 0 0 0;
    border-radius: 0;
  }

  .contact-us-page .page-inner {
    box-shadow: 0 0 0 0;
    border-radius: 0;
  }

  .donate-page .page-inner {
    box-shadow: 0 0 0 0;
    border-radius: 0;
  }

  .become-volunteer-page .page-inner {
    box-shadow: 0 0 0 0;
    border-radius: 0;
  }

  .become-member-page .page-inner {
    box-shadow: 0 0 0 0;
    border-radius: 0;
  }

  .complain-page .page-inner {
    box-shadow: 0 0 0 0;
    border-radius: 0;
  }
}

@media screen and (max-width: 980px) {
  .seventh-section .section-inner .videos {
    grid-template-columns: 1fr 1fr;
  }

  .management-team-page .page-inner .users {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .donors-page .page-inner .users {
    grid-template-columns: 1fr 1fr;
  }

  footer .copyright .copyright-inner {
    flex-direction: column;
  }

  .eighth-section .section-inner .gallery {
    grid-template-columns: 1fr 1fr;
  }

  footer .footer-inner .quick-links h6,
  footer .footer-inner .important-links h6 {
    margin-left: 0;
  }

  .contact-us-page .page-inner form label input {
    margin: 10px 0 20px 0;
    width: 100%;
  }

  .contact-us-page .page-inner form label textarea {
    width: 100%;
    margin: 10px 0;
  }
}

@media screen and (max-width: 800px) {
  .fourth-section .section-inner .user img {
    width: 100px;
    height: 100px;
  }

  .ninth-section .section-inner .testimonials {
    grid-template-columns: 1fr;
  }

  footer .footer-inner {
    grid-template-columns: 1fr 1fr 1fr;
  }

  header .brand ul li a {
    padding: 0;
  }

  .third-section .section-inner .posts .post .post-content span {
    font-size: 10px;
  }

  header nav ul .signup-signin a,
  header .info .info-inner .donate-btn,
  .third-section .section-inner .posts .post .post-comments .comments li p,
  .fifth-section .section-inner .swiper .swiper-wrapper .user span p,
  .third-section
    .section-inner
    .posts
    .post
    .post-comments
    .comment-form
    button
    i,
  .third-section
    .section-inner
    .posts
    .post
    .post-comments
    .comment-form
    button,
  .third-section
    .section-inner
    .posts
    .post
    .post-comments
    .comment-form
    #comment {
    font-size: 12px;
  }

  .eighth-section .section-inner > a,
  .main-paragraph p,
  header .info .info-inner .email-number .number,
  header .info .info-inner .email-number .email,
  header nav ul li a {
    font-size: 13px;
  }

  header .brand a p,
  .third-section .section-inner .posts .post .post-comments .comments li h6 {
    font-size: 14px;
  }

  .fourth-section .section-inner .user span h4,
  .second-section .section-inner .item h3,
  .third-section .section-inner .posts .post .post-content h5,
  .fifth-section .section-inner .swiper .swiper-wrapper .user span h4 {
    font-size: 16px;
  }

  .third-section .section-inner .posts .post .post-comments h4 {
    font-size: 18px;
  }

  footer .footer-inner .quick-links h6,
  footer .footer-inner .important-links h6 {
    font-size: 19px;
  }

  .fourth-section .section-inner .user span h2 {
    font-size: 22px;
  }

  header .brand a h1 {
    font-size: 25px;
  }
}

@media screen and (max-width: 720px) {
  .third-section .section-inner {
    grid-template-columns: 1fr;
  }

  .third-section .section-inner h3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .third-section .section-inner .team-wrapper {
    grid-area: 3 / 1 / 4 / 2;
  }

  .third-section .section-inner .activity {
    grid-area: 5 / 1 / 6 / 2;
  }

  .third-section .section-inner .posts {
    grid-area: 2 / 1 / 3 / 2;
  }

  header nav .nav-bar .dropdown-btn .dropdown-menu {
    width: 100% !important;
  }

  .management-team-page .page-inner .users {
    grid-template-columns: 1fr 1fr;
  }

  .contact-us-page .page-inner {
    grid-template-columns: 1fr;
  }

  .complain-page .page-inner form .input-group {
    grid-template-columns: 1fr;
  }

  .become-volunteer-page .page-inner form .input-group {
    grid-template-columns: 1fr;
  }

  .become-member-page .page-inner form .input-group {
    grid-template-columns: 1fr;
  }

  .donate-page .page-inner form .input-group {
    grid-template-columns: 1fr;
  }

  .fourth-section .section-inner {
    flex-direction: column;
    padding: 0 20px;
  }

  .fourth-section .section-inner .user {
    margin-bottom: 10px;
    width: 100%;
  }

  .first-section .section-inner .items,
  .gallery-page .page-inner .gallery {
    grid-template-columns: 1fr 1fr 1fr;
  }

  footer .footer-inner,
  .eighth-section .section-inner .gallery {
    grid-template-columns: 1fr 1fr;
  }

  header nav {
    justify-content: start;
    flex-direction: column;
    position: relative;
    overflow: visible;
  }

  header nav > ul {
    overflow: visible;
    flex-direction: column;
    position: absolute;
    height: auto;
    top: 50px;
    left: -100%;
    z-index: 999;
  }

  .nav-bar-active {
    left: 0;
  }

  header nav .nav-bar li {
    border-top: 1px solid #e22f3b;
    width: 100%;
  }

  header nav .nav-bar .signup-signin a {
    margin-left: 5px;
  }

  header nav .nav-btn {
    display: flex;
    margin: 5px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
  }

  header nav .nav-btn i {
    font-size: 28px;
    color: #ffffff;
    display: flex;
  }

  .our-objective-page .page-inner .item {
    flex-direction: column;
  }

  .our-objective-page .page-inner .item-2 {
    flex-direction: column-reverse;
  }

  .our-objective-page .page-inner .item-4 {
    flex-direction: column-reverse;
  }

  .our-objective-page .page-inner .item img {
    width: 250px;
    height: 250px;
    margin: 20px;
    object-fit: cover;
  }

  .our-objective-page .page-inner .item .content {
    border-top: 2px solid #14213d;
    padding: 20px 40px;
    background-color: #00aa71;
  }
}

@media screen and (max-width: 580px) {
  .seventh-section .section-inner .videos {
    grid-template-columns: 1fr;
  }

  .donors-page .page-inner .users {
    grid-template-columns: 1fr;
  }

  .become-member-page .page-inner form .input-group-full table {
    display: flex;
  }

  .become-member-page .page-inner form .input-group-full table thead tr {
    display: flex;
    flex-direction: column;
  }

  .become-member-page .page-inner form .input-group-full table tbody tr {
    display: flex;
    flex-direction: column;
  }

  .eighth-section .section-inner h3::after {
    width: 70px;
  }

  .fifth-section .section-inner .swiper .swiper-wrapper .user img {
    width: 130px;
    height: 130px;
  }

  header .brand {
    flex-direction: column;
  }

  header .brand .logo {
    width: 100%;
    justify-content: center;
  }

  header .brand a {
    width: 100%;
  }

  header .brand ul {
    width: 100%;
    justify-content: center;
  }

  .ninth-section .section-inner .testimonials .testimonial .logo {
    width: 80px;
    height: 80px;
  }

  .ninth-section .section-inner .testimonials .testimonial .content h4 {
    font-size: 18px;
  }

  .ninth-section .section-inner .testimonials .testimonial .content h4 span {
    margin: 5px;
  }

  .ninth-section .section-inner .testimonials .testimonial .content p {
    font-size: 12px;
  }

  footer .footer-inner {
    grid-template-columns: 1fr;
  }

  .second-section .section-inner {
    padding: 0 5px;
  }

  .second-section .section-inner .item {
    padding: 10px;
    margin: 10px 5px;
  }

  .second-section .section-inner .item i {
    font-size: 16px;
  }

  .second-section .section-inner .item h3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 460px) {
  .contact-us-page .page-inner iframe {
    min-height: 250px;
  }

  header .info .info-inner {
    flex-direction: column;
  }

  .donate-page .page-inner form .payment .bank .content p {
    font-size: 18px;
  }

  header .info .info-inner .donate-btn {
    margin-top: 10px;
  }

  .third-section .section-inner .posts .post .post-content {
    flex-direction: column-reverse;
    align-items: start;
  }

  .third-section .section-inner .posts .post .post-content span {
    margin-bottom: 5px;
  }

  .eighth-section .section-inner .gallery a {
    margin: 5px;
  }

  .first-section .section-inner .items {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-page .page-inner .gallery {
    grid-template-columns: 1fr 1fr;
  }

  .management-team-page .page-inner .users {
    grid-template-columns: 1fr;
  }

  .third-section .section-inner .posts {
    height: 540px;
  }
}

@media screen and (max-width: 380px) {
  .donate-page .page-inner .radio-group {
    flex-direction: column;
  }

  .ninth-section .section-inner .testimonials .testimonial {
    flex-direction: column;
  }
  .ninth-section .section-inner .testimonials .testimonial .logo {
    margin-right: 0;
  }

  .ninth-section .section-inner .testimonials .testimonial .content {
    align-items: center;
  }

  .first-section .section-inner .items {
    grid-template-columns: 1fr;
  }

  .first-section .section-inner .items .item .logo {
    margin-top: 10px;
    width: 100px;
  }

  .first-section .section-inner h3::before,
  .third-section .section-inner h3::before,
  .fifth-section .section-inner h3::before,
  .ninth-section .section-inner h3::before {
    width: 20px;
    left: -30px;
  }

  .first-section .section-inner h3::after,
  .third-section .section-inner h3::after,
  .fifth-section .section-inner h3::after,
  .ninth-section .section-inner h3::after {
    width: 20px;
    right: -30px;
  }

  .donors-page .page-inner .users .user img {
    width: 70px;
    height: 70px;
  }

  .donors-page .page-inner .users .user span h4 {
    font-size: 16px;
  }

  .donors-page .page-inner .users .user span p {
    font-size: 12px;
  }
}

@media screen and (max-width: 315px) {
  header .info .info-inner .email-number {
    flex-direction: column;
  }

  header .info .info-inner .email-number .email {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }

  .become-member-page .page-inner form .input-group-full table {
    font-size: 12px;
  }
}