/* section settings
/* -------------------------------------------------- */
section,
#subheader {
  -webkit-background-size: 100% !important;
  -moz-background-size: 100% !important;
  -o-background-size: 100% !important;
  background-size: 100% !important;
}

/* all section  */
#section-coming-soon {
  background: none;
  position: absolute;
  min-height: 100%;
  width: 100%;
  z-index: 1;
}

#section-gallery {
  background: #fff;
  width: 101%;
}

#section-intro {
  background: url(../images/background/bg-4.jpg);
  overflow: hidden;
}

#section-intro-2 {
  background: url(../images/background/bg-7.jpg);
  overflow: hidden;
}

#section-welcome {
  background: url(../images/background/bg-9.jpg);
  overflow: hidden;
}

#section-why-choose-us {
  background: url(../images/background/bg-8.jpg) top fixed;
}

#section-testimonial {
  background: url(../images/background/bg-3.jpg);
  background-size: cover;
}

#section-top-reason {
  background: #3d3d47;
}

#section-services {
  background: url(../images/background/bg-1.jpg) top fixed;
}

#view-all-projects,
#call-to-action {
  padding: 60px 0 60px 0;
}

#section-offer {
  background: #eee;
}

#section-hero-2 {
  background: url(../images/background/bg-10.jpg);
  overflow: hidden;
}

#section-hero-3 {
  background: url(../images/background/bg-11.jpg);
  overflow: hidden;
}

#section-hero-5 {
  background: url(../images/background/bg-12.jpg);
  overflow: hidden;
}

/* section with side background image */
#explore-1,
#explore-2,
#explore-4 {
  background: #eee;
}

#explore-1.side-bg .background-image {
  background: url(../images/background/bg-side-2.jpg) top;
}

#explore-2.side-bg .background-image {
  background: url(../images/gallery/about-us.jpg) top;
}

#explore-3.side-bg .background-image {
  background: url(../images/background/bg-side-1.jpg) top;
}

#explore-4.side-bg .background-image {
  background: url(../images/background/bg-side-4.jpg) top;
}

#explore-5 {
  background: #50094d;
}

#explore-5.side-bg .background-image {
  background: url(../images/background/bg-side-9.jpg) top;
}

#explore-6.side-bg .background-image {
  background: url(../images/gallery/home-membership.png) top;
}

#explore-6.side-bg .background-image.ea-aesthetic-bg {
  background: url(../images/gallery/home-about-us.jpg) top;
}

/* background settings for file index-coming-soon-1html */
#bg-coming-soon-page {
  background: url(../images/background/bg-5.jpg) center fixed;
  position: fixed;
  min-height: 100%;
  width: 100%;
}


/* subheader background for specify page */
#subheader {
  background: url(../images/services/about_full.jpg)top fixed;
}

.page-services #subheader {
  background-image: url(../images/background/subheader-1.jpg);
}

.page-about #subheader {
  background-image: url(../images/services/about_full.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.page-about #subheader .container {
  padding-top: 70px;
  padding-bottom: 70px;
  backdrop-filter: brightness(0.7) blur(3px);
  width: 100%;
}

.page-blog #subheader {
  background-image: url(../images/background/subheader-7.jpg);
}

.page-shop #subheader {
  background-image: url(../images/background/subheader-4.jpg);
}

.page-contact #subheader {
  background-image: url(../images/background/subheader-5.jpg);
}

.page-service-details #subheader {
  background-image: url(../images/background/subheader-6.jpg);
}

.page-booking #subheader {
  background-image: url(../images/background/subheader-3.jpg);
}


/* subheader side background for services details page */
#services-hair.side-bg .background-image {
  background: url(../images/background/bg-side-1.jpg) top;
}

#services-makeup.side-bg .background-image {
  background: url(../images/background/bg-side-4.jpg) top;
}

#services-facial.side-bg .background-image {
  background: url(../images/background/bg-side-5.jpg) top;
}

#services-massage.side-bg .background-image {
  background: url(../images/background/bg-side-6.jpg) top;
}

#services-nail.side-bg .background-image {
  background: url(../images/background/bg-side-7.jpg) top;
}

#services-waxing.side-bg .background-image {
  background: url(../images/background/bg-side-8.jpg) top;
}


/* media query */
@media only screen and (max-width: 992px) {

  section,
  #subheader {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}