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

@media(min-width:992px) {
  .home-toolkit .toolkit-list ul li+li {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }

  .home-service .img-cover {
    height: 100%;
    aspect-ratio: initial;
  }
}

@media(min-width:1200px) {
  .header-wrap header .head-top ul li {
    flex-direction: column;
  }
}
@media(min-width:1025px) {}

@media(min-width:1281px) {
  footer .logo {
    margin-top: -42px;
  }
}

@media(min-width:1361px) {}

/*===== min =====*/

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

@media(max-width:1280px) {
  .btn {
    font-size: 22px;
    padding: 16px 54px;
  }

  footer .logo {
    padding-top: 20px;
  }

  .resource-wrap .resource-list>ul,
  .podcast-wrap .podcast-list>ul {
    margin: 0 -8px;
    row-gap: 16px;
  }

  .resource-wrap .resource-list>ul>li,
  .podcast-wrap .podcast-list>ul>li {
    padding: 0 8px;
  }

  .podcast-box {
    padding: 15px;
  }

  .podcast-box .podcast-info .btn {
    padding: 6px 16px;
    font-size: 16px;
    column-gap: 8px;
  }

  .podcast-box .podcast-info .btn .icon {
    width: 32px;
  }

  .podcast-box .podcast-info .meta {
    column-gap: 15px;
  }

  .podcast-box .podcast-info .meta li {
    font-size: 16px;
  }

  .podcast-box .podcast-info .meta li .icon {
    width: 20px;
    height: auto;
  }

  .resource-box {
    padding: 20px 15px;
  }

  .resource-box .resource-info .title {
    font-size: 16px;
  }

  .resource-box .resource-info .meta li {
    font-size: 14px;
  }

  .resource-box .resource-info .meta li .icon {
    width: 20px;
    height: auto;
  }

  .resource-box .resource-info .user-name-box .user-name span {
    font-size: 16px;
  }

  .resource-box .resource-info .user-name-box .user-icon .icon {
    width: 20px;
    height: auto;
  }

  .resource-box .resource-info .user-name-box .user-name a {
    font-size: 14px;
  }

  .resource-box .resource-info .btn-wrap .icon-box {
    width: 38px;
    height: 38px;
  }

  .resource-box .resource-info .btn-wrap .icon-box .icon {
    width: 20px;
    height: auto;
  }
}

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

@media(max-width:991px) {
  .btn {
    font-size: 20px;
    padding: 16px 44px;
  }

  .home-resources .resources-list {
    margin: 0 -8px;
    row-gap: 16px;
  }

  .home-resources .resources-list li {
    padding: 0 8px;
  }

  .podcast-wrap .podcast-list>ul>li {
    width: 100%;
  }

  .resource-wrap .resource-list>ul>li {
    width: 100%;
  }
}

@media(max-width:767px) {
  .btn {
    font-size: 18px;
    padding: 15px 38px;
  }

  .social li a {
    width: 44px;
    height: 44px;
    padding: 10px;
  }

  footer .logo {
    display: inline-flex;
    margin: 0 auto;
  }

  footer .logo a {
    max-width: 220px;
  }

  .customAccordion .accordion-item .accordion-header button {
    font-size: 20px;
    padding: 20px 60px 20px 20px;
  }

  .customAccordion .accordion-item .accordion-header button span {
    right: 28px;
  }

  .customAccordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 30px 20px !important;
  }

  .customAccordion .accordion-item .accordion-header button span {
    top: 17px;
    width: 28px;
    height: 28px;
  }

  .customAccordion .accordion-item .accordion-header button span::after,
  .customAccordion .accordion-item .accordion-header button span::before {
    width: 11px;
    height: 1px;
  }

  .home-contact .contact-form {
    padding: 25px 20px;
  }

  .form-row {
    row-gap: 20px;
  }

  .form-row .form-control {
    height: 60px;
  }

  .form-row textarea.form-control {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-wrap .contact-box {
    padding: 25px 20px;
  }

  .contact-wrap .map-wrap .map {
    aspect-ratio: initial;
    height: 300px;
  }

  .donate-wrap .donate-form .nav {
    margin: 0 -8px;
  }

  .donate-wrap .donate-form .nav li {
    padding: 0 8px;
  }

  .about-wrap .content-box .info-box {
    padding: 25px 20px;
  }
}

@media(max-width:575px) {
  .banner .hero-gallery {
    margin: 0 -8px;
    row-gap: 16px;
  }

  .banner .hero-gallery li {
    padding: 0 8px;
    row-gap: 16px;
  }

  .podcast-box {
    row-gap: 20px;
  }

  .podcast-box .podcast-info {
    flex-direction: column;
    row-gap: 20px;
  }

  .resource-box {
    flex-direction: column;
    row-gap: 20px;
  }

  .resource-box .img-cover {
    width: 100%;
  }

  .resource-box .resource-info {
    width: 100%;
    padding: 0;
  }

  .donate-wrap .donate-form .nav li {
    width: 100%;
  }

  .donate-wrap .donate-form {
    padding: 25px 20px;
  }

  .donate-wrap .donate-form .remember label::after {
    top: 5px;
    left: 8px;
    width: 8px;
    height: 14px;
  }
}

/*===== max =====*/