.card-title{
    font-size: 12px !important;
}

.carousel{
    width:90%;
    margin:0px auto;
  }
  .slick-slide{
    margin:10px;
  }
  .slick-slide img{
    width:100%;
  }
  .slick-prev, .slick-next{
    background: #000;
    border-radius: 15px;
    border-color: transparent;
  }
  .card{
    border: 2px solid #fff;
    box-shadow: 1px 1px 15px #ccc;
  }
  .card-body{
    background: #fff;
    width: 100%;
    vertical-align: top;
  }
  .card-content{
    text-align: left;
    color: #333;
  }
  .card-text{
    font-size: 14px;
    font-weight: 300;
  }

  .responsive .card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10%;
}

.photo-item{
    cursor: pointer;
}

  @media screen and (max-width: 768px) {
    .responsive .card img{
        height: auto !important;
        border-radius: 0px !important
    }
  }