body {
    padding-right: 0px!important;
}
#slider-area {
    margin-top: 78px;
}
          .navbar-brand img {
          max-width: 170px;
      }
      .slide_img{
        max-width: -webkit-fill-available;
      }
      .back_white{
        background: white!important;
      }
      .back_grey{
        background: #f9f9f9!important;
      }
      .bg-white{
            padding: 0px!important;
      }
      .testimonial-item .author .img-thumb img {
        border-radius: 0%;
        width: 100%;
      }
      footer .footer-Content {
        background-color: #353535;
        color: #ffffff;
      }
      .text-12{
        font-size: 12px;
      }
      .text-10{
        font-size: 10px;
      }
      .text-grey{
        color: #8c8c8c;
      }
      .text-black{
        color: #353535;
      }
      .text-red{
        color: #ee3a33;
      }
      .head_contact{
            width: 100%;
            background-color: #EE3A33;
            padding: 12px 0px 6px 32px;
            border-radius: 10px;
            color: white;
            font-weight: 500;
            font-size: 20px;
      }
      .head_services{
        width: -webkit-fill-available;
        font-size: 22px;
        color: white;
        font-weight: 600;
      }
      .btn_com_cus{
            /*background-color: #EE3A33;
            position: relative;
            z-index: 1;
            padding: 4px 24px 3px 24px;*/
            border-radius: 10px;
      }
      .btn_com_ser{
            background-color: #263238;
            position: relative;
            z-index: 1;
            padding: 4px 24px 3px 24px;
            border-radius: 10px;
      }
      .border10{
        border-radius: 10px!important;
      }
      #carousel-area .carousel-item .carousel-caption h2 {
          font-size: 60px;
          font-weight: 800;
          color: #fff;
      }
      @media (max-width: 480px) and (min-width: 320px){
      #carousel-area .carousel-item .carousel-caption h2 {
          font-size: 18px;
      }}
      @media (max-width: 640px){
      #carousel-area .carousel-item .carousel-caption h2 {
          font-size: 22px;
      }
      .slide_img{
        /*min-height: 290px;*/
        max-width: -webkit-fill-available;
      }
    }
      .btn-lg {
    padding: 8px 33px;
    text-transform: none;
    font-size: 16px;
}
    .leftnya{
          left: 28%;
        }
    .head_con{
      left: 10%!important;
    }
  @media (max-width: 480px) and (min-width: 320px){
.navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
    background: rgba(0, 0, 0, 0.1);
}}
  
  .muncul{
    display: none;
  }
  @media (max-width: 640px){
    h1, h2, h3, h4, h5 {
        font-family: objectivity;
        font-size: 25px;
        font-weight: 700;
        color: #263238;
    }
    .hilang{
      display: none;
    }
    .muncul{
      display: initial;
    }
    .leftnya{
      left: 3.5%;
    }
    .head_con{
      left: 3.5%;
    }
.navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
    background: rgba(0, 0, 0, 0.1);
}}
.section {
    padding: 0px 0!important;
}
.img-gal{
  max-height: 180px;
}
.section-header .section-title:before {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background: black;}