#page_index #BAN img {
    width: 100%;
}

#page_index #BAN #BAN_content {
    display: flex;
    flex-direction: column;
}

#page_index #BAN #COL_main,
#page_index #BAN #COL_sec {
    width: 100%;
}

#page_index #BAN #COL_main #BAN_main {
    width: 100%;
}

#page_index #BAN #COL_main #BAN_main #BAN_main_slider {
    display: none
}

#page_index #BAN #COL_main .slick-arrow {
    position: absolute;
    width: 15px;
    height: 22px;
    top: 50%;
    z-index: 9;
    cursor: pointer;
}

#page_index #BAN #COL_main .slick-arrow.slick-prev {
    top: 48%;
    left: 15px;
}

#page_index #BAN #COL_main .slick-arrow.slick-next {
    right: 15px;
    transform: rotate(180deg);
}

#page_index #BAN #COL_main .slick-dots {
    text-align: center;
    background-color: #FFF;
}

#page_index #BAN #COL_main .slick-dots li {
    content: "";
    background-color: #000;
    margin-top: 10px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
}

#page_index #BAN #COL_main .slick-dots li button {
    display: none
}

#page_index #BAN #COL_main .slick-dots li.slick-active {
    background-color: #E61B72;
}

#page_index #BAN #COL_sec {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

#page_index #BAN #COL_sec #BAN_sec,
#page_index #BAN #COL_sec #BAN_thi {
    width: 100%;
}

#page_index #BAN #COL_sec #BAN_sec {
    margin-bottom: 13px;
}

#page_index #TOP,
#page_index #NEW,
#page_index #BRAND,
#page_index #ACTU {
    margin-top: 50px
}

#page_index #TOP p.section,
#page_index #BRAND p.section,
#page_index #ACTU p.section {
    margin-bottom: 30px
}

#page_index #NEW #NEW_products {
    overflow-x: auto;
}

#page_index #NEW #NEW_products #NEW_products_slider {
    width: 100%;
}

#page_index #NEW #NEW_products #NEW_products_slider .slick-list .slick-track .slick-slide {
    /*width: 270px;!important*/
    /*height: 450px;*/
    /*margin-left: 20px;*/
}

#page_index #NEW #NEW_products #NEW_products_slider .slick-list .slick-track .slick-slide .pf_product {
    margin: 5px auto 0;
    width: calc(100% - 20px);
}

#page_index #NEW #NEW_filters {
    overflow-x: auto
}

#page_index #NEW .btn_filter,
#page_index #NEW .btn_filter {
    display: inline-block;
    margin: 25px 10px;
}

#page_index #NEW .btn_filter.hidden {
    display: none
}

#page_index #NEW #NEW_products {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#page_index #NEW #NEW_products .list_products .product {
    margin-bottom: 0;
    text-align: left;
}

#page_index #NEW #NEW_products_slider.slider {
    visibility: hidden
}

#page_index #NEW #NEW_products_slider.slider.slick-initialized {
    visibility: visible
}

#page_index #TOP #TOP_banners {
    overflow-x: auto;
    margin-top: 20px
}

#page_index #TOP #TOP_banners #TOP_banners_slider {
    display: flex;
    padding: 1rem 0;
    width: 4400px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 450px;
    margin-left: 1rem;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

#page_index #TOP #TOP_banners .banner {
    width: 230px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    flex: 1 0 230px;
    scroll-snap-align: start;
}

#page_index #TOP #TOP_banners::-webkit-scrollbar-track,
#page_index #BRAND #BRAND_banners::-webkit-scrollbar-track{
    background-color: #FFF
}

#page_index #TOP #TOP_banners::-webkit-scrollbar,
#page_index #BRAND #BRAND_banners::-webkit-scrollbar{
    height: 10px;
    background-color: #FFF;
}

#page_index #TOP #TOP_banners::-webkit-scrollbar-thumb,
#page_index #BRAND #BRAND_banners::-webkit-scrollbar-thumb{
    background-color: #DDD;
    border-radius: 10px;
}

#page_index #TOP #TOP_banners .banner:last-child {
    margin-right: 0
}

#page_index #TOP #TOP_banners .banner img {
    width: 100%
}

#page_index #TOP #TOP_banners .banner .price {
    font: bold 30px 'Roboto';
    position: absolute;
    bottom: 20px;
    left: 15px;
    color: #FFF;
}

#page_index #BRAND #BRAND_banners {
    overflow-x: auto;
    overflow-y: hidden
}

#BRAND_banners {
    overflow-x: hidden!important;
}

#page_index #BRAND h2 {
    padding: 0 20px
}

#page_index #BRAND #BRAND_banners #BRAND_banners_slider {
    width: 1900px;
    margin: 0 auto
}

#page_index #BRAND #BRAND_banners .banner {
    width: 150px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

#page_index #BRAND #BRAND_banners .banner:last-child {
    margin-right: 0
}

#page_index #BRAND #BRAND_banners .banner img {
    width: 100%
}

#page_index #ACTU .post {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#page_index #ACTU .post img {
    width: 100%;
    height: auto
}

#page_index #ACTU .post h3 {
    margin: 20px auto 0;
    font: bold 16px 'Roboto';
    min-height: 40px;
}

#page_index #ACTU .post p {
    margin: 0 auto;
}

#page_index #ACTU .post .btn {
    margin-top: 25px;
}


/* Timer Tom Home */

#page_index #BAN #COL_sec #BAN_sec .noel-timer {
    display: flex!important;
    justify-content: center;
    align-items: center;
    position: relative;
}

#page_index #BAN #COL_sec #BAN_sec .box-timer {
    position: absolute;
    display: flex;
    bottom: 31%;
    width: 35vw;
    left: 6.5%
}

#page_index #BAN #COL_sec #BAN_sec .noel-timer-box {
    text-align: center;
    /* font-size: 26px; */
    font-size: 1.5vw;
    display: flex;
    flex-wrap: nowrap;
    background: white;
    border-radius: 5px;
    margin-right: 2vw;
    min-width: 30px;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    width: 3vw;
    height: 3vw;
}

#page_index #BAN #COL_sec #BAN_sec .noel-timer-box .unit {
    font-size: 18px;
    font-weight: bolder;
    padding-top: 7px;
}

@media screen and (min-width: 700px) and (max-width: 1279px) {
    #page_index #BAN #COL_sec #BAN_sec .noel-timer-box {
        width: 7vw;
        height: 7vw;
        font-size: 3.5vw;
    }
    #page_index #BAN #COL_sec #BAN_sec .noel-timer-box .unit {
        font-size: 15px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 2130px) {
    #page_index #BAN #COL_sec #BAN_sec .noel-timer-box .unit {
        font-size: 15px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1445px) {
    #page_index #BAN #COL_sec #BAN_sec .noel-timer-box .unit {
        font-size: 15px;
    }
}

@media screen and (min-width: 280px) and (max-width: 540px) {
    #page_index #NEW #NEW_filters {
        position: relative;
    }
    /* #page_index #NEW #NEW_filters:before {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 1200px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%);
        background-attachment: fixed;
        background-size: cover;
    } */
    #page_index #BAN #COL_sec #BAN_sec .noel-timer-box {
        font-size: 4vw;
    }
    #page_index #BAN #COL_sec #BAN_sec .noel-timer-box .unit {
        font-size: 7px;
        font-weight: bolder;
        padding-top: 7px;
    }
    #page_index #BAN #COL_sec #BAN_sec .box-timer {
        bottom: 30%;
    }
}