@media (min-width: 992px) {
  .dropdown-menu .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
  }

  .dropdown-menu .dropdown-menu {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-menu li {
    position: relative;
  }

  .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
  }

  .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }

  .dropdown-menu>li:hover {
    background-color: #f1f1f1
  }

  .dropdown-menu>li:hover>.submenu {
    display: block;
  }
}

.dropdown-menu {
  background: white;

}

.navbar a.dropdown-item {
  color: black;

}

ul.submenu.dropdown-menu+a.dropdown-item {
  background: yellow !important;
}

a.dropdown-item:hover {
  background: #dc3545;
  color: white;
}

a.dropdown-item.active {
  background: #dc3545;
  color: white;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
}

.preloader .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font: 14px arial;
}

@media only screen and (max-width: 600px) {

  img.nav-logo {
    width: 200px !important;
  }

  .post-title {
    font-size: 0.85rem;
  }

  .news-meta {
    font-size: 0.65rem;
  }
  .profil-perangkat{
      flex-direction: row;
      flex-wrap: wrap;
  }
}

@media (min-width: 992px) {}

.news-box__title {
  font-size: 0.65rem;
}

.news-box__category {
  font-size: 0.55rem;
}

.nav-logo {
  width: 285px;
}

@media (max-width: 767px) {
  .mynav img {
    width: 20%;
  }

}

html,
body {
  width: 100%;
  overflow-x: hidden;
}

.b-0 {
  bottom: 0;
}

.bg-shadow {
  background: rgba(76, 76, 76, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
  background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
}

.top-indicator {
  right: 0;
  top: 1rem;
  bottom: inherit;
  left: inherit;
  margin-right: 1rem;
}

.overflow {
  position: relative;
  overflow: hidden;
}

.zoom img {
  transition: all 0.2s linear;
}

.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.app-container,
footer.app-footer {
  background: #fff;
}

[class^=share-] {
  margin-bottom: 0 !important;
  margin-top: 0;
  width: 38px !important;
  height: 38px !important;
}

[class^=share-] svg {
  width: 20px !important;
  height: 20px !important;
}

article.row.shadow-sm.my-3:hover {
  box-shadow: .3rem .425rem .55rem rgba(0, 0, 0, .105) !important;
}

/*footer*/
.col_white_amrc {
  color: #dc3545;
}

footer {
  width: 100%;
  background-color: #263238;
  min-height: 250px;
  padding: 10px 0px 25px 0px;
}

.pt2 {
  padding-top: 40px;
  margin-bottom: 20px;
}

footer p {
  font-size: 13px;
  color: black;
  padding-bottom: 0px;
  margin-bottom: 8px;
}

.mb10 {
  padding-bottom: 15px;
}

.footer_ul_amrc {
  margin: 0px;
  list-style-type: none;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}

.footer_ul_amrc li {
  padding: 0px 0px 5px 0px;
}

.footer_ul_amrc li a {
  color: black;
}

.footer_ul_amrc li a:hover {
  color: #dc3545;
  text-decoration: none;
}

.fleft {
  float: left;
}

.padding-right {
  padding-right: 10px;
}

.footer_ul2_amrc {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.footer_ul2_amrc li p {
  display: table;
}

.footer_ul2_amrc li a:hover {
  text-decoration: none;
}

.footer_ul2_amrc li i {
  margin-top: 5px;
}

div.control-multi-file-uploader .content p.placeholder {
  color: red !important;
  font-size: 12px;
  font-weight: bold;
}

.control-multi-file-uploader.form-group.ml-3 {
  border: brown solid .5px;
  border-radius: 4px;
}

@media (min-width: 992px) {
  .static-wrapper {
    padding-left: 5.8rem;
    padding-right: 4.3rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}

body,
p,
a {
  font-family: 'Cardo', serif;
}
ul.navbar-nav a{
    font-family: 'Oswald', sans-serif !important;
    font-weight: bold;
}
h1 a{
    font-weight: bold !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
}