@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, .giant-banner > div,  .giant-banner > 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-color:#212121;}
  .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 *{width:320px !important;}
  
  .giantbanner-close{position:fixed; top:0; right:0; z-index:2; width:36px; height:36px; font-size:16px; background-color:rgba(0,0,0,0.5); color:#FFF;}
  .giantbanner-close > i.fas{width:auto !important;}
}

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