.content-about{
   width:80%;
   margin: 0 auto;
   align-items: center;
   text-align: center;
   justify-content: center;
   /*padding-left: 200px;*/
}

/*.content-about h1{
   font-size:50px
}*/
.history{
   /*padding:5% 0;
   width:100%;
   height: 500px;
   /*height:auto;*/
   background-color:#f6f6f6;
   display: flex;
   text-align: center;
   align-items: center;
}
.history .left{
   padding:2% 0;
  /* float:left;*/
   width:50%;
   display:inline-block;
}
.history .right{
   width:50%;
   display:inline-block;
}
.history .right img{
   width:680px;
   height: 500px;
}
.history .left h3{
	font-size: 30px;
   text-align: center;
   color:#202e31;
   margin: 0 0 10px 0;
   text-shadow: 1px 1px #888888;
}
.history .left .hr-bottom{
   width:20%;/*
   align-items: center;
   text-align: center;*/
   border-top:2px solid #caa343;
   border-bottom:none;
   margin: 0 auto;

}
.history .left .hr-top{
	margin-bottom: 15px;
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
   margin: 0 auto;
    margin-bottom: 13px;
}


.history .left p{
   font-size: 14px;
   margin:20px auto;
   width:80%;
   text-align: justify;
   color: #202e31;
  /* color: #888888;*/
}


.mission{
   /*padding:5% 0;*/
   /*width:100%;
   height: 500px;*/
   /*height:auto;*/
   background-color:#fff;
   text-align: center;
   align-items: center;
}
.mission .left{
   padding:2% 0;
   float:right;
   width:50%;
   display:inline-block;
}
.mission .right{
   width:50%;
   display:inline-block;
}
.mission .right img{
  margin-left: 10%;
   width:680px;
   height: 500px;
}
.mission .left h3{
	font-size: 30px;
   text-align:center;
   color:#202e31;
   margin:0 0 10px 0;
   text-shadow: 1px 1px #888888;
}
.mission .left .hr-bottom{
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
   margin: 0 auto;
}
.mission .left .hr-top{
	margin-bottom: 15px;
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
   margin: 0 auto;
   margin-bottom: 13px;
}
.mission .left p{
   font-size: 14px;
   margin:10px auto;
   width:80%;
   text-align: justify;
   color: #202e31;
  /* color: #888888;*/
}

.vision{
   /*padding:5% 0;*/
   width:100%;
   height: 500px;
   /*height:auto;*/
   background-color:#fff;

}
.vision .left{
   padding:2% 0;
   float:left;
   width:50%;
   display:inline-block;
}
.vision .right{
   width:50%;
   display:inline-block;
}
.vision .right img{
   width:650px;
   height: 500px;
}
.vision .left h3{
	font-size: 30px;
   text-align:center;
   color:#202e31;
   margin:0 0 10px 0;
}
.vision .left .hr-bottom{
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
}
.vision .left .hr-top{
	margin-bottom: 15px;
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
}
.vision .left p{
   font-size: 14px;
   margin:20px auto;
   width:80%;
   text-align: justify;
   color: #202e31;
  /* color: #888888;*/
}
/*.line-history .line:after {
    content: '';
    position: absolute;
    width: 130px;
    height: 5px;
    background: #caa343;
    left: 50%;
    transform: translateX(-50%);
    top: -20px; }
  .line-history .line:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 5px;
    background: #caa343;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    }*/


.major-client{
   width:90%;
   margin: 40px auto;
   align-items: center;
   text-align: center;
   justify-content: center;
   /*padding:5% 2%;*/
   over-flow:hidden;
}
/*.major-client h3{
   text-align:center;
   color:#1EADFF;
   
}*/

.major-client .hr-bottom{
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
   /*margin-bottom: 30px;*/
   margin: 0 auto;
   margin-bottom: 20px;
}

.major-client .hr-top{
	margin-bottom: 15px;
   width:20%;
   border-top:2px solid #caa343;
   border-bottom:none;
   margin: 0 auto;
   margin-bottom: 13px;
}

.major-client  h3{
	font-size: 30px;
   text-align:center;
   color:#202e31;
   margin:0 0 10px 0;
   text-shadow: 1px 1px #888888;
}

/*.major-client .card{
   padding-bottom:20px;
   padding-top:20px;
   position:relative;
   min-width:20%;
   height:500px !important;
   height:auto;
   background-color:#fff;
   display:inline-block;
   margin:40px 6.5%;
   box-shadow: 0 0 20px 2px rgba(0,0,0,0.5);
   text-align:center;
}*/
.major-client .card{
  position: relative;
  display: inline-block;
  padding: 20px 20px 0 0;
}

.major-client p{
  font-size: 14px;
    color: #888888; 
    text-align: center;
    margin: 0 auto;
    width: 800px;
    margin-bottom: 15px;
}

.major-client .card img{
  /*margin: 10px;*/
  width: 355px;
  height: 201px;
  position:relative;
  /*box-shadow: 0 0 20px 2px rgba(0,0,0,0.5);*/
  display:inline-block;
  /*background: transparent;*/
}


@media only screen and (min-width: 0px) and (max-width: 768px) {

  .content-about{width: 100%; height: auto;}
  .content-about .history{width: 100%; height: auto; display: block;}
  .history .left{padding:2% 0; width: 100%; display:block;}
  .history .right{width: 100%; display: block;}
  .history .right img{width: 400px; height: 300px; display: block; margin: auto;}

  .content-about .mission{width: 100%; height: auto; display: block;}
  .mission .left{ width: 100%; display: block; }
  .mission .right{width: 100%; display: block;}
  .mission .right img{ width: 400px; height: 300px; display: block; margin: auto;}

  .content-about .major-client{width: 100%; height: auto;}
  .major-client p{width: 400px;}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
  .content-about{width: 80%; height: auto;}
  .content-about .history{/*width: 100%;*/ height: auto; display: flex;}
  .history .left{padding:2% 0; width: 100%; display:block;}
  .history .right{width: 100%; display: block;}
  .history .right img{width: 500px; height: 400px; display: block; margin: auto;}


  /*.content-about .mission{width: 80%; height: auto; display: flex;}*/
  .mission{text-align: center; }
  .mission .left{  padding:2% 0; float:right; width:50%; display:inline-block;}
  .mission .right{ width:50%; display:inline-block;}
  .mission .right img{ margin-left: 10%; width: 500px; height: 400px; display: block; margin: auto;}

  /*.major-client{ width:90%; margin: 40px auto; text-align: center; justify-content: center; over-flow: hidden; }
  .major-client h3{font-size: 30px; text-align:center; color:#202e31; margin:0 0 10px 0;}
  .major-client .hr-bottom{width:20%; margin: 0 auto;}
  .major-client .hr-top{ width:20%; margin: 0 auto;}*/
  .major-client{width: 90%; height: auto; margin: 40px auto;}
  .major-client h3{margin: auto; text-align: center; align-items: center; }
  .major-client .hr-top{ margin: 90px auto; border-top:2px solid #caa343; margin-bottom: 15px; align-items: center; text-align: center;}
  .major-client .hr-bottom{width:20%; margin: 0 auto; margin-bottom: 30px;}

  .major-client p{
    width: 600px;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1440px){
  .content-about{width: 80%; height: auto;}
  .content-about .history{/*width: 100%;*/ height: auto; display: flex;}
  .history .left{padding:2% 0; width: 100%; display:block;}
  .history .right{width: 100%; display: block;}
  .history .right img{width: 500px; height: 400px; display: block; margin: auto;}


  /*.content-about .mission{width: 80%; height: auto; display: flex;}*/
  .mission{text-align: center; }
  .mission .left{  padding:2% 0; float:right; width:50%; display:inline-block;}
  .mission .right{ width:50%; display:inline-block;}
  .mission .right img{ margin-left: 10%; width: 500px; height: 400px; display: block; margin: auto;}

  /*.major-client{ width:90%; margin: 40px auto; text-align: center; justify-content: center; over-flow: hidden; }
  .major-client h3{font-size: 30px; text-align:center; color:#202e31; margin:0 0 10px 0;}
  .major-client .hr-bottom{width:20%; margin: 0 auto;}
  .major-client .hr-top{ width:20%; margin: 0 auto;}*/
  .major-client{width: 90%; height: auto; margin: auto;}
  .major-client h3{margin: auto; text-align: center; align-items: center; }
  .major-client .hr-top{ margin: 90px auto; border-top:2px solid #caa343; margin-bottom: 15px; align-items: center; text-align: center;}
  .major-client .hr-bottom{width:20%; margin: 0 auto; margin-bottom: 30px;}

  .major-client p{width: 900px;}

  .major-client .card img{width: 300px;height: 205px;}
}