.product-det .icons3 li .span9 {
    height: 20px;
    width: 40px;
    background-color: #ed5f35;
    display: block;
    float: left;
    margin-right: 0.3rem;
}

.chipotlesauce {
  background-color: #296a9e;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 991px) {
  .chipotlesauce {
    height: auto !important;
  }
}

.chipotlesauce .motifs-bg to{
  background-image: url(../img/thailand-motifs.png);
  background-repeat: repeat;
  background-size: contain;
}

.chipotlesauce .bg {
  background-image: url("../img/chipotlesauce/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  background-color: #f66e49;
  background-position: center;
}

@media screen and (max-width: 991px) {
  .chipotlesauce .bg {
    display: none;
  }
}

.chipotlesauce .bottle {
  background: url(../img/chipotlesauce/chipotlesauce.png);
  background-size: auto 850px;
}

@media screen and (max-width: 1600px) {
  .chipotlesauce .bottle {
    background-size: auto 600px;
  }
}

@media screen and (max-width: 1200px) {
  .chipotlesauce .bottle {
    background-size: auto 400px;
  }
}

@media screen and (max-width: 991px) {
  .chipotlesauce .bottle {
    background-size: auto 200px;
  }
}

.chipotlesauce p {
  color: #FFF;
  font-weight: 700;
}

.chipotlesauce button {
  background-color: #000a7e;
  border-color: #000a7e;
  color: white;
  padding: 0.8rem 1.8rem;
  font-weight: 700;
  border: 0;
  margin-top: 2rem;
  z-index: 1;
}

@media screen and (max-width: 1400px) {
  .chipotlesauce button {
    font-size: 0.7rem;
    padding: 0.7rem 1.3rem;
  }
}

@media screen and (max-width: 991px) {
  .chipotlesauce button {
    margin-top: 1rem;
    font-size: 0.7rem;
    padding: 1rem 1.5rem;
  }
}

.chipotlesauce button i {
  position: relative;
  left: 0.3rem;
  transition: 0.5s;
}

.chipotlesauce button:hover i {
  left: 0.6rem;
}

.chipotlesauce button:focus {
  box-shadow: none;
  outline: none;
}


.tabasscosauce {
  background-color: #ed5f35;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 991px) {
  .tabasscosauce {
    height: auto !important;
  }
}

.tabasscosauce .motifs-bg {
  background-image: url(../img/thailand-motifs.png);
  background-repeat: repeat;
  background-size: contain;
}

.tabasscosauce .bg {
  background-image: url("../img/tabasscosauce/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  background-color: #f66e49;
  background-position: center;
}

@media screen and (max-width: 991px) {
  .tabasscosauce .bg {
    display: none;
  }
}

.tabasscosauce .bottle {
  background: url(../img/tabasscosauce/tabasscosauce.png);
  background-size: auto 850px;
}

@media screen and (max-width: 1600px) {
  .tabasscosauce .bottle {
    background-size: auto 600px;
  }
}

@media screen and (max-width: 1200px) {
  .tabasscosauce .bottle {
    background-size: auto 400px;
  }
}

@media screen and (max-width: 991px) {
  .tabasscosauce .bottle {
    background-size: auto 200px;
  }
}

.tabasscosauce p {
  color: #8a3226;
  font-weight: 700;
}

.tabasscosauce button {
  background-color: #8a3226;
  border-color: #8a3226;
  color: white;
  padding: 0.8rem 1.8rem;
  font-weight: 700;
  border: 0;
  margin-top: 2rem;
  z-index: 1;
}

@media screen and (max-width: 1400px) {
  .tabasscosauce button {
    font-size: 0.7rem;
    padding: 0.7rem 1.3rem;
  }
}

@media screen and (max-width: 991px) {
  .tabasscosauce button {
    margin-top: 1rem;
    font-size: 0.7rem;
    padding: 1rem 1.5rem;
  }
}

.tabasscosauce button i {
  position: relative;
  left: 0.3rem;
  transition: 0.5s;
}

.tabasscosauce button:hover i {
  left: 0.6rem;
}

.tabasscosauce button:focus {
  box-shadow: none;
  outline: none;
}

.buffalosauce {
  background-color: #a4432f;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 991px) {
  .buffalosauce {
    height: auto !important;
  }
}

.buffalosauce .motifs-bg {
  background-image: url(../img/thailand-motifs.png);
  background-repeat: repeat;
  background-size: contain;
}

.buffalosauce .bg {
  background-image: url("../img/buffalosauce/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  background-color: #f66e49;
  background-position: center;
}

@media screen and (max-width: 991px) {
  .buffalosauce .bg {
    display: none;
  }
}

.buffalosauce .bottle {
  background: url(../img/buffalosauce/buffalosauce.png);
  background-size: auto 850px;
}

@media screen and (max-width: 1600px) {
  .buffalosauce .bottle {
    background-size: auto 600px;
  }
}

@media screen and (max-width: 1200px) {
  .buffalosauce .bottle {
    background-size: auto 400px;
  }
}

@media screen and (max-width: 991px) {
  .buffalosauce .bottle {
    background-size: auto 200px;
  }
}

.buffalosauce p {
  color: #FFF;
  font-weight: 700;
}

.buffalosauce button {
  background-color: #8a3226;
  border-color: #8a3226;
  color: white;
  padding: 0.8rem 1.8rem;
  font-weight: 700;
  border: 0;
  margin-top: 2rem;
  z-index: 1;
}

@media screen and (max-width: 1400px) {
  .buffalosauce button {
    font-size: 0.7rem;
    padding: 0.7rem 1.3rem;
  }
}

@media screen and (max-width: 991px) {
  .buffalosauce button {
    margin-top: 1rem;
    font-size: 0.7rem;
    padding: 1rem 1.5rem;
  }
}

.buffalosauce button i {
  position: relative;
  left: 0.3rem;
  transition: 0.5s;
}

.buffalosauce button:hover i {
  left: 0.6rem;
}

.buffalosauce button:focus {
  box-shadow: none;
  outline: none;
}


.steaksauce {
  background-color: #a17f5c;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 991px) {
  .steaksauce {
    height: auto !important;
  }
}

.steaksauce .motifs-bg {
  background-image: url(../img/steak-motifs.png);
  background-repeat: repeat;
  background-size: contain;
}

.steaksauce .bg {
  background-image: url("../img/steaksauce/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  background-color: #f66e49;
  background-position: center;
}

@media screen and (max-width: 991px) {
  .steaksauce .bg {
    display: none;
  }
}

.steaksauce .bottle {
  background: url(../img/steaksauce/steaksauce.png);
  background-size: auto 850px;
}

@media screen and (max-width: 1600px) {
  .steaksauce .bottle {
    background-size: auto 600px;
  }
}

@media screen and (max-width: 1200px) {
  .steaksauce .bottle {
    background-size: auto 400px;
  }
}

@media screen and (max-width: 991px) {
  .steaksauce .bottle {
    background-size: auto 200px;
  }
}

.steaksauce p {
  color: #FFF;
  font-weight: 700;
}

.steaksauce button {
  background-color: #8a3226;
  border-color: #8a3226;
  color: white;
  padding: 0.8rem 1.8rem;
  font-weight: 700;
  border: 0;
  margin-top: 2rem;
  z-index: 1;
}

@media screen and (max-width: 1400px) {
  .steaksauce button {
    font-size: 0.7rem;
    padding: 0.7rem 1.3rem;
  }
}

@media screen and (max-width: 991px) {
  .steaksauce button {
    margin-top: 1rem;
    font-size: 0.7rem;
    padding: 1rem 1.5rem;
  }
}

.steaksauce button i {
  position: relative;
  left: 0.3rem;
  transition: 0.5s;
}

.steaksauce button:hover i {
  left: 0.6rem;
}

.steaksauce button:focus {
  box-shadow: none;
  outline: none;
}

.chipotlesauce-map p {
  text-align: center;
  font-size: 0.8em;
  color: #f3c130;
  opacity: 0;
  font-family: 'futura_md_btbold'; }
  @media screen and (max-width: 1300px) {
    .chipotlesauce-map p {
      font-size: 0.7em; } }
.chipotlesauce-map:hover p {
  opacity: 1; }


  .tabasscosauce-map p {
    text-align: center;
    font-size: 0.8em;
    color: #ef8929;
    opacity: 0;
    font-family: 'futura_md_btbold'; }
    @media screen and (max-width: 1300px) {
      .tabasscosauce-map p {
        font-size: 0.7em; } }
  .tabasscosauce-map:hover p {
    opacity: 1; }


    .buffalosauce-map p {
      text-align: center;
      font-size: 0.8em;
      color: #ef8929;
      opacity: 0;
      font-family: 'futura_md_btbold'; }
      @media screen and (max-width: 1300px) {
        .buffalosauce-map p {
          font-size: 0.7em; } }
    .buffalosauce-map:hover p {
      opacity: 1; }

      .steaksauce-map p {
        text-align: center;
        font-size: 0.8em;
        color: #dcd22d;
        opacity: 0;
        font-family: 'futura_md_btbold'; }
        @media screen and (max-width: 1300px) {
          .steaksauce-map p {
            font-size: 0.7em; } }
      .steaksauce-map:hover p {
        opacity: 1; }
        
                .steaksauce-border {
          border-bottom: 4px solid #f3c130;
          padding-bottom: 10px;
          margin-bottom: 10px; }
          
          .tabasscosauce-border {
            border-bottom: 4px solid #ed5f35;
            padding-bottom: 10px;
            margin-bottom: 10px; }

            .buffalosauce-border {
              border-bottom: 4px solid #ef8929;
              padding-bottom: 10px;
              margin-bottom: 10px; }

              .chipotlesauce-border {
                border-bottom: 4px solid #f3c130;
                padding-bottom: 10px;
                margin-bottom: 10px; }
                
                
@media screen and (max-width: 1600px){
.above-packshot1 img {
    max-width: 130px !important;
}}

@media screen and (max-width: 1600px) {
.above-packshot1 .bottlex {
   max-width: 130px !important;
}}

@media screen and (max-width: 1350px){
.above-packshot1 img {
    max-width: 110px !important;
}}

@media screen and (max-width: 1350px) {
.above-packshot1 .bottlex {
   max-width: 110px !important;
}}

@media screen and (max-width: 1200px){
.above-packshot1 img {
    max-width: 84px !important;
}}

@media screen and (max-width: 1200px) {
.above-packshot1 .bottlex {
   max-width: 84px !important;
}}

@media screen and (max-width: 900px){
.above-packshot1 img {
    max-width: 54px !important;
}}

@media screen and (max-width: 900px) {
.above-packshot1 .bottlex {
   max-width: 54px !important;
}}