.clear {
clear: both;
width: 100%;
height: 1px;
}  section.list-section {
padding: 80px 0;
}
.container {
max-width: 1140px;
margin: 0 auto;
}
ul.listing-twentyFour {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
}
ul.listing-twentyFour li.list-style-twentyFour {
display: inline-block;
width: 100%;
float: left;
position: relative;
box-sizing: border-box;
padding: 10px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.list-twentyFour-inner-part {
background: url(//web.com.bd/wp-content/plugins/iList-pro//views/premium-style-03/images/twentyFour-left-bg.png) no-repeat left, url(//web.com.bd/wp-content/plugins/iList-pro//views/premium-style-03/images/twentyFour-right-bg.png) no-repeat right; padding: 0 160px;
position: relative;
bottom: 0;
-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.list-twentyFour-content {
padding: 20px;
background-color: #02685e;
border-radius: 20px;
color: #ffffff;
min-height: 144px;
padding-left: 60px;
}
.list-twentyFour-content h2 {
font-family: 'Lobster', cursive;
margin: 0;
color: #ffffff;
font-size: 34px;
margin-bottom: 15px;
}
.list-twentyFour-content p {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #ffffff;
line-height: 28px;
font-weight: 600;
}
.list-twentyFour-inner-part:hover {
bottom: 15px;
}
.list-twentyFour-avatar, .list-twentyFour-sl, .list-twentyFour-upvote{
width: 60px;
height: 60px;
position: absolute;
margin-top: -30px;
overflow: hidden;
top: 50%;
}
.list-twentyFour-avatar {
border-right: none;
left: 153px;
top: 47px;
}
.list-twentyFour-avatar img {
opacity: 0.8;
}
.list-twentyFour-inner-part:hover .list-twentyFour-avatar img {
opacity: 1;
}
.list-twentyFour-sl {
width: 40px;
height: 40px;
top: 75%;
left: 163px;
}
.list-twentyFour-sl h2 {
color: #ffffff;
margin: 0;
padding: 0;
text-align: center;
}
.list-twentyFour-upvote{
top: 30%;
right: 133px;
}
@media screen and (max-width: 767px) {
.list-twentyFour-inner-part {
padding: 0;
background: none;
}
.list-twentyFour-avatar{
left: 10px;
}
.list-twentyFour-sl{
left: 10px;
}
.list-twentyFour-upvote{
right: 0px;
}
.list-twentyFour-content{
padding-left: 75px;
}
}
.qcilist-copy-share-section {
z-index: 99;
display: inline-block;
margin-left: 0;
width: 25px;
height: 25px;
position: absolute;
right: 160px;
bottom: 20px;
}