.brandpage_container,
.brandpage_container div{width: 100%; float: left;}
.brandpage_container img{width: 100%;}
.brandpage_container .one{position: relative; background: #e1e1e1; margin-bottom: 15px;}
.brandpage_container .one .img_holder{}
.brandpage_container .one .img_holder img.mobile_img{display: none;}
.brandpage_container .one .text_holder{width: 45%; padding: 20px; background: rgba(255,255,255,0.8); font-size: 17px; line-height: 24px; border-radius: 20px; position: absolute; top: 35px; left: 40px;}
.brandpage_container .one .text_holder span{font-size: 25px; line-height: 30px; font-weight: 600; display: inline-block; width: 100%; padding-bottom: 15px;}
.brandpage_container .videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.brandpage_container .videowrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}


@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.brandpage_container .one .text_holder{width: 45%; padding: 15px; font-size: 15px; line-height: 20px; top: 30px; left: 30px;}
.brandpage_container .one .text_holder span{font-size: 18px; line-height: 22px;}
}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.brandpage_container .one .img_holder img.desktop_img{display: none;}
.brandpage_container .one .img_holder img.mobile_img{display: block;}
.brandpage_container .one .text_holder{width: 100%; padding:0 15px 0 15px; background:none; font-size: 15px; line-height: 22px; border-radius: 10px; position: relative; top: -30px; left: 0; text-align: center;}
.brandpage_container .one .text_holder span{font-size: 22px; line-height: 27px;padding-bottom: 10px;}
}

@media only screen and (max-width:500px),(max-width:590px){
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:499px) {
}