.container {display:flex; height:100%;  -ms-overflow-style: none; }
#box1 {flex:1;  }
#box2 {flex:1; overflow:hidden; }

h1.main { font-size:45px; font-weight:500; position:relative; text-align:center;  padding:70px 0 0 0; border-top:1px solid #dfdfdf;}
h1.main span.section_tit:after { content:""; width:50px;  height:2px; background-color:#ccc; display:block; text-align:center; margin:7px auto;  }
/*h1#section2 {background-color:#f0f0f0;}*/
h1#section6 {padding-bottom: 80px ;}
h1.main span.section_txt {display:block; text-align:center;   padding:20px 0 0 0; font-size:16px;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.container {display:block;   height:100%; /*width : calc(100% - 60px); float:right;*/ }
#box1 { width:100%; float:none; height:70%; position:relative; }
#box2 {float:none; width:100% !important; }
/*#box1 {flex:none; height:70%; }
#box2 {flex:none; box-sizing:border-box; overflow-y:hidden;   background-color:#f5f5f5; }*/

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}