.articles-section{text-align:right;width:calc(100% - 80px);height:unset;margin-right:auto;overflow:hidden}.article-main-blog{height:100%;margin-top:15px;margin-right:0;margin-bottom:30px!important}.article-main-title{color:#000;margin-bottom:15px;padding:0 4.5% 0 0;font-size:36px;font-weight:600}body.en .article-main-title{padding:0 0% 0 4.5%}.list-section ul{flex-wrap:wrap;margin:0;padding:0 2.5%;display:flex!important}.list-section ul li{-o-transition:all .75s ease;background:var(--main-bg);width:33.33%;margin:0;padding:0 1.5%;list-style:none;transition:all .75s}.article-main-blog .list-section ul li{opacity:0;transform:translateY(30%)scale(1.1)}.article-main-blog .list-section ul li.animate{opacity:1;transform:translate(0,0)scale(1)}.article-main-blog .list-section ul li:nth-child(3n+2){margin-top:60px;position:relative;top:60px}.list-section ul li:last-child{margin-bottom:200px}.article-cover{-o-transition:all .5s ease;border:1px solid #eee;width:100%;height:723px;transition:all .5s;overflow:hidden;transform:scale(1.1)}.list-section ul li.animate .article-cover{transform:scale(1)}.article-main-title.loader+.list-section .article-cover{border:0}.article-cover img{object-fit:cover;cursor:pointer;-o-transition:all 1.5s ease;transition:all 1.5s;transform:scale(1.5);width:100%!important;height:100%!important}.list-section ul li.animate .article-cover img{transform:scale(1)}.list-section ul li h2.article-title{color:#000;cursor:pointer;margin:22px 0 20px 80px;font-size:24px;font-weight:700;line-height:35px!important}.list-section ul a{color:var(--secondary-color);outline:none;flex-flow:column;text-decoration:none;display:flex}.list-section ul li .small-intro{color:#000;cursor:pointer;margin:0 0 0 10px;font-size:20px;line-height:39px}.list-section ul li .small-intro p{margin:0!important}.full-detail-section{width:65%;height:100%;overflow:auto}.full-detail-section .detail-inner .article-main-image{width:85%;height:35vw;margin:20px auto 10px}.full-detail-section .detail-inner .article-main-image img{object-fit:cover;width:100%;height:100%}.article-content-loader{width:30%;margin:75px auto}.full-detail-section .detail-inner .article-main-details{width:80%;margin:0 95px 50px 0}.full-detail-section .detail-inner .article-main-details .article-date{font-size:22px}.full-detail-section .detail-inner .article-main-details h1.articles-main-title{margin:10px 0 30px;font-size:40px;font-weight:400}.articles-full-detail{font-size:24px}.article-main-image .react-loading-skeleton{border-radius:unset!important}.mobile-view-back-button{background:var(--main-bg);color:var(--secondary-color);z-index:1111;padding:22px 20px;display:none;position:fixed;top:0;right:0}body.en .article-main-blog{margin-left:0;margin-right:unset}body.en .list-section ul li h2.article-title,body.en .list-section ul li .small-intro{margin-left:0!important}body.en .articles-section{text-align:left;margin-left:auto;margin-right:0}body.en .list-section ul li h2.article-title{font-size:24px;line-height:30px}body.en .list-section ul li .small-intro,body.en .full-detail-section .detail-inner .article-main-details .article-date{font-size:18px}body.en .full-detail-section .detail-inner .article-main-details h1.articles-main-title{font-size:32px;line-height:42px}body.en .articles-full-detail{font-size:20px}body.en .full-detail-section .detail-inner .article-main-details{margin:0 0 50px 95px}body.en .mobile-view-back-button{left:0;right:auto;transform:scaleX(-1)}@media screen and (max-width:1799px) and (min-width:600px){.article-main-blog{margin-top:1.5%;margin-bottom:1%;margin-right:3%}.article-main-title{margin-bottom:1%}.list-section ul li{padding:0 0 25px}.article-main-blog .list-section ul li{padding:0 1.5%}.article-cover{width:100%;height:62%}.list-section ul li:last-child{margin-bottom:100px}}@media screen and (max-width:1400px){.list-section ul li h2.article-title{margin:22px 0 20px 20px}}@media screen and (max-width:1200px){.list-section ul{padding:0}.article-main-title{font-size:28px}body.en .article-main-title{font-size:25px}.list-section ul li h2.article-title{font-size:22px}.list-section ul li .small-intro{font-size:18px}body.en .list-section ul li h2.article-title{font-size:20px}body.en .list-section ul li .small-intro,body.en .full-detail-section .detail-inner .article-main-details .article-date{font-size:17px;line-height:1.6}}@media screen and (max-width:800px){.list-section ul li{width:50%}.article-main-blog .list-section ul li:nth-child(3n+2){margin-top:0;position:relative;top:0}.article-main-blog .list-section ul li{margin-bottom:15px}}@media screen and (max-width:580px){.article-cover.loader{height:350px}.article-main-title.loader{width:180%}.articles-section{width:100%;height:unset}.article-main-blog{width:88%;margin:30px auto 0}.list-section ul li{padding:24px 0 5px}body.en .article-main-blog{width:90%;margin:30px auto 0}.list-section ul li{width:100%}.article-cover{width:100%;height:unset}body.en .list-section ul li .small-intro{margin:0!important;font-size:15px!important}.list-section ul li{margin-top:unset!important}.article-main-title{text-align:center;width:72%;margin:0 auto;padding:0;font-size:22px}body.en .article-main-title{width:72%;margin-bottom:15px;font-size:18px}.list-section ul li h2.article-title{margin:19px 0 12px;font-size:18px;font-weight:700;line-height:24px}.article-main-blog .list-section ul li:nth-child(3n+2){position:unset;top:unset}.list-section ul li .small-intro{margin:0 0 0 5px;font-size:16px;line-height:30px}.article-content-loader{width:40%}.article-main-blog{flex-flow:column}.list-section{width:100%}.full-detail-section{width:100%;display:none}.full-detail-section .detail-inner .article-main-image{width:90%;height:95vw}.articles-full-detail{font-size:18px}.full-detail-section .detail-inner .article-main-details{width:90%;margin:30px auto 50px}.full-detail-section.show{display:block}.mobile-view-back-button{padding:20px;display:block}body.en .list-section ul li{padding:0 0 25px}body.en .full-detail-section .detail-inner .article-main-details{margin:30px auto 50px}body.en .list-section ul li h2.article-title{margin:0 0 20px;font-size:22px;line-height:30px}body.en .full-detail-section .detail-inner .article-main-details .article-date{font-size:15px}body.en .full-detail-section .detail-inner .article-main-details h1.articles-main-title{font-size:25px;line-height:35px}body.en .articles-full-detail{font-size:17px}.list-section ul li:last-child{margin-bottom:unset}}