@media only screen and (min-width: 320px) and (max-width: 768px) {

  .banner-box {
    position: relative !important;
    top: 20% !important;
    left: 0% !important;
    transform: translateY(0) !important;
    width: 90vw !important;
    margin: auto;
    max-width: 90vw !important;
    max-height: 60vh !important;
  }

  .banner-box div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .banner-box .btn {
    flex: 1 1 auto;
    min-width: 45%;
    text-align: center;
    padding: 0.5rem;
  }

  .bi-alarm,
  .bi-telephone {
    display: none;
  }

  .text-muted {
    display: none;
  }

.project-overlay {
bottom: 10px !important;
}
.project-card:hover img {
  transform: scale(1.05);
    opacity: 1 !important;
}







.testimonial-section {
  /*width: 100vw !important;*/
  height: 100vh !important;
  border-radius: 0 !important;
}

.testimonial-card .profile {

  margin-top: 5px !important    ;
}

.testimonial-card{
padding: 10px;
}

.project-overlay {
  left: 50%;
  transform: translateX(-50%) !important;
  text-align: center !important;
}

.footer .row>div {
  margin-bottom: 30px;
}

/* Optional height if needed */

.left-content,
.right-content {
  height: 50vh !important;
}



.footer {
     padding: 60px 5px 20px !important  ;
}

.icon-wp {

    right: 80vw !important  ;

}
.icon-phone {
    display: block;
}

.icon-phone,
.icon-wp {
    bottom: 4vh !important  ;
}
  .call-btn {
opacity: 1;
  }

}










@media only screen and (min-width: 600px) and (max-width: 767px) {
  /* styles for 600px to 767px */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* styles for tablets */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* styles for small desktops */
}

@media only screen and (min-width: 1200px) {
  /* styles for large screens */
}