Антон Литвиненко

.img-wrapper {
	position: relative;
	padding-top: 100%;
	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

{% if template.name == "index" %}
    do something
{% endif %}

.slider-wrapper {
  margin-left: calc(50% - 1200px/2);
}

<header class="site-header">
  <div class="container">
    <div class="header-inner">

      <div class="header-logo">
        <a href="/">
          <img src="img/logo.svg" alt="Logo">
        </a>
      </div>

      <div class="header-info">
        <div class="header-address">Адресс</div>
        <div class="header-work-time">Время работы</div>
      </div>

      <nav class="main-navigation">
        <ul class="main-menu">
          <li><a href="#1">О нас</a></li>
          <li><a href="#1">Услуги</a></li>
          <li><a href="#1">Гарантии</a></li>
          <li><a href="#1">Контакты</a></li>
        </ul>
      </nav> 

      <div class="header-phone">
        <a href="tel:0505555555">050 555 55 55</a>
      </div>

    </div>
  </div>
</header>

$(window).on('resize', function(e){
  // Переменная, по которой узнаем запущен слайдер или нет.
  var initLib = $('.library-slider').data('init-slider');

  if(window.innerWidth < 768){
    // Если слайдер не запущен
    if(initLib != 1){
      // Запускаем слайдер и записываем в data init-slider = 1
      $('.library-slider').slick({
        arrows: false,
        dots: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
            }
          }
        ]
      }).data({'init-slider': 1});
    }
  }
  // Если десктоп
  else {
    // Если слайдер запущен
    if(initLib == 1){
      // Разрушаем слайдер и записываем в data init-slider = 0
      $('.library-slider').slick('unslick').data({'init-slider': 0});
    }
  }
}).trigger('resize')

add_filter('wpcf7_autop_or_not', '__return_false');

<div class="form-group">[text* contact-name id:contact-name class:form-control class:input-text]<label for="contact-name">Name</label></div>
<div class="form-group">[email* contact-email id:contact-email class:form-control class:input-text]<label for="contact-email">Email</label></div>
<div class="form-group">[textarea contact-message x2 id:contact-message class:form-control class:input-text]<label for="contact-message">Message</label></div>
<div class="form-submit">[submit class:gradient-btn class:btn-submit "Send Message"]</div>

.contact-form-wrapper .wpcf7 .form-group > label {
  position: absolute;
  top: 20px;
  left: 0;
  cursor: text;
  pointer-events: none;
  margin-bottom: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.contact-form-wrapper .wpcf7 .form-group.active > label {
  top: -5px;
  left: 2px;
  font-size: 16px;
  cursor: default;
}