.ci {  }
.ci .head {text-align:center;}
.ci h3 {font-size:30px; font-weight:600; margin-bottom:20px; text-align:center }
.ci p {font-size:18px; line-height:32px;  text-align:center}
.ci h3.mainColor {font-weight:600; font-size:35px;}
.ci .img {margin:30px 0 35px 0; border:1px solid #efefef;}
.ci .img img {vertical-align:top; max-width:100%;}
.ci .colorBox {width:530px; background:#0071ce; height:170px; color:#fff; position:relative; float:right;}
.ci .colorBox span {position:absolute; bottom:20px; left:20px; font-size:18px; text-align:left;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.ci h3 {font-size:25px; font-weight:600; margin-bottom:15px;  }
.ci .colorBox {width:100%; height:150px}
.ci p {font-size:14px; line-height:25px;}
.ci h3.mainColor { font-size:25px;}
.ci .img {margin:20px 0 25px 0; border:1px solid #efefef;}
.mgT70 {margin-top:35px}
.mgT100 {margin-top:35px}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}