/* PC */
.bin { position : relative; width : 180px; }
.bin2 { position: absolute;  width: 580px; bottom: 4%; left:27%;}
.bin .null { margin-top: 16%; display: block; }

.bin .bin-PopUp .arrow { display : block; position : absolute; top : -19px; width : 10%; left : 44%; }
.bin .bin-PopUp a img { display : block; border : 1px solid #87847d; width: 148px; height: 58px; }
.bin .bin-PopUp ul { padding: 3px 0 0 3px;list-style : none; 
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    display: flex; }
 
 .bin-PopUp.slider_last::before{
    border-left: 17px solid transparent;
    border-bottom: 19px solid #aeaba2;
    top: -20px;
    content: "";
    position: absolute;
    right: 50%;
    left: 50%;
    border-right: 18px solid transparent;
}
  .bin-PopUp.slider_last::after{
    border-left: 17px solid transparent;
    border-bottom: 19px solid #aeaba2;
    top: -20px;
    content: "";
    position: absolute;
    right: 50%;
    left: 50%;
    border-right: 18px solid transparent;
}

.bin-PopUp.multi::before{
    border-left: 17px solid transparent;
    border-bottom: 19px solid #aeaba2;
    top: -20px;
    content: "";
    position: absolute;
    right: 50%;
    left: 50%;
    border-right: 18px solid transparent;
}
.bin-PopUp.solo::before {
    border-left: 17px solid transparent;
    border-bottom: 19px solid #aeaba2;
    top: -20px;
    content: "";
    position: absolute;
    right: 50%;
    left: 40%;
    border-right: 18px solid transparent;
}

.bin-PopUp.multi::after {
    border-left: 17px solid transparent;
    border-bottom: 18px solid white;
    top: -17px;
    content: "";
    position: absolute;
    right: 50%;
    left: 50%;
    border-right: 18px solid transparent;
}
.bin-PopUp.solo::after {
    border-left: 17px solid transparent;
    border-bottom: 18px solid white;
    top: -17px;
    content: "";
    position: absolute;
    right: 50%;
    left: 40%;
    border-right: 18px solid transparent;
}
.bin .bin-PopUp {
    display: none;  
    position: absolute;
    width: auto;
    height: auto;
    left: -97%;
    z-index: 99999999;
    background-color: #fff;
    border: solid 1px #87847d;
    top: 68px;
    border-radius: 10px;
    float: left;
    padding:10px 0px 10px 10px;
}
#blackberry .bin .bin-PopUp {
           left: -54%;
}
#blackberry .refill-ul .bin .bin-PopUp {
        left: -10%;
}

.product-home .bin .bin-PopUp ul{
    margin-bottom:0px;
}
.bin .bin-PopUp ul li {
    float: left;
    margin-right: 12px;
}

/* BIN override */
#myCarousel .bin { position : absolute; top: 496px; left : 168px; }
#myCarousel .bin .bin-PopUp { top: 122px; left: -175px; }
#myCarousel .bin.lstSlide .bin-PopUp { top: 70px; left: -159px; }
#myCarousel .bin-PopUp.solo { top: 70px;left: -6px;}
#myCarousel .bin a.btn.generic-btn.shop .detail_new { margin-left: 17px }
.product-home .bin{margin: 0 auto; }
.product-home .bin .bin-PopUp { top: 128px; left: -170px; }
/*.refill ul .bin .bin-PopUp ul { padding: 36px 0 0 20px!important }*/
.refill ul .bin { width : auto }
.refill ul .bin .bin-PopUp {left: -166px; }
.comboSection ul li .bin .bin-PopUp ul li { width: 150px!important; margin-right : 10px!important; }
.cm-content .bin { width : auto; display: inline; }
.cm-content .bin .bin-PopUp { left : 50%; margin-left : -176px; }
.recipe-content-inner .recipe-items .item .item-detail .bin{
        bottom: 1px;
    margin-left: 113px;
    position: absolute;
    width: 180px;
    top: 40%;
}

.diagnosis .product-container .item .item-detail .bin { margin: 0 auto }
.diagnosis .product-suggest .bin { position : relative; bottom: -5px; width : 100%; }
.diagnosis .product-suggest .bin .bin-PopUp { top : 50px; left : 139px; }
.diagnosis .product-suggest .bin .bin-PopUp.solo a img { margin-left: 81px }
.diagnosis .product-suggest .text-container-1 { padding-top: 98px; line-height: 1.8em; position : relative; }
footer .specialInfo ul li  .bin { float: left; margin-left : 30px; }
footer .specialInfo ul li .bin .bin-PopUp { top: 50px }
footer .specialInfo ul li .bin .bin-PopUp ul { padding: 0px 0 0 18px }
#section4 .bin { bottom: 28px;}
.binAllign {top:580px !important; left: 520px !important;}
/*custom bin*/

.custom-bin .bin-PopUp { display : none; background : url('/Content/images/bins/pc.bg.png'); background-repeat : no-repeat; position : absolute; width : 540px; height : 118px; left : 10px; z-index : 99999999; top:220px; }
.custom-bin .bin-PopUp .arrow { display : block; position : absolute; top : -19px; width : 10%; left : 44%; }
.custom-bin .bin-PopUp a img { display : block; border : 1px solid #87847d; width: 100%; }
.custom-bin .bin-PopUp ul { padding: 36px 0 0 20px; overflow : hidden; list-style : none; }
.custom-bin .bin-PopUp ul li { float : left; width : 45%; margin-right : 5%; }

/*custom bin position - news page*/

.content-news .custom-bin .bin-PopUp {
    bottom: -35px;
    left: -40px;
}

#apricot .refill ul .bin .bin-PopUp {
    left: -124px;
}
#kiwi .refill ul .bin .bin-PopUp {
    left: -131px;
}
#section4 .bin .bin-PopUp{
        left: -52%;
}
#section5  .bin .bin-PopUp{
       left: -96%;
}
#section5 .item4:nth-last-child(2) .bin .bin-PopUp {
       left: -52%;
}
#section5 .bin .bin-PopUp ul{
    margin-bottom:0px;
}
 .product-home .ProdLineup:nth-last-child(4) .bin .bin-PopUp{
     left:-92px !important;
}