/************************************************************************
// Table of Background CSS

1. Blog Header
2. Custom Front Page
3. Blog Single
4. Features Section
5. Counter Section
6. Card Section

*************************************************************************/

/* 1. Blog Header */
.blog-header {
  background: url('../img/headerimages/header.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}
.blog-header:before {
  background-color: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}

.about-back {
  background: url('../img/headerimages/aboutus.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}

.product-back {
  background: url('../img/headerimages/products.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}

.export-back {
  background: url('../img/headerimages/exports.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}

.values-back {
  background: url('../img/headerimages/values.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}

.awards-back {
  background: url('../img/headerimages/awards.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}

.contact-back {
  background: url('../img/headerimages/header.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}
.services-back {
  background: url('../img/headerimages/header.jpg') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
  background-size: cover!important;
}

/* 2. Custom Front Page */
.front-header {
/*  background: url('../img/header.jpg') repeat-y center bottom;*/
  max-width: 100%;
/*  min-height: 570px;*/
    min-height: 75px;
  position: relative;
  overflow-y: hidden;
    height: 75px !important;
    z-index: 900;
    overflow: visible !important;
}
.front-header:before { 
  background: white;
   width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

/* 3. Blog Single */
.blog-single-header {
  background: url('../img/counter.jpg') repeat-y center center;
  max-width: 100%;
  height: 768px;
  position: relative;

}
.blog-single-header:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
         
}

/* 4. Features Section */
.section-features {
  background: url('../img/background.jpg') repeat-y center center;
}

/* 5. Counter Section */
.section-counter {
  background: url('../img/counter.jpg') no-repeat center top;
/*  max-width: 100%;*/
  position: relative;
    background-size: cover;
}
.section-counter:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}

/* 6. Card Section */
.section-card {
  background: url('../img/recipe/vcard.jpg') repeat-y center center;
}
@media (max-width: 992px){ 
  .front-header{
    min-height: 100px;
    height: 100px !important;
  }
  .section-gallery{
    padding-top: 10px !important;
  }
  .socialSection{
    display: none;
  }
  .gallery-content-wrap{
    padding-top:40px;
  } 
}