@media screen and (max-width: 1300px) {
  .site-widget-ourteam .ourteam-member {
    width: calc((100% / 3) - 2rem);
  }
  #site-footer .footer-contact-location-list .footer-contact-location {
    width: calc((100% / 3) - 1rem);
  }
  .widget-floor-products .widget-floor-item h3 {
    font-size: 1rem;
  }
  .column-content img {
    max-width: 100%;
    height: auto;
  }
  .widget-floor-products .floor-cols.decks-slats > header img {
    display: none;
  }
  .site_header.ms-5 {
    margin: 0 !important;
    text-align: center !important;
  }
  body:has(input[type="checkbox"]#mobiletrigger:checked) .menu-mobile {
    transform: translate(0, 0);
  }
  body:has(input[type="checkbox"]#mobiletrigger:checked) {
    overflow: hidden;
  }
  body:has(input[type="checkbox"]#mobiletrigger:checked)::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100vw;
    height: 100vh;
    z-index: 99999;
  }
  body:has(input[type="checkbox"]#mobiletrigger:checked)
    .site-mobile-content
    > a,
  body:has(input[type="checkbox"]#mobiletrigger:checked) .nav-stripe-wrapper {
    opacity: 0.6;
  }

  body:has(input[type="checkbox"]#mobiletrigger:checked) .menu-mobile {
    width: 80%;
  }
  #site-header {
    padding-bottom: 0;
  }
  .site-mobile-content img {
    width: auto;
    height: 50px;
  }
  #site-header .site-nav-wrapper {
    display: none !important;
  }
  .site-mobile-wrapper {
    display: block;
    border-bottom: 1px solid var(--green-main);
  }

  #site-footer .footer-industry-solution {
    flex-wrap: wrap;
  }
  #site-footer .footer-industry-solution section {
    width: 100%;
    text-align: center;
    padding: 1rem 1rem 0;
  }
  #site-footer .footer-industry-solution h3 {
    font-size: 2rem;
  }
  #site-footer .industry-wrapper {
    width: 100%;
  }
  #site-footer .industry-slider > div {
    margin: 0;
  }
  #site-footer .industry-slider {
    transform: unset;
  }
  #site-header .site-nav-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
  }
  #site-header .site-nav-wrapper > div {
    width: 100% !important;
  }
  #site-header .site-nav-content.nav-left {
    order: 2;
    margin-bottom: 1rem;
  }
  #site-header .site-nav-content.nav-logo {
    order: 1;
  }
  #site-header .site-nav-content.nav-right {
    order: 3;
  }
  #site-header .site-nav-content > ul {
    display: flex;
  }
  #site-header .site-nav-content.nav-logo a {
    display: inline-block;
    margin: 0 auto 2rem;
  }
  #site-header .site-nav-content > ul li {
    width: calc(100% / 4);
  }
  #site-header .site-nav-content > ul li.nav-contact-us a {
    display: block;
  }
  #site-header .site-nav-content.nav-logo img {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .site-banner-wrapper .site-banner-content h1 {
    font-size: 2rem !important;
  }
  .flex-image-tile.grid-wrapper-tile .flex-image-content {
    width: 50% !important;
  }
  .flex-image-tile .flex-image-content > img {
    aspect-ratio: 16/9 !important;
  }
  #site-footer .industry-slider .image {
    margin: 0 0.2rem;
  }
  #site-footer .industry-slider img {
    width: 100%;
    aspect-ratio: 1;
  }
  #site-footer .footer-stripe-content {
    padding: 1rem;
  }
  #site-footer .footer-map-wrapper {
    flex-wrap: wrap;
    width: 100%;
    height: unset;
    margin: 1rem 0;
    gap: 0 !important;
  }
  #site-footer .footer-map-wrapper > div {
    width: 100%;
    text-align: center !important;
  }
  #site-footer .footer-map-placeholder .content img {
    width: 100%;
    aspect-ratio: 16/9;
    height: unset;
    object-fit: cover;
  }
  #site-footer .footer-map-placeholder .content {
    transform: unset;
    padding: 2rem 0 0;
  }
  #site-footer .footer-contact-wrapper {
    padding: 2rem 1rem !important;
    gap: 2rem;
  }
  #site-footer .footer-contact-wrapper > div {
    width: 100%;
    gap: 2rem 1rem;
  }
  #site-footer .footer-location-hq .footer-contact-location-content {
    margin: 0;
  }
  .handle-page-168-row-4 img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 16/9;
    height: auto;
  }
  .blog-wrapper > article {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .btn {
    margin: 10px 0;
  }
	#online-support-documents .osd-docs section a[data-download] {
		margin: 0;
	}
  .deck-measure-wrap {
  }
  .deck-measure-wrap img {
  }
  .osd-brands .osd-brands-content {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .contact-form-modal .wrap .content:has(img) {
    margin-bottom: 30px;
  }
  .osd-brands .osd-brands-content em {
    width: 100%;
    border: none;
    text-align: center;
    padding: 0;
  }
  .osd-brands .osd-brands-content ul {
    width: 100%;
    padding: 0;
  }
  #online-support-documents .osd-docs-wrap {
    gap: 20px 0;
    justify-content: space-around;
  }
  #online-support-documents .osd-docs-item {
    width: calc((100% / 3) - 20px);
  }
  #popmake-690,
  #popmake-691 {
    padding: 20px;
  }
  .pum-container .pum-content h3 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 991px) {
  #online-support-documents .osd-docs-item {
    width: calc((100% / 2) - 20px);
  }
  .deck-measure-wrap {
    flex-direction: column;
    align-items: center;
  }
  .contact-form-modal .wrap .content,
  .contact-form-modal .wrap .content .gf_browser_chrome {
    width: 100%;
  }
  .innobox {
    flex-direction: row;
    align-items: center;
  }
  .innobox h4,
  .innobox p {
    text-align: left !important;
  }
  .innobox iframe {
    height: 300px;
  }

  .innobox section:nth-child(2) {
    width: 60%;
  }
  .handle-page-168-row-2
    .flex-image-tile.grid-wrapper-tile
    .flex-image-content {
    width: 50% !important;
  }
  .handle-page-168-row-2 .flex-image-tile .flex-image-content > img {
    width: auto;
  }
  .widget-hdu-wrapper header {
    padding: 0 !important;
    margin: 20px 0 !important;
  }
  .widget-floor-products .floor-cols.decks-slats > header h3 {
    width: 100%;
  }
  .widget-hdu-wrapper header h3 {
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .widget-hdu-wrapper header h3 br {
    display: none;
  }
  .flex-image-tile .flex-image-content > img {
    object-fit: cover;
    aspect-ratio: 1 !important;
    width: 100%;
    margin: 0;
    display: block;
  }
  .handle-page-167-row-8.ps-max.pe-max {
    padding: 0 !important;
  }
  .widget-floor-products .floor-columns {
    flex-direction: column !important;
  }
  .widget-floor-products .floor-cols {
    width: 100%;
  }
  .site-widget-ourteam .content-ourteam-wrapper {
    width: 100%;
  }
  .site-widget-ourteam .ourteam-dropdown {
    width: 100%;
  }
  .site-widget-ourteam .ourteam-toggle {
    font-size: 1rem;
    padding: 1rem;
  }
  .site-widget-ourteam .ourteam-toggle:after {
    transform: translateY(-30%) rotate(-45deg);
  }
  .handle-page-176-row-4 img {
    /* width: 100%; */
    /* height: auto; */
  }
  .widget-hdu-wrapper {
    padding: 1rem;
  }
  .widget-floor-wrapper > header {
    padding: 1rem 0 2rem !important;
    margin: 0 1rem;
  }
  .site-widget-floor-solution {
    background: none;
  }
  header.stationary-products > div {
    width: 100%;
    padding: 1rem 0 0;
  }
  header.stationary-products img {
    display: none;
  }
  .floor-cols.decks-slats .widget-floor-item {
    margin: 0 0 2rem;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 0 0 1rem;
  }
  .widget-floor-products .floor-cols.decks-slats > header img {
    display: none;
  }
  .handle-page-167-row-5 img {
    width: 100%;
    object-fit: contain;
  }
  .handle-page-167-row-5 .pe-max,
  .handle-page-167-row-5 .ps-max {
    padding: 1rem !important;
  }
  .widget-floor-wrapper .widget-floor-products,
  .widget-hdu-wrapper .widget-hdu-products {
    width: 100%;
    gap: 1rem !important;
  }
  .widget-floor-wrapper .widget-floor-products {
    margin: 1rem 0;
    padding: 0 1rem;
  }
  .widget-hdu-wrapper .widget-hdu-item,
  .widget-flood-wrapper .widget-floor-products {
    width: calc((100% / 2) - 0.6rem);
  }
  .handle-page-166-row-3 .row > div:first-of-type,
  .handle-page-166-row-3 .row > div,
  .handle-page-166-row-3 .row > div .column-content {
    padding: 1rem 0 !important;
    margin: 0 !important;
    text-align: center;
  }
  .handle-page-166-row-3 .row > div .ms-max {
    margin: 0 !important;
  }
  .handle-page-166-row-3 .row > div h4 {
    text-align: center;
  }
  .handle-page-166-row-2 .row > div video {
  }
  #site-header {
  }

  .flex-image-tile {
  }

  .ig-control {
    flex-wrap: wrap;
    gap: 1rem !important;
    padding: 0 1rem;
  }
  .ig-control a {
  }
  .site-banner-wrapper .site-banner-content img {
    aspect-ratio: 16/9;
    height: auto;
  }
  .column-content h1 {
    font-size: 2.4rem;
  }
  .column-content h2 {
    font-size: 2.2rem;
  }

  .column-content h3 {
    font-size: 2rem;
  }
  .site-widget-download input {
    font-size: 1.6rem;
  }
  .site-widget-download .download-wrapper {
    width: 100%;
  }
  .site-widget-download .download-item {
  }
  .site-widget-download .download-item p {
    font-size: 1rem;
    padding: 0 1rem;
  }
  .site-widget-download .download-item a {
    font-size: 1rem;
  }

  .site-widget-ourteam .ourteam-member {
    width: calc((100% / 2) - 1rem);
  }
  .contact-map {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .handle-page-167-row-1 .site-banner-wrapper .site-banner-subheading {
    display: flex;
    flex-direction: column;
    padding: 1rem 0 1.4rem;
    gap: 10px 0;
  }
  .handle-page-167-row-1
    .site-banner-wrapper
    .site-banner-subheading
    .btn.btn-green-main {
    margin: 0 !important;
  }
  .site-widget-ourteam .ourteam-member:nth-child(1),
  .site-widget-ourteam .ourteam-member:nth-child(2) {
    width: 100%;
  }
  .osd-brands .osd-brands-content ul {
    flex-direction: column;
    height: unset;
    margin: 30px 0;
  }
  .osd-brands .osd-brands-content li {
    width: 100%;
  }
  .osd-brands .osd-brands-content button {
  }
  #online-support-documents .osd-docs-item {
    width: 100%;
	  max-width: calc(50% - 10px);
  }
	#online-support-documents .osd-docs img {
		height: 30px;
	}
	#online-support-documents .osd-docs em {
		font-size: 0.88rem;
		line-height: 1.3;
	}
	#online-support-documents .osd-docs p {
		margin-top: 8px;
	}
	#online-support-documents .osd-docs p, #online-support-documents .osd-docs a {
		line-height: 1.3;
		font-size: 0.85rem;
	}
	#online-support-documents .osd-docs section a[data-download] {
		padding: 5px;
    	font-size: 0.85rem;
	}
	    
  .handle-page-166-row-2 .site_header.text-left {
    text-align: center !important;
  }
  .handle-page-166-row-2 .ms-5 {
    margin: 1rem !important;
  }
  .widget-floor-wrapper header p {
    font-size: 1rem;
  }
  .floor-cols:has(.widget-floor-item:nth-of-type(3)) .widget-floor-item,
  .widget-floor-products .widget-floor-item {
    width: 100%;
  }
  .widget-floor-products .widget-floor-item h3 {
    font-size: 1rem;
  }
  .order-btn-product {
    margin: 10px 0 30px;
    font-size: 1.6rem;
  }
  .order-btn-product br {
    display: none;
  }
  [data-mobile-order="1"] {
    order: 1;
  }
  [data-mobile-order="2"] {
    order: 2;
  }
  [data-mobile-order="3"] {
    order: 3;
  }
  [data-mobile-order="4"] {
    order: 4;
  }
  [data-mobile-order="5"] {
    order: 5;
  }
  [data-mobile-order="6"] {
    order: 6;
  }
  .innobox {
    flex-direction: column;
    padding-bottom: 30px;
  }
  .innobox h4,
  .innobox p {
    text-align: center !important;
  }
  .innobox section {
    width: 100% !important;
  }
  .me-max.link-stationary-bins {
    margin-right: 0 !important;
  }
  .site_header > * {
    padding: 0 1rem;
  }
  .site-widget-ourteam .ourteam-member figcaption > h3 {
  }
  .site-widget-ourteam .ourteam-member {
    width: 100%;
  }
  .handle-page-2-row-4 .flex-image-tile .flex-image-content > img {
    height: unset;
    object-fit: cover;
  }
  .flex-image-tile .slick-prev,
  .site-testimonial-wrapper .slick-prev {
    /* left: 0px; */
  }
  .flex-image-tile .slick-arrow,
  .site-testimonial-wrapper .slick-arrow {
    /* right: 0px; */
  }
  .widget-hdu-wrapper .widget-hdu-item {
    width: 100%;
  }
  .flex-image-tile .flex-image-content {
    width: 100%;
  }
  .ig-control a {
    display: block;
    width: 100%;
  }
  #site-footer .footer-contact-location-list .footer-contact-location {
    width: 100%;
  }
  #site-footer .footer-contact-location-list .footer-contact-location-content {
    padding: 0;
  }
  .flex-image-tile .flex-image-content {
    width: 50%;
    padding: 0.2rem;
  }
  .ig-control {
    padding: 1rem;
  }
  .flex-image-tile.grid-wrapper-tile .flex-image-content {
    width: 100% !important;
  }
  #site-header .nav-stripe-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #site-header .nav-stripe-wrapper > div {
    justify-content: center;
    /* padding: 1rem 0 0; */
  }
  #site-header .site-header-social {
    order: 2;
  }
  #site-header .site-header-contact {
    order: 1;
  }
  #site-header .site-header-contact section > a {
    display: none;
  }
  #site-header ul#site-header-location {
    height: 45px;
  }
  .gt_float_switcher img {
    display: none !important;
  }
  .dflexw {
    width: 75px;
  }
  #site-header .px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .menu-mobile > label {
    top: 25px;
  }
  .option-label {
    font-size: 12px;
  }
  .hdu-video {
    width: 100%;
  }
  #site-footer .footer-map-info h4 {
    font-size: 2rem;
  }
  .page-id-174 .innobox {
    padding-bottom: 0;
  }
  .placeholder-banner video {
    height: 300px;
  }
  .widget-hdu-wrapper h3 {
    font-size: 2.2rem;
  }
  .page-id-176 h4 {
    font-size: 1.5rem;
  }
  .ourteam-wrapper h2 {
    font-size: 2.2rem;
  }
  .ourteam-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px; /* Add some spacing between stacked members */
  }
  .ourteam-member {
    width: 100%; /* Full width of the container */
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .site-widget-ourteam .ourteam-member figure > img {
    width: 340px;
    object-fit: cover;
    height: auto;
    aspect-ratio: 1;
    max-width: 100%;
  }
  .site-widget-ourteam .ourteam-member:nth-child(1),
  .site-widget-ourteam .ourteam-member:nth-child(2),
  .site-widget-ourteam .ourteam-member:nth-child(3),
  .site-widget-ourteam .section-three .ourteam-member {
    width: 100%;
  }
  #site
    > div.jumbotron.handle-page-177-row-2.mt-3.mb-3
    > div
    > div
    > div:nth-child(3),
  #site
    > div.jumbotron.handle-page-176-row-4.mt-3.mb-3
    > div
    > div
    > div:nth-child(3) {
    background-color: #2d9a47 !important;
  }
  #site
    > div.jumbotron.handle-page-177-row-2.mt-3.mb-3
    > div
    > div
    > div:nth-child(4),
  #site
    > div.jumbotron.handle-page-176-row-4.mt-3.mb-3
    > div
    > div
    > div:nth-child(4) {
    background-color: #034124 !important;
  }
}