/* ===== Responsive-1200.css Master Order =====
   Media range: 1025px-1200px.
  
*/
@media (min-width: 1025px) and (max-width: 1200px) {
  .previous-head h2 {
    width: 120%;
    font-size: 48px;
    padding: 1.1vw 2.8vw 1.2vw 3vw;
    white-space: nowrap;
  }

  body:not(.about-page):not(.service-page):not(.contact-page):not(.portfolio-exterior-page):not(.portfolio-interior-page) .hero {
    min-height: 50vh;
    height: 50vh;
    padding-top: 10.8vw;
  }

  body:not(.about-page):not(.service-page):not(.contact-page):not(.portfolio-exterior-page):not(.portfolio-interior-page) .hero-content {
    padding-top: 8vw;
  }

  body.about-page .why-about-grid {
    width: 86%;
    margin-left: 7%;
    margin-right: auto;
  }

	body.service-page .service-hero {
  min-height: 41vw;
  height: 41vw;
  background-size: 100% auto;
  background-position: center 36%;
		 border-radius: 0 0 55% 55% / 0 0 50% 50%;
}

body.service-page .service-hero-content,
body.service-page .service-hero-content.page {
  min-height: 41vw;
  height: 41vw;
  padding-top: 4vw;
}

body.service-page .service-hero-content h1,
body.service-page .service-hero-content.page h1 {
  font-size: 6.8vw;
  margin-top: -1vw;
}
	
  body.service-page .service-feature-exterior {
    grid-template-columns: minmax(0, 29vw) minmax(0, 39vw);
    gap: 30.6vw;
    justify-content: center;
    align-items: center;
	  
	  
  }

  body.service-page .service-feature-exterior .service-copy {
    width: 29vw;
    max-width: 29vw;
    justify-self: start;
	 margin-left: 40%; 
	  
  }

  body.service-page .service-copy-exterior h3 {
    font-size: 4.2vw;
    margin-bottom: 2vw;
	  margin-left: -2%;
  }

  body.service-page .service-copy-exterior p {
    max-width: 29vw;
    font-size: 1.15vw;
    line-height: 1.55;
  }

  body.service-page .service-copy-exterior .btn-dark {
    width: 16vw;
    min-width: 16vw;
    padding: 0.9vw 2.2vw;
    font-size: 1vw;
  }

  body.service-page .service-feature-exterior .service-collage {
    width: 45vw;
    max-width: 45vw;
    justify-self: end;
	  
  }

  body.service-page .service-feature-interior {
    grid-template-columns: minmax(0, 39vw) minmax(0, 29vw);
    gap: 2.6vw;
    justify-content: center;
    align-items: center;
  }

  body.service-page .service-feature-interior .service-collage {
     width: 45vw;
    max-width: 45vw;
    justify-self: start;
  }

  body.service-page .service-feature-interior .service-copy {
    width: 36vw;
    max-width: 36vw;
    justify-self: end;
    margin-left: auto;
    margin-right: -3vw;
    text-align: left;
  }

  body.service-page .service-copy-interior h3 {
    margin-left: -20%;
    font-size: 4.2vw;
    margin-bottom: 2vw;
    white-space: nowrap;
    text-align: right;
  }

  body.service-page .service-copy-interior p {
    max-width: 35vw;
    margin-left: auto;
    margin-right: 0;
    font-size: 1.15vw;
    line-height: 1.55;
    text-align: right;
    transform: translateX(-17vw);
  }

  body.service-page .service-copy-interior .btn-dark {
    width: 16vw;
    min-width: 16vw;
    max-width: 16vw;
    padding: 0.9vw 2.2vw;
    font-size: 1vw;
    margin-left: auto;
    margin-right: 0;
    transform: translateX(10vw);
  }

  body.service-page .service-work {
    padding: 3.8vw 0 4.2vw;
  }

  body.service-page .service-work h2 {
    font-size: 3.8vw;
    margin-bottom: 3vw;
  }

  body.service-page .service-work-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas:
      "icon-a step-2 icon-b step-4"
      "step-1 icon-c step-3 icon-d";
    width: min(88vw, 680px);
    gap: 1.8vw 2.2vw;
  }

  body.service-page .service-work-step {
    width: 12vw;
    height: 12.8vw;
    padding: 0.8vw 0.9vw;
  }

  body.service-page .service-work-icon {
    width: 8vw;
  }

  body.service-page .service-work-icon img {
    width: 3.5vw;
    height: 3.5vw;
  }

  body.service-page .service-work-step h3 {
    font-size: 1.95vw;
    margin-bottom: 0.65vw;
  }

  body.service-page .service-work-step p {
    font-size: 1.05vw;
    line-height: 1.25;
  }

  body.service-page .service-work-step-detail {
    font-size: 0.9vw;
    line-height: 1.25;
    padding: 0.75vw 0.8vw;
  }

  body.service-page .service-assurance {
    --service-assurance-people-width: 22vw;
    --service-assurance-people-left: -4vw;
    padding: 4vw 0 4.2vw;
  }

  body.service-page .service-assurance-grid {
    grid-template-columns: minmax(0, 38vw) minmax(0, 58vw);
    gap: 2vw;
    align-items: start;
  }

  body.service-page .service-assurance-copy {
    min-height: 34vw;
    padding-top: 0.2vw;
  }

  body.service-page .service-assurance-copy-text {
    max-width: 34vw;
    padding-left: 0;
  }

  body.service-page .service-assurance-copy-text h2 {
    margin-left: 13vw;
    font-size: 4.1vw;
    line-height: 1.08;
  }

  body.service-page .service-assurance-copy-text p {
    width: 26vw;
    margin-top: 3.1vw;
    margin-left: 13vw;
    font-size: 1.15vw;
    line-height: 1.45;
  }

  body.service-page .service-assurance-people {
    width: var(--service-assurance-people-width);
    left: var(--service-assurance-people-left);
  }

  body.service-page .service-assurance-bars {
    gap: 2.3vw;
    padding-top: 0.4vw;
  }

  body.service-page .service-assurance-bar {
    width: 112%;
    min-height: 7.6vw;
    padding: 1.45vw 2.2vw 1.45vw 6.2vw;
  }

  body.service-page .service-assurance-bar-middle {
    margin-left: 3.3vw;
  }

  body.service-page .service-assurance-bar-bottom {
    margin-left: 6.6vw;
  }

  body.service-page .service-assurance-bar h3 {
    font-size: 3vw;
  }

  body.service-page .service-assurance-bar p {
    font-size: 1.2vw;
  }

  body.service-page .service-area {
    padding: 3.6vw 0 4.2vw;
  }

  body.service-page .service-area-grid {
    grid-template-columns: minmax(0, 38vw) minmax(0, 58vw);
    grid-template-areas:
      "map copy"
      "map truck";
    gap: 0.8vw 1.5vw;
    align-items: start;
  }

  body.service-page .service-area-map {
    align-self: start;
    margin-top: 1.2vw;
  }

  body.service-page .service-area-map img {
    width: 82%;
    margin-left: 1vw;
    margin-right: auto;
  }

  body.service-page .service-area-copy {
    align-self: start;
    padding-left: 0;
    margin-top: 0.4vw;
  }

  body.service-page .service-area-copy h2 {
    font-size: 4.2vw;
    margin-bottom: 2vw;
  }

  body.service-page .service-area-copy ul {
    padding-left: 1.4vw;
    font-size: 1.2vw;
    line-height: 1.6;
  }

  body.service-page .service-area-truck {
    width: 118%;
    margin-top: 5.2vw;
    margin-left: 3vw;
  }

  body.service-page .service-area-truck img {
    width: 118%;
    margin-left: -2vw;
  }

  body.portfolio-exterior-page .portfolio-exterior-intro {
    width: min(84vw, 1120px);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.95fr);
    gap: 2vw;
  }

  body.portfolio-exterior-page .portfolio-exterior-copy-frame {
    max-width: 50vw;
  }

  body.portfolio-exterior-page .portfolio-exterior-copy-frame h2 {
    font-size: clamp(42px, 3.15vw, 50px);
  
    line-height: 0.96;
    letter-spacing: -0.03em;
  }

  body.portfolio-exterior-page .portfolio-exterior-feature {
    width: min(100%, 38vw);
    justify-self: end;
  }

  body.portfolio-interior-page .portfolio-interior-intro {
    width: min(84vw, 1120px);
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.9fr);
    gap: 2vw;
  }

  body.portfolio-interior-page .portfolio-interior-feature {
    width: min(100%, 39vw);
    min-height: 47vw;
  }

  body.portfolio-interior-page .portfolio-interior-feature-media,
  body.portfolio-interior-page .portfolio-interior-feature img {
    height: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  body.about-page .about-values.page .vision-row {
    grid-template-columns: clamp(220px, 25vw, 300px) clamp(650px, 66vw, 820px) !important;
    column-gap: clamp(20px, 2.6vw, 34px) !important;
  }

  body.about-page .about-values.page .vision-row h2 {
    margin-top: clamp(90px, 11vw, 130px) !important;
    margin-left: clamp(24px, -2vw, 42px) !important;
  }

  body.about-page .about-values.page .vision-row .vision-box {
    width: clamp(920px, 66vw, 950px) !important;
    inline-size: clamp(920px, 66vw, 950px) !important;
    max-width: none !important;
    justify-self: stretch !important;
    margin-top: clamp(24px, -1.8vw,12px) !important;
    margin-left: clamp(-20px, -6vw, -28px) !important;
  }

  body.about-page .about-values.page .vision-row .vision-box p {
    margin-top: clamp(4px, 0.9vw, 14px) !important;
	  
  }
}