.article-category-list{ width: 100%; float: left; margin: 20px 0px;}
.article-category-list ul{ text-align: center;}
.article-category-list li{ display: inline-block; margin-right: 25px; text-align: center; vertical-align: top;}
.article-category-list a{ font-size: 1.25rem; font-weight: 700; color: #000;}
.article-category-list a:hover{ color: #a50a09; border-bottom: solid 2px #a50a09;}
.article-category-list .active{ color: #a50a09; border-bottom: solid 2px #a50a09;}
.article-category-list .active a{color: #a50a09;}
.blog-listing{ width: 100%; float: left; margin-bottom: 50px;}
.blog-listing .article-list-row {display: none;}

.u-repeater-item{ width: 100%; float: left; padding: 30px; margin-right: 60px;}
.u-repeater-item .banner-image{ width: 100%; height: 214px; object-fit: cover;}
.u-repeater-item h2{font-size: 1.5rem; font-weight: 700; color: #000; margin: 22px 0 22px ;}
.u-repeater-item p{ margin-right: 60px;}
.u-repeater-item h2 a{color: #000;}
.blog-info{font-size: 0.75rem; margin: 21px auto 0 0;}

.blog-listing .read-more{ padding: 10px 20px; display: inline-block; text-transform: uppercase; font-weight: 700; border: solid 2px; margin: 22px 0 0;}
.blog-listing #loadMore{ padding: 10px 30px; display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 40px 0px;}
.blog-detail{ width: 100%; float: left; margin: 50px 0px;}
.blog-detail h1{ text-align: center; font-weight: 700;}
.blog-detail .small-des{ text-align: center; width: 75%; margin: 0px 12.5%;}
.blog-detail .banner-image{ width: 100%; height: 450px; object-fit: cover; margin: 15px 0px;}

.blog-detail .blog-info{ color: #999999; font-size: 0.875rem; margin: 0px; padding: 10px 0 0;}
.blog-detail .left-part{ width: 70%; float: left; margin-top: 15px; font-size: 1.125rem; line-height: 1.7; padding-right: 30px;}
.blog-detail .left-part p{ font-size: 1.125rem; line-height: 1.7;}
.blog-detail .left-part ul{ margin: 0px 0 1rem 0; padding: 0px 0 0 25px;}

.blog-detail .right-part{ width: 30%; float: right; }
.blog-detail .right-part .categories-list{text-align: center; border-radius: 27px; padding: 24px 11px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.40); margin-top: 30px; margin-bottom: 50px;}
.blog-detail .right-part h2{ font-size: 2.25rem; font-weight: 400; margin: 0px; line-height: 25px;}
.blog-detail .right-part .shape{width: 117px; height: 3px; text-align: center; display: inline-block;}
.blog-detail .right-part ul{margin: 0px; padding: 0px 14px 0;}
.blog-detail .right-part li{list-style-type: none; background: url(../images/plus.png) no-repeat 15px 13px; text-align: left; margin-top: 25px; background-size: 23px; border-radius: 50px; border: solid 1px #d9d9d9; padding: 10px 0px 10px 50px;}
.blog-detail .right-part .right-btn{ font-weight: 700; padding: 10px 30px; display: inline-block; text-transform: uppercase; color: #fff; margin: 30px 0px;}

.blog-detail .right-part li a{font-size: 1.125rem; font-weight: 700; color: #000;}

.blog-detail .right-part .banner{text-align: center; border-radius: 27px; padding: 24px 11px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.40); margin-top: 30px;}
.blog-detail .right-part .banner h3{font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-bottom: 15px;}

.recent-articles{width: 100%; float: left; margin: 50px 0px 75px;}
.blog-detail .center-heading{font-family: 'Sora', sans-serif; font-size: 3rem;}
.recent-articles p{font-size: 1.125rem;}
.recent-articles ul{grid-template-columns: repeat(2, calc(50% - 15px));
    display: grid; grid-gap: 20px; margin-top: 40px; margin-bottom: 40px;}
    .recent-articles .other-btn{ padding: 10px 30px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}
    .recent-articles li{ list-style-type: none; margin-bottom: 30px;}
    .recent-articles li h5{ font-size: 1.875rem; font-weight: 400; margin: -64px auto 0 84px;}
    .recent-articles li i{ width: 64px; height: 64px; font-style: normal; text-align: center; display: inline-block; border-radius: 50%; line-height: 1.4;  font-family: 'Sora', sans-serif; color: #fff; font-size: 2.5rem;}
    .recent-articles li i img{ width: 32px;}
    .recent-articles li p{ font-size: 1rem; text-align: left; margin: 15px 20px 0 84px; color: #555c66; font-style: italic;}



@media screen and (max-width: 767px) {
    .full-banner h3{ padding: 25px 0 0 ;}
    .full-banner h1{ margin: 0px;}
    .blog-detail .banner-image{ height: 200px;}
    .blog-detail .left-part{ width: 100%; float: left; padding-right: 0px;}
    .blog-detail .right-part{width: 100%; float: left;}
    .recent-articles li i{ width: 48px; height: 48px;}
    .recent-articles li i img{width: 26px;}
    .recent-articles li i{ line-height: 1;}
    .recent-articles li h5{margin: -45px auto 0 75px;}
}

@media screen and (max-width: 480px) {

    .u-repeater-item{ padding: 0px;}
    .u-repeater-item .banner-image{ height: 175px;}
    .recent-articles ul{grid-template-columns: repeat(1, calc(100% - 0px));}
}