.card-mobile{
	box-sizing: border-box;
	height: 500px;
	background: #e6e6e6;
	padding-top: 2em;
	padding-bottom: 0;
}

.card-mobile .mobile-container img{
	position: relative;
	top:100px;
	transition: all 0.5s ease-in-out;
}
.card-mobile:hover .mobile-container img{
	top:-30px;
}
.card-mobile .right{
	text-align: left;
	padding-bottom:1em;

}
.card-mobile .testi{
	font-size:20px;

}
.card-mobile .right .sing{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 1080px){

	.card-mobile .testi{
		font-size:18px;

	}
	.card-mobile .right .sing{
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
}
@media screen and (max-width: 768px){

	.card-mobile:hover .mobile-container img{
	top:-25px;
	}
	.card-mobile .testi{
		font-size:18px;

	}
	.card-mobile .right .sing{
		margin-top: 1.5em;
		margin-bottom: 0em;
	}
	.card-mobile{
		height: auto;
	}
}
@media screen and (max-width: 767px){
	.card-mobile{
		height: auto;
	}
	.card-mobile .mobile-container img{
		max-width: 100%;
	}
}
@media screen and (max-width: 480px){
		.card-mobile .mobile-container img{
		max-width: 50%;
		top:-25px;
			}
}