/* RESPONSIVE */

@media only screen and (min-width: 0px) and (max-width: 479px) {
  #preloader {
    background-size: 40%;
  }

  .navbar .nav-link {
    padding: 24px 0px !important;
  }

  #Banner {
    margin-top: 80px !important;
  }

  .navbar-brand img {
    width: 150px;
  }

  .bg-banner h1 {
    font-size: 56px !important;
    line-height: 56px !important;
  }

  .bg-banner-text-only {
    min-height: 500px !important;
  }

  .sec-left {
    margin-bottom: 40px;
  }

  #BannerCTA {
    margin-top: 50px !important;
  }

  .circle1 {
    width: 250px;
    opacity: 0.2;
  }

  .circle2 {
    width: 250px;
    opacity: 0.2;
  }

  .banner-cta-btn {
    width: 100%;
  }

  #Footer {
    margin: 50px 0 !important;
  }

  .footer-logo {
    margin-bottom: 32px;
  }

  .footer-logo img {
    width: 150px;
  }

  .footer-body h4 {
    margin-top: 24px;
  }

  /* ------------------------------------------------------------------------------- */

  /* HAL UTAMA */

  #Banner h1 {
    margin-top: 50px !important;
  }

  #Banner img {
    margin-top: 50px;
  }

  .text-service h1 {
    margin-bottom: 50px !important;
  }

  #Customer {
    margin-top: 50px !important;
    padding: 50px 0;
  }

  #Value {
    margin-top: 100px !important;
  }

  .sec-right h1 {
    font-size: 42px !important;
  }

  .sec-right p {
    margin-bottom: 40px !important;
  }

  .sec-right h1 br {
    display: none;
  }

  .card-service {
    padding: 24px !important;
    min-height: 250px !important;
  }

  .card-service h3 {
    margin-top: 24px !important;
  }

  .text-customer h1 {
    margin-bottom: 50px !important;
  }

  .sec-right button {
    margin-right: 0 !important;
    width: 100%;
    margin-bottom: 24px;
  }

  #Whyus {
    margin-top: 100px !important;
  }

  .text-whyus h1 {
    margin-bottom: 50px !important;
  }

  /* HAL UTAMA */

  /* ------------------------------------------------------------------------------- */

  /* HAL LAYANAN */

  #Service1 {
    margin-top: 50px !important;
  }

  .service-text h1 {
    font-size: 32px !important;
    margin-top: 40px !important;
  }

  .service-text p {
    margin-bottom: 16px !important;
    text-align: justify;
  }

  #first-order {
    order: 2;
  }

  #second-order {
    order: 1;
  }

  #Service2 {
    margin-top: 60px !important;
  }

  #Service3 {
    margin-top: 60px !important;
  }

  /* HAL LAYANAN */

  /* ------------------------------------------------------------------------------- */

  /* HAL TENTANG KAMI */

  .sec-right .tentang-img {
    max-height: 300px !important;
  }

  #VisMis {
    margin-top: 100px !important;
  }

  .text-vismis h1 {
    margin-bottom: 50px !important;
  }

  .vismis-box {
    padding: 24px !important;
    min-height: 250px !important;
  }

  .vismis-box h1 {
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }

  .vismis-box p {
    font-size: 16px !important;
    text-align: justify;
  }

  .vismis-box ol li {
    font-size: 16px !important;
    text-align: justify !important;
  }

  /* HAL TENTANG KAMI */

  /* ------------------------------------------------------------------------------- */

  /* HAL BLOG */

  #Solusi .card-blog {
    min-height: auto !important;
  }

  /* HAL BLOG */

  /* ------------------------------------------------------------------------------- */

  /* HAL CONTACT US */

  #about {
    margin-top: 50px;
  }

  #about .headline {
    font-size: 32px;
  }

  .text-position h1 {
    margin-bottom: 50px !important;
  }

  .icon-medsos {
    margin-top: 24px;
  }

  .icon-medsos-right {
    padding-left: 12px;
  }

  /* HAL CONTACT US */
}

/* RESPONSIVE */