@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&display=swap');
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width: 100%; height: auto;}
header{position:relative;z-index:1000;width:100%;min-height:600px;background: url(../img/headerbg.png) repeat-x left 120px; padding:15px 0 0 0;}
.img-full {min-width: 100%;}
.top-call{position:absolute;right:0;}

.top-call-div{position:relative;}
.top-call span{font-size:25px;margin-bottom: 5px; font-weight:500;background:#ffe94f;color:#000;line-height: 25px;padding:5px 12px;border-radius:10px;margin-top:20px;display:inline-block}
.top-call {font-size:13px; font-weight:600;color:#000;line-height: 14px;}

#product-container h2{position: relative;background: url(../img/flavour-txt.png) no-repeat center top;padding: 160px 0 20px 0;margin:10px 0 0 0}
#product-container{background:#fff;position:relative;display: inline-block;width: 100%;}
#flavourPics{background: url(../img/yellowbg.png) repeat left top;padding:70px 0 50px 0;}

#contact-container{width: 100%;padding:90px 0 70px 0;background: url(../img/border.png) repeat-x left top;}
#contact-container h3 span{font-size:60px;color:#000;font-family: 'Oswald', sans-serif;}
#contact-container h3{font-size:40px;color:#000;line-height: 45px;font-family: 'Montserrat', sans-serif;letter-spacing:-1.5px;}
#contact-container h2{font-size:34px;color:#000;line-height: 35px;margin-bottom:25px;font-family: 'Montserrat', sans-serif;letter-spacing:-1.5px;text-transform:inherit;}

.call{font-size:38px; font-weight:500;background:#603813;color:#fff;line-height: 38px;padding:11px 20px;border-radius:10px;margin-top:20px;display:inline-block}

.flavorList span{position:relative;border:1px solid #603813;background:#fff8c5;display: inline-block;font-weight:600;margin: 5px;padding: 4px 15px;text-transform: uppercase;border-radius: 100px;}
.flavorList span::before{width:42px;height:30px;background: url(../img/bullet.png) no-repeat left center;content: ""; font-weight: bold;font-size:17px;padding-right: 10px;margin-top: 0;position: absolute;left: -42px;}
.flavorList{width:70%;margin:0 auto}


.content-image{width: 100%;}
.content-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.content:hover .content-details{top: 50%;left: 50%;opacity: 1;}
.content:hover  .content-image{opacity: 0.7;}
.fadeIn-bottom{top: 80%;}
footer{background: #ffe94b; padding: 20px 0}
footer p{color:#000;font-size: 13px;margin:0;line-height: 19px;}

@media (max-width: 768px){	
.top-call-div{display:none;}
.listing-flavour{width: 80%;}
}
@media (max-width: 700px){
#product-container h2{background:transparent;padding: 60px 0 20px 0;}
.call{font-size:35px;}
.flavorList{width:100%;margin:0 auto}
}