.inner_banner_main { width: 100%; position: relative; overflow: hidden; }
.banner_image{ z-index: 1; display: block; width: 100%;   position: relative; overflow: hidden;}
.banner_image .video-iframe{ width: 100%;height: calc(var(--vh,1vh)*100); position: relative; z-index: 1; overflow: hidden;  }
.banner_image .video-iframe video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }
.banner_image .image_box { display: flex; width: 100%;  overflow: hidden;  height: 842px;  }
.banner_image .image_box picture { width: 100%;height: 100%; position: relative; z-index: 1;  }
.banner_image .image_box picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }

.banner_image::after {  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; opacity: 0.5; mix-blend-mode: multiply; background-blend-mode: multiply; background: #111519; content: ''; }

.inner_banner_main .banner_caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;  }
.inner_banner_main .text_wrap{ width: 100%; text-align: center;}
.inner_banner_main .text_wrap .icon{ padding: 0 0 44px; display: flex; align-items: center; justify-content: center;}
.inner_banner_main .text_wrap .icon img{ width: 84px; height: auto;}
.inner_banner_main .text_wrap h1{ color: #fff;}



@media (min-width: 1600px) and (max-width: 1800px) {
 .banner_image .image_box{ height: 650px; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
 .banner_image .image_box{ height: 650px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .banner_image .image_box{ height: 600px; }
}
 
@media (min-width: 992px) and (max-width: 1200px) {
 
  .banner_image .image_box{ height: 600px; }
	 
}
 
@media (min-width: 768px) and (max-width: 991px) {
    .banner_image .image_box{ height: 600px; } 
}


@media (max-width: 767px) {
   .banner_image .image_box{ height: 600px; }  
}