.about{ width:100%; float:left; padding:0px 50px 60px 80px}
.about .topt{ height:50px; width:100%; float:left}
.about .title{ float:left;}
.about .title h2{ font-size:40px; font-weight:bold; padding-bottom:5px;font-family:Roboto, Arial, Helvetica, sans-serif;}
.about .title h3{ font-weight:bold ; font-family:Roboto, Arial, Helvetica, sans-serif;}
.about .text{float:left; line-height:30px; font-size:16px; width:100%; }

.bgBlue{ background:#558288}
.bgBlue .title{ width:55%}
.bgBlue .title h2{ margin-top:220px;}
.bgBlue .title h3{ font-size:30px; color:#fff; }
.bgBlue .text{ color:#FFF;padding:45px 0}
.bgBlue img{ float:left; margin-right:25px; }

.bgYellow{ background:#fdd866; padding-top:100px}
.bgYellow .title{ width:100%}
.bgYellow .title h2{ padding-bottom:15px }
.bgYellow .title h3{ font-size:24px; line-height:36px }
.bgYellow .text{padding:25px 0 45px 0 }
.bgYellow img{ float:right; margin-left:25px}

.bgYellowish{ background: url(../images/about_img3_bg.jpg) bottom left  #f3edc8 no-repeat; padding-top:100px; padding-bottom:100px}
.bgYellowish .title{ width:100%; text-align:center}
.bgYellowish .title h2{ color:#853336 }
.bgYellowish .title h3{ font-size:30px; line-height:30px ; padding:10px 0; color:#50494b; padding-bottom:45px}
.bgYellowish .text{padding:25px 3% 65px 0; width:33.333%; font-size:18PX}
.bgYellowish img{ float:right; margin-left:25px}

.bgWhite{padding:50px 0px 60px 0px; background:#fafafa; padding-bottom:125px}
.bgWhite .title{padding:50px 50px 50px 80px}
.bgWhite img{ width:100%}
.bgWhite .table{ width:65%; float:left; padding:0 10px}
.bgWhite .table table tr td { padding:0px 10px}
.bgWhite .table2{ display:none}
.bgWhite .Photo{width:35%; float:left; padding-top:70px}

.footer{ margin-top:0}

@media (max-width: 1466px){

.bgBlue .title{ width:55%}
.bgBlue .title h2{ margin-top:200px; font-size:35px}
.bgBlue .title h3{ font-size:24px; }
.bgBlue .text{padding:35px 0}
.bgBlue img{ float:left; margin-right:25px; width:40%}

.bgYellow .title h2{  font-size:35px}
.bgYellow .title h3{ font-size:22px; line-height:36px }
.bgYellow img{ float:right; margin-left:25px; width:45%}
}

@media (max-width: 1200px){
.about .topt{ height:100px; }	
.bgBlue .title{ width:65%}
.bgBlue .title h2{ margin-top:80px; font-size:32px}
.bgBlue .title h3{ font-size:20px; }
.bgBlue .text{padding:25px 0}
.bgBlue img{ float:left; margin-right:20px; width:30%}

.bgYellow .title h2{  font-size:32px}
.bgYellow .title h3{ font-size:20px; line-height:24px }
.bgYellow .text{padding:25px 0 45px 0 }
.bgYellow img{ float:right; margin-left:25px; width:45%}

.bgYellowish{ padding-bottom:150px}
.bgYellowish .title h2{  font-size:32px}
.bgYellowish .title h3{ font-size:20px;  }
.bgYellowish .text{ width:100%;padding: 25px 0px 25px; }

.bgYellow{ padding-top:0}
.bgYellowish { padding-top:0}

.bgWhite .title{padding: 0px 50px 20px 80px}
.bgWhite .title h2{  font-size:32px}

.bgWhite .table{ width:100%; padding:0 20px}

.bgWhite .Photo{width:100%;padding-top:20px }

}


@media (max-width: 768px){

.bgBlue .title{ width:100%}
.bgBlue .title h2{ margin-top:20px; font-size:32px;}
.bgBlue .title h3{ font-size:20px; }
.bgBlue .text{padding:25px 0}
.bgBlue img{ float:left; width:100%}

.bgYellowish{  background: url(../images/about_img3_bg2.jpg) bottom left  #f3edc8 no-repeat;padding-bottom:250px;}

.bgWhite .title { padding: 0px 10px 0px 10px; font-size:28px}
.bgWhite .table{display:block; width:100%; padding:0 0px}
.bgWhite .table table tr td{ padding:0 2px; font-size:12px; line-height:20px; }
/*.bgWhite .table{ display:none}*/
/*.bgWhite .table2{ display:block; width:100%; padding:0 20px}*/
}

@media (min-width: 401px) and (max-width: 767px){



	
}
@media (max-width: 600px){
	.about {  padding: 0px 30px 60px 30px;}
	.about .topt{ height:100px; }

.bgYellowish{  background: url(../images/about_img3_bg3.jpg) bottom left  #f3edc8 no-repeat;padding-bottom:200px;}
}
@media (max-width: 400px){
	
	.about{  padding:20px 15px}
	.bgYellow  .title h3{ font-size:24px  }
	.bgYellow .title h3{ font-size:16px; line-height:20px }
	.bgYellow img{width:100%; margin:0}
	
	.bgYellowish{ padding-bottom:250px}
	.bgYellowish .title h2{  font-size:24px}
	.bgYellowish .title h3{ font-size:18px;  }
	.bgYellowish .text{ width:100%;padding: 15px 0px 15px; }
	
	.bgWhite .title{padding:0px 0px 10px 0}
	.bgYellowish{  background: url(../images/about_img3_bg4.jpg) bottom left  #f3edc8 no-repeat;padding-bottom:200px;}