<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>
            BLOG
          </h1>
        </div>
      </div>
    </div>

    <section class="mt-contact-banner wow fadeInUp" data-wow-delay="0.4s" style="background-image: url(<?=base_url('uploads/blog/'.$blog_landingpage_image)?>);">
      <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 Blog Detail of the Page -->
    <div class="container" style="margin-top: 50px; margin-bottom: 30px;">
	  <div class="row" style="text-align: center;">
	    <div class="col-xs-12 mt-heading text-uppercase">
	      <h2 class="heading"><?= strtoupper($t_page_name); ?></h2>
	    </div>
	  </div>
  	  
  	  <div class="row parent_post_blog">
		<?php foreach ($blogs as $blog) : ?>
			
			 <div class="col-xs-6 col-sm-4">
		     <article 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>  
        <!-- Mt Blog Detail of the Page end -->
</main>