#cd5_336 {overflow:hidden;width:100%;position:relative;clear: left;box-sizing: border-box; padding: 0px; background-color: #ccc; display: block; margin: 0; }
#cd5_336 * { box-sizing: border-box; }
#cd5_336 .m336_box { margin: auto; position: relative; width: 100%; padding: 0px; z-index: 2; display: flex;  align-items: stretch;justify-content:center; flex-direction: row; }
#cd5_336 .m336_reverseflex { flex-direction: row-reverse; }
#cd5_336 .m336_box1 { flex: 0.45; }
#cd5_336 .m336_box2 { flex: 0.45; padding: 60px 80px; background-color: #fafafa; color: #222; }
#cd5_336 .m336_box3 { flex: 0.1; background-color: #fff; }
#cd5_336 .m336_color2 { background-color: #efefef; }
#cd5_336 .m336_img { width: 100%; display: none; }
#cd5_336 .m336_title { font-size: 30px; font-family: poppinssemibold; line-height: 1.7; padding-bottom: 15px; }
#cd5_336 .m336_des { font-size: 15px; font-family: poppinsregular; line-height: 1.7;}
@media only screen and (max-width:1400px) {
       #cd5_336 .m336_box1 { flex: 0.40; }
       #cd5_336 .m336_box2 { flex: 0.50; padding: 60px; }
       #cd5_336 .m336_box3 { flex: 0.1; }
       #cd5_336 .m336_title { font-size: 25px;}
       #cd5_336 .m336_des { font-size: 14px;}
}
@media only screen and (max-width:1023px) {
       #cd5_336 .m336_box1 { flex: 1; }
       #cd5_336 .m336_box2 { flex: 1; height: 56.55%; }
       #cd5_336 .m336_box3 { flex: 0; }
       #cd5_336 .m336_box, #cd5_336 .m336_reverseflex { flex-direction: column-reverse; }
       #cd5_336 .m336_img { display: block; }
}
@media only screen and (max-width:767px) {
       #cd5_336 .m336_box2 { padding: 40px; }
       #cd5_336 .m336_title { font-size: 20px;}
}
@media only screen and (max-width:500px) {
       #cd5_336 .m336_box2 { padding: 25px; }
       #cd5_336 .m336_title { font-size: 18px;}
       #cd5_336 .m336_des { font-size: 13px;}
}
@media only screen and (max-width:339px) {
       #cd5_336 .m336_box2 { padding: 15px; }
}