.product-banner{margin:0 -10px 15px}
.product-banner__item{padding:0 10px;}
.product-banner__item-div{position:relative;display:flex;height:calc(100% - 15px);align-items:center;margin:0 0 15px;padding:15px;background:var(--product-banner-bg);border-radius:var(--border-radius-1)}
.product-banner__item-div:after{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:rgba(0 0 0 / .015);transform:scale(0);transition:all linear .15s}
.product-banner__item-div:hover:after{transform:scale(1)}
.product-banner__item.link{cursor:pointer}
.product-banner__icon{min-width:40px;font-size:2.3em;color:var(--product-banner-icon)}
.product-banner__image{width:auto;height:auto;max-width:40px;max-height:40px}
.product-banner__text{overflow:hidden;word-wrap:break-word;padding:0 0 0 12px;font-size:.95em;font-weight:500;color:var(--product-banner-text)}
.product-banner__text-span.link{text-decoration:underline dotted}
.product-banner__item.width-1{width:100%}
.product-banner__item.width-2{width:50%}
.product-banner__item.width-3{width:33.3333%}
.product-banner__item.width-4{width:25%}
.product-banner__item.width-5{width:20%}
.product-banner__item.width-6{width:16.6666%}

@media(max-width:1200px) {
    .product-banner__item.width-5{width:33.3333%}
    .product-banner__itemwidth-5:nth-child(n+4){width:50%}
    .product-banner__item.width-6{width:33.3333%}
}

@media(max-width:992px) {
    .product-banner__item.width-3{width:50%}
    .product-banner__item.width-3:nth-child(3){width:100%}
    .product-banner__item.width-4{width:50%}
}

@media(max-width:767px) {

}

@media(max-width:575px) {
    .product-banner__item.width-2{width:100%}
    .product-banner__item.width-5{width:50%}
    .product-banner__item.width-5:nth-child(5){width:100%}
    .product-banner__item.width-6{width:50%}
}