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

@media screen and (max-width: 1650px) {
  .overview .video-banner .text {
    transform: none;
  }

  .overview .video-banner .wrapper {
    width: 90%;
  }

  .overview .text-section .wrapper {
    width: 95%;
  }

  .overview .text-section.reverse .wrapper {
    width: 90%;
  }

  .overview .text-section.reverse .main-image {
    width: 57%;
  }

  .the-team .bio {
    width: 65%;
  }

  .cta {
    font-size: 13px;
  }

  

  .introduction .wrapper {
    width: 95%;
  }

  .about .section-one .wrapper {
    width: 95%;
  }

  .about .section-two .wrapper {
    width: 95%;
  }

  .about .section-two .text {
    gap: 25px;
    padding-right: 5%;
  }

  .about .section-two .indent {
    width: 100%;
  }

  .header-menu .right {
    padding-left: 25px;
  }

  .banner .wrapper {
    width: 90%;
  }

  .values .section-one .wrapper {
    width: 90%;
  }

  .page-template-map .section-one .wrapper {
    width: 95%;
  }

  .the-team .section-one .wrapper {
    width: 87.5%;
  }

  .the-team .section-two .wrapper {
    width: 95%;
  }

  .page-template-archive .article .wrapper {
    width: 95%;
    gap: 50px;
  }

  .page-template-archive .article .text {
    width: 100%;
  }

  .page-template-archive .previews .wrapper {
    width: 75%;
  }

  .single-service .section-one .wrapper {
    width: 75%;
  }

  .added-value .section-one .wrapper {
    width: 87.5%;
  }

  .contact .section-one .wrapper {
    width: 87.5%;
  }

  footer .wrapper {
    padding-right: 5%;
  }

  footer .main-nav {
    margin-left: 0px;
  }
}

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

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

@media screen and (max-width: 1280px) {
  .home .link-container .link img {
    width: 100%;
    object-fit: cover;
  }

  .home .link-container .link {
    width: 100%;
  }

  .home .link-container {
    flex-direction: column;
    justify-content: space-evenly;
  }

  .values .section-one .text {
    width: 100%;
  }

  .values .section-one {
    align-items: center;
    padding-block: 50px;
  }

  .home .link-container .link:hover {
    overflow: hidden;
  }

  .overview .video-banner .filter {
    background: black;
    opacity: 0.3;
  }

  .overview .video-banner .text * {
    width: 100%;
  }

  .overview .text-section {
    align-items: center;
    padding-bottom: unset !important;
    padding-block: 50px !important;
  }

  .overview .text-section .text {
    margin-block: 0;
  }

  .banner .text {
    max-width: unset;
  }

  .text {
    gap: 25px !important;
  }

  .banner .text p {
    width: 100%;
  }

  .introduction .wrapper {
    padding-left: 5%;
  }

  .home .logo {
    height: auto;
  }

  .about .section-one .wrapper {
    margin: 0;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 0;
    padding-bottom: 50px;
  }

  .about .section-one .wrapper .text {
    width: 100%;
  }

  .introduction .text {
    width: 100%;
    padding-right: 5%;
  }

  .map_wrapper {
    border-radius: 0;
  }

  body:has(.introduction + .section-two) .introduction {
    margin-bottom: 0;
  }

  .indent {
    margin-top: 0px !important;
  }

  .overview .text-section .wrapper {
    width: 90%;
    flex-direction: column !important;
    gap: 50px;
  }

  .overview .text-section .text {
    width: 100%;
  }

  .page-template-archive .article .indent {
    margin-top: 25px !important;
  }

  .overview .text-section .main-image {
    align-self: flex-start;
    border-radius: 5px !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .header-menu > .wrapper {
    flex-direction: column-reverse;
    height: auto;
  }

  .header-menu .left {
    width: 100%;
    padding-bottom: 100px;
    padding-top: 50px;
    gap: 25px;
    padding-top: 25px;
  }

  .about .section-two {
    padding-bottom: 200px;
  }

  .page-template-map .section-one .wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }

  .page-template-map .section-one .text {
    width: 100%;
  }

  .page-template-map .section-one .map {
    margin-top: 0;
    width: 100%;
  }

  .header-menu .right {
    margin-top: 150px;
    padding-bottom: 50px;
    width: 100%;
    padding-left: 5%;
  }

  .header-menu .sub-menu {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid !important;
    column-gap: 75px;
  }

  .header-menu .sub-menu .cta {
    width: 100%;
    padding-right: 0;
  }

  .values .section-two .wrapper {
    flex-direction: column;
  }

  .values .section-two .text {
    width: 100%;
  }

  .values .section-two .video {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .the-team .section-one .wrapper {
    width: 90%;
  }

  footer .tagline {
    white-space: unset;
  }

  .the-team .section-one {
    padding-top: 50px;
    padding-bottom: 150px;
  }

  .page-template-archive .preview:nth-child(2n - 1) {
    transform: none;
  }

  .page-template-archive .previews .search-filter-results {
    margin-top: 0;
    row-gap: 50px;
  }

  .page-template-archive .article .wrapper {
    flex-direction: column;
    padding-right: 5%;
  }

  .page-template-archive .article .main-image {
    border-radius: 5px;
    transform: none;
    margin-bottom: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .page-template-archive .previews .search-filter-results {
    grid-template-columns: 1fr;
  }

  .page-template-archive .head {
    flex-direction: column;
    gap: 15px;
  }

  .single-service .section-one .wrapper {
    width: 80%;
  }

  .single-service .section-one .text {
    width: 100%;
  }

  .single-service .section-two .text {
    width: 100%;
  }

  .single-service .section-two .wrapper {
    flex-direction: column;
    padding-right: 5%;
    gap: 50px;
  }

  .single-service .section-two .wrapper .main-image {
    transform: none;
    margin-bottom: 0;
    border-radius: 5px;
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .added-value .section-one .wrapper {
    width: 90%;
  }

  .contact .form {
    flex-direction: column;
    width: 100%;
    padding-bottom: 0;
    padding-right: 5%;
  }

  .contact .gform_wrapper {
    padding-top: 50px;
    width: 100%;
  }

  .contact .section-one .wrapper {
    width: 90%;
  }

  .single-news .content .wrapper,
  .single-case-study .content .wrapper {
    flex-direction: column;
  }

  .single-news .content .main-image,
  .single-case-study .content .main-image {
    margin-bottom: 0;
    transform: none;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
  }

  .single-news .links,
  .single-case-study .links {
    width: 90%;
  }

  .single-news .content .wrapper,
  .single-case-study .content .wrapper {
    gap: 50px;
  }

  .single-news .content .wrapper > .text,
  .single-case-study .content .wrapper > .text {
    width: 100%;
    padding-right: 5%;
  }

  .single-news .content .image-container,
  .single-case-study .content .image-container {
    width: 100%;
  }

  .quote-slider .slick-list {
    width: 100%;
  }

  .quote-slider .slick-arrow {
    bottom: -100px;
    top: unset;
  }

  .quote-slider .slick-arrow.prev {
    left: 0px;
  }

  .quote-slider .slick-arrow.next {
    left: 100px;
  }

  .the-team .bio .wrapper {
    flex-direction: column;
    gap: 25px;
  }

  .the-team .bio .details {
    width: 70%;
  }

  .the-team .bio .left {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding-block: 25px;
    gap: 25px;
    align-items: center;
    padding-right: 5%;
  }

  .the-team .bio .main-image {
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 50px;
  }

  .the-team .bio .right {
    position: static;
    width: 100%;
    padding-top: 0;
    padding-inline: 5%;
    padding-bottom: 50px;
  }

  .the-team .bio .contacts {
    margin-top: 0;
  }

  .the-team .bio .close {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
      hue-rotate(296deg) brightness(107%) contrast(104%);
  }

  .values .introduction .wrapper {
    padding-bottom: 50px !important;
  }

  footer .wrapper {
    gap: 50px;
    flex-direction: column;
  }

  footer .navigation {
    gap: 50px;
  }

  footer .main-nav {
    margin-top: 0px;
  }

  footer .connect {
    margin-top: 0px;
  }
}