.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{overflow:hidden;position:relative;margin:30px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#articleInfo16 .item > div{float:left;width: 40%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;order:2}
#articleInfo16 .item .photo{overflow:hidden}
#articleInfo16 .item .photo img{width:100%;height:100%;object-fit:cover}
#articleInfo16 .item .info{width: 55%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:5px 15px;font-size:16px;background:var(--primary);display:inline-block;border-radius:50px;font-weight:400;color:var(--white)}
#articleInfo16 .item .info h3{font-size:23px;color:var(--info);font-weight:500;margin-bottom:20px}
#articleInfo16 .item .info article{margin:15px 0}

@media screen and (max-width:768px){
	#articleInfo16 .item > div, #articleInfo16 .item .info{width:100%;}
	 #articleInfo16 .item .info{margin-top:10px;}
	#articleInfo16 .item:nth-child(2n) .photo{order:0;}
}
@media screen and (max-width:480px){
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
	#articleInfo16 .item .photo{position:relative;margin:0 auto 10px;width: 100%;display:block}
}