/* Compare products area start */
.brator-compare-table-content {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 100%;
}
.brator-compare-title-full-area {
    width: 200px;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.brator-compare-title-full-area:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 1;
    background-color: #e5e5e5;
}
.brator-compare-item-title-area .brator-compare-title-item p {
    text-align: right;
    color: #000;
}
.brator-compare-item-box .brator-product-single-item-area {
    border-width: 0px;
    border-left: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.brator-compare-product-content {
    padding: 20px;
    padding-bottom: 28px;
}
.brator-compare-info-list,
.brator-compare-title-item{
    border-top: 1px solid #e5e5e5;
}
.brator-compare-info-list p,
.brator-compare-title-item p{
    font-size: 14px;
    line-height: 22px;
    padding: 6px 20px 6px 20px;
    margin: 0px;
}
.brator-compare-info-list:nth-child(odd),
.brator-compare-title-item:nth-child(odd){
    background-color: #f2f2f7;
}
/* Compare products area end */
/* Start Promo Products Area */
.sd-promo-products-content{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 0 12px rgb(0 0 0 / 9%);
    padding: 10px;
    overflow: hidden;
    position: fixed;
    bottom: 22px;
    left: 22px;
    z-index: 1;
    min-width: 351px;
    max-width: 361px;
    margin-right: 20px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #d4d4d47a;
    border-radius: 4px;
    transform: translateX(-500px) scale(0);
    -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
    transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
    transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
    transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
}
.fomo-open .sd-promo-products-content{
    opacity: 1;
    visibility: visible;
    transform: translateX(0px) scale(1);
}
.sd-promo-products-single-content{
    display: flex;
    align-items: center;
}
.sd-promo-products-single-content .sd-promo-products-image{
    width: 79px;
    min-width: 79px;
}
.sd-promo-products-single-content .sd-promo-products-image img {
    width: 100%;
    height: auto;
}
.sd-promo-products-description {
    margin-left: 13px;
    margin-top: -3px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    padding-right: 17px;
    color: #999;
    height: 100%;
}
.sd-promo-products-description>:nth-child(1) {
    margin-top: 0;
}
.sd-promo-products-description .sd-promo-products-box-top p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}
.sd-promo-products-description .sd-promo-products-box-top p a {
    color: #191919;
    display: inline-block;
    text-decoration: none;
    transition: color .2s linear;
}
.sd-promo-products-description .sd-promo-products-box-top p a:hover{
    color: #f73312;
}
.sd-promo-products-description .sd-promo-products-bt-info {
    color: #999;
    font-size: 12px;
    padding-top: 15px;
}
.sd-promo-products-description .sd-promo-products-bt-info span {
    color: #999999;
    line-height: 20px;
}
.sd-promo-btn-close {
    border: none;
    outline: none;
    color: #999;
    position: absolute;
    display: block;
    cursor: pointer;
    transition: color .2s linear;
    opacity: 0.5;
    right: 7px;
    top: 6px;
    background: transparent;
    padding: 10px;
    display: flex;
    align-items: center;
    text-align: center;
}
.sd-promo-btn-close:hover {
    opacity: 1;
}
.sd-promo-btn-close:before, .sd-promo-btn-close:after {
    position: absolute;
    content: '';
    height: 14px;
    width: 1px;
    background-color: #333;
}
.sd-promo-btn-close:hover:before,
.sd-promo-btn-close:hover:after{
    background-color: red;
}
.sd-promo-btn-close:before {
    transform: rotate(45deg);
}
.sd-promo-btn-close:after {
    transform: rotate(-45deg);
}
.sd-promo-products-area.remove-sd-promo-products-area{
    display: none;
    transition: .3s;
}
.sd-promo-products-info-check-icon svg{
    width: 1em;
    height: 1em;
    font-size: 12px;
    margin-right: 5px;
}
.sd-promo-products-info-power-by-text {
    display: inline-flex;
    align-items: center;
}
.sd-promo-products-info-power-by-text a{
    text-decoration: none;
    color: #0095f7;
    font-size: 12px;
    font-weight: 300;
}
.sd-promo-products-info-power-by-text .sd-promo-products-info-check-icon{
    display: inline-flex;
}
.sd-promo-products-bt-info,
.sd-promo-products-info-time-content,
.sd-promo-products-info-power-by-text,
.sd-promo-products-info-power-by-text a,
.sd-promo-products-box-top > p > a,
.sd-promo-products-box-top p{
    line-height: 10px;
}
@media only screen and (min-width: 300px) and (max-width: 576.98px) {
    .brator-compare-title-full-area {
        width: 160px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 450.98px) {
    .brator-compare-title-full-area {
        width: 140px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 480.98px) {
    .sd-promo-products-content {
        width: 100%;
        min-width: 100%;
        left: 0;
        right: 0;
        bottom: 0px;
        margin-right: 0px;
        border-radius: 0px;
        border-left: unset;
        border-right: unset;
        border-bottom: unset;
    }
    .sd-promo-btn-close {
        right: 12px;
        top: 7px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 400.98px) {
    .brator-compare-info-list p, .brator-compare-title-item p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}