/* 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/bg-4.jpg);
  overflow: hidden;
}
#section-intro-2 {
  background: url(../images/bg-7.jpg);
  overflow: hidden;
}
#section-welcome {
  background: url(../images/bg-9.jpg);
  overflow: hidden;
}
#section-why-choose-us {
  background: url(../images/bg-8.jpg) top fixed;
}
#section-testimonial {
  background: url(../images/bg-3.jpg);
  background-size: cover;
}
#section-top-reason {
  background: #3d3d47;
}
#section-services {
  background: url(../images/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/bg-10.jpg);
  overflow: hidden;
}
#section-hero-3 {
  background: url(../images/bg-11.jpg);
  overflow: hidden;
}
#section-hero-5 {
  background: url(../images/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/bg-side-2.jpg) top;
}
#explore-2.side-bg .background-image {
  background: url(../images/bg-side-1.jpg) top;
}
#explore-3.side-bg .background-image {
  background: url(../images/bg-side-1.jpg) top;
}
#explore-4.side-bg .background-image {
  background: url(../images/bg-side-4.jpg) top;
}
#explore-5 {
  background: #333;
}
#explore-5.side-bg .background-image {
  background: url(../images/belinda.jpeg) top;
}
#explore-6.side-bg .background-image {
  background: url(../images/bg-side-10.jpg) top;
}

/* background settings for file index-coming-soon-1html */
#bg-coming-soon-page {
  background: url(../images/bg-5.jpg) center fixed;
  position: fixed;
  min-height: 100%;
  width: 100%;
}

/* subheader background for specify page */
#subheader {
  background: url(../images/bg-subheader.jpg) top fixed;
}
.page-services #subheader {
  background-image: url(../images/subheader-1.jpg);
}
.page-about #subheader {
  background-image: url(../images/subheader-2.jpg);
}
.page-blog #subheader {
  background-image: url(../images/subheader-7.jpg);
}
.page-shop #subheader {
  background-image: url(../images/subheader-4.jpg);
}
.page-contact #subheader {
  background-image: url(../images/subheader-5.jpg);
}
.page-service-details #subheader {
  background-image: url(../images/subheader-6.jpg);
}
.page-booking #subheader {
  background-image: url(../images/subheader-3.jpg);
}

/* subheader side background for services details page */
#services-hair.side-bg .background-image {
  background: url(../images/bg-side-1.jpg) top;
}
#services-makeup.side-bg .background-image {
  background: url(../images/bg-side-4.jpg) top;
}
#services-facial.side-bg .background-image {
  background: url(../images/bg-side-5.jpg) top;
}
#services-massage.side-bg .background-image {
  background: url(../images/bg-side-6.jpg) top;
}
#services-nail.side-bg .background-image {
  background: url(../images/bg-side-7.jpg) top;
}
#services-waxing.side-bg .background-image {
  background: url(../images/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;
  }
}
