.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
.delay1 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay2 {animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
.bottomBox {display: none;}
#articleInfo20 .info h5{text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;font-weight: 300;letter-spacing: 0.5px;display: none;}
#articleInfo20 ul {margin-bottom: 40px;text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
#articleInfo20 ul li {padding: 15px;margin: 5px;width: calc((100%/4) - 50px);display: inline-block;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;transition:all linear 0.3s;box-shadow: 0 10px 50px rgba(54, 53, 53, 0.06);}
#articleInfo20 ul li h3 {font-size: 20px;text-align: center;}
#articleInfo20 ul li h5 {font-size: 16px;color: #caa34b;}
#articleInfo20 ul li p.photo {margin: 0px 0;}
#articleInfo20 ul li article{font-size: 18px;font-weight: 500;letter-spacing: 0.8px;color: var(--black);line-height: 160%;padding: 10px 0px 0px;text-align: center;}


@media screen and (max-width: 1140px) {
	#articleInfo20 ul li {width: calc((100%/4) - 50px);}
}
@media screen and (max-width: 960px) {
	#articleInfo20 ul li {width: calc((100%/3) - 50px);}
}
@media screen and (max-width: 768px) {
	#articleInfo20 ul li {width: calc((100%/2) - 55px);}
}
@media screen and (max-width: 480px) {
	#articleInfo20 ul li {margin-bottom: 10px;width: calc((100%/1) - 30px);padding: 10px;margin: 2px;}
}