.project .image-cta-col-container {
  margin-bottom: 100px;
}
.project-page-image-cta-col {
  padding-right: 15px;
}
.project-page-metadata-col {
  padding-right: 30px;
}
.project-page-metadata-row .top-image-bottom-cta {
  display: flex;
  align-items: flex-end;
}
.project-page-intro-section .half-image-title-desc-shares {
  margin-bottom: 0;
}
.project-page-metadata-row .page-intro.project-metadata {
  margin-top: 0;
  margin-bottom: 0;
}
.project .half-image-title-desc-shares-section-wrap .share-tags {
  /* Tech Debt: evaluate whether lines 84 to 91 can be deleted instead - 
  project page is good with that but maybe another page isn't */
  display: none;
}

/* Tech Debt: Refactor the mobile-onlys maybe */

.project .mobile-only {
  padding: 0;
}
.project .mobile-only .mobile-description {
  padding: 0 30px;
}
.project .mobile-only .half-image-title-desc-shares-content-data-title {
  font-size: 2em;
}

/* Max-header width */
@media only screen and (max-width: 1180px) {
  .project .image-quote .image-container .bottom-right-sliced img {
    height: auto;
  }
}
/* Small Tablet */
@media only screen and (max-width: 768px) {
  .project .section {
    margin-bottom: 30px;
  }

  .project-page-metadata-row .top-image-bottom-cta {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  .half-image-title-desc-shares .content-container.mobile-only {
    display: unset;
  }

  /* intro title and paragraph */
  .project .mobile-description .half-image-title-desc-shares-content-data-city {
    margin-top: 30px;
    font-size: 1em;
    font-weight: 600;
  }
  .project
    .mobile-description
    .half-image-title-desc-shares-content-data-description {
    font-size: 1.1em;
    padding: 15px 0px 0px 0px;
  }

  /* meta data */
  .project .project-page-metadata-row .page-intro.project-metadata {
    padding: 0 30px;
  }

  .project .project-page-metadata-col {
    padding: 0;
  }

  .project .project-page-metadata-row .content-container {
    padding: 0;
  }

  .project .project-metadata .share-tags {
    border-bottom: solid 1px #aaaaaa;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .project .project-metadata .share-tags .tag-selector span {
    font-size: 14px;
  }

  .project .project-metadata .share-tags .arrow {
    padding: 0.1em;
    margin: 0 0.6em;
    top: -4px;
  }

  /* Engineering Perfomance at Work */
  .project-page-image-cta-col {
    padding: 0;
  }
  .project .fastPoints-container .fastPoints h1 {
    font-size: 34px;
  }

  /* Image Quote */
  .project .image-quote {
    margin-bottom: 0;
    padding: 80px 0 0 0;
  }
  .project .image-quote .content-container {
    padding: 0;
  }
  .project .image-quote .image-quote-inner .quote-image img {
    max-height: 150px;
    width: 75%;
  }
  .project .image-quote .image-container .bottom-right-sliced img {
    height: 65%;
    padding-left: 80px;
  }
  .project .image-quote .bottom-right-sliced.orange-linethrough:before {
    width: 110px;
    height: 180px;
  }
  .project .image-quote .bottom-right-sliced.orange-linethrough:after {
    right: -60px;
    bottom: 145px;
  }

  /* key services */
  .project .expertise-services-carousel.mobile {
    display: flex;
    justify-content: center;
  }
  .project .expertise-services-carousel h1 {
    padding-top: 50px;
    border-top: solid 1px #aaaaaa;
    font-size: 2.2em;
    width: 90%;
    padding-bottom: 20px;
  }
  .project .expertise-services-carousel .right-slider .slick-arrow {
    display: none !important;
  }
  .project .expertise-services-carousel .left-description {
    flex-basis: 100%;
  }
  .project .expertise-services-carousel.mobile .button-outline {
    margin: 40px;
    width: 100%;
    justify-content: center;
  }

  /* gallery carousel */
  .project .leaders-container.mobile {
    display: flex;
    margin-bottom: 1rem;
  }
  .project .leaders-container {
    margin-top: 5px;
  }
  .project .leaders-container h1 {
    margin: 0 30px 10px 30px;
    border-top: solid 1px #aaaaaa;
    padding-top: 50px;
  }
  .project .owl-carousel .leader {
    display: unset;
  }
  .project .leaders-container .owl-carousel .owl-item .leader img {
    width: 100%;
    padding: 0px 30px;
  }
  .project .owl-carousel .description {
    padding: 10px 30px;
    text-align: center;
  }
  .project .single-col-carousel .owl-dots {
    margin-top: 0;
    flex-wrap: wrap;
  }

  /* Get in touch */
  .project .get-in-touch p {
    max-width: 100%;
    margin: 30px auto 35px;
  }
  .project .get-in-touch > div {
    width: auto;
    max-width: 100%;
    margin: 0 30px;
    padding: 50px 0 0 0;
  }

  /* Projects Grid */
  .project-template-default .big-thumbs-bg-light .big-thumbs-title {
    padding-top: 50px;
  }

  /* tri footer */
  .project-template-default .tri-footer-links button img {
    display: none;
  }
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
  /* Challenge Solution */
  .project .tall-rect-section-wrap {
    padding: 0;
  }

  .project .tall-rect-section .content-container {
    padding: 0;
  }

  .project .tall-rect-section-wrap .tall-rect-section-row-left {
    padding: 0 30px 0 0;
  }

  .project .top-image-bottom-cta {
    width: 100%;
    display: flex;
  }

  .project .project-metadata .meta-info {
    padding-right: 2rem;
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 640px) {
  .project .content-container {
    padding: 0;
  }

  .project-template-default.single-project .project .content-container {
    padding: 0 30px;
  }

  .project-template-default.single-project .tall-rect-section-wrap,
  .project-template-default.single-project
    .project
    .content-container
    .content-container {
    padding: 0;
  }

  .project-template-default.single-project .top-left-orange-strike:after {
    display: none;
  }

  .project-template-default.single-project .leaders-container .leader img {
    height: auto;
  }

  .project-template-default.single-project .project-metadata .metadata {
    display: unset;
  }

  .project-template-default.single-project .project-metadata .share-tags {
    padding-bottom: 0;
  }

  /* key services */
  .project-template-default.single-project .expertise-services-carousel h1 {
    font-size: 2em;
    width: 100%;
  }

  /* Image Quote */
  .project-template-default.single-project .image-quote .quote-image img {
    width: 25%;
  }
  .project-template-default.single-project
    .image-quote
    .image-container
    .bottom-right-sliced
    img {
    padding-left: 30px;
  }

  /* Get in touch */
  .project-template-default.single-project .get-in-touch > div {
    margin: 0 20px;
  }

  .project-template-default.single-project
    .single-col-carousel
    .owl-dots
    .owl-dot {
    margin: 10px;
  }
}

.project-template-default.single-project
  .half-image-title-desc-shares-promo-img-wrap {
  height: 100%;
}

@media screen and (min-width: 1281px) {
  .project-template-default.single-project .tall-rect-section-content {
    padding: 10px 0;
  }

  .project-template-default.single-project .project .image-cta-col-container {
    margin-bottom: 0px;
  }

  .project-template-default.single-project .img-size-wrap.size-1-2:before {
    padding-bottom: 130%;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8
    .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8
    .tags
    .tag-wrap {
    flex: 1 1 50%;
    padding-inline-end: 1rem;
  }
}

@media (min-width: 920px) and (max-width: 1280px) {
  .project-template-default.single-project
    .half-image-title-desc-shares-content-right {
    padding: 15px;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-data-title {
    font-size: 3em;
    margin: 1rem;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-data {
    padding: 30px 15px 15px 30px;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-data-title-wrap:before {
    width: 300px;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-data-description {
    font-size: 1.2em;
  }

  .project-template-default.single-project .project-page-metadata-col {
    padding-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project
    .project-page-metadata-row
    .top-image-bottom-cta {
    justify-content: center;
    padding: 3em 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project .top-left-orange-strike:after {
    left: -40%;
    top: 30%;
  }

  .project-template-default.single-project .section {
    margin: 1rem 0 2rem;
    max-width: 100%;
    padding: 0;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares.section {
    padding: 0;
  }

  .project-template-default.single-project .tall-rect-section-content {
    padding: 0;
  }

  .project-template-default.single-project .tall-rect-section-wrap {
    padding: 0;
  }

  .project-template-default.single-project .project .image-cta-col-container {
    margin-bottom: 0;
  }

  .project-template-default.single-project .content-container {
    padding: 0 15px;
  }

  .project-template-default.single-project .tall-rect-section-row-right {
    padding-left: 15px;
  }

  .project-template-default.single-project .tall-rect-section-row-left {
    padding-right: 15px;
  }

  .project-template-default.single-project br {
    display: none;
  }

  .project-template-default.single-project .img-size-wrap.size-1-2:before {
    padding-bottom: 130%;
  }

  .project-template-default.single-project
    .mobile-only
    .half-image-title-desc-shares-content-data-title {
    z-index: 10;
  }

  .project-template-default.single-project
    .project
    .mobile-only
    .mobile-description {
    padding: 0;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8
    .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8
    .tags
    .tag-wrap {
    flex: 1 1 50%;
    padding-inline-end: 1rem;
  }

  .project-template-default.single-project
    .square-section-row
    .square-section-text {
    padding-right: 0;
    padding-bottom: 2rem;
  }

  .project-template-default.single-project .col-one-third,
  .project-template-default.single-project .col-two-third {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 920px) {
  .project-template-default.single-project .desktop-only {
    display: none;
  }

  .project-template-default.single-project .mobile-only {
    display: block;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-promo-img-wrap {
    height: inherit;
  }

  .project-template-default.single-project .img-size-wrap.size-1-1:before {
    display: none;
  }

  .project-template-default.single-project
    img.half-image-title-desc-shares-promo-img {
    position: relative;
  }

  .project-template-default.single-project
    .project-page-metadata-row
    .top-image-bottom-cta {
    justify-content: center;
    padding: 3em 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project .top-left-orange-strike:after {
    left: -40%;
    top: 30%;
  }

  .project-template-default.single-project .tall-rect-section-content {
    padding: 0;
  }

  .project-template-default.single-project .tall-rect-section-wrap {
    padding: 0;
  }

  .project-template-default.single-project .project .image-cta-col-container {
    margin-bottom: 0;
  }

  .project-template-default.single-project .content-container {
    padding: 0 15px;
  }

  .project-template-default.single-project .get-in-touch > div {
    padding-top: 1.2rem !important;
  }

  .project-template-default.single-project .tall-rect-section-row-right {
    padding-left: 15px;
  }

  .project-template-default.single-project .tall-rect-section-row-left {
    padding-right: 15px;
  }

  .project-template-default.single-project .project .section {
    margin-bottom: 30px;
  }

  .project-template-default.single-project
    .tri-footer-links
    .nav-carousel
    .owl-dots {
    bottom: 20px;
  }

  .project-template-default.single-project br {
    display: none;
  }

  .project-template-default.single-project .img-size-wrap.size-1-2:before {
    padding-bottom: 100%;
  }

  .project-template-default.single-project .section {
    margin: 1rem 0 2rem;
    max-width: 100%;
  }

  .project-template-default.single-project
    .project
    .mobile-only
    .mobile-description {
    padding: 0;
  }

  .project-template-default.single-project
    .project
    .half-image-title-desc-shares-section-wrap
    .share-tags {
    display: block;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8
    .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .project-template-default.single-project
    .half-image-title-desc-shares-content-tags-shares-row
    .col-8
    .tags
    .tag-wrap {
    flex: 1 1 50%;
    padding-inline-end: 1rem;
  }

  .project-template-default.single-project
    .square-section-row
    .square-section-text {
    padding-right: 0;
    padding-bottom: 2rem;
  }

  .project-template-default.single-project .col-one-third,
  .project-template-default.single-project .col-two-third {
    width: 100%;
  }

  .project-template-default.single-project
    .leaders-container
    .owl-carousel
    .owl-item
    .leader
    img {
    height: auto;
    min-height: auto;
  }
}

@media screen and (max-width: 768px) {
  .project-template-default.single-project
    .half-image-title-desc-shares-promo-img-wrap {
    height: inherit;
  }

  .project-template-default.single-project .project .top-image-bottom-cta {
    justify-content: center;
  }

  .project-template-default.single-project
    .top-image-bottom-cta
    .top-left-orange-strike:after {
    top: 140px;
  }

  .project-template-default.single-project
    .project
    .tall-rect-section-wrap
    .tall-rect-section-row-left {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project
    .tall-rect-section-wrap
    .tall-rect-section-row-right {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .project-template-default.single-project .img-size-wrap.size-1-2:before {
    padding-bottom: 100%;
  }

  .project-template-default.single-project .project .image-cta-col-container {
    margin-bottom: 2rem;
  }

  .project-template-default.single-project br {
    display: none;
  }

  .project-template-default.single-project
    .tall-rect-section-wrap
    .tall-rect-section-content {
    padding: 0;
  }

  .project-template-default.single-project .section {
    padding: 0;
    max-width: 100%;
  }

  .project-template-default.single-project
    .mobile-only
    .half-image-title-desc-shares-content-data-title {
    z-index: 10;
  }

  .project-template-default.single-project
    .project
    .mobile-only
    .mobile-description {
    padding: 0;
  }

  .project-template-default.single-project
    .project
    .project-page-metadata-row
    .page-intro.project-metadata {
    padding: 0;
  }

  .project-template-default.single-project
    .square-section-row
    .square-section-text {
    padding-right: 0;
    padding-bottom: 2rem;
  }

  .project-template-default.single-project .col-one-third,
  .project-template-default.single-project .col-two-third,
  .project-template-default.single-project .square-section-row-right img {
    width: 100%;
  }

  .project-template-default.single-project
    .leaders-container
    .owl-carousel
    .owl-item
    .leader
    img {
    height: auto;
    min-height: auto;
  }
}

@media screen and (max-width: 568px) {
  .project-template-default.single-project .project .top-image-bottom-cta,
  .project-template-default.single-project .project .image-cta-col-container {
    padding: 0 15px;
  }

  .project-template-default.single-project .section {
    padding: 0;
  }

  .project-template-default.single-project .tall-rect-section-wrap {
    padding: 0;
  }

  .project-template-default.single-project
    .mobile-only
    .half-image-title-desc-shares-content-data-title {
    max-width: 90%;
    padding: 20px;
    z-index: 10;
  }

  .project-template-default.single-project
    .project
    .mobile-only
    .half-image-title-desc-shares-content-data-title {
    font-size: 1.8em;
  }

  .project-template-default.single-project .element-breadcrumb {
    margin-bottom: 0;
    padding: 0 15px;
  }

  .project-template-default.single-project
    .project
    .mobile-only
    .mobile-description {
    padding: 0;
  }

  .project-template-default.single-project
    .square-section-row
    .square-section-text {
    padding-right: 0;
    padding-bottom: 2rem;
  }

  .project-template-default.single-project .col-one-third,
  .project-template-default.single-project .col-two-third,
  .project-template-default.single-project .square-section-row-right img {
    width: 100%;
  }

  .project-template-default.single-project
    .leaders-container
    .owl-carousel
    .owl-item
    .leader
    img {
    height: auto;
    min-height: auto;
  }
}

@media screen and (min-width: 768px) {
  .project-template-default.single-project .mobile-only-flex {
    display: none;
  }
}