@media only screen and (max-width: 1024px) {
  .bannerHero {
    height: 66vh;
  }
}
@media only screen and (max-width: 885px) {
  header nav ul {
    font-size: 14px;
  }
}
@media only screen and (max-width: 830px) {
  .aboutBox {
    flex-direction: column;
  }
  .leftAbout {
    width: 60%;
    margin: auto;
  }
  .rightAbout {
    width: 95%;
    margin: auto;
  }
}
/* @media only screen and (max-width: 772px) {
  header nav ul {
    font-size: 10px;
    font-weight: bolder;
  }
} */
@media only screen and (max-width: 772px) { /*719*/
  .v-class-resp {
    opacity: 0;
  }
  .navbar {
    flex-direction: column;
    height:400px;
    transition: all 0.3s ease-out;
  }
  .h-nav-resp {
    height: 65px;
    /* flex-direction: column; */
    /* height: 6vh; */
  }
  .logo-resp {
    margin-right: 74px;
    margin-top: 10px;
    /* align-items: center; */
  }

  .navList-resp {
    flex-direction: column;
    margin-right: 40px;
    
  }

  header nav ul {
    font-size: 16px;
    font-weight: bolder;
  }
  header nav ul li{
    margin: 8px 6px;
  }
  
  .logo-center-resp {
    justify-content: center;
  }
  .banner-resp {
    flex-direction: column;
  }
  /*.bannerHero {*/
  /*  padding-top: 35px;*/
  /*  overflow-x: hidden;*/
  /*  height: 85vh;*/
  /*}*/
  .bannerHero {
    padding-top: 35px;
    overflow-x: hidden;
    height: 54vh;
  }
  .burger {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  .contact-resp {
    flex-direction: column-reverse;
  }
  #lefcont {
    width: 100%;
  }
  #rightcont {
    width: 100%;
  }
  .bannerHero  {
    height: 30vh;
    width: 100%;
    margin-top: 48px;
  }
  .h-logo {
    
    display: none;
  }
  
  .bannerHero h2 {
    font-size: 1.3rem;
    margin-top: 25px;
  }
}
/* @media (max-width: 480px) {
  .hero {
      height: 50vh;
  }

  .hero h2 {
      font-size: 2rem;
  }

  .hero p {
      font-size: 1rem;
  }
} */