.brand2 img{ max-width:100%; vertical-align:top; }
.brand2 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; padding:130px 0; align-items:center; }
.brand2 .flex  .item{  flex:1;  position:relative}
.brand2 .flex.bgGray  {flex-direction: row-reverse;}
.brand2 .flex.bgGray .cont {text-align:right}
.brand2 .flex.bgGray .btn a {float:right}
.brand2 .cont {padding:0 10%; }
.brand2 .tit1 {font-size: 16px;  }
.brand2 .tit2 {font-size: 40px; line-height:50px; color:#1754D0; font-weight:600;  }
.brand2 .txt {font-size:18px; padding:30px 0 45px 0}
.brand2 .btn a{display:block;  font-size:16px; width:160px; color:#333; text-align:center; padding:7px 0 10px 0; 
background-color:#fff; border:1px solid #888; border-radius:50px;}
.brand2 .bgGray {background:#f8f8f8;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.brand2 .flex {display:block; padding:0 0 20px 0; }
.brand2 .cont {padding:5%;  top:0%; left:0; position: relative; transform:translate(0, 0); }
.brand2 .flex.bgGray .cont {text-align:left;}
.brand2 .flex.bgGray .btn a {float:none;}
.brand2 .tit1 {font-size: 16px;  }
.brand2 .tit2 {font-size: 22px; line-height:28px;  }
.brand2 .txt {font-size:14px; padding:10px 0 30px 0}
.brand2 .btn a{font-size:14px; margin:0 auto;  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}