@media(max-width:1199px) {
    .blog_main {
        grid-template-columns: repeat(2, 47%);
    }
    
    /*** END FOOTER ***/

    h2.h2-main {
        font-size: 42px;
        line-height: 52px;
    }

    h2.h2-main {
        font-size: 42px;
        line-height: 52px;
    }

    /** END REFER A FRIEND ***/

    .blog-content-margin {
        margin-left: auto;
        margin-right: auto;
    }
}


@media(max-width:992px) {    

    .modal-header a.navbar-brand.mobile_logo {
        display: block;
    }

    /** START REFER A FRIEND ***/

    .modal.fade.newslettermodal.show .modal-dialog {
        height: auto;
        max-width: 450px;
        width: auto;
        align-items: center;
    }

    .modal.fade.offermodal.show .modal-dialog {
        height: auto;
        max-width: 450px;
        width: auto;
        align-items: center;
    }
   
}

@media(max-width:767px) {
    .blog_banner, .contact_hero, .demo_hero, .pricing_hero, .hero_section.home_hero {
        margin-top: 85px;
    }
    .h1-medium {
        font-size: 28px;
    }

    .h1-large {
        font-size: 32px !important;
    }
    .b_read_time.b_read_time_ext {
        top: 0px;
        right: 5px;
        padding: 5px 5px;
    }
    .blog_main {
        grid-template-columns: repeat(1, 100%);
        gap:20px;
    }
    .blog_img.blog_img_ext {        
        height: 400px;
    }
    .blog_innercontect {
         text-align: left;
    }
    .blog_inner .blog_head h1 {
        text-align: left;
    }
    .blog_block .b_text {        
        min-height: 100px;
    }
    .blog_block .b_text .b_author {
        position: relative;
        bottom: 0px;
    }

}
@media(max-width:580px) {
    .h1-medium {
        font-size: 24px;
    }

    .h1-large {
        font-size: 28px !important;
    }

    .header_btns.h_mobi_btn a.h_btn {
        margin-right: 5px;
        padding: 0px 12px;
    }
    .blog_img.blog_img_ext {
        height: 250px;
    }
    .blog_content ul li a {       
        font-size: 14px;       
    }
    .blog_inner .blog_head {        
        margin: 0 auto 10px;
    }
}