.popular-items{
    .single-popular-items{
        .popular-img{
            overflow:hidden;
            margin-bottom:19px;
            position: relative;
            img {
                width:100%;
               }
            //hover Show Smg
            .img-cap{
                position: absolute;
                bottom: -20%;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                @include transition(.4s);
                text-align: center;
                span{
                    color: #fff;
                    background:#4760FF;
                    padding: 20px 0;
                    display: block;
                    cursor: pointer;
                }
            }
           }
            .popular-caption{

                h3 {
                    a{
                        font-weight: 300;
                        font-size: 24px;
                        margin-bottom: 12px;
                        line-height: 1.4;
                        @media #{$sm}{
                            font-size:17px;
                        }
                        @media #{$xs}{
                            font-size:20px;
                        }
                        &:hover{
                            color:$theme-color;
                        }
                    }
               }
               span {
                color:#444444;
                font-size:18px;
                font-weight:500;
                display:block;
            }
    
            }
    }


}


.single-popular-items:hover .popular-img .img-cap {
    bottom: 0;
    opacity: 1;
    visibility: visible;
   }
