.recent-post-section img.recent-post-featured-image {
    height: 200px!important;
    width: 100%!important;
    object-fit: cover!important;
}
.recent-post-section .owl-recent-post .recent-post-box {
    padding: 10px;
}
.recent-post-section .post-title {
    font-weight: 600;
    margin-top: 25px !important;
    margin-bottom: 12px;
}
.recent-post-section a.recent-post-link {
    text-decoration: none!important;
    cursor: pointer!important;
}
.recent-post-section .description,
.recent-post-section .description p {
    margin-bottom: 15px;
    line-height: 26px!important;
}
.recent-post-section .owl-carousel .owl-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex!important;
    justify-content: space-between;
    position: absolute !important;
    top: 50%;
    right: 0;
    left: 0;
    z-index: -1 !important;
    transform: translateY(-50%);
    margin-top: 0!important;
}
.recent-post-section .owl-carousel .owl-nav button.owl-prev {
    margin-left: -50px;
}
.recent-post-section .owl-carousel .owl-nav button.owl-next {
    margin-right: -50px;
}
.recent-post-section .owl-carousel .owl-nav button.owl-prev,
.recent-post-section .owl-carousel .owl-nav button.owl-next {
    border: 1px dashed #707070;
    height: 40px;
    width: 40px;
}
.recent-post-section .owl-carousel .owl-nav button.owl-prev:hover,
.recent-post-section .owl-carousel .owl-nav button.owl-next:hover {
    border: 1px dashed #707070;
    height: 40px;
    width: 40px;
}
@media (max-width: 1350px) {
    .recent-post-section .owl-carousel .owl-nav {
        display: none!important;
    }
}
@media (max-width: 425px) {  
    .recent-post-section .owl-recent-post .recent-post-box {
        padding: 0!important;
    }
}
.recent-post-section .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    flex-flow: row wrap !important;
    -moz-flex-flow: row wrap !important;
    -webkit-flex-flow: row wrap !important;
    -o-flex-flow: row wrap !important;
}
.recent-post-section .recent-post-grid .flex {
    margin-left: -10px;
    margin-right: -10px;
}
.recent-post-section .recent-post-grid .flex .flex-item {
    padding: 10px;
}
.recent-post-section .flex .flex-item.flex-item-4 {
    flex-basis: 25%;
    -moz-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -o-flex-basis: 25%;
}
.recent-post-section .flex .flex-item.flex-item-3 {
    flex-basis: 33.33%;
    -moz-flex-basis: 33.33%;
    -webkit-flex-basis: 33.33%;
    -o-flex-basis: 33.33%;
}
.recent-post-section .flex .flex-item.flex-item-2 {
    flex-basis: 50%;
    -moz-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -o-flex-basis: 50%;
}
.recent-post-section .flex .flex-item.flex-item-1 {
    flex-basis: 100%;
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -o-flex-basis: 100%;
}
@media (max-width: 1024px) {
    .recent-post-section .flex .flex-item.flex-item-4 {
        flex-basis: 33.33%;
        -moz-flex-basis: 33.33%;
        -webkit-flex-basis: 33.33%;
        -o-flex-basis: 33.33%;
    }
}
@media (max-width: 767px) {
    .recent-post-section .recent-post-grid .flex .flex-item {
        flex-basis: 100%;
        -moz-flex-basis: 100%;
        -webkit-flex-basis: 100%;
        -o-flex-basis: 100%;
    }
    .recent-post-section img.recent-post-featured-image {
        max-width: 100% !important;
        min-width: 100% !important;
        max-height: 100% !important;
        min-height: 100% !important;
    }
}
{# End of Grid Layout Style #}

@media (max-width: 767px) {
    .recent-post-section .recent-post-list .recent-post-box,
    .recent-post-section .recent-post-grid .recent-post-box {
        /* 		padding-left: 0!important;
        padding-right: 0!important; */
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
}

{# List Layout Style #}
.recent-post-section .recent-post-list .flex .flex-item {
    padding-top: 10px;
    padding-bottom: 10px;
}
.recent-post-section .recent-post-list .flex .flex-item:last-child {
    padding-bottom: 0!important;
}
.recent-post-section .rp_list-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    flex-flow: row wrap !important;
    -moz-flex-flow: row wrap !important;
    -webkit-flex-flow: row wrap !important;
    -o-flex-flow: row wrap !important;
    align-items: center;
}
.recent-post-section .rp_list-flex .rp_list-flex_item-4 {
    flex-basis: 30%;
    -moz-flex-basis: 30%;
    -webkit-flex-basis: 30%;
    -o-flex-basis: 30%;
}
.recent-post-section .rp_list-flex .rp_list-flex_item-8 {
    flex-basis: 70%;
    -moz-flex-basis: 70%;
    -webkit-flex-basis: 70%;
    -o-flex-basis: 70%;
    padding-left: 30px;
}
.recent-post-section .recent-post-list .post-title {
    margin-top: 0!important;
}
@media (max-width: 767px) {
    .recent-post-section .rp_list-flex .rp_list-flex_item-4 {
        flex-basis: 100%;
        -moz-flex-basis: 100%;
        -webkit-flex-basis: 100%;
        -o-flex-basis: 100%;
    }
    .recent-post-section .rp_list-flex .rp_list-flex_item-8 {
        flex-basis: 100%;
        -moz-flex-basis: 100%;
        -webkit-flex-basis: 100%;
        -o-flex-basis: 100%;
        padding-left: 0!important;
    }
    .recent-post-section .recent-post-list .post-title {
        margin-top: 20px!important;
    }
}
{# End of List Layout Style #}

{# Sidebar List Style #}
.recent-post-section .ot-recent_post_sidebar .post-title {
    margin-bottom: 10px;
}
.recent-post-section .ot-recent_post_sidebar .post-date {
    font-size: 16px;
}
.recent-post-section .ot-recent_post_sidebar .rp_list-flex_item-8 {
    padding-left: 20px;
}
.recent-post-section .ot-recent_post_sidebar img.recent-post-featured-image {
    height: 100px!important;
    width: 100%!important;
    object-fit: cover!important;
}
.recent-post-section .ot-recent_post_sidebar .flex .flex-item:first-child {
    padding-top: 0!important
}
.recent-post-section .ot-recent_post_sidebar .flex .flex-item:last-child {
    margin-bottom: 0!important
}