.hero-banner__content{height: auto;}

.hero-banner-sliding-item{background-size: cover; background-position: top center; background-repeat: no-repeat;}

.hero-title h1{
font-size: 60px;
font-weight: 500;
line-height: 80px;
letter-spacing: -0.02em;
text-align: center;
}
.banner-image {visibility:hidden;}

@media (min-width: 768px){
  .hero-title h1{
  font-size: 120px;
  font-weight: 500;
  line-height: 156px;
  letter-spacing: -0.02em;
  text-align: center;
  
  }
}

@media (min-width: 1024px){
	.hero-banner__content{height: 80vh;}
	.hero-banner-sliding-item{background-size: cover;}    
}

@media (max-width: 991px){
.banner-image {min-width:100%;min-height:320px;}
}

@media (max-width: 1024px){
.hero-banner-main-wrapper .hero-banner-slider-wrapper .hero-banner__content {position: absolute; margin-top:-200px;}
.hero-banner-main-wrapper .hero-banner-slider-wrapper .hero-banner__content.d-flex {display: inline-block !important;}
.hero-banner-main-wrapper .hero-banner-slider-wrapper .hero-banner-sliding-item.d-flex {display: inline-block !important;}
.hero-banner-main-wrapper .hero-banner-slider-wrapper .hero-banner-sliding-item .hero-title h1 {font-size: 50px;}
}