:root {
  --heading-desktop: 2.5rem;

  --heading-mobile-font: calc(1.325rem + 0.9vw);

  --paragraph-mobile-font: 18px;
}

@media (min-width: 1200px) {
  .section-heading {
    font-size: var(--heading-desktop);
  }

  .slick-prev {
    left: -3rem;
  }

  .slick-next {
    right: -3rem;
  }

  .about-us {
    padding: 50px 0;
  }

  .navbar-brand {
    position: absolute;

    top: 1%;
  }

  .res-list-slider .slick-next,
  .res-list-slider .slick-prev {
    top: unset;

    bottom: 0;
  }

  .res-list-slider .slick-prev {
    left: 19rem;

    bottom: -4rem;
  }

  .res-list-slider .slick-next {
    right: 19rem;

    bottom: -4rem;
  }

  .bio-edu .row .col p {
    white-space: nowrap;
  }

  .partners h2 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;

    display: flex;

    gap: 2rem;

    align-items: center;
  }

  .search-btn-nav {
    height: 65px;

    width: 50px;

    display: grid;

    place-items: center;

    background-color: #562f20;

    color: #fff;

    text-decoration: none;
  }

  #capacitiyBuilding .col-md-7 > img.capa-1 {
    left: 0;
  }

  #capacitiyBuilding .col-md-7 > img.capa-2 {
    right: 0;
  }
}

.about-us .overlay img {
  object-fit: unset;
}

@media (min-width: 768px) {
  .partners .col-md-3:has(img) {
    display: block;
  }
}

@media (min-width: 680px) and (max-width: 768px) {
  .container {
    max-width: 100%;

    padding-inline: 25px;
  }
}

@media (max-width: 768px) {
  header .navbar.d-lg-none,
  header .navbar.d-lg-none > .container-fluid,
  header .navbar.d-lg-none > .container-fluid > .navbar-brand,
  header .navbar.d-lg-none > .container-fluid > .navbar-brand > img {
    height: inherit;
  }

  header .navbar.d-lg-none > .container-fluid > .navbar-brand > img {
    width: 100% !important;
  }

  .navbar-nav .dropdown-menu {
    display: block;

    visibility: visible;

    opacity: 1;
  }

  .banner-section {
    height: auto;
  }

  .item-slider .slick-track {
    display: flex;
  }

  .item-slider .item {
    position: relative;

    height: inherit;
  }

  .item-slider .item img {
    height: 100%;

    object-fit: cover;
  }

  .area-style .hor-ru + .row {
    margin-bottom: 1rem;
  }

  .area-style .hor-ru + .row .col-sm-6 {
    display: flex;

    justify-content: center;

    align-items: center;
  }

  .item .text-span {
    left: 4%;

    font-size: 1rem;
  }

  .partners .col-md-3:has(img) {
    display: none;
  }

  .partners .col-12 {
    display: block;
  }

  .partners .col-12 .p-item {
    display: flex;

    justify-content: center;

    align-items: center;
  }

  .section-title {
    font-size: 2rem;
  }

  .experience-tabs .nav-link {
    font-size: 1rem;
  }

  .container > .row {
    margin-inline: unset;
  }

  .counter-list {
    flex-wrap: wrap;
  }

  .counter-list li {
    width: 100%;
  }

  #capacitiyBuilding .row .col-md-5 ul {
    padding-left: 1rem;
  }
}

@media (max-width: 480px) {
  header .navbar.d-lg-none > .container-fluid > .navbar-brand > img {
    width: 30% !important;
  }

  .newsletter,
  header {
    height: max-content;
  }

  .img-con p {
    font-size: var(--paragraph-mobile-font);
  }

  /* #citizenScience .container .upcoming-header + p,

  #resourceList .row .col-md-5,

  .about-us,

  .capactity-building .row .col-md-5,

  .header-text-desc,

  .text-span {

    text-align: center;

  } */

  body,
  html {
    overflow-x: clip;
  }

  .bio-edu p {
    font-size: 1.3rem;
  }

  .bio-edu .col {
    flex-basis: 40%;
  }

  .banner-section .slick-slide img {
    display: block;

    height: 50vh;

    width: 100%;

    object-fit: cover;
  }

  .item-slider .item .text-span {
    inset: 0;

    display: flex;

    flex-direction: column;

    /* row-gap: 10px; */

    text-shadow: 1px 2px #000;

    width: 100%;

    height: 100%;

    font-size: 0.8rem;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .item-slider .slick-dots {
    display: flex !important;

    justify-content: center;

    gap: 1rem;

    list-style: none;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-58%);
  }

  .item-slider .slick-dots li button {
    height: 35px;

    width: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    padding: 10px;

    border: 1px solid #f1ab1d;

    padding: 10px;

    background: #4c2719;

    color: #fff;
  }

  .item-slider .slick-dots li.slick-active button {
    background-color: #218838;
  }

  .item-slider .item .text-span h3 {
    font-size: 2rem;

    font-family: WWF;
  }

  .upcoming-header {
    flex-direction: column;

    align-items: center;

    row-gap: 1rem;
  }

  .upcoming-header,
  .upcoming-left-span {
    width: 100%;
  }

  /* .upcoming-left-span {

    display: flex;

    text-align: center;

    align-items: center;

    flex-direction: column;

  } */

  .upcoming-right-span {
    align-self: center;
  }

  .about-us,
  .citizen-science {
    padding: 50px 10px;
  }

  .areas-of-work {
    justify-content: center;

    flex-wrap: wrap;
  }

  .areas-of-work .item {
    flex-basis: 50%;
  }

  .citizen-science .row {
    flex-direction: column;
  }

  .utils .item {
    display: flex;

    align-items: center;

    flex-direction: column;
  }

  .utils .img-sec {
    justify-content: center;

    margin-top: 1rem;
  }

  .girgit {
    top: -6%;

    width: 100%;
  }

  .capactity-building .upcoming-header + .row,
  .newsletter .row,
  .partners .row,
  .public-eng .row {
    row-gap: 1rem;
  }

  .text-span {
    left: 19%;

    font-size: 12px;
  }

  .tourtle {
    top: -5%;

    width: 31%;
  }

  .test-img {
    width: 30%;
  }

  .newsletter {
    padding-left: 10px;

    padding-right: 10px;
  }

  .newsLetter-form {
    width: 100%;

    height: 35%;
  }

  .arrows,
  .newsletter .row br {
    display: none;
  }

  .citizen-science .upcoming-right-span a {
    background: #ffe7c5 !important;
  }

  .bird-fly {
    top: unset;

    bottom: 0;
  }

  .col-md-7 > img.capa-1,
  .col-md-7 > img.capa-2 {
    display: block;
  }

  .capacity-slider .card img,
  .partners .upcoming-header {
    width: 100%;
  }

  .newsletter h2 {
    font-size: var(--heading-mobile-font) !important;
  }

  .newsletter p {
    font-size: 15px;
  }

  .slick-next {
    right: -10px;

    width: 8%;
  }

  .slick-prev {
    left: -10px;

    width: 8%;
  }

  footer h1 {
    font-size: 30px;
  }

  #resourceList .row .col-md-5,
  .area-style {
    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .bullets li {
    text-shadow: 2px 2px #000;

    max-width: 90%;
    text-align: left;
  }
  .citizen-item {
    padding: 0;
  }

  footer .col-md-11 {
    padding: 0;
  }

  .item-blog .hyper-link {
    bottom: 4rem;

    margin-bottom: -4rem;
  }

  .item-blog img {
    object-fit: cover;

    height: auto;
  }

  .upcoming-slider .slick-track .slick-slide .card-body p:first-of-type {
    display: flex;

    flex-direction: column;
  }

  .upcoming-slider .slick-track,
  .citizen-science-slider .slick-track,
  .capactity-building .slick-track,
  .public-eng-slider .slick-track,
  .res-list-slider .slick-track,
  .testimonial-slider .slick-track {
    display: block;
  }

  .col-md-7 > img.capa-2 {
    width: 8%;

    right: 0;
  }

  .col-md-7 > img.capa-1 {
    width: 8%;

    left: 0;
  }

  /* the slides */

  /* .slick-slide {

    margin: 0 10px;

  } */

  /* the parent */

  /* .slick-list {

    margin: 0 -10px;

  } */

  .gallery {
    padding-top: 5rem;
  }

  .p-item img {
    object-fit: cover;
  }

  .bullets ul {
    display: none;
  }

  .bullets h2 {
    text-shadow: 2px 2px #000;
  }

  .mobile-sec {
    background: linear-gradient(
      to right,

      rgba(25, 72, 34, 1) 0%,

      9.375%,
      rgba(31, 82, 39, 1) 18.75%,

      22.91666716337204%,
      rgba(23, 74, 37, 1) 27.08333432674408%,

      33.33333432674408%,
      rgba(23, 72, 35, 1) 39.58333432674408%,

      69.79166716337204%,
      rgba(39, 85, 56, 1) 100%
    );

    color: #fff;

    display: flex;

    padding: 10px 0;
  }

  .mobile-sec .container {
    display: flex;

    flex-direction: column;

    row-gap: 1rem;
  }

  .mobile-sec h1 {
    font-family: WWF;

    font-size: 3.5rem;

    text-align: center;
  }

  .m-b-item > div {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
  }

  .courses-listing {
    row-gap: 1rem;
  }

  .bullets {
    text-align: center;
  }

  .m-b-item {
    text-align: center;
  }

  .upcoming-right-span a {
    font-size: 1rem;
  }

  #mc_embed_shell #mc_embed_signup form#mc-embedded-subscribe-form {
    margin: 0;
  }

  div.vr-n {
    display: none;
  }

  .grid-1,
  .grid {
    grid-template-columns: repeat(4, auto);
  }

  .grid-1 > div,
  .grid > div {
    grid-row: span 2;

    grid-column: span 2;
  }

  .grid-1 {
    margin-block: 1rem;
  }
}