.image-slider{
    padding-left: 0px;
    padding-right: 0px;
}

.carousel-indicators li{
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    margin-left: 5px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.white-section{
  padding: 80px 15px;
  background-image: url('../../image/black-ground.jpg') !important;
  color: #fff;
}

.white-section button{
  padding: 5px 30px;
  background-color: #c2986b;
  color: #fff;
  border: 1px solid #c2986b;
  transition: all .3s;
  margin-top: 15px;
}

.white-section button:hover{
  background-color: #fff;
  color: #000;
}

.black-section{
  padding: 80px 15px;
  background-image: url('../../image/black-ground.jpg') !important;
  color: #fff;
}

.black-section button{
  padding: 5px 30px;
  background-color: #c2986b;
  color: #fff;
  border: 1px solid #c2986b;
  transition: all .3s;
  margin-top: 15px;
}

.black-section button:hover{
  background-color: #fff;
  color: #000;
}

.image-section{
  margin-top: 40px;
}

.image-section img{
  -webkit-box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.75);
box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.75);
}



    .image-section-second{
      margin-top:80px;
    }


@media (min-width: 567px){

}

@media (min-width: 768px){
    .image-section-second{
      margin-top:0px;
    }
}

@media (min-width: 992px){
    
}

@media (min-width: 1200px){
    
}