.top-banner{width: 100%;position: relative;overflow: hidden;}
.top-banner img{width: 100%;}

.abouttitle{font-family: "ERAS"; font-size: 44px;color: #1a439a;text-align: center;line-height: 60px;margin-bottom: 40px;}

.whoarewe{}
.whoarewe .who-cont{font-size: 22px;line-height: 33px;margin-bottom: 0;text-align: center;}

.who-video i{font-size: 46px;margin: 20px auto;display: block;text-align: center;color: #1a439a;}
.who-video .learn-more-video{position: relative;}
.who-video .learn-more-video img{width: 100%;display: block;}
.who-video .learn-more-video .my_video{position: absolute;width: 100%;height: 100%;z-index: 9;top: 0;}

.whychooseus{margin: 120px 0;}
.why-info .why-info-item{display: flex;display: -webkit-flex;align-items:center;margin-top: -60px;}
.why-info .why-info-item:first-child{margin-top: 0;}
.why-info .why-info-item > div{width: 50%;padding: 0 20px;vertical-align: middle;}
.why-info .why-info-cont h3{color: #1a439a;font-family: "eras";font-size: 70px;position: relative;line-height: 60px;border-bottom: 3px solid #1a439a;display: inline-block;margin: 20px 0 10px;}
.why-info .why-info-cont h3 span{font-size: 30px;}
.why-info .why-info-cont p{font-size: 22px;margin-bottom: 10px;}
.why-info .why-info-cont .bottles{width: 77%;}
.why-info .why-info-cont .bottles-right{float: right;width: 67%;}


.fight-against{background: url(../../img/learn-more/fight-against-bg.png) no-repeat top right;background-size: inherit;}
.fight-against h2{text-align: center;font-family: "ERAS";color: #1a439a;font-size: 38px;margin-left: -60%;margin-top: 76%;}
.fight-against .bg-title{background: #1a439a;}
.fight-against h3{margin: 0;padding: 4% 10%;color: #FFFFFF;font-family: "ERAS";font-size: 30px;text-align: center;}
.fight-against .pdd-top p{font-size: 28px;line-height: 40px;/* margin-right: -25%; */color: #595757;}
.fight-against .pdd-top{padding-top: 7%;}
.fight-against .pdd-img{padding-top: 20px;}
.fight-against .pdd-img img{margin-bottom: 15px;}
.fight-against h4{color: #1a439a;font-family: "ERAS";font-size: 32px;margin-top: 12%;}
.fight-against .red-cross{margin: 6% auto;}
.fight-against .red-cross p{font-size: 23px;line-height: 34px;color: #595757;margin-top: 12%;text-align: justify;}

@media (max-width: 1024px) {
  .abouttitle{font-size: 40px;line-height: 40px;margin-bottom: 20px;}
  .whoarewe .who-cont{margin-bottom: 20px;}
  .whoarewe .who-factry{margin-top: 40px;}
  .whoarewe .who-factry h3{font-size: 24px;margin: 0 auto;}
  .why-info .why-info-item{margin-top: 0;}
  .why-info .why-info-cont h3{font-size: 34px;margin-top: 0;}
  .why-info .why-info-cont .bottles{width: 90%;}
	.fight-against .pdd-top{padding-top: 0;}



  
}

@media (max-width: 768px) {
	.abouttitle{font-size: 30px;line-height: 30px;margin-bottom: 20px;}
	.whoarewe .who-cont{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
	.whoarewe .who-factry{margin-top: 20px;}
	.whoarewe .who-factry h3{font-size: 20px;margin: 0 auto;padding: 15px 0;}
	.whychooseus{margin: 30px 0;}
	.why-info .why-info-item{margin-top: 0;}
	.why-info .why-info-item > div{padding: 0 15px 0 0;}
	.why-info .why-info-cont h3{font-size: 24px;line-height: 40px;}
	.why-info .why-info-cont p{font-size: 14px;}
	.why-info .why-info-cont .bottles{width: 100%;}
	.why-info .why-info-cont .bottles-right{width: 100%;}
	.why-info .why-info-cont h3 span{font-size: 18px;}


	.fight-against h2{margin-top: 15px;margin-left: 0;margin-bottom: 15px; font-size: 26px;}
	.fight-against h3{padding: 4% 0%;font-size: 20px;}
	.fight-against .pdd-top{padding-top: 4%;}
	.fight-against .pdd-top p{margin: 0;font-size: 22px;line-height: 32px;}
	.fight-against .red-cross{margin: 0 -15px;margin-bottom: 10%;}
	.fight-against h4{margin: 0;font-size: 26px;text-align: center;}
	.fight-against .red-cross p{font-size: 18px;line-height: 24px;margin-top: 5%;text-align: left;}

	
}