.clear {
    clear: both;

}

/*--------------------------end main style------------------------------*/
/*--------------------------start list style 01------------------------------*/

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; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s ease; /* Firefox 4-15 */
    -o-transition: all 0.5s ease; /* Opera 10.5-12.00 */
    transition: all 0.5s ease; /* Firefox 16+, Opera 12.50+ */
}

.list-twentyFour-inner-part {
    background: url("../images/twentyFour-left-bg.png") no-repeat left, url("../images/twentyFour-right-bg.png") no-repeat right;
    /*background-size: contain;*/
    padding: 0 160px;
    position: relative;
    bottom: 0;
    -webkit-transition: all 0.5s linear; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s linear; /* Firefox 4-15 */
    -o-transition: all 0.5s linear; /* Opera 10.5-12.00 */
    transition: all 0.5s linear; /* Firefox 16+, Opera 12.50+ */
}

.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;
    width: 100%;
}

.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;
}

.pinfo7dfontsize{
	font-size:14px !important;
}



body ul.listing-twentyFour li.list-style-twentyFour.ilist_column1{
    display:inline-block;
    width:100%;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column2{
        display:inline-block;
    width:45%;
    margin-right:5%;
    float: left;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column3{
            display:inline-block;
    width:30%;
    margin-right:3%;
    float: left;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column4{
            display:inline-block;
    width:20%;
    margin-right:5%;
    float: left;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column5{
            display:inline-block;
    width:18%;
    margin-right:2%;
    float: left;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column6{
            display:inline-block;
    width:14%;
    margin-right:2%;
    float: left;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column7{
            display:inline-block;
    width:12%;
    margin-right:2%;
    float: left;
}
body ul.listing-twentyFour li.list-style-twentyFour.ilist_column8{
    display:inline-block;
    width:10%;
    margin-right:2%;
    float: left;
}

@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;
	}

    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column1,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column2,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column3,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column4,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column5,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column6,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column7,
    body ul.listing-twentyFour li.list-style-twentyFour.ilist_column8{
        width:100%;
    }

}