#anyaman {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  z-index: 99;
}


#tlfn {
  font-size: 35px;
  margin-top: 0;
}

#main{
  margin-top: 116px;
  margin-bottom: 100px;
}

iframe {
  border: solid 15px !important;
  border-color: white !important;
  width: 90% !important;
  height: 600px !important;
}

.kontak {
  width: 300px;
}

.bg-biru {
  background-color: #21438b;
}

.bg-oren {
  background-color: #f6861f;
}

.bg-biru-muda {
  background-color: #1b75bc;
}

.warna-biru-tua {
  color: #21438b !important;
}

.warna-biru {
  color: #1b75bc !important;
}

.nav-link.warna-biru:hover {
  color: #21438b !important;
}

.warna-oren {
  color: #f6861f !important;
}

.social {
  width: 35px;
  height: 35px;
}

.text-judul {
  font-size: 40px;
}

.angka-kantor {
  font-weight: bold;
  font-size: 100px;
}

.myhr {
  height: 5px;
  width: 150px;
  border-radius: 50px;
  background-color: #f6861f;
}

/* Slider Class */

.slider {
  width: 100%;
  height: 550px;
}

.sukbung {
  width: 100%;
  height: 200px;
}

.produk {
  width: 80%;
  height: 400px;
}

.sponsor {
  width: 80%;
  height: 170px;
}

.swiper-slide {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.swiper-slide > img{
  width: 100%;
  height: 100%;
}

/* SLIDER CLASS */

/* Suku Bunga */
.sukubunga {
  background-color: lightgrey;
}

.recomend {
  color: white;
  background-color: #21438b;
}

/* Suku Bunga */

.display-sm {
  display: none;
}

.logo-sponsor {
  width: 100%;
  max-width: 280px;
  max-height: 110px;
}

.footer {
  background-color: lightgrey;
}

@media (max-width:500px) {

  #anyaman {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 55px;
    z-index: 2;
  }

  .sm-none {
    display: none;
  }

  .display-sm {
    display: inline;
  }

  .slider {
    width: 100%;
    height: 250px;
  }

  .text-judul {
    font-size: 30px;
  }

  .produk {
  width: 80%;
  height: 430px;
}
}

@media (max-width:700px) {

  .sm-none {
    display: none;
  }

  .logo-sponsor {
  max-height: 90px;
}

}

@media (max-width:900px) {

  .sm-none {
    display: none;
  }

  .display-sm {
    display: inline;
  }

}

@media (max-width:1000px) {

  .sm-none {
    display: none;
  }

  .display-sm {
    display: inline;
  }

}