.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;}
#articleInfo16 .item > div {float: left;width: 50%;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item .photo {overflow: hidden;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {width: 47%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;float: right;}
#articleInfo16 .item .info h5 {padding: 0px 15px;color: var(--primary);margin-block-start: 0.67em;margin-block-end: 0.67em;text-align: left;line-height: 140%;margin: 10px 0 0px;font-size: 19px;font-family: 'Oswald', sans-serif;}
#articleInfo16 .item .info h3 {padding: 0px 10px 10px 10px;font-size: 28px;color: #232323;border-bottom: 2px solid #e4e4e4;}
#articleInfo16 .item .info article {font-size: 16px;line-height: 190%;text-align: justify;padding: 20px 10px;}


@media screen and (max-width: 1366px) {
	#articleInfo16 .item{margin: 15px 0 30px;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	#articleInfo16 .item .photo {float: none;width: 100%;}
	#articleInfo16 .item .info {margin-top: 20px;width: 100%;}
}
@media screen and (max-width: 480px) {
	#articleInfo16 .item .info h3{margin: 0;}
	#articleInfo16 .item .info h5 {margin: 0;}
	#articleInfo16 .item .info article{font-size: 15px;line-height: 190%;padding: 20px 10px;}
}