.cspt-portfolio-style-7 .creativesplanet-post-item {
	min-height: 70px;
    display: flex;
    align-items: center;
}
.cspt-portfolio-style-7 .cspt-hover-image {
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(1);
    width: 410px;
    height: 445px;
    margin-top: 10px;
    border-radius: 8px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .45s ease;
    z-index: 1;
}
.cspt-portfolio-style-7 .cspt-hover-image img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.cspt-portfolio-style-7 .cspt-content-wrapper {
	margin-left: 450px;
    width: calc(100% - 445px);
    padding: 20px 10px;
    position: relative;
    z-index: 2;
	min-height: 70px;
    border-bottom: 1px solid #DCE5E7;
}
.cspt-portfolio-style-7 .cspt-port-meta {
	font-size: 13px;
    color: #718096;
    text-transform: uppercase;
    margin-top: 8px;
    min-width: 120px;
}
.cspt-portfolio-style-7 .cspt-portfolio-title {
	font-size: 22px;
    line-height: 30px;
    margin: 0;
}
.cspt-portfolio-style-7 .cspt-portfolio-title a {
	color:#101828;
}
.cspt-portfolio-style-7 .cspt-portfolio-desc {
	color:#718096;
	max-width:450px;
	line-height:28px;
	height:0;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	transform:translateY(15px);
	margin-top:0;
	transition:all .4s ease;
}
.cspt-active .cspt-portfolio-style-7 .cspt-portfolio-desc {
	height:56px;
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	margin-top:18px;
}
.cspt-portfolio-style-7 .cspt-arrow {
	position: absolute;
    right: 0px;
    top: 20px;
    font-size: 18px;
    transform: rotate(-45deg);
}
.cspt-active .cspt-portfolio-style-7 .cspt-hover-image {
	opacity:1;
	visibility:visible;
	transform:translateY(-50%) scale(1);
}
.cspt-element-portfolio-style-7 .cspt-ele.cspt-portfolio-ele {
	position:unset;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 0 !important;
}
@media (max-width: 768px){
	.cspt-portfolio-style-7 .creativesplanet-post-item {
    	min-height: auto;
    	display: flex;
	}
	.cspt-portfolio-style-7 .cspt-hover-image {
		width: 100%;
		display: none;
	}
	.cspt-portfolio-style-7 .cspt-content-wrapper {
   		margin-left: 0;
    	width: 100%;
	}
}
@media (max-width: 575px){
	.cspt-portfolio-style-7 .cspt-content-wrapper{
		display: block !important;
	}
	.cspt-portfolio-style-7 .cspt-arrow {
		top: 40px;
	}
}