


.vidoe-banner-container {position:relative;overflow:hidden;height:100vh;}

.vidoe-banner-container > video {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center;-o-object-position:center;}

.vidoe-banner-container > img {display:none;}

.vidoe-banner-container .title-content {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding:88px 0 0;display:flex;justify-content:center;align-items:center;text-align:center;}

.vidoe-banner-container .title-content h5 {font-size:43px;font-weight:700;line-height:1.2;color:#fefefe;text-transform:uppercase;}
.vidoe-banner-container .title-content p{margin:20px 0 0;font-size:24px;color:#fff;font-weight:500;}
.vidoe-banner-container .title-content .more {margin-top:60px;font-size:0;}
.vidoe-banner-container .title-content .more a{padding:0 70px;height:65px;line-height:65px;border-radius:50px;display:inline-block;font-size:24px;color:#fff;font-weight:600;text-align:center;border:1px solid #fff;}
.vidoe-banner-container .title-content .more a:hover {background:var(--btn-bg-hover);border:1px solid var(--btn-bg-hover);}

@media (max-width:1441px) {

.vidoe-banner-container .title-content h5{font-size:40px;}
.vidoe-banner-container .title-content p{font-size:22px;}

}

@media (max-width:1280px) {
.vidoe-banner-container{height:auto;}
.vidoe-banner-container .title-content h5{font-size:36px;}
.vidoe-banner-container .title-content p{font-size:20px;}
.vidoe-banner-container .title-content .more {margin-top:40px;}
.vidoe-banner-container .title-content .more a{padding:0 60px;height:55px;line-height:55px;font-size:20px;}
}

@media (max-width:1171px) {
.vidoe-banner-container .title-content h5{font-size:34px;}
}

@media (max-width:992px) {
.vidoe-banner-container{margin-top:88px;}
.vidoe-banner-container .title-content{padding:0;}
.vidoe-banner-container .title-content h5{font-size:32px;}
.vidoe-banner-container .title-content p{font-size:18px;}
.vidoe-banner-container .title-content .more {margin-top:35px;}
.vidoe-banner-container .title-content .more a{padding:0 50px;height:50px;line-height:50px;font-size:19px;}

}
@media (max-width:768px) {
.vidoe-banner-container .title-content h5{font-size:30px;}
.vidoe-banner-container .title-content p{font-size:17px;margin:15px 0 0;}
.vidoe-banner-container .title-content .more {margin-top:30px;}
.vidoe-banner-container .title-content .more a {padding:0 35px;height:45px;line-height:45px;font-size:17px;}

}

@media (max-width:576px) {

.vidoe-banner-container .title-content h5 {font-size:27px;}
.vidoe-banner-container .title-content .more {margin-top:25px;}
.vidoe-banner-container .title-content .more a {padding:0 30px;height:40px;line-height:40px;font-size:16px;}

}

@media (max-width:480px) {

.vidoe-banner-container .title-content h5 {font-size:24px;}
.vidoe-banner-container .title-content p{font-size:16px;margin:10px 0 0;}
.vidoe-banner-container .title-content .more {margin-top:20px;}
.vidoe-banner-container .title-content .more a {padding:0 25px;height:36px;line-height:36px;font-size:15px;}

}