refactor

header.php

@@ -13,7 +13,7 @@
   <div class="header-wrapper">
     <div class="header-container">
       <header class="header">
-          <div class="row align-items-center justify-content-around" style="height: 70px; margin: 0;">
+          <div class="row align-items-center justify-content-around header-top">
 
               <div class="col-3 col-sm-4 col-lg" style="justify-content: center; border-right: 1px solid #fff">
                   <a class="header-info__logo" href="<?php echo get_home_url() ?>">

parts/certificates/modal.php

@@ -1,8 +0,0 @@
-<div class="cert-modal">
-  <div class="cert-modal-overlay"></div>
-  <div class="cert-modal-body">
-    <?php 
-      get_template_part('parts/home/order')
-    ?>
-  </div>
-</div>

parts/contacts/contacts-header.php

@@ -1,4 +1,4 @@
-<div class="page-header" style="background: url('<?php the_field('contacts_header_photo') ?>') top left no-repeat; background-size: cover" >
+<div class="page__header" style="background: url('<?php the_field('contacts_header_photo') ?>') top left no-repeat; background-size: cover" >
   <div class="page-overlay"></div>
   <h1><?php the_title() ?></h1>
   <h2><?php the_field('page_description')?></h2>

parts/gallery/gallery-header.php

@@ -1,4 +1,4 @@
-<div class="page-header" style="background: url('<?php the_field('gallery_header_img') ?>') top left no-repeat; background-size: cover" >
+<div class="page__header" style="background: url('<?php the_field('gallery_header_img') ?>') top left no-repeat; background-size: cover" >
   <div class="page-overlay"></div>
   <h1><?php the_title() ?></h1>
 </div>

parts/holiday/adding-service.php

@@ -1,4 +1,4 @@
-<div class="adding-service container holiday-block">
+<div class="container holiday-block adding-service">
   <h2><?php the_field('step-head-3', 24)?></h2>
   <p><?php the_field('step-descr-3', 24)?></p>
   <div class="extras row justify-content-between align-items-start">

parts/holiday/main.php

@@ -1,16 +0,0 @@
-<div class="holiday-main">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-5 col-12">
-        <img src="<?php echo get_template_directory_uri()?>/assets/img/armanty_logo.png" alt="">
-        <h1>Организация детских праздников</h1>
-        <p>Дни рождения и праздники "под ключ".
-          Мы развлекаем ваших детей, пока вы отдыхаете!</p>
-        <a href="/form"><button class="btn btn-danger btn-round">Оставить заявку</button></button></a>
-      </div>
-      <div class="col-lg-7">
-        <img src="<?php echo get_template_directory_uri()?>/assets/img/holiday/main.png" alt="">
-      </div>
-    </div>
-  </div>
-</div>

parts/holiday/photos.php

@@ -1,4 +1,4 @@
-<div class="holiday-photos holiday-block">
+<div class="holiday-block holiday-photos">
   <h2><?php the_field('step-head-4', 24)?></h2>
   <p><?php the_field('step-descr-4', 24)?></p>
   <?php 

parts/page-header.php

@@ -1,5 +1,5 @@
-<div class="quests-headers" style="background: url('<?php the_post_thumbnail_url() ?>') top left no-repeat;background-size: cover">
+<div class="page__header" style="background: url('<?php the_post_thumbnail_url() ?>') top left no-repeat;">
-  <div class="quests-overlay"></div>
+  <div class="page_overlay"></div>
   <h1><?php the_title() ?></h1>
   <h2><?php the_field('page_description')?></h2>
   <?php  if(is_page('24')){ ?>

parts/quests/single/slider.php

@@ -1,12 +1,12 @@
-<div class="quest-slider">
+<div class="quest__slider">
   <div id="carouselExampleControls" class="carousel slide" data-ride="">
-    <div class="quest-slider-overlay"></div>
+    <div class="quest__slider-overlay"></div>
     <div class="carousel-inner">
       <!-- Вывод изображений в слайдер -->
     <?php 
       $image_array = get_field('quest_slider_imgs');
       foreach ( $image_array as $image ) { ?>
-        <div class="carousel-item" style="height: 600px; background: url(<?php echo $image ?>) center top / cover no-repeat">
+        <div class="carousel-item" style="background: url(<?php echo $image ?>) center top / cover no-repeat;">
         </div>
       <?php } ?>
     ?>
@@ -19,7 +19,7 @@
       <span class="carousel-control-next-icon" aria-hidden="true"></span>
       <span class="sr-only">Next</span>
     </a>
-    <div class="quest-slider-header">
+    <div class="quest__slider-header">
       <h1><?php the_title();?></h1>
     </div>
     

php/wordpress/styles.php

@@ -10,7 +10,19 @@
 
     wp_enqueue_style('styles', get_stylesheet_uri());
 
-    // Common styles
+    // Libs
+    wp_enqueue_style('font-awesome', $libs . '/font-awesome-4.7.0/css/font-awesome.min.css', null, '4.7.0');
+    wp_enqueue_style('bootstrap', $libs . '/bootstrap-4.4.1-dist/css/bootstrap.min.css', null, '4.4.1');
+
+    wp_enqueue_style('owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css', array(), $styleVersion);
+    if(is_page ('59')){
+      wp_enqueue_style('btdtpicker', $libs . '/bootstrap_datetimepicker/css/bootstrap.min.css', array(), $styleVersion);
+    }
+    wp_enqueue_style('dtpicker', $libs . '/bootstrap_datetimepicker/css/bootstrap-datetimepicker.min.css', array(), $styleVersion);
+    wp_enqueue_style('bootstrapselect', $libs . '/bootstrap-select/bootstrap-select.min.css', array(), $styleVersion);
+
+
+      // Common styles
     // wp_enqueue_style('armanty_style', $css . '/style.css', array(), $styleVersion);
     wp_enqueue_style('bundle', $css . '/bundle.css', array(), $styleVersion);
 

src/libs/bootstrap_datetimepicker/css/bootstrap.css

@@ -1407,7 +1407,7 @@ a.bg-danger:hover,
 a.bg-danger:focus {
   background-color: #e4b9b9;
 }
-.page-header {
+.page__header {
   padding-bottom: 9px;
   margin: 40px 0 20px;
   border-bottom: 1px solid #eee;

src/sass/pages/holiday.scss

@@ -1,5 +1,4 @@
 @import '../parts/adding-service';
-@import '../parts/options';
 @import '../parts/entertaiments';
 @import '../parts/places';
 @import '../parts/order';
@@ -28,25 +27,6 @@
     }
   }
 
-  &-photos {
-    margin-right: auto;
-    margin-bottom: 44px;
-    margin-left: auto;
-    padding-top: 44px;
-    text-align: center;
-
-    p {
-      max-width: 650px;
-      margin-right: auto;
-      margin-left: auto;
-    }
-
-    img {
-      margin-bottom: 40px;
-      border-radius: 20px;
-    }
-  }
-
   &-descr {
     font-family: 'Museo Regular', sans-serif;
 
@@ -202,11 +182,6 @@
 
 @media screen and (max-width: 576px) {
   .holiday {
-    &-photos {
-      margin-bottom: 30px;
-      padding-top: 0;
-    }
-
     &-block {
       padding-top: 20px;
       padding-right: 0;

src/sass/pages/quests.scss

@@ -7,212 +7,4 @@
   background-size: cover;
   font-family: 'PT Sans', sans-serif;
 
-  .icon-hidden {
-    opacity: 0.3;
-  }
-
-  &-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    width: 100%;
-    height: 408px;
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-
-  &-headers {
-    position: relative;
-    z-index: 3;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 408px;
-    color: #ffffff;
-    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
-    text-align: center;
-
-    h1 {
-      position: relative;
-      z-index: 3;
-      margin-bottom: 32px;
-      font-weight: 600;
-      font-size: 48px;
-      line-height: 0.75;
-      letter-spacing: 0.4px;
-    }
-
-    h2 {
-      position: relative;
-      z-index: 3;
-      font-weight: 600;
-      font-size: 26px;
-      line-height: 0.75;
-      letter-spacing: 0.4px;
-    }
-  }
-
-  &-content {
-    max-width: 1280px !important;
-    margin: 70px auto -20px;
-
-    a {
-      outline: none;
-      text-decoration: none;
-    }
-
-    &__item {
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      justify-content: flex-end;
-      width: 400px;
-      min-width: 400px;
-      max-width: 400px;
-      height: 296px;
-      margin-bottom: 50px;
-      padding: 0;
-      border-radius: 20px;
-      background-size: cover;
-
-      .quest__text {
-        width: 100%;
-        height: 160px;
-        padding: 0 25px 60px;
-        border-radius: 0 0 20px 20px;
-        background: url('../../img/quests/exitquests-mask.svg') top center no-repeat;
-        color: #ffffff;
-
-        h3 {
-          margin: 25px 0 8px;
-          font-weight: 600;
-          font-size: 24px;
-          letter-spacing: 0.3px;
-        }
-
-        p {
-          margin-bottom: 8px;
-          font-size: 16px;
-          letter-spacing: 0.1px;
-        }
-      }
-
-      &-icons {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        max-width: 350px;
-        margin-right: auto;
-        margin-left: auto;
-      }
-    }
-  }
-}
-
-@media screen and (max-width: 1200px) {
-  .quests {
-    &-headers {
-      background-size: cover;
-    }
-
-    &-content {
-      justify-content: center !important;
-
-      &__item {
-        max-height: 450px !important;
-        margin: 30px auto;
-      }
-    }
-  }
-}
-
-@media screen and (max-width: 768px) {
-  .quests {
-    &-headers {
-      height: 200px;
-
-      h1 {
-        font-size: 34px;
-      }
-
-      h2 {
-        font-size: 20px;
-      }
-    }
-
-    &-overlay {
-      height: 200px;
-    }
-  }
-}
-
-@media screen and (max-width: 576px) {
-  .quests {
-    margin-top: 0;
-
-    &-headers {
-      box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
-
-      h1 {
-        font-size: 28px;
-      }
-
-      h2 {
-        max-width: 395px;
-        font-size: 16px !important;
-        line-height: 1.1;
-      }
-    }
-
-    &-content {
-      margin-top: 20px;
-      margin-bottom: 20px;
-
-      .row {
-        justify-content: center !important;
-      }
-
-      &__item {
-        width: 288px;
-        min-width: 288px;
-        max-width: 288px;
-        height: 213px;
-        margin: 15px auto !important;
-
-        .quest__text {
-          height: 114px;
-          padding: 0 15px 15px;
-
-          h3 {
-            margin-top: 20px;
-            font-size: 16px;
-          }
-
-          p {
-            margin-bottom: 0;
-            font-size: 14px;
-            line-height: 1.15;
-          }
-
-          img {
-            max-width: 14px;
-          }
-
-          .quests-content__item-icons {
-            justify-content: space-between !important;
-          }
-        }
-      }
-    }
-  }
-}
-
-@media screen and (max-width: 320px) {
-  .quest-slider {
-    .carousel-control-next, .carousel-control-prev {
-      top: 65% !important;
-    }
-  }
 }

src/sass/pages/single-quest.scss

@@ -8,79 +8,7 @@
   }
 }
 
-.quest-slider {
-  position: relative;
-  max-height: 600px;
 
-  .carouselExampleControls {
-    position: relative;
-  }
-
-  .carousel-control-prev, .carousel-control-next {
-    position: absolute;
-    top: 50%;
-    left: 15%;
-    z-index: 3 !important;
-    width: 40px;
-    height: 80px;
-    transform: translateY(-40px);
-  }
-
-  .carousel-control-next {
-    left: 85%;
-  }
-
-  .carousel-control-prev-icon {
-    width: 40px;
-    height: 80px;
-    background: url('../../img/quest/arrow-disabled-prev.svg') center no-repeat;
-  }
-
-  .carousel-control-next-icon {
-    width: 40px;
-    height: 80px;
-    background: url('../../img/quest/arrow-disabled-next.svg') center no-repeat;
-  }
-
-  .carousel-control-prev-icon:hover {
-    background: url('../../img/quest/arrow-active-prev.svg') center no-repeat;
-  }
-
-  .carousel-control-next-icon:hover {
-    background: url('../../img/quest/arrow-active-next.svg') center no-repeat;
-  }
-
-  &-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-
-  img {
-    max-height: 600px;
-  }
-
-  &-header {
-    position: absolute;
-    bottom: 62px;
-    z-index: 3;
-    width: 100%;
-    text-align: center;
-
-    h1 {
-      color: #ffffff;
-      font-weight: 600;
-      font-size: 48px;
-      font-family: 'PT Sans', sans-serif;
-      line-height: 1.15;
-      letter-spacing: 0.3px;
-    }
-  }
-}
 
 .quest-description {
   margin-top: 40px;
@@ -219,12 +147,12 @@
     background-repeat: no-repeat !important;
   }
 
-  .quest-slider .carousel-control-prev, .quest-slider .carousel-control-next {
+  .quest__single-slider .carousel-control-prev, .quest__single-slider .carousel-control-next {
     z-index: 5 !important;
     width: 20px;
   }
 
-  .quest-slider {
+  .quest__single-slider {
     height: 40px !important;
 
     .carousel-control-prev-icon, .carousel-control-next-icon {
@@ -240,7 +168,17 @@
     }
   }
 
-  .carousel-control-next, .quest-slider .carousel-control-prev {
+  .carousel-control-next, .quest__single-slider .carousel-control-prev {
     height: 40px !important;
   }
 }
+
+
+
+@media screen and (max-width: 320px) {
+  .quest__single-slider {
+    .carousel-control-next, .carousel-control-prev {
+      top: 65% !important;
+    }
+  }
+}

src/sass/parts/callback-modal.scss

@@ -44,3 +44,10 @@
     width: 80%;
   }
 }
+@media screen and (max-width: 576px) {
+  .callback-modal__body {
+    h2 {
+      font-size: 18px !important;
+    }
+  }
+}

src/sass/parts/header.scss

@@ -13,6 +13,12 @@
   margin: 0 auto;
   transition: 0.55s ease-in-out;
 
+  &-top {
+    display: flex;
+    height: 70px;
+    margin: 0;
+  }
+
   &-container {
     top: 0;
     right: 0;
@@ -277,6 +283,12 @@
   transition: 0.3s ease-in-out;
 }
 
+.header-phone-number-block {
+  justify-content: center;
+  border-right: 1px solid #fff;
+  height: 100%;
+}
+
 .popover {
   z-index: 999999;
   margin-top: 20px !important;

src/sass/parts/holiday-photos.scss

@@ -0,0 +1,25 @@
+.holiday-photos {
+  margin-right: auto;
+  margin-bottom: 44px;
+  margin-left: auto;
+  padding-top: 44px;
+  text-align: center;
+
+  p {
+    max-width: 650px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  img {
+    margin-bottom: 40px;
+    border-radius: 20px;
+  }
+}
+
+@media screen and (max-width: 576px) {
+  .holiday-photos {
+    margin-bottom: 30px;
+    padding-top: 0;
+  }
+}

src/sass/parts/main-block.scss

@@ -2,9 +2,6 @@
 
 .main {
   height: 325px;
-}
-
-.main {
   margin-top: 35px;
   margin-bottom: 35px;
 }
@@ -26,8 +23,8 @@
     display: block;
   }
 
-  .main .slider-desktop{
+  .main .slider-desktop {
-    display:none;
+    display: none;
   }
 }
 

src/sass/parts/packages.scss

@@ -0,0 +1,15 @@
+
+
+
+@media screen and (max-width: 576px) {
+  .packages-item {
+    padding: 25px 23px !important;
+  }
+}
+@media screen and (max-width: 480px) {
+
+
+  .packages-item {
+    width: 255px;
+  }
+}

src/sass/parts/page-header.scss

@@ -0,0 +1,102 @@
+.page__header {
+  position: relative;
+  z-index: 3;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 408px;
+  color: #ffffff;
+  background-size: cover;
+  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
+  text-align: center;
+
+  h1 {
+    position: relative;
+    z-index: 3;
+    margin-bottom: 32px;
+    font-weight: 600;
+    font-size: 48px;
+    line-height: 0.75;
+    letter-spacing: 0.4px;
+  }
+
+  h2 {
+    position: relative;
+    z-index: 3;
+    font-weight: 600;
+    font-size: 26px;
+    line-height: 0.75;
+    letter-spacing: 0.4px;
+  }
+}
+
+.page_overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  height: 408px;
+  background-color: rgba(0, 0, 0, 0.35);
+}
+
+@media screen and (max-width: 768px) {
+  .page {
+    &__header {
+      height: 200px;
+
+      h1 {
+        font-size: 34px;
+      }
+
+      h2 {
+        font-size: 20px;
+      }
+    }
+
+    &_overlay {
+      height: 200px;
+    }
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  .page {
+    &__header {
+      background-size: cover;
+    }
+  }
+}
+@media screen and (max-width: 576px) {
+  .page {
+    &__header {
+      box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
+
+      h1 {
+        font-size: 28px;
+      }
+
+      h2 {
+        max-width: 395px;
+        font-size: 16px !important;
+        line-height: 1.1;
+      }
+    }
+  }
+
+
+  .page__header {
+    h1 {
+      font-size: 28px;
+      line-height: 1.2;
+    }
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .page__header {
+    height: 200px;
+    background-position: top center !important;
+  }
+}

src/sass/parts/quest-single-slider.scss

@@ -0,0 +1,82 @@
+.quest__slider {
+  max-height: 600px;
+  position: relative;
+}
+
+.quest__slider {
+  position: relative;
+  max-height: 600px;
+
+  .carouselExampleControls {
+    position: relative;
+  }
+
+  .carousel-control-prev, .carousel-control-next {
+    position: absolute;
+    top: 50%;
+    left: 15%;
+    z-index: 3 !important;
+    width: 40px;
+    height: 80px;
+    transform: translateY(-40px);
+  }
+
+  .carousel-control-next {
+    left: 85%;
+  }
+
+  .carousel-item {
+    height: 600px;
+  }
+
+  .carousel-control-prev-icon {
+    width: 40px;
+    height: 80px;
+    background: url('../../img/quest/arrow-disabled-prev.svg') center no-repeat;
+  }
+
+  .carousel-control-next-icon {
+    width: 40px;
+    height: 80px;
+    background: url('../../img/quest/arrow-disabled-next.svg') center no-repeat;
+  }
+
+  .carousel-control-prev-icon:hover {
+    background: url('../../img/quest/arrow-active-prev.svg') center no-repeat;
+  }
+
+  .carousel-control-next-icon:hover {
+    background: url('../../img/quest/arrow-active-next.svg') center no-repeat;
+  }
+
+  &-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.35);
+  }
+
+  img {
+    max-height: 600px;
+  }
+
+  &-header {
+    position: absolute;
+    bottom: 62px;
+    z-index: 3;
+    width: 100%;
+    text-align: center;
+
+    h1 {
+      color: #ffffff;
+      font-weight: 600;
+      font-size: 48px;
+      font-family: 'PT Sans', sans-serif;
+      line-height: 1.15;
+      letter-spacing: 0.3px;
+    }
+  }
+}

src/sass/parts/quests-list.scss

@@ -0,0 +1,122 @@
+.quests {
+  &-content {
+    max-width: 1280px !important;
+    margin: 70px auto -20px;
+
+    a {
+      outline: none;
+      text-decoration: none;
+    }
+
+    &__item {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      justify-content: flex-end;
+      width: 400px;
+      min-width: 400px;
+      max-width: 400px;
+      height: 296px;
+      margin-bottom: 50px;
+      padding: 0;
+      border-radius: 20px;
+      background-size: cover;
+
+      .quest__text {
+        width: 100%;
+        height: 160px;
+        padding: 0 25px 60px;
+        border-radius: 0 0 20px 20px;
+        background: url('../../img/quests/exitquests-mask.svg') top center no-repeat;
+        color: #ffffff;
+
+        h3 {
+          margin: 25px 0 8px;
+          font-weight: 600;
+          font-size: 24px;
+          letter-spacing: 0.3px;
+        }
+
+        p {
+          margin-bottom: 8px;
+          font-size: 16px;
+          letter-spacing: 0.1px;
+        }
+      }
+
+      &-icons {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        max-width: 350px;
+        margin-right: auto;
+        margin-left: auto;
+      }
+    }
+  }
+
+  .icon-hidden {
+    opacity: 0.3;
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  .quests {
+    &-content {
+      justify-content: center !important;
+
+      &__item {
+        max-height: 450px !important;
+        margin: 30px auto;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 576px) {
+  .quests {
+    margin-top: 0;
+
+    &-content {
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      .row {
+        justify-content: center !important;
+      }
+
+      &__item {
+        width: 288px;
+        min-width: 288px;
+        max-width: 288px;
+        height: 213px;
+        margin: 15px auto !important;
+
+        .quest__text {
+          height: 114px;
+          padding: 0 15px 15px;
+
+          h3 {
+            margin-top: 20px;
+            font-size: 16px;
+          }
+
+          p {
+            margin-bottom: 0;
+            font-size: 14px;
+            line-height: 1.15;
+          }
+
+          img {
+            max-width: 14px;
+          }
+
+          .quests-content__item-icons {
+            justify-content: space-between !important;
+          }
+        }
+      }
+    }
+  }
+}

src/sass/parts/quests-slider.scss

@@ -49,7 +49,7 @@
       height: 100%;
 
       div {
-        padding: 40px 0 0;
+        padding: 40px 40px 0;
       }
 
       h3 {

src/sass/parts/variants.scss

@@ -29,6 +29,7 @@
   }
 }
 
+
 @media screen and (max-width: 1200px) {
   .var-item {
     span {
@@ -83,20 +84,7 @@
   }
 }
 
-@media screen and (max-width: 576px) {
-  .callback-modal__body {
-    h2 {
-      font-size: 18px !important;
-    }
-  }
 
-  .var-item {
-    img {
-      max-width: 100%;
-      height: auto;
-    }
-  }
-}
 
 @media screen and (min-width: 1200px) {
   .var-line {
@@ -141,3 +129,14 @@
     }
   }
 }
+
+@media screen and (max-width: 576px) {
+
+
+  .var-item {
+    img {
+      max-width: 100%;
+      height: auto;
+    }
+  }
+}

src/sass/style.scss

@@ -9,8 +9,8 @@ body {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  font-family: 'Museo Regular', sans-serif;
   font-size: 16px !important;
+  font-family: 'Museo Regular', sans-serif;
 }
 
 .btn {
@@ -139,24 +139,12 @@ body {
     font-size: 34px;
     line-height: 1.1;
   }
-
-  .page-header {
-    height: 200px;
-    background-position: top center !important;
-  }
 }
 
 @media screen and (max-width: 576px) {
   .btn-round {
     padding: 15px !important;
   }
-
-  .page-header {
-    h1 {
-      font-size: 28px;
-      line-height: 1.2;
-    }
-  }
 }
 
 
@@ -320,10 +308,6 @@ body {
     }
   }
 
-  .packages-item {
-    width: 255px;
-  }
-
   .full-page__border {
     display: none;
     height: auto !important;
@@ -332,11 +316,4 @@ body {
   .wave > div {
     background: #ffffff;
   }
-}
+}
-
-
-@media screen and (max-width: 576px) {
-  .packages-item {
-    padding: 25px 23px !important;
-  }
-}

templates/certificates.php

@@ -19,11 +19,9 @@
   ?>
 
   <div class="wave wave-no-top wave-no-bottom" style="background-color: #f2f2f2">
-    <?php get_template_part('parts/holiday/description'); ?>
+    <?php get_template_part('parts/compound'); ?>
   </div>
-  <?php
+
-  
-  get_template_part('parts/certificates/modal'); ?>
   <script> 
   document.querySelector('.page-header').style.background = 'url("<?php echo the_field('cert_bg', 35)?>") top left no-repeat';
   document.querySelector('.page-header').style.backgroundSize = 'cover';  

templates/holiday.php

@@ -6,7 +6,7 @@
 
 <?php
   get_header();
-  get_template_part('parts/quests/quests-header');
+  get_template_part('parts/page-header');
   get_template_part('parts/home/entertaiment'); 
 ?>
   <div class="full-page__border"></div>
@@ -22,7 +22,7 @@
   </div>
 
   <div class="" style="background: #f2f2f2">
-    <?php get_template_part('parts/holiday/description'); ?>
+    <?php get_template_part('parts/compound'); ?>
   </div>
 
   <?php 

templates/quests.php

@@ -8,12 +8,12 @@
 
 <div class="quests">
     <?php
-        get_template_part('parts/quests/quests-header');
+        get_template_part('parts/page-header');
-        get_template_part('parts/quests/quests-content');
+        get_template_part('parts/quests/quests-list');
     ?>
 </div>
 
 <?php
-    get_template_part('parts/quests/compound');
+    get_template_part('parts/compound');
     get_footer();
 ?>

templates/sales.php

@@ -4,15 +4,9 @@
     */
 ?>
 
-<?php get_header();?>
+<?php
-
+    get_header();
-<div class="page sales">
+    get_template_part('parts/page-header');
-  <div class="page-header" style="background: url('<?php echo the_field('armanty_discount_img') ?>') top left no-repeat; background-size: cover" >
+    get_template_part('parts/home/discount');
-  <div class="page-overlay"></div>
+    get_footer();
-  <h1>Скидки и акции на квесты</h1>
-</div>
-
-<?php 
-  get_template_part('parts/home/discount');
-  get_footer(); 
 ?>