/*** Between 860px and 1140px ***/

@media (min-width: 910px) and (max-width: 1140px) {
}

@media only screen and (max-width: 1210px) {
.top ul li a {
    font-size: 0.95em !important;
    padding: 8px 12px !important;
}
}

@media only screen and (max-width: 1060px) {
.top ul li a {
    font-size: 0.9em !important;
    padding: 8px 4px !important;
}
  .fa-search {
  display:none !important;
}
}

@media only screen and (max-width: 940px) {
.top ul li a {
    font-size: 0.85em !important;
    padding: 8px 6px !important;
}
  .fa-search {
  display:none !important;
}
}

@media (max-width: 880px) {
.top ul {
  display:none !important;
}

}

@media (max-width: 768px) {
  .headroom--not-top {
    background: transparent !important;
  }
  #closer {
    padding-top: 17px !important;
  }

}

/*** Between 768px and 859px ***/

@media (min-width: 768px) and (max-width: 909px) {
  /* This may not work out well, put in place for Project Sector pages */
  .plink {
    font-size: 0.8em !important;
  }
  .top ul li a {
    padding: 8px 10px !important;
    font-size: 1em !important;
  }
  h1 {
    font-size: 2em !important;
    margin-bottom: 12px !important;
  }
  h2 {
    font-size: 1.6em !important;
  }
  h3 {
    font-size: 1.4em !important;
  }
  h4 {
    font-size: 1.1em !important;
  }
  p {
    font-size: 0.9em !important;
  }
  .grid-main {
    margin-top: 12px !important;
  }
  h2.expertiseTitle {
    margin-top: 0 !important;
  }
  .pLinkCV {
    margin-bottom: 18px !important;
  }
}

/*** Below 768px ***/

@media (max-width: 767px) {
  body {
    overflow-x: hidden !important;
  }
  .pChunk {
    min-height: 320px !important;
  }
  .grid-testimonial-left {
    margin-bottom: 8px !important;
  }
  .flickity-button {
    display: none !important;
  }
  p.gallerylink {
    margin-top: 18px;
  }
  .main-stats {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
  p.footersub {
    margin: 12px 0 6px 0;
  }
  .social,
  .return {
    margin: 6px 0;
  }
  .plink {
    margin-bottom: 8px !important;
  }
  .top {
    margin-top: 0 !important;
  }
  .top {
    padding-top: 20px !important;
  }
  .modaltop {
    padding-top: 0 !important;
    margin-top: 20px !important;
  }
  .grid-main {
    margin-top: 24px !important;
    margin-bottom: 18px !important;
  }
  .grid-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  .grid-fullwidth {
    padding-left: 0;
    padding-right: 0;
  }
  p.footersub {
    margin: 12px 0 6px 0;
  }
  .social,
  .return {
    margin: 6px 0;
  }
  #stwModal input[type="text"] {
    margin-top: 24px !important;
  }
  h1,
  h2,
  h3,
  h4 {
    margin: 12px 0 8px 0 !important;
  }
  .stw h1 {
    margin-top: 0;
  }
  h1 {
    font-size: 2em !important;
  }
  h2 {
    font-size: 1.6em !important;
    line-height: 1.25em !important;
  }
  h3 {
    font-size: 1.4em !important;
  }
  h4 {
    margin-right: 0 !important;
    margin-bottom: 18px !important;
  }
  h4.intro {
    margin-bottom: 24px !important;
  }
  p {
    /* font-size: 1.05em !important; */
    margin-right: 0 !important;
  }

  .grid-unit {
    margin-bottom: 16px !important;
  }
  .modal-col {
    margin-bottom: 12px;
  }
  p.carouselTitle {
    margin-top: 0 !important;
  }
  .grid-footer {
    margin-top: 32px !important;
    margin-bottom: 18px !important;
  }
  .grid-footer hr {
    height: 18px !important;
  }

  .outerAddress p {
    font-size: 0.95em !important;
    overflow-wrap: break-word;
  }

  /*   #mapouter_office {
    width: 66.666% !important;
    padding-bottom: 66.666% !important;
  } */
  .grid-flickity {
    margin-bottom: 42px;
  }
  p.pname {
    margin-top: 12px;
  }
  .projectstats {
    margin-top: 24px !important;
  }
  .project-intro {
    margin-bottom: 0 !important;
  }
  .grid-heritage {
    margin-bottom: 24px !important;
  }
  .grid-heritage img {
    margin-bottom: 18px;
  }
  .addendum-text {
    margin-top: 0 !important;
  }
  .project-intro h2 {
    margin-bottom: 24px !important;
  }
  h2.expertiseTitle {
    margin-top: 0 !important;
  }
  .pLinkCV {
    margin-top: 8px !important;
    margin-bottom: 18px !important;
  }
  .enhance {
    margin-bottom: 12px !important;
  }
  .return {
    margin-top: 0 !important;
  }
  .pRecent {
    margin-bottom: 18px !important;
  }
  .paragraphOne {
    margin-bottom: 0 !important;
  }
  .carouselTitle {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  ul.modal-sub li a {
    padding: 8px 0 0 0 !important;
    font-size: 1em !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  h1 {
    line-height: 1.2em !important;
  }
  h3 {
    font-size: 1.4em !important;
  }

  h4 {
    font-size: 1.1em !important;
  }
}

/* 480 and below */

@media (max-width: 501px) {
  .flickity-page-dots {
    opacity: 0;
  }
  h1 {
    line-height: 1.2em !important;
  }
  h3 {
    font-size: 1.2em !important;
  }
  h4 {
    font-size: 1.1em !important;
  }

  #mapouter_projectB {
    width: 100% !important;
  }
  .grid-container-2022,
  .grid-fullwidth {
    padding-bottom: 0 !important;
  }
  .grid-text .grid-40:last-of-type p:last-of-type {
    padding-bottom: 18px !important;
  }

  .grid-share {
    padding-top: 0 !important;
    padding-bottom: 18px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .grid-container-2022 p,
  .grid-container-2022 ul {
    font-size: 1.4em !important;
  }
  .grid-share * p,
  .grid-share .plink {
    font-size: 1.05em !important;
  }
  p.typicalTitle {
    font-size: 1.05em !important;
  }
  p.plink {
    font-size: 1.05em !important;
  }
  h4#relP {
    font-size: 1.4em !important;
  }
}

/* 400 and below logo shrink */

@media (max-width: 400px) {
  .stw {
    margin-top: 8px !important;
    max-width: 256px !important;
    height: 18px !important;
    background: url(/assets/img / stw_white.png) !important;
    background-repeat: no-repeat !important;
    background-size: 256px 18px !important;
  }
  .stwModalLogo {
    margin-top: 8px !important;
    max-width: 256px !important;
    height: 18px !important;
    background: url(/assets/img / stw.png) !important;
    background-repeat: no-repeat !important;
    background-size: 256px 18px !important;
  }
}

@media (max-width: 320px) {
  .stw {
    margin-top: 8px !important;
    max-width: 200px !important;
    height: 14px !important;
    background: url(/assets/img / stw_white.png) !important;
    background-repeat: no-repeat !important;
    background-size: 200px 14px !important;
  }
  .stwModalLogo {
    margin-top: 8px !important;
    max-width: 200px !important;
    height: 14px !important;
    background: url(/assets/img / stw.png) !important;
    background-repeat: no-repeat !important;
    background-size: 200px 14px !important;
  }
}