@media (min-width: 576px){
      .footer-projects{
        grid-template-columns: repeat(3, 1fr);
      }
    }






 @media (min-width: 992px) {
  .breakout-img {
    position: relative;
            right: calc((100vw - 100%) / -5);
        width: calc(100% + (100vw - 100%) / 30);
  }
}






    
@media (min-width: 992px) {
  .navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
  }

  .navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

    .footer-content{
        grid-template-columns: 1fr 1.1fr;
        gap: 60px;
      }
}

@media (max-width:1399){
.horizon-menu li a {
    color: black;
    font-size: 14px;
}
.horizon-menu li {
    padding: 6px 3px;
}
.home-head h1{
      font-size: 45px;
}
.work-box:nth-child(1) {
    transform: translateX(-175px) !important;
}
}

@media (min-width: 992px) and (max-width:1199px){
.about-head {
    padding: 0;
}
.about-custom{
    padding: 0 0px;
    background-position: right;
}
.home-head h1 {
    font-size: 42px;
}
.blue-project .nav-pills .nav-link {
    margin-bottom: 15px;
}
.work-box {
  max-width: 100%;
}
.work-box img {
    width: 45px;
}
.work-box .caption {
  font-size: 18px;
  line-height: 20px;
}
.work-box p {
    font-size: 14px;
    line-height: 22px;
}
.service-contact{
  background-position: left !important;
  padding: 0 30px;
}
.pyramid-row{
  justify-content: flex-start;
}
.work-box {
    padding: 2px 0;
}
.wj-card {
  max-width: 100%;
}
}

@media (max-width:1199px){
.horizon-menu li a {
    color: black;
    padding: 3px 4px !important;
    font-size: 11px;
}
.wj-arrow1::after, .wj-arrow2::before {
display: none;
}
}



@media (max-width:991.98px){
  .home-head h1 {
        font-size: 50px;
  }
  .text-width {
    width: 100%;
  }
      .horizon-menu li a {
      font-size: 14px;
      }
      .horizon-menu li {
    padding: 6px 6px;
      }
      .horizon-menu .navbar-nav{
        margin-bottom: 15px;
      }
.subtxt-width {
    width: 100%;
}

.about-head {
    padding: 0;
}
.about-custom{
  background-position: right;
}
.service-contact{
  background-position: left;
}
.blue-project .nav-pills .nav-link {
  margin-bottom: 15px;
}
.work-box{
  transform: none !important;
}
.wj-center{
  display:none;
}
.wj-left, .wj-right {
    gap: 15px;
}
.wj-card {
    gap: 15px;
    max-width: 100%;
}
.wj-right .wj-card-wrap:last-child {
margin-top: 0;
}

.maritime-section .col-md-12{
  order: 2;
}
.maritime-section .col-md-4{
 order: 1;
}
.pyramid-row {
  gap: 4px;
  margin-bottom: 4px;
  margin-top: 2rem;
}
.top-box {
    position: relative;
    left: 0%;
}
.crane-wrapper{
  display: none;
}
.maritime-section {
overflow: hidden;
}
.web-txt {
    font-size: 15px;
}
}
@media (min-width: 767.98px ) and (max-width:991.98px){
  .wj-left{ 
  gap: 30px;
  }
  .subtitle{
    font-size: 25px;
    line-height: 32px;
  }
}




    @media (max-width:767.98px){
      main{
        overflow:hidden;
      }
    .home-head h1 {
    font-size: 32px;
    }
    .web-txt {
    font-size: 16px;
    }
    .service-txt {
    font-size: 25px;
    }
    .crane-wrapper img{
      display: none;
    }
    .top-box{
      position: relative;
      right: 0;
    top: 0;
    }
    .pyramid-row{
      display: inline;
    }
    .card-box {
      margin-bottom: 15px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      aspect-ratio: 15 / 9;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      border-radius: 12px;
    }
    .card-box h5{
      font-size: 22px;
    }
    .card-box p{
      font-size: 16px;
    }
    .crane-img{
      display: none;
    }
    .pd-80 {
    padding: 40px 0;
    }
    .subtitle{
    font-size: 30px;
    line-height: 40px;
    }
    .subtxt-width{
      width:100%;
    }
    .horizon-menu li {
          padding: 2px 6px;
    }
    .about-head {
    padding: 0;
    }
    .text-width{
      width: 100%;
    }
   
    .about-custom{
    background-position: right;
    }
    .service-contact{
    background-position: left;
    }
   
    .work-box{
    padding: 15px 15px;
    max-width: 100%;
    transform: none !important;
    }

  .blue-project .nav-item{
    margin-bottom: 0px;
    width:100%;
  }
  .blue-project .project-card{
    margin-bottom: 30px;
  }
  .wj-card {
    max-width: 100%;
  }
  .wj-center{
    display: none;
  }
  .wj-left, .wj-right {
    gap: 0px;
  }
  .wj-layout{
    padding-bottom: 45px;
    display: block;
  }
  .wj-right .wj-card-wrap:first-child{
    margin-top: 15px;
  }
  .contact-section{
    padding: 15px;
  }
  .caption {
    font-size: 20px;
  }
  .scroll-top {
    bottom: 110px;
  }

  .footer-projects .project-list li {
    margin-bottom: 5px;
  }
  .horizon-logo{
        width: 210px;
  }
  .horizon-menu li a{
    padding: 8px 4px !important;
    font-size: 14px;
  }
  .counter-section{
    padding: 15px;
  }
  .testimonial-slider .slick-slide {
  margin-right: 5px;
  }
  .footer-projects{
    grid-template-columns: 1fr 2fr;
  }
  .about-mission{
    background-size: cover;
    background-position: bottom;
  }

  .accordion-item .accordion-collapse{
    margin-bottom: 12px;
  }
  .blue-project .nav-pills .nav-link{
    width: 100%;
    font-size: 14px;
  }
  .green-box{
        height: auto;
  }
  .wj-card-wrap{
    display: block;
  }
    }

    @media (max-width:575.98px){
  .homebread-img img,.contactbread-img img,.aboutbread-img img {
    height: 380px;
  }
 
  }