/* ------------------------------------*\
    COLOURS
\*------------------------------------ */
/* ------------------------------------*\
    FONT FAMILY
\*------------------------------------ */
/* ------------------------------------*\
    FONT WEIGHTS
\*------------------------------------ */
/* ------------------------------------*\
    FONT SIZES
\*------------------------------------ */
/* ------------------------------------*\
    PAGE SIZES
\*------------------------------------ */
.app-banner-last {
  background-image: url(/wp-content/themes/bonline/images/app/Z-Ultra-PID-Technology.jpg) !important;
}
.our-pick__product {
    max-width: 330px;
    margin: 0 auto;
    padding-top: 35px;
}
.app-banner {
  min-height: 420px;
  display: flex;
  align-items: center;
  background-image: url(/wp-content/themes/bonline/images/app/Z-Grills-App-Banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1279px) {
  .app-banner {
    background-position: center;
  }
}
@media only screen and (max-width: 767px) {
  .app-banner {
    background-image: url(/wp-content/uploads/2024/11/ZGrills_App_Mobile-Banner-2-scaled.jpg);
    background-position: center;
	min-height: 310px;
  }
	.app-banner__images, .app-banner__content .app-banner__line {
		display: none !important;
	}
}
.app-banner__content {
  color: #ffffff;
  width: 45%;
}
@media only screen and (max-width: 991px) {
  .app-banner__content {
    width: 100%;
	  text-align: center;
  }
	.our-pick__product {
    max-width: 100%;
    margin: 0 auto;
    	padding-top: 35px;
	}
	.app-banner__line {
  		display: inline-block !important;
	}
}
.app-banner__icon-one {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .app-banner__icon-one {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.app-banner__images {
  margin-top: 30px;
}
.app-banner__icon {
  width: 160px;
}
	
@media only screen and (max-width: 767px) {
  .app-banner__icon {
    	width: 120px;
	  margin-bottom: 0px;
  	}
}
.app-banner__line {
  width: 80px;
  height: 5px;
  display: block;
  background: #bc3d1d;
  margin: 18px 0px;
}

.ultimate-mobile {
  background-image: url(/wp-content/themes/bonline/images/app/App-Background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
@media only screen and (max-width: 991px) {
  .ultimate-mobile {
    display: block;
  }
}

.ultimate {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url(/wp-content/themes/bonline/images/app/App-Background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .ultimate {
    display: none;
  }
}
.ultimate__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 0 20px;
  row-gap: 20px;
  grid-column-gap: 50px;
  margin-top: 20px;
}
.ultimate__content {
  color: #ffffff;
  padding-top: 50px;
}
@media only screen and (max-width: 991px) {
  .ultimate__content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.ultimate__img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.ultimate__title {
  text-align: center;
  color: #ffffff;
}

.effortless {
  padding-top: 50px;
  padding-bottom: 70px;
  background: #000000;
}
.effortless__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 0 20px;
  row-gap: 20px;
  grid-column-gap: 20px;
}
@media only screen and (max-width: 991px) {
  .effortless__wrapper {
    display: block;
  }
}
.effortless__img {
  width: 100%;
}
.effortless__title {
  text-align: center;
  color: #ffffff;
  margin-bottom: 25px;
}
.effortless__play-images {
  text-align: center;
  margin-top: 35px;
}
.effortless__item {
  position: relative;
  min-height: 500px;
}
@media only screen and (min-width: 1700px) {
  .effortless__item {
   		min-height: 550px;
	}
}
.effortless__item-content {
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  padding: 5px 25px;
}

.our-pick {
  padding-top: 50px;
  padding-bottom: 50px;
}
.our-pick__title {
  text-align: center;
}

/*# sourceMappingURL=app-page.css.map */