/*
==============================
Page All
Section: Banner
==============================
*/

.banner {
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
.banner {
  height:40vh;
}
@media (max-height: 750px) {
  .banner {
    height: 45vh;
  }
}
@media (min-width: 992px) {
  .banner {
    background-position:center center;
    background-size:cover;
    height:40vh;
  }
  .banner .row {
    height:40vh;
  }
  .banner.banner-about-us {
    height: 25vh;
  }
}
@media (min-width: 1400px) {
  .banner-caption {
    left: 10%;
  }
  .banner {
    height: 45vh;
  }
  .banner .row {
    height: 45vh
  }
}
@media (min-width: 1600px) {
  .banner-caption {
    left: 18%;
  }
}
.banner.banner-home {
  background-image: url(/kiruyi/wp-content/themes/hellofriend/img/hero-home-mobile.jpg);
}

@media (min-width: 992px) {
  .banner.banner-home {
    background-image: url(/kiruyi/wp-content/themes/hellofriend/img/hero-home.jpg);
  }
}

.banner.banner-services {
  background-image: url(/kiruyi/wp-content/themes/hellofriend/img/hero-services-mobile.jpg);
}

@media (min-width: 992px) {
  .banner.banner-services {
    background-image: url(/kiruyi/wp-content/themes/hellofriend/img/hero-services.jpg);
  }
}