@media (max-width:1368px) {

    /* HOMEPAGE */
   section.one-vision .home-brands div p,
   section.news-events article div p {
    font-size:1.1vw;
   }

   header nav.main-menu ul {
    width:69%;
   }

    /* ARCHITECTURAL AND RESIDENTIAL */

    .template-blurb article p:nth-of-type(1) {
        width:30%;
    }

    .essentials-container article {
        width:24%;
    }
}

@media (max-width:1024px) {

  /* HOMEPAGE */
  header nav.main-menu img {
    width:65%;
  }
  header nav.main-menu ul li {
    font-size:13px;
  }

  section.expertise .cards article div h4 {
    bottom: -8px;
    left: 1%;
    font-size:3.8vw;
  }
  section.expertise .cards article p {
    font-size:14px;
  }

  section.news-events article div p {
        font-size: 1.5vw;
  }

  footer .bottom ul:nth-of-type(1) li:nth-of-type(1) {
    margin-right: 40px;
  }
  .white-bottom article {
    width:768px;
  }
  section.home-video .titles {
    bottom:-9px;
  }

   /* ARCHITECTURAL AND RESIDENTIAL */

  .template-blurb article p:nth-of-type(2) {
    width:70%;
  }

  .template-blurb article p {
    font-size: 2.0vw;
  }
  .template-grid .parent .div1 article p,
  .template-grid .parent div .grid-titles h2 {
    width:100%;
    text-shadow: 2px 1px 1px rgb(0 0 0);
  }

  /* TECHNOLOGY PAGE */

  .tech-bottom article {
    width:96%;
  }

  /* ABOUT US PAGE */
  .about-top .about-top-content article h2 {
    font-size:3.2vw;
  }

  .about-top .about-top-content article p {
    width: 100%;
    font-size: 1.6vw;
  }

}

@media (max-width:900px) {

    /* HOMEPAGE AND MOBILE MENU */
    header nav.main-menu ul {
        opacity:0;
        transition: max-height 0.5s ease, opacity 0.5s ease;
    }

    header nav.main-menu .hamburger {
        display:flex;
    }

    /* Animation for open state */
    .hamburger.open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
    }

    .hamburger.open span:nth-child(2) {
    opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
    }

    #top-menu.active {
    opacity: 1;
    }
    header nav.main-menu ul .top-list-mobile.active {
        display:flex;
        opacity:1;
        overflow:visible;
    }

    header nav.main-menu .top-list-mobile img {
        width:16px;
    }

    header nav.main-menu {
        padding:20px;
    }

    .top-list {
        display:none;
    }

    header nav.small-menu {
        justify-content: center;
    }

    header nav.main-menu ul {
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        top: 73%;
        z-index: 9;
        background: white;
    }

    header nav.main-menu ul li {
        display:block;
        font-size:3vw;
        padding: 5px 0;
    }

    header nav.main-menu ul li.contact-mobile {
        display:block !important;
    }

    header nav.main-menu ul li:last-of-type {
        margin:0 auto;
        padding-bottom:0;
    }

    header nav.main-menu ul .top-list-mobile li {
        margin:0 !important;
        width:100%;
    }

    .top-list-mobile .dropdown li {
        padding:18px 0;
    }

    /* FOOTER */
    footer .top {
        flex-direction: column;
    }

    footer .top .newsletter-box {
        margin-top:50px;
    }

    footer .top .newsletter-box {
        flex-direction:column;
        align-items: center;
        margin-bottom: 5%;
    
    }

    footer .top .newsletter-box h4 {
    width: 100%;
    font-size: 4.4vw;
    text-align: center;
    margin-bottom: 10px;
    }

    footer .top .newsletter-box h4 br {
        display:none;
    }

    footer .top .newsletter-box article p {
        text-align:center;
    }

    .hsfc-NavigationRow__Buttons {
        justify-content: center !important;
    }

    .newsletter-box form .hsfc-Step__Content {
        padding-right:0 !important;
    }

    .hsfc-EmailField>*:not(:last-child) {
        margin-bottom:0 !important;
    }

    footer .bottom {
        flex-direction:column;
    }

    footer .bottom ul {
        width:100%;
        justify-content: center;
    }
    
    footer .bottom ul:nth-of-type(2) li {
    margin: 0px 3%;
    }

    footer .bottom ul:nth-of-type(1) {
        display:none;
        
    }

    footer .bottom ul.mobile-bottom {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    width:100%;
    font-size:12px;
    }

    .newsletter-box form .hsfc-NavigationRow {
    margin-top: 6px !important;
    }

    ul.mobile-bottom .links {
    display: flex;
    
    justify-content: center;
    width: 100%;
    padding: 12px 0;
    }

    ul.mobile-bottom .links a {
        margin:0 10%;
    }

    .top-list-mobile li.contact-desktop {
        display:none;
    }

    /* ARCHITECTURAL and RESIDENTIAL */
    .essentials-container article {
        width: 32.5%;
    }

    section.template-brands .template-logos div img {
        width:60%;
    }
}

@media (max-width:768px) {
    section.one-vision {
    width: 96%;
    margin: 0 auto;
    padding: 2% 0;
    padding-bottom: 7%;
    }

    section.one-vision h2 {
        font-size:5vw;
    }

    section.one-vision .home-brands {
        flex-direction:column;
    }
    section.one-vision .home-brands div {
        margin:5% auto !important;
        width:70%;
    }

    section.one-vision .home-brands div .brand-box {
    transform: none;
    transition: none;
    }
    section.one-vision .home-brands div .hover-content {
    opacity: 1;
    transform: none;
    transition: none;
    margin-top:0 !important;
    width:100%;
    
    }

    section.one-vision .home-brands div p, section.news-events article div p {
        font-size:2.2vw;
    }

    section.expertise .content article {
        flex-direction:column;
        width:100%;
    }

    section.expertise .content article p {
    width: 100% !important;
    text-align: center;
    font-size: 2.6vw;
    }
    section.expertise .content article p:nth-of-type(1) {
        font-size:4vw;
    }

    section.expertise .cards {
        padding:0;
    }

    section.expertise .cards {
        flex-direction:column;
        align-items: center;
    }
    section.expertise .cards article {
        width:100%;
        margin-bottom: 5%;
    }
    section.expertise .cards article div h4 {
        font-size:8.8vw;
    }

    section.wacgroup-info {
        padding: 2%;;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    section.wacgroup-info h2 {
        text-align:center;
        width:100%;
    }
    section.wacgroup-info h2 span {
        font-size:7vw;
    }

    section.wacgroup-info div {
        width:100%;
        text-align:center;
    }
    section.wacgroup-info div p {
        width:100%;
        text-align:center;
    }

    section.news-events h2 {
        font-size:5vw;
    }

    section.news-events article {
        align-items:center;
        flex-direction:column;
    }

    section.news-events article div {
        width:100%;
        margin-bottom:5%;
    }

    .white-bottom article {
        width:90%;
    }
    footer .top .newsletter-box {
        width:98%;
    }

     /* ARCHITECTURAL and RESIDENTIAL */
     .template-blurb article {
        flex-direction: column;
     }

     .template-blurb article p:nth-of-type(1) {
        width: 100%;
        text-align: center;
        font-size: 4.5vw;
        margin-bottom: 0px;
        margin-top: 7px;
    }
    .template-blurb article p:nth-of-type(2) {
        width: 100%;
        text-align: center;
        font-size: 2.5vw;
    }

    .template-grid {
        padding-bottom:0;
    }

    .template-grid .parent {
        display:block;
    }

    .template-grid .parent div {
        margin:50px 0;
    }

    .template-grid .parent div .grid-titles h2 {
        font-size:6vw !important;
    }
    .parent .div2::after, .parent .div3::after, .parent .div4::after, .parent .div5::after, .parent.residential .div2::after, .parent.residential .div3::after, .parent.residential .div4::after, .parent.residential .div5::after {
        background:none;
    }

    .template-grid .parent div article p {
        display:block !important;
        text-shadow: 2px 1px 1px rgb(0 0 0);
    }
    .template-grid .parent div .grid-titles h2 span {
        display:none;
    }

    .template-grid .parent .div4 {
        aspect-ratio: 1 / 1;
    }

    section.template-brands {
        padding-top:0;
    }

    section.template-brands h2 {
        font-size:5vw;
        text-align: center;
    }

    section.template-brands p {
    font-size: 3vw;
    text-align: center;
    margin-bottom:50px;
    }

    section.template-brands .template-logos {
        flex-wrap:wrap;
    }

    section.template-brands .template-logos div {
        width:80%;
        margin:0 auto;
        margin-bottom: 50px;
    }

    section.template-brands .template-logos div a {
        border: 1px solid #a9a9a94a;
    }

    .essentials h2 {
        font-size:5vw;
    }

    .essentials .essentials-nav ul li {
        font-size:3vw;
        margin-right:4%;
    }

    .essentials-container article {
        width: 49%;
    }

    /* TECHNOLOGY PAGE */

    .tech-flex .top-flex {
        flex-direction: column;
    }
    .tech-flex .bottom-flex {
        flex-direction: column-reverse;
    }

    .tech-flex .top-flex article h2,
    .tech-flex .bottom-flex h2{
        font-size: 4vw;
        text-align:center;
    }

    .tech-flex article {
        width:100% !important;
    }

    .tech-flex .top-flex article p,
    .tech-flex .bottom-flex article p {
        font-size:2.1vw;
        text-align:center;
    }

    .tech-flex img {
        width:100%;
    }

    .tech-grid {
    padding: 2%;
    }

    /* ABOUT US PAGE */

    .about-top {
        width:100%;
    }
    .about-top .about-top-content {
        flex-direction:column;
    }

    .about-top .about-top-content article {
    width: 96%;
    }

    .about-top .about-top-content article img {
    width: 100%;
    }

    .about-top .about-top-content article h2 {
    font-size: 5vw;
    text-align: center;
    }

    .about-top .about-top-content article p {
        font-size: 2.4vw;
        text-align: center;
    }

    /* CONTACT US PAGE */

    .contact-container {
        padding:0;
    }

    .contact-container {
        flex-direction: column;
    }

    .contact-container .left,
    .contact-container .right {
    width: 100%;
    }

    .hsfc-Step .hsfc-Step__Content {
        padding-left:0 !important;
        padding-right:0 !important;
    }
}   

@media (max-width:575px) {

    .title h1 {
        font-size:10vw;
    }

    header nav.main-menu ul li {
        font-size:5vw;
    }

    section.home-video .titles h1 {
        font-size:11vw;

    }
    section.home-video .titles {
        bottom:0;
    }
    section.one-vision h2 {
        font-size: 6vw;
    }

    section.one-vision .home-brands div {
        width:90%;
    }
    section.one-vision .home-brands div p, section.news-events article div p {
        font-size: 4vw;
    }
    section.one-vision .home-brands div .brand-logo {
        padding-bottom:0;
    }

    section.expertise .content article p:nth-of-type(1) {
        font-size: 6vw;
    }
    section.expertise .content article p {
        font-size:4vw;
    }
    section.wacgroup-info div p {
        margin-bottom:30px;
    }
    section.wacgroup-info {
        padding-bottom:9%;
    }
    section.news-events h2 {
        font-size: 6vw;
    }
    section.news-events .blog-links {
        padding-bottom:13%;
    }
    section.news-events .blog-links a {
        margin-left:13%;
    }

    section.news-events .blog-links a:nth-of-type(3){
        display: inline-block;
        margin-top: 20px;
        margin-left: 1%;
    }
    .white-bottom article h3,
    .tech-bottom article h3 {
        font-size:24px;
    }

    ul.mobile-bottom .links a {
        margin: 0 5%;
    }

    footer .top .newsletter-box h4 {
        font-size:6.4vw;
    }

    footer .top .newsletter-box {
        padding:30px 0;
    }

    .newsletter-box form .hsfc-Step__Content {
        display:block;
    }
    .newsletter-box form .hsfc-Row {
    width: 100% !important;
    }
    .newsletter-box form .hsfc-EmailField {
        margin-right:0;
    }

    /* ARCHITECTURAL and RESIDENTIAL */
    .template-blurb {
        margin-top:30px;
    }

    .template-blurb article p:nth-of-type(1) {
        font-size:6.5vw;
    }

    .template-blurb article p:nth-of-type(2) {
        font-size:4vw;
    }
    
    .template-blurb article p:nth-of-type(2) br {
        display:none;
    }

    .template-grid .parent .div1 {
        margin-top:30px;
    }
    .template-grid .parent div .grid-titles h2 {
        font-size: 9vw !important;
        background: #0000008c;
    }
    .template-grid .parent div article p {
        background: #0000008c;
        border-radius: 5px;
        padding: 2%;
    }

    .essentials-container article {
        width:100%;
    }

    /* TECHNOLOGY page:  */
    .tech-grid .tech-parent {
        display:block;
    }

    .tech-parent .div1,
    .tech-parent .div2,
    .tech-parent .div3,
    .tech-parent .div4,
    .tech-parent .div5,
    .tech-parent .div6 {
        padding-bottom:10% !important;
    }

    .tech-bottom {
        margin-bottom:8%;
    }

    .tech-flex .top-flex article h2, .tech-flex .bottom-flex article h2  {
        font-size:6vw;
    }

    .tech-flex .top-flex article p, .tech-flex .bottom-flex article p {
        font-size:4vw;
        width:100%;
    }

    .patents {
        margin-bottom:11%;
    }

    /* ABOUT US PAGE  */
   .about-top .about-top-content article h2 {
    font-size:6.5vw;
   }

    .about-top .about-top-content article p {
    font-size: 3.7vw;
    }
}