.brandpage_container,
.brandpage_container div{width: 100%; float: left;}
.brandpage_container img{width: 100%; display: block; float: left;}

.brandpage_container .one{position: relative; background: #eee6db; margin-bottom: 15px;}
.brandpage_container .one .img_holder{}
.brandpage_container .one .img_holder img.mobile_img{display: none;}
.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;}
.brandpage_container .one .text_holder{width: 45%; margin: 70px 0 0 40px; font-size: 15px; line-height: 22px; position: absolute; color: #111; text-align: center;}
.brandpage_container .one .text_holder span{color: #401e1f; text-transform: uppercase;display: inline-block; width: 100%; float: left; font-size: 22px; font-weight: 800; padding-bottom: 15px;}
.brandpage_container .two{padding: 30px 0; text-align: center; background: #f3f3f3; color: #777;}
.brandpage_container .two ul li{width: 23%; margin: 0 1%; line-height: 22px; float: left;}
.brandpage_container .two span,
.brandpage_container .three span{display: inline-block; width: 100%; float: left; line-height: normal; padding: 15px 0 10px 0; color: #111; font-weight: 800;}
.brandpage_container .two img{width: 80px; margin: 0 auto; float: none; display: block;}
.brandpage_container .three{padding: 30px 0;}
.brandpage_container .three span{padding: 0 0 10px 0;}
.brandpage_container .three ul li{width: 48%; margin: 0 1% 15px 1%; line-height: 22px; float: left;}
.brandpage_container .three .img_holder{ width: 100px; }
.brandpage_container .three .text_holder{width: 75%; float: left; padding: 0 0 0 20px; color: #777;}



@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.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%; margin: -50px 0 0 0; padding: 0 15px 15px 15px; position: relative;}
.brandpage_container .two{padding: 20px 0;}
.brandpage_container .two ul li{width: 48%; margin: 10px 1%;}
.brandpage_container .three ul li{display: flex;}
.brandpage_container .three .img_holder{ width: 120px; float: none; margin: 0 auto;}
.brandpage_container .three .text_holder{width: 80%; float: left; padding: 0;}

}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.brandpage_container .three{padding: 20px 0;}
.brandpage_container .three ul li{display: block;width: 100%; margin: 10px 0;}
.brandpage_container .three .img_holder{ width: 120px; float: none; margin: 0 auto;}
.brandpage_container .three .text_holder{width: 100%; float: left; padding: 0; text-align: center;}
}

@media only screen and (max-width:500px),(max-width:590px){
.brandpage_container .two ul li{width: 100%; margin: 0 0 20px 0;}
.brandpage_container .two span{padding: 8px 0;}
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:499px) {
}

