<style>
  div.title_page_mobile{
    display: none;
    color: #494949;
  }
  div.title_page_mobile div.col-xs-12{
    text-align: center;
  }
  div.title_page_mobile h1{
    text-transform: capitalize;
    border-bottom: 3px solid #ecb55b;
    display: inline-block;
    font-size: 27px;
  }
  @media only screen and (max-width: 991px) {
    .mt-about-sec {
      padding: 30px 0 0px;
    }
    .mt-contact-banner{
      padding-top: 10px !important;
      margin-top: 10px !important;
      height: 180px; 
      background-size: cover; 
      background-repeat: no-repeat;
    }
    div.title_page_desktop{
      display: none;
    }
    div.title_page_mobile{
      display: block;
      padding-top: 80px;
    }
  }
</style>
<?php 
    $q_config_page = $this->db->select("
            page_val1,
            page_val2,
            page_val3,
            page_val4,
            page_val5
        ")->get_where("configuration",array(
        "id_configuration"=>1
    ))->row(); 

    $t_page_name = $this->session->userdata('site_lang') == 'english' ? explode('||', $q_config_page->page_val5)[1] : explode('||', $q_config_page->page_val5)[0];

?>  
<main id="mt-main">
 <!-- Mt Contact Banner of the Page -->
 <?php $blog_landingpage_image = $this->db->select('blog_landingpage_image')->from('configuration')->where('id_configuration',1)->get()->row()->blog_landingpage_image ?>
  <div class="container title_page_mobile">
    <div class="row">
      <div class="col-xs-12">
        <h1>
          <?= strtoupper($t_page_name); ?>
        </h1>
      </div>
    </div>
  </div>
  <section class="mt-contact-banner style4" style="background-image: url(<?=base_url('uploads/blog/'.$blog_landingpage_image)?>); padding-top: 60px;">
    <div class="container title_page_desktop">
      <div class="row">
        <div class="col-xs-12 text-center" style="padding-top: 40px;">
          <h1><?= strtoupper($t_page_name); ?></h1>
        </div>
      </div>
    </div>
  </section><!-- Mt Contact Banner of the Page end -->
  <!-- Mt Content Banner of the Page end -->
  <!-- Mt About Section of the Page -->
  <section class="mt-about-sec">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">

            <?php if(!empty($blog->image2)) : ?>
              <img src="<?= base_url('uploads/blog/' . $blog->image2); ?>" style="width: 100%">
              <br><br>
            <?php endif; ?>
          <div class="txt wow fadeInUp" data-wow-delay="0.4s">

            <h2 style="text-align: center; margin-top: 20px;"><?= $blog->blog; ?></h2>
            
            <?= $blog->description; ?>
            
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="mt-about-sec" style="padding-top: 10px; padding-bottom: 10px;">
    <div class="container">
      <div class="row" style="text-align: center;">
        <div class="col-xs-12 mt-heading text-uppercase">
          <h2 class="heading">RELATED BLOG</h2>
        </div>
      </div>
      <div class="row parent_post_blog">
        <?php $count  = 0; ?>
    <?php foreach ($related_blogs as $blog) : ?>
       <?php $count++; ?> 
       <div class="col-xs-6 col-sm-4
        <?php if($count == 4) : ?>
          article_post_blog_mobile
        <?php endif; ?>  
       ">
       
          <article data-href="<?= base_url('blog/' . $blog->alias); ?>" class="post-blog wow fadeInLeft" data-wow-delay="0.4s" style="background:#f6f6f6;">
            
            <a href="<?= base_url('blog/' . $blog->alias); ?>">
                <div class="img-holder" style="background: url('<?= base_url('uploads/blog/' . $blog->image1); ?>'); background-size: 100% 100%; background-repeat: no-repeat; ">
                <div class="parent_img_holder">
                </div>
              </div>
            </a>
            <div class="txt-holder" style=" text-align: center;">
              <p>
                <a href="<?= base_url('blog/tag/' . url_title($blog->author)); ?>"><span class="span_title"><?= $blog->author; ?></span></a> 
                <a href="<?= base_url('blog/' . $blog->alias); ?>"><?= $blog->blog; ?></a>
              </p>
            </div>
          </article>
       
      </div>  
    <?php endforeach; ?>
    </div>
    </div>
  </section> 
  
  <!-- Mt Workspace Section of the Page -->
</main><!-- Main of the Page end -->