.nav-pills .nav-link
  {
  border-radius: 0;
}
.nav-item
  {
    padding:0;
  }
  /*---------------slider-----------------*/
  .carousel-indicators li
    {
      background-color:transparent;
      padding:0;
      margin:0 0.2em 0 0;
    }
  .carousel-indicators li.active
    {
      background-color:transparent;
    }
.carousel-inner
  {
    height:25em;
  }
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }

  #custCarousel .carousel-indicators {
      position: static;
      margin-top: 20px;
  }

  #custCarousel .carousel-indicators>li {
      width: 100px;
  }

  #custCarousel .carousel-indicators li img {
      display: block;
      opacity: 0.5;
      height:115px;
  }

  #custCarousel .carousel-indicators li.active img {
      opacity: 1;
  }

  #custCarousel .carousel-indicators li:hover img {
      opacity: 0.75;
  }

  .carousel-item img {
      width: 80%;
  }
  #custCarousel .carousel-indicators
    {
      margin-top:0;
    }
  #custCarousel .carousel-indicators>li
    {
      width:178px;
    }
  .carousel-indicators
    {
      margin-left:0;
      margin-right:0;
    }
.carousel-control-prev
  {
    left:2em;
  }
.carousel-control-next
  {
    right:2em;
  }
.carousel-control-prev,.carousel-control-next
  {
    background-color:#F9B233 ;
    border-radius: 50px;
    width: 2.5em;
      height: 2.5em;
    top:11em;
  }
  .detail-gallery-indicator
    {
      height:8em;
    }
  /*------------------------------------*/

.modal-dialog
  {
    max-width:90%!important;
  }
.modal-content
  {
    padding:2em;
  }



  @media(min-width: 300px) and (max-width: 576px)
  {
    .modal-content
      {
        padding:0;
      }
    #contactform-modal
      {
        padding-top:2em;
      }
    .modal-btn-close {
        position: absolute;
        right: 1em;
        top: 1em;
      }
    .modal-hr {
      width: 27%;
    }

  }