div.intro { overflow: hidden; }
div.intro img {max-width:100%; vertical-align:top}
div.intro p {line-height:32px; font-size:18px; padding-bottom:20px; }
div.intro .head {text-align:center; padding-bottom:30px; font-size:20px; line-height:32px;}
div.intro .head2 {margin-top:20px}
div.intro .head span {font-weight:500; font-size:25px; line-height:35px; }
div.intro .img {padding:10px 0 30px 0}

div.intro .cont1 {margin-top:20px;}
div.intro h3 {font-size:25px; font-weight:600; padding:0 0 20px 16px; position:relative;}
div.intro h3::before {content:""; height:21px; width:4px; background-color:#ee1c26; 
position:absolute; top:10px;  left:0px; }
div.intro h4 {font-size:18px; font-weight:500; position:relative; padding-left:20px; margin-bottom:5px; }
div.intro h4::before { content: "";  width: 13px; height: 13px; border:3px solid #ee1c26; 
 position: absolute; left: 0; top: 8px;   border-radius: 50%;}
div.intro .txt1 {line-height:32px; font-size:18px; padding-bottom:20px; }
div.intro .txt2 {line-height:32px; font-size:16px; padding-bottom:20px; }

div.intro .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; border:1px solid #888;
 padding:35px 30px 10px 30px; margin-top:20px  }
div.intro .flex2 .item{   width:48.5%; }
div.intro .flex2 h4 {border-bottom:3px solid #ee1c26; padding-bottom:8px; margin-bottom:30px  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.intro { }
div.intro p { font-size:15px; line-height:25px; padding-bottom:20px; }
div.intro .head { padding-bottom:20px; font-size:16px; line-height:24px;}
div.intro .head span { font-size:20px; line-height:30px; }
div.intro .img {padding:0px 0 20px 0}

div.intro .cont1 {margin-top:30px;}
div.intro h3 {font-size:20px; padding:0 0 15px 14px; position:relative;}
div.intro h3::before { height:18px; width:4px;  top:7px;  }
div.intro h4 {font-size:16px;  padding-left:18px; margin-bottom:5px; }
div.intro h4::before {  width: 11px; height: 11px; border:3px solid #ee1c26; 
 position: absolute; left: 0; top: 8px;   border-radius: 50%;}
div.intro .txt1 {line-height:22px; font-size:15px; padding-bottom:20px; }
div.intro .txt2 {line-height:22px; font-size:14px; padding-bottom:20px; }

div.intro .flex2{ padding:20px 20px 5px 20px; margin-top:10px  }
div.intro .flex2 .item{   width:100%; }
div.intro .flex2 h4 {border-bottom:2px solid #ee1c26; padding-bottom:6px; margin-bottom:20px  }

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

