.text-dark {
    color: #5B5B5B !important;
  }
  
  .locations-li > li {
    list-style: none;
    margin-bottom: 30px;
  }

  .section-title-cabang {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
  }
  
  .section-title-cabang h5 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    color: #5A5A5A;
  }
  
  .section-title-cabang h5::before {
    content: "";
    position: absolute;
    display: block;
    height: 35px;
    border-right: 10px solid #DA0402;
    bottom: -4px;
    left: calc(37% - 20px);
  }

  .section-title-cabang p {
    font-size: 14px;
  }

  h4.text-uppercase {
    font-size: 2.5em;
    font-weight: bold;
}

.locMap > h3 {
    font-size: 2.5em;
    font-weight: bold;
}

  /*--------------------------------------------------------------
    # MAP
    --------------------------------------------------------------*/
    
    @media(max-width: 992px)
    {
        .maps-desc{
            margin-top: -10px !important;
            padding: 0 !important;
        }

        .locMap{
            padding: 15px 0 !important;
            margin: 0 !important;
        }
    }

    .locations-li > li{
        list-style: none;
        margin-bottom: 30px;
    }
    
    .locations-li > li h3{
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    
    .locations-li > li .fa-ul{
        margin-left: 20px;
        padding-left: 0;
        list-style-type: none;
    }

    .locations-li > li .fa-ul li{
        font-size: 1.5em;
    }
    
    .section-select-cabang{
        width: 50%!important;
    }

    .color-brand {
        color: #DA0402;
    }
    
    @media(max-width: 992px)
    {
        .section-select-cabang{
            width: 100%!important;
        }
    }
  
/*--------------------------------------------------------------
    # MAP
    --------------------------------------------------------------*/
/* @media (max-width: 992px) {
  .maps-desc {
    margin-top: -10px !important;
    padding: 0 !important;
  }
  .locMap {
    padding: 15px 0 !important;
    margin: 0 !important;
  }
}

.locations-li > li {
  list-style: none;
  margin-bottom: 30px;
}

.locations-li > li h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.locations-li > li .fa-ul {
  margin-left: 20px;
}

.color-brand {
    color: #DA0402;
  }

.section-select-cabang {
  width: 50% !important;
}

@media (max-width: 992px) {
  .section-select-cabang {
    width: 100% !important;
  }
}
  
  @media (max-width: 992px) {
    .section-title h4::before {
      left: calc(20% - 25px);
    }
    .section-title-cabang h5 {
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase;
      position: relative;
      color: #5A5A5A;
    }
    .section-title-cabang h5::before {
      content: "";
      position: absolute;
      display: block;
      height: 30px;
      border-right: 10px solid #DA0402;
      bottom: -4px;
      left: calc(18% - 25px);
    }
  }
  
  .section-title-cabang2 {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
  }
  
  .section-title-cabang2 h5 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    color: #5A5A5A;
  }
  
  .section-title-cabang2 h5::before {
    content: "";
    position: absolute;
    display: block;
    height: 35px;
    border-right: 10px solid #DA0402;
    bottom: -4px;
    left: calc(39% - 20px);
  }
  
  @media (max-width: 992px) {
    .section-title-cabang2 h5 {
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase;
      position: relative;
      color: #5A5A5A;
    }
    .section-title-cabang2 h5::before {
      content: "";
      position: absolute;
      display: block;
      height: 30px;
      border-right: 10px solid #DA0402;
      bottom: -4px;
      left: calc(23% - 25px);
    }
  } */