.homepage-hero-banner-section {
    padding-top: 70px;
    padding-bottom: 70px;
    min-height: 800px;
  }
  .homepage-hero-banner-section::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.18) 11.98%, rgba(0, 0, 0, 0) 19.98%)
  }

  @media (max-width: 1199px) and (min-width: 992px) {
    .homepage-hero-banner-section {
      /*padding-top: 75px;
      padding-bottom: 75px;
      min-height: auto;*/
    }
  }
  
  @media (max-width: 991px) {
    .homepage-hero-banner-section {
      padding-top: 75px;
      padding-bottom: 75px;
      min-height: auto;
    }
  }