.container .container-flex .sidebar .showcase1 {
  background-color: #fff;
  padding: 0px;
  min-height: 250px;
  margin: 20px;
  display: flex;
  align-items: center;
}

.container .container-flex .sidebar .showcase2 {
  background-color: #fff;
  padding: 0;
  min-height: 600px;
  margin: 20px;
  display: flex;
  align-items: center;
}

.container .container-flex .sidebar .ads:before {
  content: "Advertisement";
  text-align: center;
  line-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  z-index: 1;
  font-size: 14px;
  color: #dadada;
  position: absolute;
}

.container-flex .sidebar .ads-siderbar-showcase {
  /* position: absolute; */
  z-index: 999 !important;
}


.container .content .sidebar .showcase1 {
  background-color: #fafbfc;
  padding: 0px;
  min-height: 250px;
  margin: 20px;
  display: flex;
  align-items: center;
}

.container .content .sidebar .showcase2 {
  background-color: #fafbfc;
  padding: 0;
  min-height: 600px;
  margin: 20px;
  display: flex;
  align-items: center;
  position:sticky;
  top:5%;
}

.container .content .sidebar .ads:before {
  content: "Advertisement";
  text-align: center;
  line-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-size: 10px;
  text-transform: uppercase;
  color: #8a9299;
  position: absolute;
}

.content .sidebar .ads-siderbar-showcase {
  /* position: absolute; */
  z-index: 999 !important;
}


 .container .content-ads {
    background-color: #fff;
    width: 100%;
  }
  .container .content-ads .showcase3 {
    background-color: #fff;
    padding: 0;
    min-height: 100px;
    margin: 20px 0;
    display: flex;
    min-width: 720px;
    align-items: center;
    justify-content: center;
  }

  .container .content-ads .showcase3::before {
    content: "Advertisement";
    text-align: center;
    line-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
  font-size: 10px;
  text-transform: uppercase;
  color: #8a9299;
    position: absolute;
  }

  .container .content-ads .showcase3 {
    z-index: 999;
    min-width: 100%;
  }

  .showcase3 .banner-leaderboard-small {
    z-index: 2;
  }

.footer_sticky {
margin-left: 0 auto;
position: fixed;
bottom: 0;
width: 100%;
background: transparent;
text-align: center;
height: auto;
z-index: 9999;
left: 0;
display: block;
}

.footer_sticky_inside {
margin: 0 auto;
background: 0;
width: 970px;
z-index: 9999;
display: block;
position: relative;
}

.close_button {
display: inline-block;
color: white!important;
cursor: pointer;
position: absolute;
background: #2e64fe;
font-size: 8pt;
padding: 3px 6px 3px 6px;
height: 15px;
right: 0;
z-index: 9999;
top: -20px;
}

.ads-large-leaderboard {
background-color: #fff;
width: 100%;
}

.ads-large-leaderboard .showcase_4::before {
content: "Advertisement";
text-align: center;
line-height: 100px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
  font-size: 10px;
  text-transform: uppercase;
  color: #8a9299;
position: absolute;
}

.ads-large-leaderboard .showcase_4 {
min-height: 90px;
min-width: 970;
margin: 20px 0;
display: flex;
justify-content: center;
align-items: center;
}

.ads-large-leaderboard .showcase_4 .wrapper-ads-large-leaderboard {
z-index: 2;
}


/* showcase */
.ads-banner 
{
background-color: none;
padding: 0;
min-height: 250px;
margin: 20px;
display: flex;
align-items: center;
}

.ads-banner:before 
{
content: "Advertisement";
text-align: center;
line-height: 100px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
  font-size: 10px;
  text-transform: uppercase;
  color: #8a9299;
position: absolute;
}

.row-homepage {
display: flex;
width: 100%;
}

.col-kiri {
width: 68%;
}

.col-kanan {
width: 32%;
}

.ads_showcase {
  background-color: #fafbfc;
  padding: 0px;
  min-height: 250px;
  margin: 20px;
  display: flex;
  align-items: center;
}

.ads-siderbar-showcase {
  /* position: absolute; */
  z-index: 999 !important;
  margin-top:20px;
  margin-bottom: 20px;
}

.ads:before {
  content: "Advertisement";
  text-align: center;
  line-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-size: 10px;
  text-transform: uppercase;
  color: #8a9299;
  position: absolute;
}


.skinny {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 97px;
  left: 0;
  z-index: -10;		
  background-size: cover;
}

/* .rails_left {
  margin-left: 0 auto;
  position: fixed;
  background: transparent;
  text-align: center;
  height: auto;
  z-index: 9999;
  left: 0;
  display: block;
}

.rails_right {
  margin-left: 0 auto;
  position: fixed;
  background: transparent;
  text-align: center;
  height: auto;
  z-index: 9999;
  right: 0;
  display: block;
} */

.rails_inside {
  margin: 0 auto;
  background: 0;
  width: 160px;
  z-index: 9999;
  display: block;
  position: relative;
}

/* @media (min-width: 1700px)and (max-width: 1800px) {
  .rails_left {
  left:5%;
  bottom:10%;
  }
  .rails_right {
  right: 5%;
  bottom:10%;
  }
}	

@media (min-width: 1801px){
  .rails_left {
  left:10%;
  bottom:20%;
  }
  .rails_right {
  right: 10%;
  bottom:20%;
  }
} */
        
@media (min-width: 992px) and (max-width: 1300px) {
  /* .rails_left {
    bottom:-5%;
  }
  .rails_right {
    bottom:-5%;
  } */
  .container-navbar {
    width:75%;
  }
}

/* @media (min-width: 1301px) and (max-width: 1699px) {
  .rails_left {
    bottom:15px;
  }
  .rails_right {
    bottom:15px;
  }
} */

.breakingnews_tv{
  background-image: url('../asset/bg_breaking3.png');
  /* background-size: contain; */
  height: 360px;
  width: 1200px;
  margin: auto;
  margin-top: 25px;
}

.youtubeiframe{
  display: block;
  margin: auto;
  padding: 28px;
  width: 550px;
  height: 300px;
  border: 0;
}
div.insert_ads-9.insert_ads.rendered.show_advertisement > div {
  z-index: -1;
}
/* desktop */
.ads-search {
  display: flex;
  align-items: center;
  gap: 10px;
}
.banner-header-ads {
width: 250px;
height: 60px;
background-color: #969696;
} 

/*otp*/
#popup-ads {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.popup-content {
  position: relative;
  width: 800px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.popup-content img {
  width: 100%;
  display: block;
}

#btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.7);
  color: #fff;
  cursor: pointer;
}

.progress-container {
  height: 5px;
  background: #ddd;
}

#progress-bar {
  height: 5px;
  width: 100%;
  background: #ffc71d;
  transition: width 1s linear;
}

/*otp*/