.brand2 img{ max-width:100%; vertical-align:top; }
.brand2 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; padding:150px 0 }
.brand2 .flex  .item{  flex:1;  position:relative}
.brand2 .flex.bgGray  {flex-direction: row-reverse;}
.brand2 .cont {padding:15%;  top:50%; left:0; position: absolute; transform:translate(0, calc(-50% + 0.5px));}
.brand2 .tit1 {font-size: 16px;  }
.brand2 .tit2 {font-size: 30px  }
.brand2 .txt {font-size:18px; padding:10px 0 40px 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 30px 0; }
.brand2 .cont {padding:5%;  top:0%; left:0; position: relative; transform:translate(0, 0);}
.brand2 .tit1 {font-size: 16px;  }
.brand2 .tit2 {font-size: 22px  }
.brand2 .txt {font-size:14px; padding:10px 0 40px 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) {
}