/*Tampilan Mobile*/
@media (max-width: 375px) {
  /*sembunyikan dekstop dan tablet (hanya muncul di hp)*/
  .hidden {
    visibility: hidden;
    display: none;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
  }
  .logo {
    width: 200px;
  }
}

/*Tampilan Mobile*/
@media (max-width: 767px) {
  /*sembunyikan dekstop dan tablet (hanya muncul di hp)*/
  .hidden {
    visibility: hidden;
    display: none;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
  }
  .logo {
    width: 200px;
  }
}

/*Tampilan tablet vertikal*/
@media (min-width: 768px) {
  .hidden-dekstop {
    visibility: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
    display: none;
  }
  .logo {
    width: 300px;
  }
}

/*Tampilan tablet horizontal dan laptop kecil*/
@media (min-width: 1024px) {
  .hidden-dekstop {
    visibility: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
    display: none;
  }
  .logo {
    width: 300px;
  }
}

/*tampilan laptop dan dekstop*/
@media (min-width: 1280px) {
  .hidden-dekstop {
    visibility: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
    display: none;
  }
  .logo {
    width: 300px;
  }
}

/*tampilan laptop dan dekstop*/
@media (min-width: 1440px) {
  .hidden-dekstop {
    visibility: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
    display: none;
  }
  .logo {
    width: 300px;
  }
}

a:hover {
  color: #b38f22 !important;
}

.btn-link {
  color: #ffc107 !important;
}

.btn-link:hover {
  color: #b38f22 !important;
}

.mega-menu {
  min-width: 500px !important;
  background-color: #2a2e31 !important;
}

.putih {
  color: #ffffff;
}

.putih:hover {
  color: #d39e00 !important;
}

.menu-dark {
  background-color: #2a2e31 !important;
}

.dropdown-item {
  color: #ffffff !important;
}

.dropdown-item:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #d39e00 !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #d39e00 !important;
}

.text-emas a:link {
  color: #d39e00 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: #343a40 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
  color: #ffffff !important;
  background-color: #343a40 !important;
}

.bg-hitam {
  background-color: #1d2124 !important;
}

.bg-hitam2 {
  background-color: #212629 !important;
}

.garis {
  border-bottom: 1px solid #ffffff;
}

.table th,
.table td {
  border-top: 0px !important;
  border-bottom: 1px solid #dee2e6 !important;
}

.dropdown-item:focus {
  background-color: #d39e00 !important;
}

video {
  width: 100%;
  height: auto;
}