.banner-in-category{position:relative;clear:both;overflow:hidden;margin:0 10px 20px;border-radius:4px;background:#f7f7f7;cursor:pointer}
.banner-in-category__img{width:100%;/* object-fit:cover */}
.banner-in-category__wrap{display:flex;align-items:center;justify-content:center;padding:25px}
.banner-in-category__img + .banner-in-category__wrap{position:absolute;top:0;width:100%;height:100%}
.banner-in-category__description p{margin:0}
.banner-in-category__btn{font-weight:500}
.compact-view + .banner-in-category{margin:0 10px -1px !important;border-top:solid 1px #eee;border-radius:0}

.id-1 .banner-in-category__wrap {justify-content: center;background: #00000070;color: #fff3a5;text-align: center;}
.id-2 .banner-in-category__wrap {justify-content: center;background: #00000055;color: #fff3a5;text-align: center;}

.banner-in-category__description{padding:0 25px 0 0;line-height:normal;font-size:1.75em;font-weight:600}


@media only screen and (max-width: 1326px) {
.banner-in-category__description{font-size:1.6em;}
}
@media only screen and (max-width: 1326px) {
.banner-in-category__description{font-size:1.5em;}
}
@media only screen and (max-width: 1024px) {
.banner-in-category__description{font-size:1.2em;}
}
@media only screen and (max-width: 991px) {
.banner-in-category__description{font-size:0.85em;}
.banner-in-category__wrap{padding:7px;}
}
@media only screen and (max-width: 767px) {
.banner-in-category__description{font-size:1.1em;}
.banner-in-category__wrap{padding:5px;}
}
@media only screen and (max-width: 411px) {
.banner-in-category__description{font-size: 0.8em;line-height: 1.3em;}
.banner-in-category__wrap{padding:5px;}
}
@media only screen and (max-width: 360px) {
.banner-in-category__description{font-size: 0.65em;line-height: 1.5em;}
.banner-in-category__wrap{padding:5px;}
}