#id-happy-product {margin-top: 30px;}
#id-happy-product #hhproduct_list {list-style: none; padding-left: 0; flex-wrap: wrap;   width: calc(100% + 0px);  counter-reset: item; margin:0;  }
#id-happy-product .hh-container ul li.grip:nth-child(4n+2){ margin-left: 30px;  margin-right: 30px;}
#id-happy-product .hh-container ul li.grip:nth-child(4n+3) { margin-right: 30px;}
#id-happy-product .hh-container ul li.grip { width: calc((100% / 4) - 23px);margin-bottom: 30px; } 
#id-happy-product .hh-container ul li.list {width: 94%; margin: 0 3%; margin-bottom: 30px;}
#id-happy-product #pagination {height: 70px;}
#id-happy-product #pagination > ul {width: auto; right: 0;    position: absolute;}
#id-happy-product #pagination  ul li a {border-radius: 5px; padding: 3px 8px!important; width: 30px; height: 30px;}
#id-happy-product #pagination  ul li a > span {border-radius: 5px;}
#id-happy-product #pagination li > a > span > i {font-size: 22px; }
#id-promotions .offer-description { max-width: 960px;  margin: 0 auto;}
#id-promotions h1:nth-child(2),#id-promotions .specialoffer {background: #fff;}
#id-promotions .specialoffer > div > div > p {padding-top: 20px;}
#hhproduct_list.list .left-block .product-image-container {height: 295px; margin-bottom: 10px;}
#hhproduct_list .center-block .product-desc {font-size: 13px; color: #121212;}
#hhproduct_list.list .right-block .me-product-price {color: #231F20; font-size: 16px;  font-weight: bold;}
#hhproduct_list.list .right-block .me-old-price {color: #6f6f6f;   font-size: 12px;  line-height: 12px;  text-decoration: line-through;}
#hhproduct_list.list .right-block .product-reference-wraper  span {color: gray; font-size: 10px;}
#hhproduct_list.list .button-container i {font-size: 15px; margin-top: 6px;}
#hhproduct_list.list .price-percent-reduction {background-color: #15b3c9;  color: #fff; margin-left: 0;}
.placeholder { height: 430px;}
#id-promotions .heading-h2 {padding: 35px 0; }
#id-promotions .heading-h1 {padding: 60px 0 50px 0;  font-size: 32px; letter-spacing: 3px;  text-align: center;    font-weight: 300;  text-transform: uppercase;  line-height: 1.4; margin-bottom: 0;}
#id-promotions .happy_hour {margin-bottom: 60px;}
#hhproduct_list.qua_discount .button-container {width: 80%;}
#hhproduct_list.grid {display: flex; justify-content: center; }
#happy-hour-cart-p {text-align: center;}
#happyHour-container {padding: 0;}
#happyHourRow-countdown { opacity: 0; }
#happy-hour-add-all-link { max-width: 300px;  margin: 0 auto;}
#happy-hour-cart-p {   padding: 1px 0px;  background: #ffcb05;   border-radius: 50px; color: #231f20; }
#hhproduct_list .list .product-container {-webkit-transform: translate3d(0,0,0);}
.happy_hour .row {margin: 0;}

@media screen and (min-width: 899px) and (max-width: 991px) { 
#hhproduct_list .left-block .product-image-container {height: auto;}
#hhproduct_list > li .center-block .price-percent-reduction {height: auto!important;}
}

@media screen and (max-width: 1200px){ 

    #id-happy-product .hh-container ul li.grip { width: calc((100% / 3) - 23px);}
    #id-happy-product .hh-container ul li.grip:nth-child(3n+3){ margin-right: 0px;}
    #id-happy-product .hh-container ul li.grip:nth-child(3n+2){ margin-left: 30px;  margin-right: 30px;}
    #id-happy-product .hh-container ul li.grip:nth-child(12n+6) {margin-left: 0;}
    #id-happy-product .hh-container ul li.grip:nth-child(12n+7) {margin-right: 0;}
    #id-happy-product .hh-container ul li.grip:nth-child(12n+10) {margin: 0;}
}

@media screen and (max-width: 900px){ 
    #id-happy-product .hh-container ul li.grip { width: calc((100% / 2) - 23px);} 
    #id-happy-product .hh-container ul li.grip:nth-child(even)   {margin-left: 0px;  margin-right: 0px;}
    #id-happy-product .hh-container ul li.grip:nth-child(odd)   {margin-left: 0px; margin-right: 30px;}
    #hhproduct_list.grid .product-container .right-block .content_price {position: relative;}
}

@media screen and (max-width: 767px){ 
    #id-happy-product .list .product-container {display: block;}
    
    #id-happy-product .list .left-block, #id-happy-product .list .center-block {width: 100%;}
    #id-happy-product .list .right-block {width: 100%; text-align: center;}
    #hhproduct_list .list  .right-block .button-container a  {margin-left: calc(50% - 70px);  width: 140px;   margin-bottom: 10px;}
    #hhproduct_list .list .price-percent-reduction {margin-left: -15px;     width: calc(100% + 30px);padding-left: 17px; }
    #id-happy-product .hh-container ul li.grip {height: auto;}
    #hhproduct_list.qua_discount .button-container {width: 50%;}

}

@media screen and (min-width: 768px){ 
    #hhproduct_list .list .price-percent-reduction {margin-right: -15px;}
    #hhproduct_list  .list .center-block a {font-size: 16px;}      
}
@media screen and (max-width: 480px){ 
    #hhproduct_list .right-block {width: 100%;}
    #hhproduct_list .right-block .button-container a {margin-left: calc(50% - 70px);width: 140px;  margin-bottom: 10px;}  
    #hhproduct_list .left-block .product-image-container {margin: auto; }       
    #hhproduct_list .right-block .btn-icon-wraper {margin-top: 50px;}    
}

@media screen and (min-width: 900px) and (max-width: 990px)  {
    #hhproduct_list.grid .product-container .center-block {height: 120px;}
    #hhproduct_list.grid .button-container .btn-cart-text {font-size: 11px;}
}

@media screen and (min-width: 440px) and (max-width: 480px)  {
    #hhproduct_list.grid .product-container .right-block  {padding-top: 20px;}
}
@media screen and (min-width:1300px){ 
    #id-happy-product .hh-container ul li.grip {height: 411px;     margin-bottom: 40px;}
    
      
}