@-ms-viewport{
  width: device-width;
}
*{
   -webkit-overflow-scrolling: touch;
   margin: 0;
   padding: 0;
}
p{
	margin: 0;
	font-family: "Poppins", sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-family: "Poppins", sans-serif;
}
a{
	font-family: "Poppins", sans-serif;
	text-decoration: none;
	color: #007b5e;
}
.sec-container{
	width: 1200px;
	margin: 0 auto;
}
.header{
	padding: 0em 0em 1em;
	text-align: center;
}
.header img{
	width: 300px;
}
.content-text{
	text-align: center;
	margin: 0 auto;
	display: block;
}
.content-text img{
	display: block;
	width: 40%;
	text-align: center;
	margin: 0 auto;
}
.headertitle h1{
	font-size: 24px;
	padding: 0em 0em 1em;
}

.headertitle button{
	background: #eb1d30;
	color: #fff;
	border: none;
	padding: 1em 2em;
	font-size: 15px;
	border-radius: 10px;
	cursor: pointer;
}

.promo-holder{
	display: flex;
}
.promo-holder img{
	width: 97%;
	padding: 0.3em 0.5em 0.7em;
}

.new-content{
	background: url('img/newbg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.caishen{
	text-align: center;
}

.caishen img{
	text-align: center;
	margin: 0 auto;
	padding-right: 8em;
	width: 42%;
}

.cta{
	text-align: center;
	position: relative;
	bottom: 30px;
	margin-top: -80px;
}

.cta img{
	width: 20%;
	padding-right: 0em;
	text-align: center;
}

.tg-section{
	background: #f9f9f9;
	padding: 2em;
}
.tg-section .sec-container {
	display: flex;
	align-items: center;
}

.tg-logo{
	width: 30%;
	text-align: right;
}
.tg-logo img{
	width: 160px;
}
.tg-content{
	width: 70%;
	line-height: 2;
	padding-left: 0.5em;
}
.tg-content p:first-child{
	font-size: 20px;
}
.yellow{
	color: #ffcb08;
}
.tgcolor{
	color: #24A1DE;
}
.sm-section{
	background: #007b5e;
}
.sm-title{
	padding: 1em 0em;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.sm-accounts{
	width: 1000px;
	display: flex;
	text-align: center;
	align-items: center;
	margin: 0 auto;
	padding: 0em 0em 2em;
}
.sm-box{
	display: grid;
	width: 25%;
	line-height: 2;
	background: #f77c1e;
	margin: 0em 0.5em;
	padding: 1em 0em;
	border-radius: 15px;
}
.sm-box i{
	color: #fff;
	font-size: 30px;
}
.sm-box a{
	color: #fff;
}

.imagetext{
	animation: pulseone 2s ease 0s infinite normal forwards;
}
.imagetext2{
	animation: pulseone 2s ease 0.5s infinite normal forwards;
}
.imagetext3{
	animation: pulseone 2s ease 1s infinite normal forwards;
}
@keyframes pulseone {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}


@media (768px <= width <= 1280px) {
	p{
		font-size: 17px;
	}
	.headertitle h1 {
	    font-size: 23px;
	    padding: 0em 0.3em 1em;
	}
	.sec-container{
		width: auto;
		margin: 0 auto;
	}
	.promo-holder{
		display: block;
		text-align: center;
		align-items: center;
		align-content: center;
	}
	.promo-holder img{
		width: 75%;
	}
	.tg-content p:first-child {
	    font-size: 20px;
	}
  	.sm-box {
	    width: 25%;
	    margin: 0em 0.2em; 
	    padding: 1em 0em 0.5em;
	}
  	.sm-accounts{
  		width: auto;
  		display: flex;
  		padding: 0em 0em 1em;
  	}
  .content-text img{
  	display: block;
  	width: 80%;
  	text-align: center;
  	margin: 0 auto;
  }

  .caishen img{
  	text-align: center;
  	margin: 0 auto;
  	padding-right: 0em;
  	width: 90%;

  }

  .cta{
  	text-align: center;
  	position: relative;
  	bottom: 50px;
  	margin-top: -98px;
  }

  .cta img{
  	width: 40%;
  	text-align: center;
  	margin: 0 auto;
  }

}

@media (width <= 767px) {
	p{
		font-size: 15px;
	}
	.headertitle h1 {
	    font-size: 20px;
	    padding: 0em 0em 1em;
	}
	.sec-container{
		width: auto;
		margin: 0 auto;
	}
	.promo-holder{
		display: block;
		text-align: center;
	}
	.promo-holder img{
		width: 90%;
	}
	.tg-section{
		padding: 2em 1em;
	}
	.tg-section .sec-container {
		display: block;
	}
	.tg-logo{
		width: auto;
		text-align: center;
	}
	.tg-logo img{
		width: 100px;
	}
	.tg-content{
		width: auto;
	}
	.tg-content p:first-child {
	    font-size: 17px;
	}
	.header img{
		width: 200px;
	}
	.sm-box {
	    width: 25%;
	    margin: 0em 0.2em; 
	    padding: 1em 0em 0.5em;
	}
  	.sm-accounts{
  		width: auto;
  		display: flex;
  		padding: 0em 0em 1em;
  	}

  .content-text img{
  	display: block;
  	width: 80%;
  	text-align: center;
  	margin: 0 auto;
  }

  .caishen img{
  	text-align: center;
  	margin: 0 auto;
  	padding-right: 0em;
  	width: 100%;

  }

  .cta{
  	text-align: center;
  	position: relative;
  	bottom: 20px;
  	margin-top: -64px;
  }

  .cta img{
  	width: 50%;
  	text-align: center;
  	margin: 0 auto;
  }

}