.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;justify-content: flex-end;flex-wrap:wrap;align-items:center}
#articleInfo7 .photoBox{width:50%;height:100%;position: absolute;left: 0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:45%}
#articleInfo7 .info h3{position:relative;padding:0 0 30px;font-size:28px;color:#181818;font-weight:500;line-height: 120%;}
#articleInfo7 .info h3:first-letter{color:#0080bb}
#articleInfo7 .info p{font-size:16px;text-align:justify;line-height:200%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .info article{margin: 10px 0;line-height: 200%;text-align: justify;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo7 .info h4{position:relative;margin: 15px 0;font-size: 18px;color:#181818;font-weight:500;line-height: 120%;}
#articleInfo7 .info li{margin: 0px 0px 10px 20px;list-style-type: disc;list-style-position: inherit;color: #303030;line-height: 180%;font-weight: 400;text-align: justify;}

@media screen and (max-width: 768px){
	#articleInfo7 .photoBox{position:relative;padding: 0;width: 100%;}
	#articleInfo7 .info{position:relative;margin-left:0;padding: 25px 0;background:none;width: 100%;}
	#articleInfo7 .info h3{left:0;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info h3{padding: 10px 0;text-align:left}
	#articleInfo7 .info article{margin-left:0}
}