.brandpage_container,
.brandpage_container div{width: 100%; float: left;}
.brandpage_container img{width: 100%;}
.brandpage_container .one{}
.brandpage_container .two{padding: 20px 0; text-align: center;}
.brandpage_container .two .title{padding-bottom: 20px;}
.brandpage_container .two .title span{display: inline-block; width: 100%; padding-bottom: 10px; font-size: 25px; font-weight: 600;}
.brandpage_container .two .text_holder{}
.brandpage_container .two .text_holder ul li{width: 49%; float: left; border: 1px solid #ddd; padding: 10px; margin-bottom: 10px;text-align: left;display: flex;align-items: center;justify-content: left;}
.brandpage_container .two .text_holder ul li:nth-child(2n){float: right;}
.brandpage_container .two .text_holder ul li:hover{background: #ddd;}
.brandpage_container .two .text_holder img{width: 20%; float: left; display: inline-block;}
.brandpage_container .two .text_holder span{display: inline-block; float: left; width: 75%; padding: 0 0 0 3%;}
.brandpage_container .three{}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.brandpage_container .two .title span{font-size: 22px;}
.brandpage_container .two .text_holder ul li{width: 100%;}
.brandpage_container .two .text_holder img{width: 100px;}
.brandpage_container .two .text_holder span{display: inline-block; float: left; width: 75%; padding: 0 0 0 3%;}
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:499px) {
.brandpage_container .two .title span{font-size: 18px;}
.brandpage_container .two .text_holder img{width: 70px;}
}