/* BASIC css start */
.trendingWrap, .brand {margin:70px 0 70px 5%;box-sizing: border-box;}
.trending_now, .brandSwiper{padding-right:30px;}
.trendingWrap .info .name, .trendingWrap .info .cash { font-size: 18px; }
.trendingWrap .info .cash .price01 { font-size: 15px; }
.trendingWrap .info .cash .sale { font-weight:  bold; }
.items-wrap .items li {
    position: relative;
    list-style-type: none;
    font-size: 13px;
    width: 50%;
    max-height: 100%;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
    padding-right: 5px;
}

.trendingWrap figure .thumb .my-wish-list { right: 10px; top: 17px; }
.trendingWrap figure .thumb .my-wish-list div { font-size: 35px; }

.util { display: flex; align-items: center; justify-content: space-between; } 
.util::after { display: none; }
.util .swiper-scrollbar { width: 100%; height: 5px;  background: #dfdfdf; }
.util .swiper-container .swiper-notification { bottom: 0; left: 0; }
.util .navi { width: 100px; display: flex; justify-content: space-between; }
.util .swiper-scrollbar .progress { transition: all 3.5s ease; height: 5px; background:#000; }




/* BASIC css end */