.container-fluid {
  padding-right: 0;
  padding-left: 0
}

.content-wrap>.container>.row {
  display: flex
}

.content-wrap>.container>.row>.col-md-4 {
  background-color: var(--color-bg-1);
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  padding-top: 25px
}

.content-wrap>.container-fluid>.container>.row>.col-md-4 {
  overflow: hidden;
  padding-top: 25px
}

.img-sticker {
  width: 100%;
  padding-bottom: 67%;
  overflow: hidden
}

.img-sticker img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center 10%
}

.lazyload {
  object-fit: none !important;
  object-position: center center !important;
  display: flex !important
}

.img-sticker .vid-icon img {
  position: relative
}

.MenuWidget .topics-content li:last-child span {
  display: none
}

.squareAd .defaultSpace {
  width: 300px;
  height: 250px;
  background-color: #fff;
  display: table;
  margin: auto
}

.verticalAd .defaultSpace {
  width: 300px;
  height: 600px;
  background-color: #fff;
  display: table;
  margin: auto
}

.fullAd .defaultSpace {
  width: 970px;
  height: 90px;
  margin-bottom: 15px
}

.fullAd .defaultAds {
  display: table;
  margin: auto;
  height: 90px
}

.horizontalAd .defaultSpace {
  width: 728px;
  height: 110px
}

.horizontalAd .defaultAds {
  display: table;
  margin: auto;
  height: 90px
}

.moreWidget .story-set-group .col-sm-6.in-sec-story:nth-child(2n+1) {
  clear: both
}

.moreWidgetSection .story-set-group .col-sm-3.in-sec-story:nth-child(4n+1) {
  clear: both
}

.acrossWidget .story-set-group .col-sm-3.in-sec-story:nth-child(4n+1) {
  clear: both
}

.sbpv2018 {
  border: 1px solid #ddd;
  padding: 15px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px
}

.sbpv2018 p {
  font-weight: 800;
  line-height: 22px
}

.sbpv2018 a {
  color: #b00;
  font-weight: 800
}

.sbpv2018 .row {
  display: flex;
  align-items: center
}

.main-widget .col-sm-3:nth-child(4n+5) {
  clear: both
}

.main-widget-section-page .col-sm-6.in-sec-story:nth-child(3n+3) {
  clear: both
}

.hidden-sm {
  display: none
}

footer.row.mobile {
  margin: inherit
}

@media screen and (max-width:990px) {
  .fullAd .defaultSpace {
    width: 768px
  }

  .content-wrap>.container>.row {
    display: block
  }

  .content-wrap>.container>.row>.col-md-4 {
    border-left: 0 solid #fff;
    border-right: 0 solid #fff
  }
}

@media screen and (max-width:768px) {
  .sbpv2018 .row {
    display: block
  }

  .sbpv2018 img {
    max-width: 400px;
    margin-bottom: 15px
  }

  .hidden-sm {
    display: block
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  body {
    padding-top: 0 !important
  }

  #navbar-main.affix {
    top: 0 !important
  }
}

.sassize {
  --breakpoint: desktop
}

@media all and (max-width:991px) {
  .sassize {
    --breakpoint: tablet
  }
}

@media all and (max-width:767px) {
  .sassize {
    --breakpoint: mobile
  }
}

img[src$="default.gif"] {
  display: none
}

img[src^="https://content.thestar.com.my/smg/settag/name=lotame/tags="] {
  display: none
}

.mgt-pdf .mgt-preview {
  height: 120px
}

.mgt-pdf {
  line-height: 100px
}

@media only screen and (max-width:991px) and (min-width:768px) {
  .mySlides.desc {
    overflow: initial;
    margin-bottom: initial
  }
}

@media only screen and (max-width:767px) {
  .mobile-left {
    float: left
  }
}

.labels--free {
  color: #bbb
}

.labels--gold {
  color: #bba77a
}

.labels {
  font-size: .781em;
  font-weight: 400;
  margin-right: 6px
}

.exclusive-label {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 900;
  background-color: var(--color-primary);
  color: #fff;
  padding: 0 5px;
  display: inline-block;
  margin: 0 0 2px 1px;
  line-height: 16px;
  letter-spacing: .4px
}

.exclusive-label-big {
  font-size: 16px;
  padding: 5px 8px;
  text-transform: uppercase;
  font-weight: 900;
  background-color: var(--color-primary);
  color: #fff;
  display: inline-block;
  margin: 0 0 8px 0;
  line-height: 18px
}

@media (max-width:991px) and (min-width:768px) {
  .bookmark-hidden-sm {
    display: none
  }
}
