/* Note: went into bundle.css and changed tablet breakpoint from 1024 to 1180 */
@media (max-width: 1300px) {
	.header .nav,
	.header .socials { display: none; }
	.header .nav-trigger { display: block; }
}

/* Fixes the list items under the three product pages */
.list-features ul {
  justify-content: normal;
}

@media (max-width: 1180px) {
  .section-tiles .shell {
      padding: 0 60px;
  }
	.areas-container, .list-areas {
		display:block;
		margin:0 auto;
	}
	.areas-container img {
		left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
  .section-tiles .section__body {
      display: block;
  }
  .section-tiles .section__aside {
      position: relative;
      width: auto;
      height: 420px;
      padding: 0;
      margin: 0 -60px;
  }
  .section-tiles .section__aside figure {
      background-position: center center;
  }
  .section-tiles .section__content {
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding: 63px 15px 62px 0px;
  }
  .section-tiles .section__head {
      margin-bottom: 9px;
  }
  .section-tiles--reversed .section__content {
    padding-left:0px;
  }
}
@media (max-width:1180px) and (min-width:767px) {
  .section-primary {
    padding: 82px 52px 80px 52px;
  }
  .slider-intro .swiper__content {
    padding: 0px 52px;
  }
}
@media (max-width:767px) {
  .slider-intro .swiper__content {
    padding: 0px 20px;
  }
  .footer__foot .shell {
    padding:0;
  }
}
.footer__foot .shell {
  padding-left: 60px;
  padding-right:60px;
}
@media (max-width: 1025px) {
  .footer .footer__nav ul {
      -webkit-column-count: 1;
      column-count: 1;
  }
  .footer .cols {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .footer .footer__foot {
      padding: 91px 60px 91px;
  }
  .footer .footer__foot .footer__aside {
      position: relative;
      right: 0;
      top: -8px;
      padding-left: 56px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
}
@media (max-width:1200px) {
  .section.section-cols.section-wave-white .shell, .section.section-accordions .shell, .section.section-features .shell, .section.section-cols.section-wave.section-contact-us .shell, .section.section-form.section-wave .shell {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width:1180px) {
  .section.section-tiles.section-tiles--reversed .shell, .section.section-tiles .shell {
    padding: 0 140px;
  }
  .section.section-tiles.section-tiles--reversed .section__content {
    padding: 50px 0 50px 130px;
  }
  .section.section-tiles .section__content {
    padding: 100px 130px 100px 0;
  }
}
@media (min-width:767px) {
  .header .shell {
    padding-left:60px;
    padding-right:60px;
  }
}
.list__item {
  min-width:277.5px;
}
.list-services .list__item {
	min-width:33.33%;
	padding-left:10px;
	padding-right:10px;
}
@media (max-width:689px) {
  .list-features ul {
    justify-content: center;
  }
}
.accordion .accordion__head h5 {
  width:100%;
}
.header--fixed .nav-trigger span {
  background-color:#00b8c8;
}
@media (max-width:989px) {
  .list-features ul {
    width:600px;
    margin:auto;
  }
}
.form-contact .form__col--size1, .form-contact .form__col--size2 {
  max-width:none;
}
@media (max-width:720px) {
  .list-features ul {
    width:100%;
  }
}
.section-tiles .section__aside.map figure {
  background-position:left center;
}
@media (max-width:767px) {
  .slider-images .slider__popup-btn {
    padding:9px;
		width:50px;
		height:50px;
  }
	.list-services .list__item {
		border-right:none;
	}
}
@media (max-width:670px) {
  .footer__foot .cols {
    display:none;
  }
  .footer .footer__content--mobile {
    display: block;
  }
  .footer .footer__foot {
    padding: 30px 15px 26px;
    text-align: center;
  }
  .footer .footer__foot .socials ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width:670px) {
  .footer .footer__content--mobile {
      display: none;
  }
}
.slider__slide.swiper-slide {
  background-position: center !important;
}
.list-contact-info p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.21;
	color: #848484;
}

/* fixes regulations button */
.btn {
	text-align:center;
}

/* fixes the carousel fullscreen */
.swiper-slide img {
	width:100%;
	height:100%;
	object-fit: cover;
}
body.slider-opened .swiper-slide img {
	width:100%;
	height:auto;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.slider-opened .slider__container {
	background-color:black;
	height:auto;
}

/* makes the carousel smaller on mobile */
@media (max-width:670px) {
	.swiper-slide img, .slider__container {
		height: 250px;
	}
}
.footer__bar .shell .list-details a {
	color:#848484 !important;
}

footer .footer__head h5, footer .footer__head h5 a {
	z-index: 1 !important;
}

/* center aligns form submit buttons on mobile */
@media (max-width:767px) {
	.form__actions {
		text-align:center;
	}
}

/* fixes instagram "feed" */
.footer__body .list-images li a img, .footer__body .slick-track li a img {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.footer__body .list-images li a, .footer__body .slick-track li a {
	overflow:hidden;
	height:0px;
	padding-top:100%;
	position:relative;
}
.footer__body .list-images li i, .footer__body .slick-track li i {
	position:absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	color:rgb(0, 184, 199);
	font-weight:bold;
	font-size:60px;
	opacity: 0;
	display:block;
	margin:0 auto;
}
@media (min-width: 767px) {
	.footer__body .list-images li i, .footer__body .slick-track li i {
		height:auto;
	}
}
@media (min-width: 1440px) {
	.footer__body .list-images li, .footer__body .slick-track li {
		height:auto !important;
	}
}
.juicer-feed h1.referral {
	display:none !important;
}
.footer__body a:hover {opacity: .2;}
.footer__body .list-images li:hover i {opacity: 1 ;}
.footer__body .list-images li, .footer__body .slick-track li {
	height:auto !important;
}
