@media only screen and (max-width: 600px) {
  .borders-side {
    border-left: none;
    border-right: none;
  }
  .hero-text h3 {
    line-height: 15px!important;
}
  .ticker-text h6{
      font-size: 0.9rem;
      padding: 12px;
  }
  .card {
    margin-bottom: 20px;
  }
  .card-services {
    width: 100%;
  }
  .card-img-top-1, .card-img-top-2, .card-img-top-3 {
    width: 64vw!important;
    margin: auto;
    height: auto;
  }
  .col-one, .col-two, .col-three {
    margin-bottom: 40px;
  }
  h1 {
    font-size: 2rem!important;
    padding-bottom: 20px;
  }
  #about-us {
    width: 100%!important;
  }
  .carousel-item-about img {
    max-width: 90%!important;
    margin-left: 0px!important;
    max-height: 150px!important;
  }
  .two-logo-row {
    width: 50%!important;
  }
  .attitude, .experience, .safety {
    width: 64vw;
  }
  .team-2, .team-3, .team-4 {
    margin-left: 0px;
  }
  .mapframe {
    margin-top: 120px!important;
  }
  .form-button {
    margin-left: 100px;
  }
  
.instagram, .whatsapp {
  width: auto;
}
  .social-icons {
    margin-left: 90px;
    margin-top: 20px;

  }
  .logo {
    margin-left: 10px;
  }
  .example1 h6 {
    font-size: 20px;
    width: max-content;
    -moz-animation: example1 25s linear infinite;
    -webkit-animation: example1 25s linear infinite;
    animation: example1 35s linear infinite;
   }
   .middle-icon {
    margin-right: 25px;
    margin-left: 25px;
  }
  .hero-text h2 {
    font-size: 20px!important;
    line-height: 24px!important;
  }
  .hero-text h3 {
    font-size: 12px!important;
  }
  .marquee div {
    width: 100%;
    animation: marquee 20s linear infinite;
  }
  .marquee h6 {
    font-size: 1rem;
    width: 100%;
  }
  marquee h6 {
    font-size: 1rem;
  }
  #contacts, #services {
    scroll-margin-top: 8em!important;
}
  #about-us {
      scroll-margin-top: 11em!important;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .team-card h3 {
    font-size: 12px!important;
  }
  .team-email {
    width: 150px;
    font-size: 7px;
  }
  .middle-icon {
    margin-right: 10px;
    margin-left: 10px;
  }
  .hero-text {
    left: 6.5%;
  }
  .hero-text h2 {
    font-size: 42px!important;
    line-height: 48px!important;
  }
  .hero-text h3 {
    font-size: 16px!important;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .team-card h3 {
    font-size: 12px!important;
  }
  .team-email {
    width: 200px;
    font-size: 11px;
  }
  .carousel-control-prev-icon {
    width: 3rem!important;
    height: 3rem!important;
    transform: translateX(-50px);
  }
  .carousel-control-next-icon {
      width: 3rem!important;
      height: 3rem!important;
      transform: translateX(50px);
  }
  .middle-icon {
    margin-right: 10px;
    margin-left: 10px;
  }
  .hero-text {
    left: 6.5%;
  }
}
@media only screen and (max-width: 1500px){
  #contacts, #services {
    scroll-margin-top: 4em;
  }
  #team {
      scroll-margin-top: 6em;
  }
  #companies-carousel .carousel-item img {
    max-height: 200px;
    max-width: 97%;
    margin-left: -15px;
}
}
  @media only screen and (min-width: 2500px) {
    .hero-text {
      left: 13%;
    }
  }