.brand-content-g {
    width: 100%;
    background: #eee;
}

.brand-content-w {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 35px auto;
}

.brand-box {
    width: 90%;
}

.brand-img {
    display: inline-block;
    width: 50%;
}

.brand-img img{
    width: 100%;
    padding: 15px;
    vertical-align: bottom;
}

.brand-txt {
    display: inline-block;
    width: 32%;
    vertical-align: bottom;
    padding: 15px;
}

.brand-txt-img {
    width: 100%;
    display: inline-block;
    position: relative;
}

.brand-txt-img img {
    display: inline-block;
    width: 35%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 15px auto;
}

.brand-txt-img .bp {
    display: inline-block;
    width: 15%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 15px auto 5px auto;
}

.brand-txt p {
    display: inline-block;
    width: 100%;
    padding: 10px auto;
    font-size: 16px;
    text-align: justify;
}

.know-more {
    display: block;
    width: 48%;
    padding: 10px;
    color: #fff;
    background: #ef6036;
    margin: 5px auto;
    float: right;
}

.know-more a {
    color: #fff;
}

@media screen and (max-width:1200px ) {
    .brand-box {
        width: 90%;
    }
    
    .brand-img {
        display: inline-block;
        width: 40%;
    }
    
    .brand-img img{
        width: 100%;
        padding: 15px;
        vertical-align: bottom;
    }
    
    .brand-txt {
        display: inline-block;
        width: 50%;
        vertical-align: bottom;
        padding: 15px;
    }
    
    .brand-txt-img {
        width: 100%;
        display: inline-block;
        position: relative;
    }
    
    .brand-txt-img img {
        display: inline-block;
        width: 35%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 15px auto;
    }
    
    .brand-txt-img .bp {
        display: inline-block;
        width: 15%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 15px auto 5px auto;
    }
    
    .brand-txt p {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        text-align: justify;
    }
    
    .know-more {
        display: block;
        width: 48%;
        padding: 5px;
        color: #fff;
        background: #ef6036;
        margin: 5px auto;
        float: right;
    } 
}

@media screen and (max-width:900px ) {
    .brand-box {
        width: 80%;
    }
    
    .brand-img {
        display: inline-block;
        width: 40%;
    }
    
    .brand-img img{
        width: 100%;
        padding: 15px;
        vertical-align: bottom;
    }
    
    .brand-txt {
        display: inline-block;
        width: 50%;
        vertical-align: bottom;
        padding: 15px;
    }
    
    .brand-txt-img {
        width: 100%;
        display: inline-block;
        position: relative;
    }
    
    .brand-txt-img img {
        display: inline-block;
        width: 20%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 15px auto;
    }
    
    .brand-txt-img .bp {
        display: inline-block;
        width: 8%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 15px auto 5px auto;
    }
    
    .brand-txt p {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        text-align: justify;
    }
    
    .know-more {
        display: block;
        width: 48%;
        padding: 5px;
        color: #fff;
        background: #ef6036;
        margin: 5px auto;
        float: right;
    } 
}


@media screen and (max-width:760px ) {
    .brand-content-g {
        width: 100%;
        background: #eee;
    }
    
    .brand-content-w {
        display: inline-block;
        width: 100%;
        background: #fff;
        padding: 35px auto;
    }
    
    .brand-box {
        width: 80%;
    }
    
    .brand-img {
        display: inline-block;
        width: 100%;
        margin: 35px auto;
    }
    
    .brand-img img{
        width: 100%;
        padding: 15px;
        vertical-align: bottom;
    }
    
    .brand-txt {
        display: inline-block;
        width: 100%;
        vertical-align: bottom;
        padding: 15px;
    }
    
    .brand-txt-img {
        width: 100%;
        display: inline-block;
        
    }
    
    .brand-txt-img img {
        display: inline-block;
        width: 35%;
        margin: 35px auto 10px auto;
    }
    
    .brand-txt-img .bp {
        display: block;
        width: 10%;
        margin: 0 auto;
    }
    
    .brand-txt p {
        display: block;
        width: 100%;
        margin: 20px auto;
        font-size: 16px;
        text-align: justify;
    }
    
    .know-more {
        display: block;
        width: 100%;
        padding: 10px;
        color: #fff;
        background: #ef6036;
        margin: 15px auto;
        float: right;
    }   
}