.animal_1{ margin-bottom: 30px; border-radius: 0; }
.animal_1 > .inner{ background-color: #EEE; padding: 7px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); transition-duration: 0.2s; cursor: pointer; }
.animal_1 > .inner:hover{ box-shadow: 0 0 7px 2px rgba(0,0,0,0.3); }
.animal_1 .img-wrapper{ margin-bottom: 10px; }
.animal_1 .img-inner{ overflow: hidden; }
.animal_1 .img-wrapper img{ object-fit: cover; height: 148px; width: 248px; }

.animal_1 .info-wrapper{ padding: 0 10px; margin-bottom: 10px; }
.animal_1 .info-wrapper .col-md-6{  padding: 5px; }
.animal_1 .info-wrapper .col-md-12{  padding: 5px; }
.animal_1 .info-wrapper .inner{ background-color: #FFF; }
.animal_1 .info-wrapper .inner .text{ text-align: center; font-size: 13px; padding: 3px 0; text-transform: capitalize; }

.animal_1 .btn-area{  }
.animal_1 .btn-area .btn{ width: 100%; border-radius: 0; transition-duration: 0.2s; }


@media (max-width: 768px){
    .animal_1 > .inner{ }
    .animal_1 .img-wrapper img{ width: 346px; height: 194px; }
    .animal_1 .info-wrapper .col-md-4:first-child{ padding-right: 15px; }
    .animal_1 .info-wrapper .col-md-4:nth-child(2){ padding-left: 15px; padding-right: 15px; }
    .animal_1 .info-wrapper .col-md-4:last-child{ padding-left: 15px; }
}