@media screen and (max-width: 600px) {
  #about h1 ,#products h1 ,#clients h1 , #careers h1{
    font-size: 30px
  }
  .whoWeAre{
    width: 100%
  }
  #aboutCard {
    width: 100%;
  
  }
  .carousel-item{
    height: 100%;
  }
  #about, #products , #clients , #careers , #contact{
    height:100%;
  }
  #form {
    width:90vw;
  }
  #submit{
    width:90vw;
  }
  input{
    width: 90vw;
  }
  textarea{
    width: 90vw;
  }
  #head1 {
    font-size: 1rem;
    line-height: 1.2;
}
#careerDiv {
  width: 98vw;
  height: 450px;
  transform: translateY(-3px);
}
#careertext2::after {
  left: 43%
}
.secondCol{
  border-left:0px;
  }
.secondColrtl{
  border-right:0px;
  }
  
  .contactLeft {
    margin: 0 0 0 0;
    text-decoration: none;
    transform: translateX(-29px);
  }
  .contactRight {
    margin: 0 0 0 0;
    text-decoration: none;
    transform: translateX(15px);
  }
  .phoneLeft {
    font-size: 70px;
    transform: translateX(0px);
  }
  .phoneRight {
    font-size: 70px;
    transform: translateX(0px);
  }

}

@media only screen and (min-width: 1000px) and (max-width: 1440px) {
  .contactLeft {
    transform: translateX(-30px);
  }
 .contactRight {
    transform: translateX(30px);
  }
}