@media (max-width: 1440px) {
    .footer_logo{
      margin-bottom: 50px;
    }
    .growingimage img{
      margin-top: -100px;
    }
    .solution-box{
      height: 100% !important;
    }
    .brand-icon2{
      height: 100px;
      width: auto;
    }
    h3{
      font-size: 6rem;
      line-height: 95px;
    }
    .break-line{
      display: block;
      margin-bottom: -100px;
    }
    .fullbuttonholder p{
    height: 100px;
    }

}

@media (max-width: 1024px){
  h1.text-uppercase.large{
    margin-top: 1%;
  }
  .icon-n{
    margin-top: -31px;
    margin-left: -33px;
    margin-right: -33px;
  }
  .fullbuttonholder p{
    height: 130px;
    }
  h2{
    width: 70% !important;
    font-size: 1.5rem !important;
  }
  h5{
    font-size: 3rem !important;
  }
  .solution-box{
    height: 95%;
    margin-bottom: 80px;
  }
  .secondaryp2{
    margin-top: 20px;
  }
  h3{
    font-size: 5rem !important;
    line-height: 5rem !important;
  }
  .secondaryp{
    margin-top: 45px;
  }
  .solution-box{
    height: 95% !important;
  }
  .grey-box{
    height: auto;
  }
  .left-text{
    width: 100% !important;
  }
  .secondaryh3{
    width: 100% !important;

  }
  .portfolio-box-no-hover1,
  .portfolio-box-no-hover2,
  .portfolio-box-no-hover3,
  .portfolio-box-no-hover4,
  .portfolio-box-no-hover5,
  .portfolio-box-no-hover6 {
    padding-top: 180px;
  }
  .pillar-box1,
  .pillar-box2,
  .pillar-box3,
  .pillar-box4{
    padding-top: 340px;
  }
  .pillar-box1 p, .pillar-box2 p, .pillar-box3 p, .pillar-box4 p{
    width: 100%;
  }
  .secondaryp{
    width: 100%;
  }
  .secondaryp2{
    width: 100%;
  }
}

@media (max-width: 990px){
  .first-nav{
    display: none !important;
  }
  .nochange-box{
    margin-bottom: 20px;
  }
  .fullbuttonholder p{
    height: 160px;
    }
  .brand-icon2{
    height: 100px;
  }
  .portfolio-box-no-hover1,
  .portfolio-box-no-hover2,
  .portfolio-box-no-hover3,
  .portfolio-box-no-hover4,
  .portfolio-box-no-hover5,
  .portfolio-box-no-hover6{
    padding-top: 200px;
  }
  .pillar-box-no-hover1,
  .pillar-box-no-hover2,
  .pillar-box-no-hover3,
  .pillar-box-no-hover4,
  .pillar-box-no-hover5,
  .pillar-box-no-hover6{
    padding-left: 50px !important;
    padding-top: 280px !important;
    height: 500px !important;
  }
  .growingimage img{
    margin-top: -50px;
  }
  .ceo-image{
    margin-bottom: 30px;
  }
   .space-bottom{
    margin-bottom: 30px !important;
  }
  #nav-open{
    display: block;
  }
  .vertical-line{
    height: 300px;
  }
  .footer_logo{
    margin-bottom: 50px;
  }
  .footer_logo{
    width: 210px;
  }
  .logos-row img{
    width: auto;
    height: auto;
  }
  .second-nav{
    display: block !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 30px !important;
    padding-bottom: 35px !important;
    position: fixed;
    margin-top: -50px;
    z-index: 4;
    background-color: #F3F3F3;
    border-bottom: 1px solid #E6471B;
  }
  .home{
    margin-top: 0 !important;
  }
  .fencingguy{
    margin-top: 50px !important;
  }
  .navbar-nav{
    margin-top: 50px;
    background-color: #E6471B;
    width: 100%;
  }
  .navbar-brand img {
    height: 40px;
  }
  .navbar-collapse{
    width: 100%;
  }

  /* Menu Icon */
  .menu-icon {
    display: inline-block;
    cursor: pointer;
    z-index: 3;
  }

  .menu-icon .bar1,
  .menu-icon .bar2,
  .menu-icon .bar3 {
    width: 35px;
    height: 2px;
    background-color: #E6471B;
    margin: 6px 0;
    transition: 0.4s;
  }


  /* Rotate and hide bars to create the close (X) effect */
  .menu-icon.open .bar1 {
    transform: rotate(-45deg) translate(-15px, 8px);
    background-color: #E6471B;
  }

  .menu-icon.open .bar2 {
    opacity: 0;
  }

  .menu-icon.open .bar3 {
    transform: rotate(45deg) translate(-3px, 5px);
    background-color: #E6471B;
  }

  /* Overlay Navigation */
  .nav-overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #0B252B;
    overflow-y: hidden;
    transition: 0.5s;
  }

  .nav-overlay ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
  }

  .nav-overlay ul li {
    padding: 20px;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); /* White line with 50% opacity */
  }
  .nav-overlay ul li:last-child {
    border-bottom: none; /* No border on the last item */
  }

  .nav-overlay ul li:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* Position the menu icon at the top right of the overlay when open */
  .nav-overlay .menu-icon {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  h2{
    width: 70% !important;
    font-size: 30px !important;
  }
  .fullbuttonholder{
    padding: 50px !important;
    margin-top: 0;
  }


}
@media (max-width: 768px) {
  .bg-capital,
  .bg-private,
  .bg-ventures{
    height: 100vh;
  }
  .fullbuttonholder{
    padding: 20px;
    margin-top: 50%;
  }
  .fullbuttonholder p{
    height: auto;
    }
  h1{
    font-size: 10vw !important;
    line-height: 1 !important;
  }
  h2{
    width: 80% !important;
    font-size: 30px !important;
  }
  .secondaryp{
    font-size: 1.4rem !important;
    margin-top: 0 !important;
  }
  .secondaryp2{
    font-size: 1.4rem !important;
    margin-top: 0 !important;
  }
  h3{
    width: 90%;
    font-size: 50px !important;
    line-height: 50px !important;
  }
  .icon-n{
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -11px;
  }
  .first-nav{
    display: none !important;
  }
  .second-nav{
    display: block !important;
    padding: 30px !important;
  }
  .logos-row{
    margin-bottom: 20px;
  }
  .logos{
    margin-bottom: 20px;
  }
  .fencingguy img{
    width: 80% !important;
  }
  .vertical-line{
    height: 300px;
  }
  .pillar-box1,
  .pillar-box2,
  .pillar-box3,
  .pillar-box4{
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 350px;
    color: #FFF;
    height: 600px;
    text-align: left;
    position: relative;
    overflow: hidden; /* Ensure content stays within the box */
  }
  .break-line{
    display: block;
    margin-bottom: -5rem;
  }
  .solution-box{
    height: 90% !important;
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .fullbuttonholder{
    padding: 20px !important;
  }

}
@media (max-width: 767px){
  .bg-capital,
  .bg-private,
  .bg-ventures{
    height: auto;
  }
  .fullbuttonholder{
    padding: 20% !important;
    margin-top: auto;
  }
}
 @media (max-width: 576px){
   .bg-capital,
   .bg-private,
   .bg-ventures{
     height: auto;
   }
   .fullbuttonholder{
     padding-left: 10% !important;
     padding-right: 10% !important;
     padding-top: 20% !important;
     padding-botom: 20% !important;
   }
   .fullbuttonholder img{
     width: 80% !important;
   }
   .right-line{
     border-width: 0 0 0 0;
   }
   .nochange-box img{
     width: 80px;
   }
   .pad-page{
     padding-left: 20px !important;
     padding-right: 20px !important;
     padding-bottom: 20px !important;
   }
   .vertical-line{
     height: 200px;
   }
   .fencingguy img{
     width: 90% !important;
   }
   .solution-box{
     margin-bottom: 10px;
     padding-top: 30px;
     height: 90% !important;
   }
   .pillar-box1,
   .pillar-box2,
   .pillar-box3,
   .pillar-box4{
     padding-left: 30px;
     padding-right: 30px;
     padding-top: 90px;
     color: #FFF;
     height: 300px;
     text-align: left;
     position: relative;
     overflow: hidden; /* Ensure content stays within the box */
   }
   .pillar-box1 h4,
   .pillar-box2 h4,
   .pillar-box3 h4,
   .pillar-box4 h4{
     font-size: 2rem !important;
   }
   .margin-top-equity{
     margin-top: 70px !important;
   }
   .logos-row {
     padding-bottom: 0;
   }
   .resize{
     margin-bottom: 0 !important;
   }
   h2{
     font-size: 1.3rem !important;
   }
   .home{
     margin-top: 0 !important;
   }
   .pillar-box-no-hover1,
   .pillar-box-no-hover2,
   .pillar-box-no-hover3,
   .pillar-box-no-hover4,
   .pillar-box-no-hover5,
   .pillar-box-no-hover6{
     padding-left: 50px !important;
     padding-top:180px !important;
     height: 450px !important;
   }
   .portfolio-box-no-hover1,
   .portfolio-box-no-hover2,
   .portfolio-box-no-hover3,
   .portfolio-box-no-hover4,
   .portfolio-box-no-hover5,
   .portfolio-box-no-hover6{
     padding-top: 100px !important;
     height: 400px !important;
   }
   .number{
     font-size: 5rem !important;
     margin-bottom: 0 !important;
   }
   .break-line{
     margin-bottom: -3.5rem;
   }
   .bottom-pad{
     padding-bottom: 0 !important;
   }
   .grey-box{
     margin-left: 0 !important;
   }
   .secondaryp{
     font-size: 1.3rem;
     line-height: 1.2;
   }
   .secondaryp2{
     font-size: 1.3rem;
     line-height: 1.2;
   }

 }

 @media (max-width: 425px) {
   h1.text-uppercase{
     font-size: 13.5vw !important;
     line-height: 1.5;
   }
   h1.text-uppercase.large{
     font-size: 13.8vw !important;
     margin-top: 0%
   }
   .vertical-line{
     height: 250px;
   }
   h2{
     width: 90% !important;
     font-size: 1.3rem !important;
   }
   h3{
     width: 90%;
     font-size: 50px !important;
     line-height: 50px !important;
   }
   h5{
     font-size: 3rem !important;
     line-height: 3rem !important;
   }
   .icon-n{
     margin-left: -12px;
     margin-right: -12px;
     margin-top: -11px;
   }
   .navbar{
     padding-left: 3% !important;
     padding-right: 3% !important;
   }
   .logos{
     margin-bottom: 20px;
   }
   .pillar-box{
     height: 300px;
     padding-top: 60px;
   }
   .secondaryp{
     margin-top: 25px;
   }
   .secondaryp2{
     margin-top: 25px;
   }
   .solution-box{
     margin-bottom: 20px;
     height: 91%;
   }
   .mt-5{
     margin-top: 0 !important;
   }
   .overlay-menu-a{
     font-size: 15px !important;
   }
   .nav-overlay ul{
     top: 35% !important;
   }
   .large_logo img{
     width: 80% !important;
   }
   .logos-row img{
     height: auto;
     margin-bottom: 50px;
   }
   .pad-page{
     padding-left: 20px !important;
     padding-right: 20px !important;
   }
   .break-line{
     margin-bottom: -2.5rem;
   }

  }
