.hot-topics{
    margin-bottom: 10px;
    counter-reset: my-sec-counter;
}
.hot-topics .block-title{
    margin: 0px 10px 10px 10px;
}
.hot-topics .wrapper{
    margin: 10px;
    box-shadow: 0px 5px 4px rgba(0,0,0,0.2);
    margin-top: -37px;
    padding-top: 34px;
}
.hot-topics .single-post-loop h2{
    position: relative;
    padding-left: 40px;
}
.hot-topics .single-post-loop h2:before{
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    display: block;
    position: absolute;
    left: 0px;
    color: #e01aab;
    font-size: 60px;
    top: 15px;
}
.hot-topics .single-post-loop:nth-child(2) h2:before{
    color: #91b8e4;
}
.hot-topics .single-post-loop:nth-child(3) h2:before{
    color: #a476b8;
}
.hot-topics .single-post-loop:nth-child(4) h2:before{
    color: #ea78d9;
}
.hot-topics .single-post-loop:nth-child(5) h2:before{
    color: #80e2d1;
}
@media (max-width:768px){
    .single-post-loop{
        min-height: 47px;
    }
    .hot-topics .single-post-loop h2{
        padding-left: 45px;
    }
    
    .hot-topics .single-post-loop h2:before{
        text-align: center;
        width: 40px;
    }
}