@media (max-width: 767px){
    .product-badge-container .section-ads {
        margin-bottom: 15px;
        width: 100%;
    }
    .product-badge-container .section-product {
        clear: both;
        width: 100% !important;
    }
    .product-badge-container .section-product .items {
        width: calc(50% - 10px);
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .product-badge-container .section-product .items {
        width: calc(33% - 20px);
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .product-badge-container .section-product .items {
        width: calc(25% - 20px);
    }
}
@media (min-width: 1200px){
    .product-badge-container .section-product .items {
        width: calc(20% - 20px);
    }
}

@media (min-width: 767px){
    .product-badge-container .section-product {
        width: calc(100% - 170px);
    }
}
.left_category{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.left_category .head_top{
    text-align: left;
    padding: 10px;
    color: #fff;
    background-color: #757575;
    font-size: 17px;
    padding-left: 20px;
}

.left_category .body_text .sub_body{
    text-align: left;
    padding: 10px;
    background-color: #eee;
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid #ccc;
}
.left_category .body_text .li_search{
    text-align: left;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    display: grid;
}

.left_category .body_text .li_search .subLeft{
    float: left;
    border-radius: 40px;
    background-color: #d6d6d6;
}

.left_category .body_text .li_search .subLeft .in_search{
    float: left;
    height: 35px;
    border: 4px solid rgb(214, 214, 214);
    outline: none;
    width: 81%;
    border-radius: 40px;
    transition-duration: 0.3s;
    transition-timing-function: initial;
    transition-property: all;
    padding-left: 15px;
    padding-right: 60px;
}


.left_category .body_text .li_search .subLeft .bt_search{
    outline: none;
    background-color: transparent;
    padding: 0px;
    border: 0px;
    position: absolute;
    margin-left: -9px;
    transition: all 0.3s;
    opacity: 0.5;
}
.left_category .body_text .li_search .subLeft .bt_search .img_search{
    margin: 3.5px 0px;
    padding-right: 22.5px;
    padding-left: 12.5px;
}
.left_category .body_text .bottom_search{
    font-size: 13px;
    opacity: 0.8;
}

.left_category .body_text .li_search.no_bg_search{
    background-color: transparent;
    border:none;
}

/* promotion */
.line_grey_4 {
    height: 4px;
    background-color: #d1d1d1
}