<?php
if (get_theme_mod('aboutus_section_disable') != 'on') {
	?> 
  <?php 
    if( get_theme_mod('abtsection_toppadding',true) ) {
            $abtsection_toppadding = 'padding-top:'.esc_attr(get_theme_mod('abtsection_toppadding')).';';
        }
        if( get_theme_mod('abtsection_bottompadding',true) ) {
            $abtsection_bottompadding = 'padding-bottom:'.esc_attr(get_theme_mod('abtsection_bottompadding')).';';
        }
  ?>
	<section id="about-section" class="ht-section " style="<?php echo esc_attr($abtsection_toppadding); ?>" "<?php echo esc_attr($abtsection_bottompadding); ?>">  
  		<?php
    		  $about_page_id = get_theme_mod('about_page');
          $about_subtitle1 = get_theme_mod('about_subtitle1', 'ABOUT US');
    		  $about_title = get_theme_mod('about_title', 'Kitchen Interior Designs.');       
    		  $about_text = get_theme_mod('about_text', 'We provide a comprehensive cabinetry design & installation service for  your perfect space. ');

          $about_extatext = get_theme_mod('about_extatext', 'Our design professionals are equipped to help you determine the  products  and design. ');

          $about_num = get_theme_mod('about_num', '100%');
          $about_sboxt1 = get_theme_mod('about_sboxt1', 'GUARRENTED');
          $about_sboxt2 = get_theme_mod('about_sboxt2', 'WORK');
  		?>
      <div class="container">       
          <div class=" row eow-eq-height">
              <div class="col-md-5 col-sm-5">
                  <div class="abt-lhsbx">
                      <div class="section-title">
                        <div class="sub-title"><?php echo ($about_subtitle1);  ?></div>
                      <?php if($about_title) { ?>
                        <h2><?php echo ($about_title);  ?></h2> 
                        <div class="border"></div> 
                      <?php }?>
                      </div>
                      <div class="lz-about-text">
                         <?php echo ($about_text); ?>
                      </div> 
                      <div class="aboutexta-text">
                         <?php echo ($about_extatext); ?>
                          <div class="clearfix"></div>
                      </div> 
                      <div class="clearfix"></div>
                        <?php
                            $about_link = get_theme_mod('about_link', '');
                            $about_button = get_theme_mod('about_button1', 'ABOUT US');
                        ?>
                          <?php if( get_theme_mod('about_button_display','show' ) == 'show') :
                            ?>  
                          <div class="readmore">
                              <a href="<?php echo $about_link ?>"> 
                                <span><?php echo $about_button ?> <i class="fa fa-arrow-right"></i></span>
                              </a>
                          </div>

                        <?php endif ?>
                    <div class="clearfix"></div>
                  </div>
                  <div class="clearfix"></div>
              </div>
              <div class=" col-md-7 col-sm-7 abt-rhsbx"> 
                  <div class="about-right-bx ">
                    <!--  <div class="smallimg"> -->
                      <?php 
                          $smash_image = get_theme_mod('smash_image');
                          if(!empty($smash_image)){
                            echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($smash_image).'" class="img-responsive secondry-bg-img" />';
                          }else{
                            echo '<img alt="sldercircle sign" src="'.get_template_directory_uri().'/images/aboutleft.jpg" class="img-responsive" />';
                          }
                      ?>
                      <!-- </div> -->
                      <?php if($about_num || $about_sboxt1 || $about_sboxt2) { ?>
                      <div class="box">
                        <div class="small-box">
                            <div class="num"><?php echo ($about_num); ?></div>
                            <div class="sboxhtxt"><?php echo ($about_sboxt1); ?></div>
                            <div class="sbox"><?php echo ($about_sboxt2); ?></div>
                        </div>
                      </div>
                      <div class="clearfix"></div>
                      <?php }?>
                    
                  </div>
              </div>
              <div class="clearfix"></div>
          </div> 
      </div>
    <div class="clearfix"></div>
</section>

<?php
} 