#derun-banner .swiper-slide{height:100vh;overflow:hidden;}
#derun-banner .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
#derun-banner .txt{position:absolute;top:0;left:0;right:0;box-sizing:border-box;width:100%;height:100%;background:rgba(0,0,0,0.6);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;z-index:10;-webkit-align-items:flex-start;align-items:flex-start;}
#derun-banner .txt .box{margin:50px 15% 0;box-sizing:border-box;}
#derun-banner .txt h5{color:#fff;font-size:90px;}
#derun-banner .txt p{margin:25px 0 0;font-size:36px;color:#fff;}

#derun-banner .swiper-pagination-bullets{position:absolute;font-size:0;bottom:40px;left:0;width:100%;text-align:center;}
#derun-banner .swiper-pagination-bullet{width:70px;height:5px;margin:0 5px;background:#fff;border-radius:25px;opacity:1;box-sizing:border-box;position:relative;}
#derun-banner .swiper-pagination-bullet-active{background:var(--color-primary);}

#derun-banner .visible-xs,
#derun-banner .visible-xs-block {
  display: none !important
}

@media screen and (max-width:768px){
  #derun-banner .page{position:static;width:auto;height:auto;display:block;}
  #derun-banner .swiper-slide {height: auto;}
  #derun-banner .page .swiper-button-num{display:none;}
  #derun-banner .swiper-pagination-bullets{bottom:10px;}
  #derun-banner .swiper-pagination-bullet{width:30px;height:4px;}

  #derun-banner .visible-xs {
    display: block !important
  }

  #derun-banner .visible-xs-block {
    display: block !important
  }

  #derun-banner .hidden-xs {
    display: none !important
  }
}