.brands{clear: both;padding: 30px 0 0 ;}
.brands-section{padding: 30px 0 50px;}
/* .brands h2{margin: 0;line-height: normal;font-size: 24px;font-family: Verdana, sans-serif;} */
/* .brands .brands-subtitle{display: block;font-size: 14px;margin: 0 0 30px;text-align: center;} */
.brands ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.brands ul li{flex: 1; background: #fff;padding: 20px;box-sizing: border-box;text-align: center;margin: 0;}
.brands ul li:last-of-type{margin-right: 0px;}
.brands ul li img{display: block;height: 25px;margin: 0 auto;}
.brands ul li .brands-tit{font-size: 16px;font-weight: bold;margin: 10px 0 20px;}
.brands ul li .product-con{font-size: 14px;line-height: 20px;}
.brands ul li .price-box{font-size: 16px;font-weight: bold;margin: 20px 0 10px;color: #FF3500;}
.brands ul li .price-box span:first-child{font-size: 24px;}
.brands ul li .buy-btn{padding: 0 20px;background: #ececec;color: #000;border-radius: 100px;display: block;height: 45px;line-height: 45px;font-size: 14px;font-weight: bold;}
.brands ul li .buy-btn:hover{background: #FF3500;color: #fff;}

@media screen and (max-width:767px){
    .brands{padding: 20px 0 0;}
    .brands-section{padding: 20px 0;}
    .brands h2{font-size: 18px;margin-top: 0;}
    /* .brands .brands-subtitle{font-size: 14px;margin-bottom: 20px;} */
    .brands .mainW{width: 100%;padding: 0 10px;box-sizing: border-box;}
    .brands ul{gap: 10px;}
    .brands ul li{width: 49%;padding: 15px;}
    .brands ul li:nth-of-type(2){margin-right: 0;}
    .brands ul li:nth-of-type(3){margin-bottom: 0;}
    .brands ul li:last-of-type{margin-bottom: 0;}
    .brands ul li .brands-tit{font-size: 14px;margin: 10px 0;}
    .brands ul li .product-con{font-size: 12px;}
    .brands ul li .price-box span:first-child{font-size: 18px;}
    .brands ul li .price-box{font-size: 12px;margin: 10px 0;}
    .brands ul li .price-box .price{font-size: 16px;}
    .brands ul li img{height: 20px;}
    .brands ul li .buy-btn{padding: 0 15px;height: 35px;font-size: 12px;line-height: 35px;}
}

@media screen and (max-width:320px){
    .brands ul li{width: 100%;margin: 0 0 10px !important;}
}