.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;align-items:center;flex-wrap:wrap}
#articleInfo7 .photoBox{position:absolute;width:50%;height:100%;top:0;left:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:45%;margin:50px 0}
#articleInfo7 .info h3{position:relative;padding:0 0 10px;font-size:44px;font-family:'Oswald',sans-serif;line-height:120%;color:#eee;text-transform: uppercase;font-weight: bold;}
#articleInfo7 .info p{font-size: 19px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-weight:500;letter-spacing: 1px;position:relative;text-transform: capitalize;}
#articleInfo7 .info p:before{content:'';position:absolute;left:-20px;top:-5px;z-index:-1;width:33px;height:50px;background-color:#336fb7;-webkit-transform:skewX(
35deg);-ms-transform:skewX(35deg);transform:skewX(35deg)}
#articleInfo7 .info article{margin:30px 0 0;line-height:220%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;}
@media screen and (max-width:768px){#articleInfo7 .info p:before{
    display: none;
}
#articleInfo7 .photoBox{position:relative;width: 100%;}
#articleInfo7 .info{position:relative;padding: 20px 0 0;background:none;margin: 0;width: 100%;}
#articleInfo7 .info h3{left:0;}
}@media screen and (max-width:480px){#articleInfo7 .info{margin-top:0;}
#articleInfo7 .info h3{}
#articleInfo7 .info article{margin-left:0}
}