               <section id="blog" class="g-pt-<?php echo $sectionptop; ?> g-pb-<?php echo $sectionpbuttom; ?>" style="background-image: linear-gradient(-45deg, <?php echo $sectionbj; ?>, <?php echo $sectionjbbj; ?>);">
               <div class="<?php echo $main; ?>">
              <div class="row justify-content-center text-center g-mb-30">
               <div class="col-lg-9">
                <?php if ($titlename): ?><h1 class="h4 g-font-weight-600 mb-2" style="color:<?php echo $sectiontitle; ?>;"><?php echo $titlename; ?></h1><?php endif ?>
                <div class="d-inline-block mb-2" style="width:<?php echo $linew; ?>px;height:<?php echo $lineh; ?>px;background-color:<?php echo $linec; ?>;"></div>
                <?php if ($describe): ?><p class="mb-0" style="color:<?php echo $sectiondescribe; ?>;"><?php echo $describe; ?></p><?php endif ?>
               </div>
               </div>
              <!-- Products Block -->
              <div class="g-mx-minus-15">
                <div id="carouse111" class="js-carousel" data-infinite="true" data-fade="<?php echo $fade; ?>" data-autoplay="<?php echo $autoplay; ?>" data-speed="<?php echo $speed; ?>" data-slides-scroll="<?php echo $scroll; ?>" data-slides-show="<?php echo $column; ?>"  data-rows="<?php echo $rows; ?>">
					 <?php if(!empty($posts)){ ?>
					 <?php foreach ($posts as $blog) { ?>
                  <div class="js-slide g-pa-<?php echo $boxmagin; ?>">
                 <article class="u-shadow-v<?php echo $boxshadow; ?> u-shadow-v<?php echo $boxshadowhover; ?>--hover g-rounded-<?php echo $boxround; ?> text-<?php echo $boxposition; ?> g-pa-<?php echo $boxpadding; ?>" style="background-image: linear-gradient(33deg, <?php echo $boxbg; ?>, <?php echo $boxjbbj; ?>);border:<?php echo $boxborder; ?>px solid <?php echo $boxcolor; ?>">
                    <figure class="g-pos-rel">
					<?php if($blog['image'] && $thumb){ ?>
                      <img class="img-fluid w-100" src="<?php echo $blog['image']; ?>" alt="<?php echo $blog['title']; ?>">
                      <?php } ?>
                    </figure>

                    <div class="g-pa-20">
                      <h3 class="h4 g-font-weight-600 g-mb-15 text-uppercase">
                        <a class="g-text-underline--none--hover g-font-size-15" href="<?php echo $blog['href']; ?>"  style="color:<?php echo $boxtitle; ?>;" ><?php echo $blog['title']; ?></a>
                      </h3>
					  
                       <?php if(!$characters == '0'){ ?>
                      <div class="g-mb-30">
                        <p style="color:<?php echo $boxdescribe; ?>;"><?php echo $blog['description']; ?></p>
                      </div>
					  <?php } ?>
                       <?php if ($buttonname2): ?><div class="g-pb-10"> <a class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v5-<?php echo $buttonhover; ?> u-btn-<?php echo $buttoncolor1; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10"" href="<?php echo $blog['href']; ?>"><?php echo $buttonname1; ?></a></div><?php endif ?>
                      <div class="media g-font-size-12">
					  <?php if($author_status){ ?>
                        <div class="media-body align-self-center text-uppercase">
                          <a class="u-link-v5" style="color:<?php echo $boxxinxi; ?>;"><?php echo $blog['author']; ?></a>
                        </div>
						<?php } ?>
						
                        <div class="align-self-center">
						<?php if($date_added_status){ ?>
                          <a class="u-link-v5 g-mr-10" style="color:<?php echo $boxxinxi; ?>;">
                            <i class="icon-calendar align-middle g-mr-2" style="color:<?php echo $boxxinxi; ?>;"></i>
                            <?php echo $blog['date_added_full']; ?>
                          </a>
						  <?php } ?>
						<?php if($page_view_status){ ?>
                          <a class="u-link-v5 g-mr-10" style="color:<?php echo $boxxinxi; ?>;">
                            <i class="icon-eye align-middle g-mr-2" style="color:<?php echo $boxxinxi; ?>;"></i>
                            <?php echo $blog['count_read']; ?>
                          </a>
						  <?php } ?>
						  <?php if($comments_count_status){ ?>
                          <a class="u-link-v5 " style="color:<?php echo $boxxinxi; ?>;">
						   <i class="icon-bubbles align-middle g-mr-2" style="color:<?php echo $boxxinxi; ?>;"></i>
                            <?php echo $blog['comment_total']; ?>
                          </a>
						  <?php } ?>
                        </div>
                      </div>
                    </div>
                  </article>
                  </div>
                  <?php } ?> 
				  <?php } ?> 
                </div>
              </div>
              <!-- End Products Block -->
			      <div class="container text-center">
				  <div class="col-md-10 ml-md-auto mr-md-auto">
                  <?php if ($buttonname2): ?><div class="g-pt-40"><a class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v5-<?php echo $buttonhover; ?> u-btn-<?php echo $buttoncolor1; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10"" href="<?php echo $blog_show_all; ?>"><?php echo $buttonname2; ?></a></div><?php endif ?>
                  </div>
				  </div>
                </div>
                </section>
				
                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

                      $('#carouse111').slick('setOption', 'responsive', [{
					  breakpoint: 1200,
                        settings: {
                          slidesToShow: 4
                        }
                      }, {  
                        breakpoint: 992,
                        settings: {
                          slidesToShow: 3
                        }
                      }, {
                        breakpoint: 768,
                        settings: {
                          slidesToShow: 2
                        }
                      }, {
                        breakpoint: 480,
                        settings: {
                          slidesToShow: 1
                        }
                      }], true);
                    });
                  </script>	
