/* Title Beside Thumbnail Image */

.youtube-cols_wr {
  width: 100%;
}

.cols-youtube-a {
  width: 30%;
  float: left;
}

.cols-youtube-a .inside img {
  max-width: 100%;
  min-width: 50%;
}

.cols-youtube-b {
  width: 70%;
  float: left;
}

.cols-youtube-b .inside {
  padding: 0 0 20px;
}

.cols-youtube-b .inside h3 {
  margin: 0;
  padding: 0 10px !important;
  font-weight: 500;
  font-size: 1em;
  color: #333;
}

.inside {
  padding: 0;
  margin: 0;
}

/* END // */

/* New Layout CSS */

.flip-layout-wr {
  margin: 0;
}
.flip-layout-wr .side-b p a {
  width: 90%;
}

.outer {
  display: flex;
  margin: 0;
}

.spacer-a {
  margin-bottom: 40px;
}

.spacer-b {
  margin-bottom: 100px;
}

.side-a h3,
p {
  padding: 10px 0;
  /* margin-top: 50px; */
}

.side-b img {
  max-width: 100%;
  width: 100%;
}

.side-a {
  width: 70%;
}

.side-b {
  width: 45%;
}

.side-b h3 {
  font-size: 14px;
  padding: 10px 20px 0 !important;
  /* width: 210px; */
}

.side-a,
.side-b h3 {
  padding: 10px;
  margin: 0;
  min-height: 20px;
  float: left;
  margin-bottom: -5px;
}

.side-a {
  height: auto;
  padding: 0;
}

.side-b {
  height: auto;
}

@media only screen and (max-width: 800px) {
  .side-a iframe {
    margin-left: 0;
  }
  .layout-index a {
    font-size: 15px;
  }
  .spacer {
    margin: 30px !important;
  }

  .outer {
    display: flex;
    flex-direction: column;
  }
  .side-a,
  .side-b {
    width: 100%;
  }
  .side-a {
    order: 1;
  }
  .side-b {
    order: 2;
  }
  .slick-slide h3 {
    position: relative;
    left: 0;
    margin: 0 !important;
    padding: 5px !important;
  }
  .slick-carousel img {
    width: 100%;
  }
  .product_col a {
    text-decoration: none;
    color: #5a9f02;
    float: left;
    margin-left: 0 !important;
  }
}

#p-1 {
  display: block;
}

#p-2,
#p-3,
#p-4,
#p-5,
#p-6,
#p-7,
#p-8,
#p-9,
#p-10,
#p-11,
#p-12,
#p-13,
#p-14 {
  display: none;
}

/* END New Layout CSS */

/* .products h3 {
  font-weight: 500;
  margin-top: 10px;
  padding: 20px 0;
} */

.slick-slide h3 > sub {
  font-size: 12px;
  padding: 3px;
  position: relative;
  top: -4px;
}

.product_row {
  background: #fff;
  width: 100%;
  height: auto !important;
  min-height: 125px;
  float: left;
  position: relative;
  margin: 20px 0;
}

.wic_person img {
  margin: 3px 5px;
}
.wic_person {
  max-width: 550px;
}

.product_col {
  background: transparent;
  width: 98%;
  height: auto;
  min-height: 165px;
  float: left;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.product_col img {
  margin: 0 20px 15px 0;
  width: 10%;
  float: left;
}

.product_col a {
  text-decoration: none;
  color: #5a9f02;
}

.product_col h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 0.8;
  /*! padding-bottom: 20px; */
  margin-bottom: 10px;
}

.product_col p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.product_col a::before {
  content: url("../img/icons/arrow-circle.png");
  position: relative;
  top: 3px;
  padding: 0 10px 0 0;
}

.product_col ul li {
  list-style: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
}

.product_col ul {
  list-style-position: outside;
  padding: 0 20px;
  margin: 0;
  line-height: 1;
}

@media only screen and (max-width: 800px) {
  .product_col {
    background: transparent;
    width: 98%;
    height: auto;
    float: left;
    position: relative;
    border-bottom: 2px solid #f2f2f2;
  }
  .product_col {
    /* min-height: 320px; */
    height: auto;
    padding: 20px 0 40px;
  }
  .product_col:first-child {
    padding: 0 0 20px;
  }
  .product_col img {
    width: 20%;
  }
  .product_col h3 {
    line-height: 1.5;
  }
  .product_col p {
    /* font-size: 12px; */
    font-weight: 400;
    line-height: 1.5;
  }
  .product_col ul {
    list-style-position: outside;
    padding: 0 0 20px;
    margin: 0;
    line-height: 1;
  }
  .product_col a {
    text-decoration: none;
    color: #5a9f02;
    /* float: left;
    margin-left: 12%; */
  }
}

.products h2 {
  padding-top: 0px;
}

.products .side-a {
  margin-bottom: 0px;
}