.sec-about { background:url(../img/aboutus/bg.jpg) center no-repeat;background-size:cover;height:95%;overflow:hidden; }

hr.line { width:25%;margin:0px auto; height:1px; background-color:#aaaaaa; border:none; }

.sec-txt { text-align:left;padding:60px;float:right;width:50%;box-sizing:border-box;background:rgba(255,255,255,.8);height:100%;overflow:auto }
.sec-txt > .wrapper { max-width:1000px;margin:0px auto; }
.sec-txt h2 { font-size:30px;font-weight:normal;margin:20px 0px;font-weight:bold; }
.sec-txt h4 { font-size:18px;font-weight:bold;margin:30px 0px 5px 0px; display:inline-block;border-bottom:1px #28bcb2 solid;color:#28bcb2 }
.sec-txt p { font-size:16px;margin:5px 0px;display:block; }


.sec-icon { clear:both;text-align:center;margin:60px 0px 80px 0px; }
.sec-icon h2 { font-size:30px;font-weight:normal;margin:0px 0px 50px 0px;font-weight:bold;color:#515151 }
.sec-icon .row { overflow:auto;max-width:1100px;margin:0px auto; }
.sec-icon .row > .col { float:left;width:25%;font-size:16px; }
.sec-icon .icon { font-size:20px;font-weight:bold;color:#0daaac }
.sec-icon .icon i { font-size:90px;margin-bottom:20px; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1100px) {
  .sec-about { height:auto;background-position:left }
  .sec-txt { width:auto;float:none;background-color:#ffffff;opacity:.9 }

  .sec-icon .row { max-width:900px; }
}

@media screen and (max-width:800px) {

  .sec-about { background-size:170% auto ;background-position:left top;}
  .sec-txt { float:none;width:auto;margin-top:95%; }
  .sec-txt > .wrapper br { }

  .sec-icon { margin-top:0px; }
  .sec-icon .row { margin:0px 30px; }
  .sec-icon .icon i { font-size:50px; }

}

@media screen and (max-width:600px) {
  h2 { font-size:24px!important; }
  .sec-txt { padding:0px;  }
  .sec-txt > .wrapper { padding:30px; }
  .sec-txt > .wrapper br { display:block;  }
  hr.line { margin:20px auto;width:50%; }
  .sec-txt p { text-align:justify; }

  .sec-icon { margin-bottom:40px }
  .sec-icon .row > .col { width:50%;margin-bottom:60px; }

}

@media screen and (max-width:380px) {
  .sec-txt h4 { font-size:16px; }
  h2 { font-size:22px!important; }

  .sec-icon { margin-bottom:30px }
}

@media screen and (max-width:360px) {
  h2 { font-size:20px!important; }
  .sec-txt {  }
  .sec-txt h4 { font-size:14px; }
  .sec-txt p { font-size:13px }


  .sec-icon .row > .col { font-size:14px }
  .sec-icon .icon { font-size:16px; }
  .sec-icon .icon i { font-size:40px; }
}