.influencer-banner{position: relative;}
.influencer-banner .banner-inner{text-align: center;position: absolute;top: 50%;transform: translate(0, -50%);right: 20%;max-width: 330px;}
.influencer-banner .banner-inner h2{font-size: 49px;line-height: 60px;}

.influencer-box ul{display: flex;flex-wrap: wrap;justify-content: center;}
.influencer-box ul li{ width: 31%;margin:10px;-webkit-transition-duration: 0.5s;transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.influencer-box ul li:hover{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.influencer-box ul li:hover img{border: 1px solid #4C4C4C;}
.influencer-box ul li:hover .influencer-bg{bottom:30px;transform: translate(0, 0);-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.influencer-box .influencer-inner img{width: 100%;border: 1px solid #dddddb;}
.influencer-box .influencer-inner{position: relative;overflow: hidden;}
.influencer-box .influencer-inner .influencer-bg{position: absolute;bottom: -50px;right: 1px;left: 1px;background: #fff;padding: 30px 10px;transform: translate(0, 100%);}
.influencer-box .influencer-inner .influencer-text{text-align: center;margin: 0 auto;position: relative;z-index: 9;}
.influencer-box .influencer-inner .influencer-text p{font-size: 14px;margin-bottom: 15px; text-transform: uppercase; font-weight: 600;}
.influencer-box .influencer-bg:before{content: "";background: #ffffff;display: block;height: 100%;width: 100%;position: absolute;bottom: 30px;opacity: 0.5;right: 0;left: 0;}
.influencer-box .influencer-bg:after{content: "";background: #ffffff;display: block;height: 100%;width: 100%;position: absolute;top: 30px;opacity: 0.5;right: 0;left: 0;}


@media screen and (max-width: 991px) {
    .influencer-banner .banner-inner{right: 15%;}
    .influencer-banner .banner-inner h2{font-size: 36px;line-height: normal;}
    .influencer-box ul li{width: 47%;}
    .influencer-box .influencer-inner .influencer-text p{font-size: 14px;}
    .influencer-box .influencer-inner .influencer-bg,.influencer-box ul li:hover .influencer-bg{bottom: 0px;transform:inherit;position: initial;}
    .influencer-box ul li:hover{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
    .influencer-box ul li:hover img,.influencer-box .influencer-inner img{border:1px solid #dddddb;}
    .influencer-box .influencer-bg:after,.influencer-box .influencer-bg:before{display: none;}
}

@media screen and (max-width: 767px) {
    .influencer-box ul li{width: 46%;margin: 0 10px 15px 0;} 
    .influencer-box ul li:nth-child(even){margin-right: 0;}
    .influencer-banner .banner-inner{right: 0;position: inherit;transform: inherit;left: 0;text-align: center;margin: 0 auto;top: 0;padding-top: 15px;}
    .influencer-banner .banner-inner h2{font-size: 28px;}
    .influencer-box .influencer-inner .influencer-bg{padding: 15px 0;}
    .influencer-text .btn-primary{padding: 5px 15px;}
    .influencer-box .influencer-inner .influencer-text p{font-size: 12px;}
}