.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}
#articleInfo20 .buttom{display:flex;flex-wrap: wrap;justify-content: center;}
#articleInfo20 .buttom a{margin: -1px 0 0 -1px;width: calc((100% / 5) + 1px);display: inline-block;border: 1px #d6d6d6 solid;text-align: center;padding: 0 15px;height: 57px;text-align: center;line-height: 57px;color: #303030;font-weight: 400;}
#articleInfo20 .buttom a:hover{background: #c75a22;color: #fff;}
#articleInfo20 ul{margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo20 ul li{padding:45px;width:calc((100%/2) - 100px);margin:10px 0;background:#fff;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;position: relative;}
#articleInfo20 ul li:after{content:'01';-webkit-text-stroke: 1px #eeeeee;color: #f6f6f6;font-family: 'Cormorant Garamond', serif;font-size: 100px;position: absolute;right: 35px;line-height: 80%;top: 15px;}
#articleInfo20 ul li:nth-child(2):after{content:'02';}
#articleInfo20 ul li:nth-child(3):after{content:'03';}
#articleInfo20 ul li:nth-child(4):after{content:'04';}
#articleInfo20 ul li:nth-child(5):after{content:'05';}
#articleInfo20 ul li:nth-child(6):after{content:'06';}
#articleInfo20 ul li:nth-child(7):after{content:'07';}
#articleInfo20 ul li:nth-child(8):after{content:'08';}
#articleInfo20 ul li:nth-child(9):after{content:'09';}
#articleInfo20 ul li .info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px}
#articleInfo20 ul li .info .title{width:calc(100% - 90px)}
#articleInfo20 ul li h3{font-size:20px;color:#c75a22}
#articleInfo20 ul li h5{font-size:16px;color:#bebebc;font-family:'Cormorant Garamond',serif;text-transform: capitalize;}
#articleInfo20 ul li article{font-size:15px;text-align:justify}
#articleInfo20 ul li p.photo{width:60px}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom: 30px;margin-top: 50px;}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1024px){
	#articleInfo20 ul li:after{font-size: 60px;right: 10px;top: unset;bottom: 10px;}
}
@media screen and (max-width:768px){
	#articleInfo20 .buttom a{width: calc((100% / 3) + 1px);}
	#articleInfo20 ul li{width:calc((100%/2) - 55px)}
	#articleInfo20 ul li:first-child, #articleInfo20 ul li{margin-bottom:10px;width:calc(100% - 55px)}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li:after{position: relative;text-align: end;display: block;right: 0;bottom: 0;}
	#articleInfo20 .buttom{display:flex;flex-direction: column;}
	#articleInfo20 .buttom a{text-align: center;margin: 5px 0;width: 100%;padding: 0;}
	#articleInfo20 ul li h3{line-height: 120%;}
	#articleInfo20 ul li h5{line-height: 120%;margin-top: 5px;}
	#articleInfo20 ul li:first-child, #articleInfo20 ul li{width: 100%;padding: 35px;}
}