.list-view:after,.list-view:before{
    content:" ";
    display:table;
    background:0 0
}
.performer-item {
    text-align:center;
    float:left !important;
    margin-bottom:8px;
    width:20% !important;
    padding:0 4px;
    display: block;
    position: relative;
}
.item-carousel .performer-item {
    width: 100% !important;
}
.performer-item img{
    width:100% !important;
    height:auto;
    display:block;
    border:0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px
}
.performer-item .outline{
    display:block;
    position:relative;
    overflow:hidden
}
.performer-item .performer-videos {
    color: #231f20;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    padding: 3px 6px;
    z-index: 10;
    -webkit-border-top-left-radius:10px;
    -moz-border-top-left-radius:10px;
    -ms-border-top-left-radius:10px;
    border-top-left-radius:10px;
    opacity: 0;
}
.performer-item .performer-videos .count {
    font-weight: 600;
}
.performer-item .performer-videos .count {
    display: block;
    font-size: 18px;
    line-height: 18px;
}
.performer-videos span {
    font-size: 10px;
}
.performer-item .performer-videos .txt {
    display: block;
    font-size: 10px;
    line-height: 10px;
    padding-top: 2px;
    text-transform: uppercase;
}
.performer-item .performer-name{
    background-color:#000;
    width: 100%;
    color:#fff;
    text-decoration:none;
    opacity:.8;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    -ms-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    left:0;
    bottom:0;
    font-size:14px;
    line-height:18px;
    padding:7px
}
.performer-item:hover .performer-name {
    height: 0;
    padding: 0;
}
.performer-item:hover .performer-videos {
    opacity: 0.8;
    transition: bottom .3s, opacity .2s .1s;
}
.performer-videos span,.performer-videos strong{
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#231f20
}
.performer-row .performer-info,.suggest .performer-videos span,.suggest .performer-videos strong {
    color:#fff
}
.performer-item .performer-name,.performer-item .performer-videos{
    display:block;
    position:absolute
}
.listing-container .performer-item{
    width:16.6666%;
    margin-bottom:10px;
    padding:0 5px
}
.performer-videos strong{
    font-size:17px
}
.performer-videos span{
    font-size:10px
}
.performer-item-footer{
    line-height:24px;
    font-size:10px;

}
@media screen and (max-width:1546px){
    .full-width .performer-item {
        width:12.5% !important
    }
    .performer-item {
        width:16.658888888999% !important
    }
}

@media screen and (max-width:1360px){
  .full-width .performer-item {
      width:16.6% !important
  }
    .performer-item{
        width:20% !important
    }
}

    @media screen and (max-width:1110px){
        .performer-item{
            width:20% !important
        }
        .full-width .performer-item {
            width:25% !important
        }
    }

        @media screen and (max-width:613px){
            .performer-item{
                width:33.3% !important;
            }
            .full-width .performer-item {
                width:33.3% !important;
            }
        }
        @media screen and (max-width:480px){
            .performer-item, .full-width .performer-item {
                width:50% !important
            }
        }
        @media screen and (max-width:330px){
            .performer-item, .full-width .performer-item{
                width:45.333% !important
            }
        }
    }
}