.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo7 .photoBox{width:50%;position:relative;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover;position:relative}
#articleInfo7 .photoBox p{position:absolute;top:30px;right:-70px;background: var(--primary);padding:20px;color:#fff;font-size:22px}
#articleInfo7 .info{width:45%;margin-top: 17%;margin-bottom: 20px;}
#articleInfo7 .info h3{position:relative;font-size:22px;font-weight:400}
#articleInfo7 .info p{font-size:16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color:#6b6b6b;text-align:justify;line-height:200%;margin:10px 0}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1024px){
	#articleInfo7 .photoBox p{right: 0;}
	#articleInfo7 .photoBox{position:relative;padding: 0;width: 100%;}
	#articleInfo7 .info{position:relative;margin-top: 20px;margin-left:0;width: 100%;margin-bottom: 0;}
}
@media screen and (max-width: 480px){
	#articleInfo7 .info article{margin-left:0}
	#articleInfo7 .photoBox p{font-size: 12px;padding: 15px;}
}