<div class="top-bar">
  <div class="container">
    <div class="row">
        <div class="col-lg-2 col-md-6 align-self-center">
          <?php if( get_theme_mod( 'green_agro_landscaping_call_text' ) != '' || get_theme_mod( 'green_agro_landscaping_call' ) != '') { ?>
            <div class="row">
              <div class="call-info col-lg-3 col-md-2 mt-2"><i class="<?php echo esc_attr(get_theme_mod('green_agro_landscaping_call_icon','fas fa-phone')); ?> call-info"></i></div>
              <div class="col-lg-9 col-md-10">
                <p class="infotext"><?php echo esc_html( get_theme_mod('green_agro_landscaping_call_text','')); ?></p>
                <p class="simplep"><a href="tel:<?php echo esc_html( get_theme_mod('green_agro_landscaping_call','') ); ?>"><?php echo esc_html( get_theme_mod('green_agro_landscaping_call','') ); ?></a></p>
              </div>
          </div>
          <?php } ?>
        </div>
        <div class="mail-dtl col-lg-3 col-md-6 align-self-center">
          <?php if( get_theme_mod( 'green_agro_landscaping_mail_text' ) != '' || get_theme_mod( 'green_agro_landscaping_mail' ) != '') { ?>
            <div class="row">
            <div class="mail-info col-lg-2 col-md-2 mt-2"><i class="<?php echo esc_attr(get_theme_mod('green_agro_landscaping_mail_icon','fas fa-envelope-open')); ?> mail-info"></i></div>
            <div class="col-lg-10 col-md-10">
              <p class="infotext"><?php echo esc_html( get_theme_mod('green_agro_landscaping_mail_text','')); ?></p>
              <p class="simplep"><a href="mailto:<?php echo esc_html( get_theme_mod('green_agro_landscaping_mail','') ); ?>"><?php echo esc_html( get_theme_mod('green_agro_landscaping_mail','') ); ?></a></p>
            </div>
          </div>
          <?php } ?>
        </div>
        <div class="col-lg-4 col-md-6 align-self-center">
          <?php if(get_theme_mod( 'green_agro_landscaping_hour_text' ) != '' || get_theme_mod( 'green_agro_landscaping_hour' ) != '') { ?>
          <div class="row">
            <div class="hour-info col-lg-2 col-md-2 mt-2"><i class="<?php echo esc_attr(get_theme_mod('green_agro_landscaping_hour_icon','fas fa-clock')); ?> hour-info"></i></div>
            <div class="col-lg-10 col-md-10">
              <p class="infotext"><?php echo esc_html( get_theme_mod('green_agro_landscaping_hour_text','')); ?></p>
              <p class="simplep"><?php echo esc_html( get_theme_mod('green_agro_landscaping_hour','') ); ?></p>
            </div>
          </div>
          <?php } ?>
        </div>
        <div class="col-lg-3 col-md-6 align-self-center">
          <?php get_template_part( 'template-parts/header/social', 'icon' ); ?>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>
