.blog-listing{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -20px;}
.blog-listing li{width: 33.33%;position: relative;display: inline-block;}
.blog-listing li a.blog-container{margin-bottom: 30px;}
.blog-content-wrapper{width: calc(100% - 440px);padding-right: 100px;margin-bottom: 100px;}
.blog-sidebar{width: 440px;position: sticky;top: 0;align-self: flex-start;margin-bottom: 100px;}
.blog-post-heading{background-color: #0071BD;font-size: 30px;color: #ffffff;text-transform: capitalize;    padding: 10px 30px 15px;
    text-align: center;
    line-height: 1.2;
    display: flex;
    justify-content: flex-start;
    align-items: center;}
.blog-sidebar .blog-list{background-color: #E8EFF9;margin-bottom: 30px;}
.blog-sidebar .blog-list li{padding: 25px 0;margin: 0 20px;transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;}
.blog-sidebar .blog-list li:not(:last-child){border-bottom: 1px solid #CBD0D6;}
.blog-sidebar .blog-list .heading-24{margin-bottom: 0;font-size: 20px}
.blog-sidebar .blog-list li .blog-date{font-size: 18px;color: #505050;font-weight: 500;position: relative;
    bottom: inherit;
    padding: 0;
    margin: 0;
    display: block;}
.blog-sidebar .flex-container{align-items: center;}
.blog-sidebar .social-icon:hover{    background-color: #00b9f2;}
.blog-sidebar .blog-list li a:hover .heading-24{color: #0071BD;}
.checklist-style{margin-bottom: 30px;}
.checklist-style li{padding-left: 45px;font-size: 18px;line-height: 30px;font-weight: 500;margin-bottom: 20px;}
.checklist-style li:before{content: "";background: url(../images/check-list.png) no-repeat left top;top: 10px;}
.date{font-size: 18px;font-weight: 500;color: #505050;margin-bottom: 35px;}
.blog-heading{margin-bottom: 20px;}
.blog-sidebar .ft-head{margin: 0 20px 0 0;color: #505050;}
.blog-sidebar .social-icon i.fa.fa-facebook{color: #ffffff !important;}
.blog-sidebar .social-icon{background-color: #0071BD;color: #ffffff;}
.blog-content-wrapper .dlist li strong{margin-bottom: 10px;display: block;}

h3.blog_list_title {
    font-size: 28px;
}


@media(max-width:1380px){
    .blog-content-wrapper{margin-bottom: 80px;padding-right: 70px;}
    .blog-caption {
        padding: 20px;}
}
@media(max-width:1200px){
    .blog-listing{    margin: 0 -10px;}
    .blog-listing li a.blog-container{margin: 0 10px 20px;}
    .blog-content-wrapper{margin-bottom: 50px;padding-right: 30px;}
    .blog-content-wrapper {width: calc(100% - 400px);}
    .blog-sidebar {width: 380px;margin-bottom: 50px;}
    .blog-post-heading{font-size: 28px;}
}
@media(max-width:992px){
    .blog-listing{margin-bottom: 20px;}
    .blog-listing li {
        width: 50%;}
    .blog-post-heading{font-size: 26px;}
    .blog-content-wrapper {width: 100%;padding: 0;margin-bottom: 0px;}
    .blog-sidebar {width: 100%;position: relative;top: inherit;margin-bottom: 30px;}
    .checklist-style li {
        padding-left: 40px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 15px;
        letter-spacing: 0;
    }
    .checklist-style {
        margin-bottom: 15px;
    }
    .heading-24 {
        font-size: 20px;
    }
    .blog-caption {
        padding: 20px 10px 10px;
    }
    .blog-date{bottom: 20px;}
    .blog-sidebar .blog-list{margin-top: 30px;}
}
@media(max-width:580px){
    .blog-sidebar .blog-list li {
        padding: 25px 0;}
    .blog-listing li a.blog-container {
        margin: 0 5px 10px;
    }
        .heading-24 {
        font-size: 18px;
    }
    .blog-sidebar .blog-list li .blog-date {
        font-size: 16px;}
}