@media only screen and (max-width: 2400px) and (min-width: 2201px) {
  body {
    font-size: 20px;
  }
}
@media only screen and (max-width: 2200px) and (min-width: 1921px) {
  body {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1920px) and (min-width: 1751px) {
  body {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1750px) and (min-width: 1601px) {
  body {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1600px) {
  #container {
    #content {
      h1 {
        font-size: 2em;
      }
      h2 {
        font-size: 1.778em;
      }
      h3 {
        font-size: 1.556em;
      }
      h4 {
        font-size: 1.333em;
      }
    }
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1501px) {
  body {
    font-size: 18px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1.333em !important;
        }
        margin: 0 2em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1.333em !important;
            }
          }
        }
      }
    }
  }
  #mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1.333em !important;
          }
        }
      }
    }
  }
}
}
@media only screen and (max-width: 1500px) and (min-width: 1401px) {
  body {
    font-size: 16px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1.333em !important;
        }
        margin: 0 2em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1.333em !important;
            }
          }
        }
      }
    }
  }
  #mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1.333em !important;
          }
        }
      }
    }
  }
}
}
@media only screen and (max-width: 1400px) and (min-width: 1249px) {
  body {
    font-size: 15px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1.333em !important;
        }
        margin: 0 1em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1.333em !important;
            }
          }
        }
      }
    }
  }
  #mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1.333em !important;
          }
        }
      }
    }
  }
}
}
@media only screen and (max-width: 1248px) and (min-width: 1141px) {
  body {
    font-size: 15px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1.222em !important;
        }
        margin: 0 1em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1.222em !important;
            }
          }
        }
      }
    }
  }
	#mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1.222em !important;
          }
        }
      }
    }
  }
}
  #homebanner {
    .bannercontent {
      .content {
        h1 {
          font-size: 3em;
        }
      }
    }
  }
  #usps {
    ul {
      li {
        font-size: 1em;
      }
    }
  }
  #solutions, #services, #brands, #affiliations {
    .solutions, .services, .brands, .affiliations {
      h2 {
        font-size: 2.222em;
      }
    }
  }
  #plan {
    .plan {
      .intro {
        .heading {
          h2 {
            font-size: 2.222em;
          }
        }
      }
      .guidance-steps {
        .step {
          h3 {
            font-size: 1.444em;
          }
        }
      }
    }
  }
  #work {
    .work {
      h2 {
        font-size: 2.222em;
      }
    }
  }
  #cta {
    .cta {
      &:first-child {
        h2 {
          font-size: 3em;
        }
      }
    }
  }
  #solutions {
    .solutions {
      ul {
        li {
          h3 {
            font-size: 1.444em;
          }
        }
      }
    }
  }
  #homecontent {
    .homecontent {
      .areas {
        .left {
          h3 {
            font-size: 1.333em;
          }
        }
        .right {
          .container {
            h3 {
              font-size: 1.333em;
            }
            .call {
              font-size: 1.111em;
            }
          }
        }
      }
    }
  }
}
@media only screen and (max-width: 1140px) and (min-width: 1025px) {
  body {
    font-size: 14px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1.111em !important;
        }
        margin: 0 1em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1.111em !important;
            }
          }
        }
      }
    }
  }
	#mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1.111em !important;
          }
        }
      }
    }
  }
}
  #homebanner {
    .bannercontent {
      .content {
        h1 {
          font-size: 2.667em;
        }
      }
    }
  }
  #usps {
    ul {
      li {
        font-size: 1em;
      }
    }
  }
  #solutions, #services, #brands, #affiliations {
    .solutions, .services, .brands, .affiliations {
      h2 {
        font-size: 2.222em;
      }
    }
  }
  #plan {
    .plan {
      .intro {
        .heading {
          h2 {
            font-size: 2.222em;
          }
        }
      }
      .guidance-steps {
        .step {
          h3 {
            font-size: 1.444em;
          }
        }
      }
    }
  }
  #work {
    .work {
      h2 {
        font-size: 2.222em;
      }
    }
  }
  #cta {
    .cta {
      &:first-child {
        h2 {
          font-size: 2.667em;
        }
      }
    }
  }
  #solutions {
    .solutions {
      ul {
        li {
          h3 {
            font-size: 1.444em;
          }
        }
      }
    }
  }
  #homecontent {
    .homecontent {
      .areas {
        .left {
          h3 {
            font-size: 1.333em;
          }
        }
        .right {
          .container {
            h3 {
              font-size: 1.333em;
            }
            .call {
              font-size: 1.111em;
            }
          }
        }
      }
    }
  }
}
@media only screen and (max-width: 1024px) and (min-width: 901px) {
  body {
    font-size: 13px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1.111em !important;
        }
        margin: 0 1em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1.111em !important;
            }
          }
        }
      }
    }
  }
	#mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1.111em !important;
          }
        }
      }
    }
  }
}
  #homebanner {
    .bannercontent {
      .content {
        h1 {
          font-size: 2.444em;
        }
      }
    }
  }
  #usps {
    ul {
      li {
        font-size: 1em;
      }
    }
  }
  #solutions, #services, #brands, #affiliations {
    .solutions, .services, .brands, .affiliations {
      h2 {
        font-size: 2em;
      }
    }
  }
  #plan {
    .plan {
      .intro {
        .heading {
          h2 {
            font-size: 2em;
          }
        }
      }
      .guidance-steps {
        .step {
          h3 {
            font-size: 1.333em;
          }
        }
      }
    }
  }
  #work {
    .work {
      h2 {
        font-size: 2em;
      }
    }
  }
  #cta {
    .cta {
      &:first-child {
        h2 {
          font-size: 2.444em;
        }
      }
    }
  }
  #solutions {
    .solutions {
      ul {
        li {
          h3 {
            font-size: 1.333em;
          }
        }
      }
    }
  }
  #homecontent {
    .homecontent {
      .areas {
        .left {
          h3 {
            font-size: 1.222em;
          }
        }
        .right {
          .container {
            h3 {
              font-size: 1.222em;
            }
            .call {
              font-size: 1em;
            }
          }
        }
      }
    }
  }
  .contactpage {
    #container {
      #content {
        .sectionone {
          .left {
            h1 {
              font-size: 2.667em;
            }
            .badges {
              grid-template-columns: 1fr;
            }
          }
        }
        .service-split {
          .service-panel {
            grid-template-columns: 1fr;
          }
        }
        .process {
          grid-template-columns: repeat(4, 1fr);
          border-radius: var(--border-radius-top-only);
          div {
            &:nth-of-type(1) {
              grid-column: span 4;
              border-radius: var(--border-radius-top-only);
            }
            &:last-of-type {
              border-radius: 0;
            }
          }
        }
        .quick-actions {
          grid-template-columns: repeat(2, 1fr);
          .emergency-card {
            grid-column: span 2;
          }
        }
      }
    }
  }
}
@media only screen and (max-width: 900px) and (min-width: 801px) {
  body {
    font-size: 12px;
  }
  #mega-menu-wrap-main-menu {
    #mega-menu-main-menu {
      > li.mega-menu-item {
        > a.mega-menu-link {
          line-height: 2.5em !important;
          height: 2.5em !important;
          font-size: 1em !important;
        }
        margin: 0 0.75em 0 0 !important;
        &:last-child {
          margin: 0 !important;
        }
      }
      > li.mega-menu-flyout {
        ul.mega-sub-menu {
          li.mega-menu-item {
            a.mega-menu-link {
              line-height: 2.5em !important;
              padding: 0 1em !important;
              font-size: 1em !important;
            }
          }
        }
      }
    }
  }
	#mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-megamenu {
      > ul.mega-sub-menu {
        li.mega-menu-column-standard {
          > a.mega-menu-link,
          li.mega-menu-item > a.mega-menu-link {
            font-size: 1em !important;
          }
        }
      }
    }
  }
}
  #homebanner {
    .caption-wrap {
      .caption {
        .bannercontent {
          .content {
            h1 {
              font-size: 2.667em;
            }
          }
        }
      }
    }
  }
  #usps {
    ul {
      li {
        font-size: 1em;
      }
    }
  }
  #solutions, #services, #brands, #affiliations {
    .solutions, .services, .brands, .affiliations {
      h2 {
        font-size: 2em;
      }
    }
  }
  #plan {
    .plan {
      .intro {
        .heading {
          h2 {
            font-size: 2em;
          }
        }
      }
      .guidance-steps {
        grid-template-columns: repeat(2, 1fr);
        .step {
          h3 {
            font-size: 1.333em;
            border-radius: var(--border-radius-article);
          }
        }
      }
      margin: 5em auto;
    }
  }
  #work {
    .work {
      h2 {
        font-size: 2em;
      }
      .ngg-template-caption {
        .ngg-gallery-thumbnail-box {
          width: 100% !important;
        }
      }
      .ngg-gallery-thumbnail {
        img {
          width: 100% !important;
        }
      }
    }
  }
  #cta {
    .cta {
      &:first-child {
        h2 {
          font-size: 2.222em;
        }
      }
    }
  }
  #solutions {
    .solutions {
      ul {
        gap: 3em 1em;
        grid-template-columns: repeat(2, 1fr);
        li {
          h3 {
            font-size: 1.333em;
          }
        }
      }
    }
  }
  #services {
    .services {
      .textwidget {
        ul {
          grid-template-columns: repeat(4, 1fr);
        }
      }
    }
  }
  #homecontent {
    .homecontent {
      .areas {
        grid-template-columns: 1fr;
        .left {
          h3 {
            font-size: 1.222em;
          }
        }
        .right {
          .container {
            h3 {
              font-size: 1.222em;
            }
          }
        }
      }
    }
  }
  #homebanner {
    .bannercontent {
      .content {
        p {
          max-width: 100%;
        }
      }
    }
  }
  .contactpage {
    #container {
      #content {
        .sectionone {
          .left {
            h1 {
              font-size: 2.444em;
            }
            h2 {
              font-size: 1.667em;
            }
            .badges {
              grid-template-columns: 1fr;
            }
          }
        }
        .service-split {
          .service-panel {
            grid-template-columns: 1fr;
          }
        }
        .process {
          grid-template-columns: repeat(2, 1fr);
          border-radius: var(--border-radius-top-only);
          div {
            &:nth-of-type(1) {
              grid-column: span 2;
              border-radius: var(--border-radius-top-only);
            }
            &:last-of-type {
              border-radius: 0;
            }
          }
        }
        .quick-actions {
          grid-template-columns: repeat(2, 1fr);
          .emergency-card {
            grid-column: span 2;
          }
        }
      }
    }
  }
  .page-template-wide-width #container {
    #content {
      .troyer-service-page {
        .service-faq {
          max-width: 100% !important;
          .service-eyebrow {
            text-align: center;
          }
        }
      }
    }
  }
}
@media only screen and (max-width: 800px) {
  body {
    font-size: 16px;
  }
  #content {
    width: 100%;
    margin: 0 0 3em 0;
  }
  #sidebar {
    width: 100%;
  }
  #homebanner {
    .bannercontent {
      .content {
        h2 {
          font-size: 2.222em !important;
        }
      }
    }
  }
  #usps {
    ul {
      grid-template-columns: repeat(2, 1fr);
      li {
        font-size: 1em;
      }
    }
  }
  #solutions, #services, #brands, #affiliations {
    .solutions, .services, .brands, .affiliations {
      h2 {
        font-size: 2em;
      }
    }
  }
  #plan {
    .plan {
      margin: 5em auto;
      .intro {
        grid-template-columns: 1fr;
        gap: 2em;
        .heading {
          h2 {
            font-size: 2em;
          }
        }
      }
      .guidance-steps {
        grid-template-columns: repeat(2, 1fr);
        .step {
          h3 {
            font-size: 1.333em;
          }
          border-radius: var(--border-radius-article);
        }
      }
    }
  }
  #work {
    .work {
      h2 {
        font-size: 2em;
      }
      .ngg-template-caption {
        .ngg-gallery-thumbnail-box {
          width: 100% !important;
        }
      }
      .ngg-gallery-thumbnail {
        img {
          width: 100% !important;
        }
      }
    }
  }
  #cta {
    .cta {
      grid-template-columns: 1fr;
      &:first-child {
        h2 {
          font-size: 2.222em;
        }
      }
    }
  }
  #solutions {
    .solutions {
      ul {
        gap: 3em 1em;
        grid-template-columns: repeat(2, 1fr);
        li {
          h3 {
            font-size: 1.333em;
          }
        }
      }
    }
  }
  #services {
    .services {
	   h1 {
			font-size: 2em;
		}
      .textwidget {
        ul {
          grid-template-columns: repeat(4, 1fr);
        }
      }
    }
  }
  #brands {
    .brands {
      .widget {
        grid-template-columns: 1fr;
      }
    }
  }
  #homecontent {
    .homecontent {
      .areas {
        grid-template-columns: 1fr;
        .left {
          h3 {
            font-size: 1.222em;
          }
        }
        .right {
          .container {
            h3 {
              font-size: 1.222em;
            }
          }
        }
      }
    }
  }
  #homebanner {
    display: flex;
    flex-direction: column;
    .banner {
      order: 1;
    }
    .bannercontent {
      position: relative;
      background: #000;
      order: 2;
      .content {
        margin: 2em auto;
        p {
          max-width: 100%;
        }
      }
    }
    .caption-wrap {
      position: relative;
      background: #000 !important;
      .caption {
        width: 100%;
        padding: 1em 4%;
        .bannercontent {
          .content {
            p {
              max-width: 100%;
            }
			div.usp {
              /*margin: 1em 1em 0 0;*/
			  display: none;
          	}  
			.actions {
              /*margin: 1em 0 0 0;*/
			  display: none;
			 /*a {
              margin: 0 1em 1em 0;
            }*/
           }
          }
        }
      }
    }
  }
  #header {
    .headerbar {
      .bar {
        grid-template-columns: 1fr;
      }
      .left {
        text-align: center;
        padding: 0.5em 0.5em 0.25em 0.5em;
      }
      .right {
        text-align: center;
        padding: 0.25em 0.5em 0.5em 0.5em;
      }
    }
  }
  #footer {
    .footerinfo {
      gap: 2em;
      grid-template-columns: 1fr;
      .left {
        img {
          margin: 0 auto;
          float: none;
        }
      }
      .right {
        text-align: center;
      }
    }
  }
  #branding {
    grid-template-columns: 1fr;
    .left {
      img {
        width: 12em;
        margin: 0 auto 1em auto;
        float: none;
      }
    }
    .right {
      .estimatebtn {
        margin: 0 auto 1em auto;
        float: none;
      }
    }
  }
  .contactpage {
    #container {
      #content {
        .sectionone {
          grid-template-columns: 1fr;
          .left {
            h1 {
              font-size: 2.444em;
            }
            h2 {
              font-size: 1.667em;
            }
            .badges {
              grid-template-columns: 1fr;
            }
            &:after {
              display: none;
            }
          }
          .right {
            height: 40vh;
          }
        }
        .service-split {
          .service-panel {
            grid-template-columns: 1fr;
          }
        }
        .process {
          grid-template-columns: repeat(2, 1fr);
          border-radius: var(--border-radius-top-only);
          div {
            &:nth-of-type(1) {
              grid-column: span 2;
              border-radius: var(--border-radius-top-only);
            }
            &:last-of-type {
              border-radius: 0;
            }
          }
        }
        .quick-actions {
          grid-template-columns: repeat(2, 1fr);
          .emergency-card {
            grid-column: span 2;
          }
        }
        .contact-grid {
          grid-template-columns: 1fr;
        }
      }
    }
  }
  .page-template-wide-width #usps {
    /*ul {
      gap: 0.25em;
      li {
        border-radius: var(--border-radius-article) !important;
      }
    }*/
	display: none;
  }
  .page-template-wide-width {
    #container {
      #content {
        .troyer-service-page {
          .service-faq {
            max-width: 100% !important;
            .service-eyebrow {
              text-align: center;
            }
          }
          .service-hero {
            grid-template-columns: 1fr !important;
          }
          .service-split {
            grid-template-columns: 1fr !important;
          }
          .service-card-grid--three {
            grid-template-columns: 1fr !important;
          }
          .service-card-grid--four {
            grid-template-columns: repeat(2, 1fr) !important;
          }
          .service-trust {
            grid-template-columns: repeat(2, 1fr) !important;
          }
          .service-contact {
            gap: 0 !important;
            grid-template-columns: 1fr !important;
          }
          .service-process {
            grid-template-columns: repeat(2, 1fr) !important;
          }
        }
      }
    }
  }
  #mega-menu-wrap-main-menu {
  #mega-menu-main-menu {
    > li.mega-menu-flyout {
      > ul.mega-sub-menu {
        width: 100% !important;
      }
    }
  }
}
@media only screen and (max-width: 800px) {
  .troyer-about {
     .about-intro {
      gap: 0;
      grid-template-columns: 1fr;

       .about-photo-strip {
        grid-column: span 1;
		margin: 2em 0 0 0;

         figure {
           img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            min-height: 250px;
            border-radius: var(--border-radius-img);
            margin: 0;
          }
        }
      }
	  .about-intro__copy {
 	   margin-top: 0;
     }
    }

     .about-story {
      grid-template-columns: 1fr;
      gap: 3em;
    }

     .about-section-heading {
      grid-template-columns: 1fr;
      gap: 0;
    }

     .about-service-row {
      grid-template-columns: 1fr;
      gap: 2em;
    }

     .about-reviews {
       .about-reviews__grid {
        grid-template-columns: 1fr;
        gap: 1em;
      }
    }
  }
}
.desktopheader {
  display: none !important;
}

.mobileheader {
  display: table;
  width: 100%;
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(0.5em);
  position: sticky;
  z-index: 999;
  top: 0;

  ul {
    display: table;
    width: 100%;

    #logo {
      width: 30%;
      display: table-cell;
      vertical-align: middle;
      padding: 0.5em 1em;

      img {
        display: table;
        margin: 0;
        height: 5em;
        width: auto;
      }
    }

    #slogan {
      width: 40%;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
    }

    #hamburgermenu {
      width: 30%;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      background: none;
    }
  }

  .call {
    float: left;
    width: 50%;
    border-bottom: 2px solid #fff;

    a {
      width: 100%;
      display: table;
      padding: 0.75em 1em;
      color: #fff;
      background: var(--blue-color);
      font-size: 1.1em;
      font-weight: 600;
      text-align: center;
    }
  }

  .text {
    float: left;
    width: 50%;
    border-bottom: 2px solid #fff;

    a {
      width: 100%;
      display: table;
      padding: 0.75em 1em;
      color: #fff;
      background: #000;
      font-size: 1.1em;
      font-weight: 600;
      text-align: center;
    }
  }
}
}
@media only screen and (max-width: 690px) {
  #container {
    #content {
      .imgright {
        width: 100%;
      }
    }
  }

  #work {
    .work {
      .ngg-galleryoverview {
        gap: 1em;
      }
    }
  }

  #brands {
    .brands {
      h2 {
        text-align: center;
        padding: 0;
        border: none;
      }

      .widget {
        .textwidget {
          grid-template-columns: repeat(2, 1fr);

          img {
            margin: 0 auto;
          }
        }
      }
    }
  }

  #footer {
    .footerinfo {
      .middle {
        grid-template-columns: 1fr;
        text-align: center;
      }
    }
  }

  #affiliations {
    .affiliations {
      .textwidget {
        grid-template-columns: 1fr;

        img {
          margin: 0 auto;
        }
      }
    }
  }

  #plan {
    .plan {
      .guidance-steps {
        grid-template-columns: 1fr;
      }
    }
  }

  #homebanner {
    .caption-wrap {
      .caption {
        .bannercontent {
          .content {
            h1 {
              font-size: 2em;
            }
          }
        }
      }
    }
  }

  #services {
    .services {
      .textwidget {
        ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
    }
  }

  .contactpage {
    #container {
      #content {
        .quick-actions {
          grid-template-columns: 1fr;

          .emergency-card {
            grid-column: 1;
          }
        }

        .service-split {
          grid-template-columns: 1fr;
        }
      }
    }
  }

  #actions {
    .actions {
      grid-template-columns: 1fr;
    }
  }

  /*
   * Wide-width Troyer service page
   */
  .page-template-wide-width {
    #container {
      #content {
        .troyer-service-page {
          .service-proof {
            gap: 1px;
            grid-template-columns: 1fr !important;

            div {
              border: none !important;
            }
          }

          .service-trust {
            .service-trust__grid {
              grid-template-columns: 1fr !important;
            }
          }

          .service-process {
            grid-template-columns: 1fr !important;
          }

          .service-card-grid--three {
            grid-template-columns: 1fr !important;
          }

          .service-card-grid--four {
            grid-template-columns: 1fr !important;
          }

          .service-split {
            .service-check-list {
              grid-template-columns: 1fr !important;
              gap: 0 !important;
              margin: 0 !important;
            }
          }

          .service-inline-cta {
            display: grid !important;
          }
        }
      }
    }
  }

  .troyer-about {
    .about-intro {
      grid-template-columns: 1fr;
      gap: 0;

      .about-photo-strip {
        grid-column: span 1;
        grid-template-columns: 1fr;

        figure {
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            min-height: 250px;
            border-radius: var(--border-radius-img);
            margin: 0;
          }
        }
      }
    }

    .about-story {
      grid-template-columns: 1fr;
      gap: 3em;
    }

    .about-owner-photo {
      img {
        min-height: auto;
      }
    }

    .about-section-heading {
      grid-template-columns: 1fr;
      align-items: end;
      gap: 0;
      margin-bottom: 1.333em;
    }

    .about-service-row {
      grid-template-columns: 1fr;
      gap: 2em;
      padding: 1.667em 0;
    }

    .about-link-list {
      grid-template-columns: 1fr;

      li {
        &:last-child {
          border-bottom: none;
        }
      }
    }

    .about-reviews {
      .about-reviews__grid {
        grid-template-columns: 1fr;
        gap: 1em;
      }
    }

    .about-area {
      grid-template-columns: 1fr;
      gap: 2em;

      .inline-cta {
        a {
          display: table;
          margin: .5em auto;
        }
      }
    }

    .about-phone {
      text-align: center;
    }
  }
}
@media only screen and (max-width: 480px) {
  #container {
    #content {
      .threeimgs {
        li {
          width: 100%;
          margin: 0 0 1em 0;
        }
      }
      .imgright {
        width: 100%;
        margin: 0 0 1em 0;
      }
      ul {
        float: left;
        width: 100%;
      }
    }
  }
  #usps {
  ul {
    grid-template-columns: 1fr;

    li {
      &:nth-child(1) {
        border-radius: var(--border-radius-top-only);
      }

      &:nth-child(4) {
        border-radius: var(--border-radius-bottom-only);
      }
    }
  }
}
  #solutions {
    .solutions {
      ul {
        grid-template-columns: 1fr;
      }
    }
  }
  #cta {
    .cta {
      li {
        &:last-child {
          table {
            tr {
              td {
                float: left;
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
  #homebanner {
    .bannercontent {
      .content {
        span {
          margin: 0 1em 1em 0;
        }
        .actions {
          a {
            margin: 0 1em 1em 0;
          }
        }
      }
    }
  }
  #header {
    .headerbar {
      .bar {
        a {
          white-space: nowrap;
        }
        .spacer {
          display: table;
        }
        .divider {
          display: none;
        }
      }
    }
  }
  .contactpage {
    #container {
      #content {
        .sectionone {
          .left {
            padding: 2em;
            h1 {
              font-size: 2em;
            }
            h2 {
              font-size: 1.444em;
            }
          }
        }
        .quick-actions {
          .card, .emergency-card {
            padding: 1em;
          }
        }
        .contact-grid {
          .project-form {
            padding: 1em;
            table {
              tr {
                td {
                  float: left;
                  width: 100%;
                }
              }
            }
          }
        }
        .service-split {
          .service-panel {
            padding: 1em;
          }
        }
        .process {
          padding: 1px;
          grid-template-columns: 1fr;
          border-radius: var(--border-radius-article);
          div {
            &:nth-of-type(1) {
              grid-column: span 1;
              border-radius: var(--border-radius-top-only);
            }
            &:last-of-type {
              border-radius: var(--border-radius-bottom-only);
            }
          }
        }
      }
    }
  }
#cta {
  .cta {
    li {
      &:last-child {
        table {
          tr {
            td {
              float: left;
              width: 100%;
            }
          }
        }
      }
    }
  }
}
.page-template-wide-width {
    #container {
      #content {
        .troyer-service-page {
          .service-contact {
            .service-contact__form {
              .service-form-table {
                width: 100%;
                display: block;

                tbody,
                tr {
                  display: block;
                  width: 100%;
                }

                td {
                  display: block;
                  width: 100% !important;
                  float: none;
                }
              }
            }
          }
        }
      }
    }
  }
}