@media screen and (min-width:0px) and (max-width:1023px){
  body.have-giantbanner{padding-top:0;}
  body.have-giantbanner header{position:relative !important; z-index:calc(var(--max-zindex) - 8000);}
  
  .giant-banner-container{position: relative;}
  .giant-banner, .giant-banner > div,  .giant-banner > div > div, .giant-banner > div > div > div{width:100% !important; height:480px !important;}
  .giant-banner{position:relative !important; z-index:calc(var(--max-zindex) - 4000) !important; padding:0 !important; width:100%; overflow:hidden !important; margin:0 !important; 
  transition:height 1s !important; clip-path:inset(0px) !important;}
  .giant-banner .slotiklan:before{width:320px; height:480px; background: none;}
  .giant-banner > div{overflow: hidden; margin:0; position:absolute !important; top:0; left:0; clip:rect(auto auto auto auto); padding:0 !important;}
  .giant-banner > div > div{height:100%; position:fixed !important; top:0; margin:0 auto; background:#000;
  -moz-transform:translateZ(0); -webkit-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);}
  .giant-banner > div > div > div{height:100vh; position:absolute !important; left:50%; top:0; border:none;
  -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);
  display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; 
  -ms-flex-align:center; align-items:center;}
  .giant-banner > div > div > div > *{margin:0 auto;}
  .giant-banner .content_center.slotiklan div{width:fit-content !important;}
  
  .giantbanner-close{position:fixed; top:0; right:0; z-index:2; width:21px; height:21px; font-size:16px; background-color: #FFF; color:rgba(0,0,0,0.5);}
  .giantbanner-close > i.fas{width:auto !important;}
  
  .first-view-video{position:-webkit-sticky; position:sticky; z-index:96; top:calc(var(--body-padding) + var(--subdomain-height));}
  .first-view-video .video-frame-box{position:static;}

  .gb-scroll-tc{ position: relative; z-index: calc(var(--max-zindex) - 4000) !important; width: 100%; text-transform: uppercase; font-size: 8px; padding: 4px 0; background: #CB0000; color: #FFF; display: flex; justify-content: center;}
  
}

@media screen and (min-width:1024px){
  .giant-banner-container{display:none !important; visibility:hidden; content-visibility:hidden;}
  .giant-banner{display:none !important; visibility:hidden; content-visibility:hidden;}
}