body {
      width: 100vw;
      overflow-x: hidden;
    }
    h5 {
      font-size: 19px;
      line-height: 23px;
      font-weight: 600;
    }
    h2.iq-font-black.iq-tw-6 {
      color: #017d88;
      line-height: 27pt;
      padding: 8px 0px;
      font-size: 37px;
    }
    .iq-sidebar-widget .iq-recent-post .media-body>a {
      line-height: 20px;
    }
    .post-content video {
      width: 500px;
    }
    .header-03 .mega-menu .menu-logo {
      margin: 12px 0px 12px;
    }
    .green-bg {
      background: #0095a1;
    }
    .iq-feature1 .iq-blog i {
      margin-right: 25px;
      color: #87b425;
    }
    .iq-footer4 .iq-contact i {
      color: #87b425;
    }
    .iq-footer4 .iq-copyright a {
      color: #87b425;
    }
    .small-title:before {
      background: #87b425;
    }
    .topbar {
      padding: 4px 0px;
      background: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }
    .live-player {
      height: 100%;
      width: 100%;
    }
    .live-container {
      height: 768px;
    }
    .live-player-side {
      height: 337px !important;
      width: 600px;
    }
    .menu-links {
      margin-right: 0px !important;
    }
    .iq-breadcrumb3.text-left .breadcrumb {
      background-color: #0095a1;
    }
    .iq-breadcrumb3.text-left .breadcrumb li, .iq-breadcrumb3.text-left .breadcrumb li a {
      color: #fff;
    }
    .mega-menu .menu-links>li.active>a:before, .mega-menu .menu-links>li:hover>a:before {
      background-color: #0095a1;
    }
    .latar-live-side {
      padding: 20px 10px 10px;
    }
    .postingan.img {
      position: fixed;
    }
    .iq-hide {
      overflow: visible;
    }
    .main-content {
      overflow: hidden;
    }
    @media (max-width: 992px) {
      .iq-about-img {
           text-align: left; 
      }
      .latar-parallax {
        padding: 133px 0 46px !important; 
      }
    }
    @media (max-width: 767px) {
      .iq-about.overview-block-pt .profil-img img {
          width: 100%;
      }
      .header-03 .mega-menu .menu-links {
        display: none
      }
      .iq-breadcrumb3 {
          padding: 70px 0 80px;
          margin-top: 64px;
      }
      .iq-about.overview-block-pt img {
          width: 100%;
      }
      .content-frame {
        margin-top: 64px !important;
      }
      .beranda-post-list-title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 5px
      }
      .beranda-post-list-text {
        font-size: 12px;
        line-height: 12pt;
      }
      .beranda-post-utama-text {
        font-size: 12px;
        line-height: 12pt;
      }
      .forcefullwidth_wrapper_tp_banner {
        margin-top: 154px !important;
        overflow: hidden;
      }
      .header-03 {
        margin-top: -33px;
        position: fixed;
      }
      .live-player {
        height: 100%;
        width: 100%;
      }
      .live-container {
        width: auto;
        height: 265px;
        margin-top: 60px !important;
      }
      .live-player-side {
        width: auto;
        height: 400px;
      }
      .menu-socil {
        display: none;
      }
      .topbar {
        text-align: left !important;
        display: none
      }
      .email-top {
        display: none;
      }
      .latar-parallax {
        padding: 118px 0 46px !important; 
      }
    }

    @media (min-width: 1023px) {
      .iq-breadcrumb3 {
          padding: 130px 0 80px !important;
      }
      .mega-menu .menu-mobile-collapse-trigger {
        /* width: 25px; */
        height: 40px;
        top: 13px;
        right: 13px;
        background: transparent !important;
      }
    }
    @media (min-width: 1024px) {
      .iq-breadcrumb3 {
          padding: 180px 0 80px !important;
      }
    }
    .menu-socil li {
      float: left;
      margin: 3px 10px 0;
      line-height: 50px;
    }
    .latar-parallax {
      height: 300px;
      padding: 175px 0 46px;
    }

    .box-title-container {
      width: 100%;
      position: absolute;
      bottom: 0;
      background: rgb(2,0,36);
      background: linear-gradient(180deg, rgba(2,0,36,1) -8%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      color: white;
    }
    .box-title h4 {
      color: #fff;
    }
    .box-title {
      background-color: transparent;
      margin: 0px;
      padding-top: 10px;
      color: #fff !important;
      border-radius: 2px;
      padding: 33px 33px;
    }
    @media (max-width: 767px) {
      .box-title {
          padding: 10px;
      }
    }