#main-products { background-image: url(../images/Wood_BG_2200.jpg); background-position: top center; padding-top: 20px; background-size: cover; }

.cat-title h1 { margin-bottom: 40px; }

.row.addiption>div { margin-bottom: 70px; min-height: 132px; }
.row.addiption>div:nth-child(3) { min-height: 150px; }
.row.addiption>div a { z-index: 200; position: relative; left: 15px; right: 15px;  }

.veggies { position: absolute; background-repeat: no-repeat; background-color: transparent; left: inherit; right: inherit; transition: all .2s;  opacity: 0.999; }
.veggies:before { position: absolute; left: inherit; right: inherit; }
.onion-chickpeas    { width: 150px; height: 150px; left: 23px;   top: -34px;  transform: rotate(720deg);    background-position: 34% 0%;   background-size: 600px; background-image: url(../images/home/onionspeas.png); }
.garlic             { width: 145px; height: 150px; right: -10px; top: 39px;   transform: rotate(18deg);   background-position: 20% 100%; background-size: 550px; background-image: url(../images/home/garlic.png);     }
.cheese-block       { width: 208px; height: 191px; left: -299px; bottom: -124px;   transform: rotate(0deg);   background-position: 20% 100%; background-size: 208px; background-image: url(../images/home/cheese-block.png);} 
/* .avocado-one     { width: 138px; height: 190px; left: -32px;  top: -184px; transform: rotate(-105deg); overflow: hidden; }
.avocado-one:before { width: 270px; height: 330px; left: 8px;    top: -37px;  transform: rotate(-35deg);  background-position: 100% 50%; background-size: 520px; background-image: url(../images/home/free-shavacadoos.png);  content: ''; } */
.avocado-two        { width: 245px; height: 310px; left: 108px;  top: -74px;  transform: rotate(-9deg);   background-position: 94% 0%;   background-size: 520px; background-image: url(../images/home/free-shavacadoos.png); }
.cucumber           { width: 275px; height: 260px; left: -42px;  top: -50px;  transform: rotate(-315deg);   background-position: 50% 50%;  background-size: 250px; background-image: url(../images/home/cucumber-sm.png); }
.tomato             { width: 250px; height: 210px; right: -20px; top: -113px; transform: rotate(360deg);    background-position: 100% 56%; background-size: 500px; background-image: url(../images/home/tomatos.png); }
.pepper             { width: 250px; height: 312px; right: -136px; top: -35px; transform: rotate(2deg);   background-position: 100% 100%; background-size: 375px; background-image: url(../images/home/pepper.png); }
.basil              { width: 250px; height: 150px; left: -30px; top: -59px; transform: rotate(737deg); background-position: 100% 50%; background-size: 250px;  background-image: url(../images/home/basil.png); }
section#main-products { padding: 0px 0 0 0; overflow-x: hidden;}
.sign-up { margin-top: -10px; }
@media(max-width:480px) {
  .avocado-two { transform: rotate(150deg); top: -87px; left: 70px;   }
  .cucumber    { transform: rotate(65deg); }
  .tomato      { transform: rotate(20deg);  top: -68px; right: -40px; }
}


.product-card { background-repeat: no-repeat; margin-bottom: 0px; }
.product-card h2 { font-size: 28px; font-family: "Besom"; color: rgb(39, 39, 39); text-align:left; margin: 12px 0 9px; line-height: 0.9em; }
.product-card p { font-size: 13px; font-family: "Lato"; color: #373a3c; text-align: left; line-height: 1.25em; margin-bottom: 15px; text-shadow: 0px 0px 5px rgb(228,223,217);
    background-color: rgba(228,223,217,.3); box-shadow: 0px 0px 5px 0px rgba(228,223,217,.3); }




.product-hummus { background-image: url(../images/home/HummusBG.png); background-size: 83%;  background-position: 75%  1%; }
.product-guac   { background-image: url(../images/home/GuacBG.png);   background-size: 100%; background-position: 0% 1%; }
.product-yogurt { background-image: url(../images/home/GreekBG.png);  background-size: 95%;  background-position: 95%  1%; }
.product-salsa  { background-image: url(../images/home/SalsaBG.png);  background-size: 95%;  background-position: 15% 2%;  }

.product-hummus-bottom { background-image: url(../images/home/hummusBG-BOTTOM.png); background-size: 100%;  background-position: bottom center; height: 20px; background-repeat: no-repeat; }
.product-guac-bottom   { background-image: url(../images/home/GuacBG-BOTTOM.png);   background-size: 100%; background-position: bottom center; height: 20px; background-repeat: no-repeat;}
.product-yogurt-bottom  { background-image: url(../images/home/GreekBG-BOTTOM.png);  background-size: 100%;  background-position: bottom center; height: 20px; background-repeat: no-repeat;}
.product-salsa-bottom  { background-image: url(../images/home/SalsaBG-BOTTOM.png);  background-size: 100%;  background-position: bottom center; height: 20px; background-repeat: no-repeat;}

.product-image  { width: 52%; padding: 0px; margin: 18px 0 -45px; }
.product-desc { width: 48%; padding: 0 30px 0 5px; }
.row.addiption>:nth-child(2n) .product-image { width: 48%; padding: 0px; }
.row.addiption>:nth-child(2n) .product-desc  { width: 47%; padding: 0 5px 0 35px; }

.flavor-btn {
  border-radius: 60px;
  font-family: "Lato";
  font-style: italic;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 15px;
  background: rgb(164, 13, 39);
  padding: 8px 20px 8px 20px;
  border: solid #ddd 5px;
  display: inline-block;
}

.flavor-btn-hero {
  margin-top: 50px;
  border-radius: 60px;
  font-family: "Lato";  
  text-align: center;
  text-decoration: none;
  color: #a11732;
  font-size: 14px;  
  padding: 9px 0px 9px 0px;
  border: solid #ffffff 5px;
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 0 0px 0px rgba(0,0,0,.6);

}
.flavor-btn-hero span { 
  border: solid #a11732 3px;
  border-radius: 60px;
  padding: 8px 20px 8px 20px; 
  background: rgba(255, 255, 255, 0.5);
}



#sabra-video {
    margin: 10px auto 0;
    text-align: center;
    max-width: 100%;
    padding: 0px;
    position: relative;
}
#sabra-video .video-container { position: relative; }
.vid-caption .video-caption { 
    margin: 10px -15px 0;
    padding: 15px 25px 2px 28px;
    position: relative;
    background-image: url(../images/home/FullText_BG_2.png);
    background-size: 100%;
    background-position: 192% 13%;
    background-repeat: no-repeat;
  }


  .vid-caption .video-caption-bottom { 
       
    position: relative;
    background-image: url(../images/home/fullCloumTxtBG-bottom.png);
    background-size: 100%;
    background-position: bottom center;
    height: 12px;
    background-repeat: no-repeat;
  }



#sabra-video {  margin: 10px auto 0;  text-align: center;  padding: 0px; position: relative; max-width: 100%; cursor: pointer;  }
#sabra-video .video-container { position: relative; padding-bottom: 56%; padding-top: 3px; height: 0; overflow: hidden; }
#sabra-video .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vid-caption .video-caption p { font-size: 12px; line-height: 1.0em; font-weight: bold; color:#262626; padding: 10px 0px 0;  font-family: "Lato";text-align: left; margin-bottom: 0px; }

.instagram-feed-title {
    vertical-align: middle;
    display: inline;
    font-family: 'Besom';
    color: #ffffff;
    font-size: 33px;
    padding-top: 30px;
}
.navbar-default { background: transparent url('../images/navBar-2.png') top center repeat; height: 71px; background-size: cover;}
.navbar-default-solid { background: #ffffff url('../images/navBar-2.png') top center repeat; height: 71px; background-size: cover;}
.spreads img { width: 175px; margin:0 auto; margin-top: -7px;}


@media(min-width:550px) {
  .product-card h2 {
    font-size: 58px;
    font-family: "Besom";
    color: rgb(39, 39, 39);
    text-align: left;
    margin: 28px 0 9px 20px;
    line-height: 0.9em;
}
.product-card p {
    font-size: 23px;
    font-family: "Lato";
    color: #373a3c;
    text-align: left;
    line-height: 1.25em;
    margin-bottom: 15px;
    text-shadow: 0px 0px 0px rgb(228,223,217);
    background-color: rgba(228,223,217,.3);
    box-shadow: 0px 0px 0px 0px rgba(228,223,217,.3);
    padding-left: 20px;
}

  }
@media(min-width: 768px) {
  .row-md-offset-top {  margin-top: 150px; }
  .spreads img { width: auto; margin-top: 75px;}
.instagram-feed-title {  font-size: 79px; }
.product-image  { width: 100%; padding: 0px; margin: 18px 0 -45px; }
.product-desc { width: 87%; padding: 37px 30px 0 136px; }
.row.addiption>:nth-child(2n) .product-image { width: 100%; padding: 0px;  }
.row.addiption>:nth-child(2n) .product-desc  { width: 84%; padding: 37px 5px 0 116px; }
#main-products .product-image img { width: 63%; }
.top-push { margin-top: 221px; }
.top-pull { margin-top: -221px; }
.product-card h2 { font-size: 41px;   line-height: 0.9em; }
.vid-caption .video-caption-bottom {   height: 22px; }
.vid-caption .video-caption {  
    background-image: url(../images/home/fullCloumTxtBG.png); background-position: 192% 1%;
  }


.product-card p { font-size: 15px; line-height: 1.25em; font-weight: bold; }


.row.addiption>div a:hover { text-decoration: none; }
.product-hummus { background-size: 83%;  background-position: 55%  1%; }
.product-guac   { background-size: 83%; background-position: 55% 1%; }
.product-yogurt { background-size: 83%;  background-position: 55%  1%; }
.product-salsa  { background-size: 83%;  background-position: 55% 2%;  }
.onion-chickpeas    { width: 816px; height: 543px; left: -223px; background-size: 816px; }
.garlic      { width: 200px; height: 200px; right: -310px; top: -39px; transform: rotate(0deg); background-size: 703px; }
.avocado-two { width: 816px; height: 495px; left: -77px; top: -74px; transform: rotate(0deg); background-size: 816px; }
.cucumber    { width: 816px; height: 663px; left: -187px; top: -123px; transform: rotate(0deg); background-position: 50% 50%; background-size: 816px;
    background-image: url(../images/home/cucumber.png); }
.tomato { width: 816px; height: 405px; right: -191px; top: -113px; transform: rotate(0deg); background-position: 100% 56%; background-size: 816px;
    background-image: url(../images/home/tomatos.png); }
.pepper { width: 816px; height: 596px; right: -136px; top: 280px; transform: rotate(2deg); background-position: 100% 100%; background-size: 596px;
    background-image: url(../images/home/pepper.png); }
.basil { width: 816px; height: 781px; left: -352px; top: -259px; transform: rotate(0deg); background-position: 100% 50%;  background-size: 816px;
    background-image: url(../images/home/basil.png);
}
.flavor-btn-hero {
  margin-top: 22px;    
  font-size: 23px;   

}
.flavor-btn-hero span { 
  border: solid #a11732 3px;
  border-radius: 60px;
  padding: 8px 20px 8px 20px; 
  background: rgba(255, 255, 255, 0.5);
}
  .spreads-btn
  {
    margin-top: -10px;
  }
.navbar-default { background: transparent url('../images/navBar-2.png') top center repeat; height: 90px; background-size: cover;}
.navbar-default-solid { background: #ffffff url('../images/navBar-2.png') top center repeat; height: 90px; background-size: cover;}
.vid-caption .video-caption p { font-size: 18px; line-height: 1.50em;   padding: 25px 75px 0;  }
}
@media(min-width: 1025px) {
.product-card h2 { font-size: 87px; line-height: 0.9em; }
}
@media(min-width: 1100px) {

  .flavor-btn-hero {
  margin-top: 50px;
  }
  .spreads-btn
  {
    margin-top: 30px;
  }
}