.wrapper__catin{}
.wrapper__catin .row{margin:-15px}
.wrapper__catin .col-lg-4{padding:15px}
.wrapper__catin .col-lg-4 a{display:block; position:relative}
.wrapper__catin .col-lg-4 a:hover{box-shadow:0 0 8px 0 rgb(153 153 153 / 80%)}
.wrapper__catin .col-lg-4 img{width:100%; height:310px; object-fit:cover}
.wrapper__catin .col-lg-4 span{border-radius:50px; text-align:center; background:#fff; line-height:40px; color:#333; font-size:20px; position:absolute; bottom:30px; left:30px; right:30px;}
.wrapper__catin .col-lg-4 a:hover span{text-decoration:underline}
@media(max-width:1199px){
	.wrapper__catin .col-lg-4 span{line-height:38px; font-size:18px; bottom:20px; left:20px; right:20px;}
	.wrapper__catin .col-lg-4 img{height:220px}
}
@media(max-width:991px){
	.wrapper__catin .col-lg-4 span{line-height:36px; font-size:16px; bottom:10px; left:10px; right:10px;}
	.wrapper__catin .col-lg-4 img{height:250px}
}
@media(max-width:767px){
	.wrapper__catin .col-lg-4 img{height:200px}
}
@media(max-width:575px){
	.wrapper__catin .col-lg-4 span{line-height:34px; font-size:14px}
	.wrapper__catin .col-lg-4 img{height:35vw}
}
@media(max-width:460px){
	.wrapper__catin .row{padding-bottom:20px}
	.wrapper__catin .col-lg-4 img{height:60vw}
	.wrapper__catin .col-lg-4{padding:20px 15px 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}