.tlist-holder-x7{

}
.comparedivelement{
	display: flex;overflow: hidden;vertical-align: middle;
}
.items-col-x7{
	width: 33%;
	float: left;
}

.center-image{
	align-self:center;
}
.left-col-x7, .right-col-x7{
	display: inline-table;
    vertical-align: middle;
	padding: 0px 10px;
}


.image-col-x7{
	text-align: center;
}

.single-item-x7{
	padding-bottom: 60px;
}
.icon-box{
	background-color: #de4a4a;
	width: 70px;
    height: 70px;
    text-align: center;
    line-height: 74px;
    display: block;
    border-radius: 50%;
    margin-bottom: 23px;
	overflow: hidden;
    display: flex;
    justify-content: center;
}
.ilist_infographic_14{
	align-self:center;
}
.icon-box i{
	color: #ffffff;
	font-size: 20px;
	align-self:center;
}
.left-col-x7 .single-item-x7 .icon-box{
	float: right;
}
.content-inner{
	width: 100%;
    overflow: hidden;
	min-height: 140px;
}
.content-inner h2 {
	color: #414247;
	font-size: 16px;
	margin: 0 0 7px 0;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 30px;
}
.content-inner p{
	font-size:15px;
	line-height:26px;
	color:#666;
	margin: 0px;
}
.content-inner p a {
	font-size:15px;
	color:#000;
}

.left-col-x7 .single-item-x7 {
	text-align: right
}
.right-col-x7 .single-item-x7{
	text-align: left;
}

.image-col-x7 img{
	width: 100%;
}

.tlist-holder-x7 *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}


.single-item-x7:hover .icon-box{
	background-color: #fff;
	border:1px solid #de4a4a;
}
.single-item-x7:hover .icon-box i{
	color: #de4a4a;
}
.upvote-btn-ilist i {
	color:#555;
}



/* Responsive Styles */

@media only screen and (min-width: 960px) and (max-width: 1200px){
	.tlist-wrapper-x7{
		width: 960px;
	}
	.left-col-x7, .right-col-x7{
		
	}
	
	.content-inner h2 {
		line-height: 30px !important;
	}
}
@media only screen and (min-width: 800px) and (max-width: 960px){
	.tlist-wrapper-x7{
		width: 800px;
	}
	.image-col-x7{
		padding-top: 100px;
	}
	.content-inner h2 {
		line-height: 30px !important;
	}
}
@media only screen and (min-width: 0px) and (max-width: 800px){
	.tlist-wrapper-x7{
		width: 100%;
	}
	.comparedivelement{
		display:block;
	}
	.items-col-x7{
		width: 100%;
	}
	.image-col-x7{
		padding-top: 100px;
	}
	.content-inner h2 {
		line-height: 30px !important;
	}
}