@charset "utf-8";
/* CSS Document */

@media only screen  and (min-width : 1025px) and (max-width : 1824px)  {
	.home-banner-slide-1 .banner-img1 {
		margin-top: -21%;
		margin-left: -100px;
	}
	.home-banner-slide-1 .banner-img1 canvas {
		width:120% !important;
		height:auto !important
	}
	.home-banner-slide-2 .banner-img2 {
		margin-top: -15%;
		margin-left: -45px;
	}
	.home-banner-slide-2 .banner-img2 canvas {
		width:120% !important;
		height:auto !important
	}
	.home-banner-slide-3 .banner-img3 {
		margin-top: -19%;
		margin-left: -80px;
	}
	.home-banner-slide-3 .banner-img3 canvas {
		width:120% !important;
		height:auto !important
	}
	.home-banner-slide-4 .banner-img4 {
		margin-top: -20%;
    	margin-left: -100px;
	}
	.home-banner-slide-4 .banner-img4 canvas {
		width:130% !important;
		height:auto !important
	}
	.home-banner-slide-5 .banner-img5 {
		margin-top: -17%;
		margin-left: -70px;
	}
	.home-banner-slide-5 .banner-img5 canvas {
		width:120% !important;
		height:auto !important
	}
	.banner-pgw .banner-img {
		margin-top: -17%;
    	margin-left: -100px;
	}
	.banner-pgw h1.banner-text {
		margin:35px 0 0 -35px;
	}
	
	.banner-3ds .banner-img {
		margin-top: -28%;
    	margin-left: -100px;
	}
	.banner-3ds h1.banner-text {
		margin:-100px 0 0 -35px;
	}
	.banner-123 .banner-img {
		width:60%;
		margin-top: -22%;
    	margin-left: -150px;
	}
	.banner-123 .banner-img canvas {
		width:100% !important;
		height:auto !important;
	}
	.banner-123 h1.banner-text {
		width:40%;
		margin:-140px 0 0 0;
	}
	.banner-123 h1.banner-text b.bigfont {
		font-size:30px;
	}
	.banner-easybills .banner-img {
		margin-top: -17%;
		margin-left: -40px;
	}
	.banner-easybills h1.banner-text {
	    margin: 35px 0 0 0;
	}
	.banner-qwik .banner-img {
		margin-top: -14%;
		margin-left: -40px;
	}
	.banner-qwik h1.banner-text {
	    margin: 35px 0 0 0;
	}

	.banner-aboutus .banner-img {
		margin-top: -19%;
		margin-left: -80px;
	}
	.banner-career .banner-img {
		margin-top: -17%;
		margin-left: -133px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.banner-1 {
		background-position:50% 50%;
	}
	.banner-2 {
		
	}
	.banner-3 {
		
	}
	.banner-4 {
		
	}
	.banner-5 {
		
	}
	.qwik-bg-b {
		background-size:cover;
	}
	.home-banner p a {
		margin:20px auto;
	}
	.home-banner-slide-1 {
		top:10% !important;
	}
	.home-banner-slide-2 {
		top:10% !important;
	}
	.home-banner-slide-3 {
		top:10% !important;
	}
	.home-banner-slide-4 {
		top:10% !important;
	}
	.home-banner-slide-5 {
		top:10% !important;
	}
	
	.banner-pgw  {
		top: 15% !important;
	}
	.banner-123 {
		top: 15% !important;
	}
	.banner-easybills {
		top: 15% !important;
	}
	.banner-qwik {
		top: 15% !important;
	}
	.banner-aboutus {
		top: 15% !important;
	}

	.banner-career {
		top: 15% !important;
	}
	.banner-3ds  {
		top: 15% !important;
	}
	.home-banner-slide-1 h1.banner-text {
		width:100%;
	}
	.home-banner-slide-1 .banner-img1 {
		width:100%;
		margin-top: -55px;
    	margin-left: -28px;
	}
	.home-banner-slide-1 .banner-img1 img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.home-banner-slide-2 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-2 .banner-img2 {
		width:100%;
		margin-top: -55px;
    	margin-left: -22px;	
	}
	.home-banner-slide-2 .banner-img2 img{
		width:90%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-3 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-3 .banner-img3 {
		width:100%;
		margin-top: -55px;
    	margin-left: -22px;
	}
	.home-banner-slide-3 .banner-img3 img{
		width:100%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-4 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-4 .banner-img4 {
		width:100%;
		margin-top: -55px;
    	margin-left: -22px;
	}
	.home-banner-slide-4 .banner-img4 img{
		width:100%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-5 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-5 .banner-img5 {
		width:100%;
		margin-top: -55px;
    	margin-left: -22px;
	}
	.home-banner-slide-5 .banner-img5 img{
		width:100%;
		margin:10px 0 0 0px;
	}
		
	.banner-pgw h1.banner-text {
		width:100%;
		margin-left:0;
	}
	.banner-pgw .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-pgw .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-pgw h1.banner-text p {
		font-size: 25px;
    	line-height: 45px;
	}
	.banner-123 h1.banner-text {
		width:100%;
		margin-left:0;
		margin:30px 0 0 0;
	}
	.banner-123 .banner-img {
		width: 135%;
		margin-top: -115px;
		margin-left: -15px;
	}
	.banner-123 .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-123 h1.banner-text p {
		font-size:17px;
		line-height:30px;
	}
	
	.banner-easybills h1.banner-text {
		width:100%;
		margin-left:0;
	}
	.banner-easybills .banner-img {
		width: 135%;
		margin-top: -35px;
    	margin-left: 0px;
	}
	.banner-easybills .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-easybills h1.banner-text p {
		font-size: 25px;
		line-height: 45px;
		width: 80%;
	}
	.banner-qwik h1.banner-text {
		width:100%;
		margin-left: -320px;
		margin-top: -40px;
	}
	.banner-qwik .banner-img {
		width: 135%;
		margin-top: 150px;
    	margin-left: -29px;
	}
	.banner-qwik .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-qwik h1.banner-text p {
		font-size: 20px;
    	line-height: 40px;
	}
	
	.banner-aboutus h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:0;
	}
	.banner-aboutus .banner-img {
		width: 135%;
		margin-top: -10px;
		margin-left: -15px
	}
	.banner-aboutus .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-aboutus h1.banner-text p {
		font-size: 20px;
		line-height: 30px;
		width: 82%;
	}
	
	.banner-career {
		top: 15% !important;
	}
	.banner-career h1.banner-text {
		width:290px;
		margin:0 auto;
		float:none;
	}
	.banner-career .banner-img {
		width: 135%;
		margin-top: 15px;
		margin-left: -15px
	}
	.banner-career .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-career h1.banner-text p {
		font-size: 20px;
    	line-height: 35px;
	}
	
	.banner-3ds h1.banner-text {
		width:100%;
		margin-left:0;
	}
	.banner-3ds .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-3ds .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-3ds h1.banner-text p {
		font-size: 25px;
    	line-height: 45px;
	}
	
	
	.pgw .t-4 {
		margin:0;
	}
	.t-3 .heading {
		width:70%;
		margin:0 auto;
	}
	.pgw .t-3 .heading {
		width:62%;
	}
	.career-wrap .t-11 span.detail {
		width:auto;
	}
	.career-wrap .t-11 p.detail {
		margin:10px 0;
		width:100%;
		font-size:15px;
		line-height:30px;
	}
	.career-wrap .t-11 .left-content h6, .career-wrap  .t-11 .right-content h6 {
		height:auto;
	}
	
	.career-wrap .t-11 .left-content, .career-wrap  .t-11 .right-content {
		width:100%;
	}
	.career-wrap .t-11 .left-content p, .career-wrap  .t-11 .right-content p {
		display:block;
	}
	.career-wrap .t-11 .right-content {
		float:left;
		margin:0 0 50px 120px;
	}
	.career-wrap .t-11 .left-content .icon-wrap {
		float:left;
	}
	.career-wrap  .t-11 .left-content h6,
	.career-wrap  .t-11 .right-content h6 {
		font-size:14px;
		line-height:14px;
	}
	.career-wrap .t-11 .left-content li, .career-wrap  .t-11 .right-content li {
		margin:15px 0 0 0;
		height:50px;
	}
	.career-wrap .t-11 .left-content, .career-wrap  .t-11 .right-content, .career-wrap  .t-11 .left-content li, .career-wrap  .t-11 .right-content li {
		width:100%;
	}
	.career-wrap .t-11 .left-content h6, .career-wrap  .t-11 .left-content p {
		float:left;
		text-align:left;
	}
	.career-wrap  .t-11 .icon-wrap {
		width:60px;
		height:60px;
		float:left;
		margin:0 25px 0 0;
	}
	.career-wrap  .t-11 li:hover .icon {
		width:60px;
		height:60px;
	}
	.career-wrap  .t-11 .icon,.career-wrap   .t-11 .active .icon{
		width:60px;
		height:60px;
		float:left;
	}
	.career-wrap  .t-11 li .l1, .career-wrap  .t-11 li:hover .l1, .career-wrap  .t-11 li.active .l1 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l2, .career-wrap  .t-11 li:hover .l2, .career-wrap  .t-11 li.active .l2 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l3, .career-wrap  .t-11 li:hover .l3, .career-wrap  .t-11 li.active .l3 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l4, .career-wrap  .t-11 li:hover .l4, .career-wrap  .t-11 li.active .l4 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l5, .career-wrap  .t-11 li:hover .l5, .career-wrap  .t-11 li.active .l5 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l6, .career-wrap  .t-11 li:hover .l6, .career-wrap  .t-11 li.active .l6 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l7, .career-wrap  .t-11 li:hover .l7, .career-wrap  .t-11 li.active .l7 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l8, .career-wrap  .t-11 li:hover .l8, .career-wrap  .t-11 li.active .l8 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l9, .career-wrap  .t-11 li:hover .l9, .career-wrap  .t-11 li.active .l9 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l10, .career-wrap  .t-11 li:hover .l10, .career-wrap  .t-11 li.active .l10 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 .left-content p, .career-wrap  .t-11 .right-content p {
		width:70%;
		margin:15px 0 0 0;
		font-size: 13px;
   		line-height: 20px;
	}
	.heading {
		font-size:25px;
		line-height:40px;
	}
	.t-26 .panel-title span {
		margin:-15px 0 0 110px;
	}
	.t-26 .panel-title span i {
		display:block;
		margin:10px 0;
	}
	/* template 1 */
	.t-1 p {
		margin:0 auto;
		width:100%;
		text-align:center;
	}
	.home-banner p {
		max-width:73%;
	}
	.t-1 b.bigfont {
		text-align:center;
		font-size:35px;
	}
	.product-subpage .t-1 p {
		font-size:20px;
		line-height:30px;
		width:100%;
		margin:0 0 30px 0;
	}
	.qwik .t-2 {
		margin:72px 0;
	}
	.t-3 {
		margin:20px 0 0 0;
	}
	.t-3 span {
		font-size:20px;
		line-height:28px;
	}
	.t-3 p {
		font-size:15px;
		line-height:30px;
		margin:10px auto 30px;
	}
	
	.t-3 .map-img {
		margin:15px 0 0 0;
		background:url(../images/t-3/img-123map-mob.jpg) no-repeat top left;
		background-size: 100% auto;
		min-height:680px;
	}
	.pgw .t-3 .map-img {
		background:none;
		height:auto;
		min-height:auto;
		margin:0 0 10px 0;
	}
	.easybills .t-3 .map-img {
		min-height:300px;
	}
	.t-3 .po-indo {
		width:32%;
		right:28%;
		bottom:3%;
	}
	.t-3 .po-thai {
		width:27%;
		left:18%;
		top:20%;
	}
	.t-3 .po-malay {
		width:25%;
		left:-3%;
		bottom:30%;
	}
	.t-3 .po-phili {
		width:22%;
		right:16%;
		top:28%;
	}
	.t-3 .po-mm {
		width:18%;
		left:0%;
		top:7%;
	}
	.t-3 .po-sing {
		width:16%;
		left:26%;
		bottom:28%;
	}
	.pgw-bg-map {
		background-size: 100% auto;
    	background-position: 0px 210px;
	}
	.pgw .t-3 .map-img img {
		width:70%;
	}
	
	/* ----- Template T 4 ------- */
	.t-4 .heading {
		margin:0;
		font-size:25px;
		line-height:35px;
	}
	.pgw .t-4 .heading {
		font-size:25px;
		line-height:35px;
		margin:40px 0;
	}
	.t-4 p {
		margin:15px 0 0 0;
		font-size:15px;
		line-height:30px;
	}
	.pgw .t-4 h6 {
		margin:15px 0;
		font-size:15px;
		line-height:30px;
	}
	.pgw .t-4 p {
		text-align:left;
		margin:0 0 20px 0;
	}
	
	/* ----- Template T 8 ------- */
	.t-8 {
		margin:20px 0 0 0;
	}
	.t-8 span.detail {
		font-size:20px;
		line-height:30px;
	}
	.aboutus .t-8 span.detail {
		font-size:25px;
		line-height:40px;
	}
	.t-8 img {
		width:35%;
	}
	.t-8 p.detail {
		font-size:15px;
		line-height:30px;
		margin:10px auto 30px;
	}
	.t-8 p {
		margin:0 0 30px 0;
		font-size:15px;
		line-height:30px;
	}
	.t-8 h6 {
		height:auto;
		margin:15px 0;
		font-size:15px;
		line-height:30px;
	}
	.aboutus .t-8 h6 {
		margin: 0 auto 20px;
		font-size:15px;
		line-height:30px;
	}
	.qwik .t-8 h6 {
		font-size:15px;
		line-height:30px;
		margin: 15px auto 10px;
		max-width:100%;
	}
	.t-8 a {
		font-size:15px;
		line-height:30px;
	}
	
	/* ----- Template T 10 ------- */
	.t-10 {
		margin:20px 0 0 0;
	}
	.t-10 span.detail {
		font-size:22px;
		line-height:28px;
	}
	.t-10 p.detail {
		margin:10px auto 30px;
		text-align:center;
		font-size:15px;
		line-height:30px;
	}
	.t-10 p {
		text-align:left;
		font-size:15px;
		line-height:30px;
	}
	.t-10 .payment-wrap {
		height:255px;
	}
	
	
	/* ----- Template T 11 ------- */
	.t-11 {
		margin:20px 0 0 0;
	}
	.t-11 .heading {
		margin:0;
		text-align:center;
	}
	.t-11 span.detail {
		font-size:20px;
		line-height:28px;
	}
	.t-11 p.detail {
		width:100%;
		font-size:14px;
		line-height:25px;
		margin:10px auto;
		text-align:center;
	}
	.t-11 .left-content p, 
	.t-11 .right-content p {
		display:none;
	}
	.t-11 .left-content, 
	.t-11 .right-content,
	.t-11 .left-content li, 
	.t-11 .right-content li{
		width:auto;
		float:left;
		margin:0;
	}
	.t-11 .left-content {
		margin:0 0 0 120px;
	}
	.t-11 .all-codebox {
		width:100%;
		float:left;
		margin:0;
		height:440px;
	}
	.easybills .t-11 p.detail {
		margin:15px 0 30px 0;
		width:100%;
		font-size: 15px;
    	line-height: 30px;
	}
	.easybills .t-11 .left-content {
		margin:0;
	}
	.easybills .t-11 .left-content h6, .easybills .t-11 .right-content h6 {
		height:auto;
	}
	.easybills .t-11 .left-content, .easybills .t-11 .right-content {
		width:50%;
	}
	.easybills .t-11 .left-content p, .easybills .t-11 .right-content p {
		display:block;
	}
	.easybills .t-11 .right-content {
	float:left;
	}
	.easybills .t-11 .left-content .icon-wrap {
		float:left;
	}
	.easybills .t-11 .left-content h6,
	.easybills .t-11 .right-content h6 {
		font-size:15px;
		line-height:15px;
	}
	.easybills .t-11 .left-content h6, .easybills .t-11 .left-content p {
		float:left;
		text-align:left;
	}
	.easybills .t-11 .icon-wrap {
		width:40px;
		height:40px;
		float:left;
		margin:0 15px;
	}
	.easybills .t-11 li:hover .icon {
		width:40px;
		height:40px;
	}
	.easybills .t-11 .icon,.easybills  .t-11 .active .icon{
		width:40px;
		height:40px;
		float:left;
	}
	.easybills .t-11 li .l1, .easybills .t-11 li:hover .l1, .easybills .t-11 li.active .l1 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l2, .easybills .t-11 li:hover .l2, .easybills .t-11 li.active .l2 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l3, .easybills .t-11 li:hover .l3, .easybills .t-11 li.active .l3 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l4, .easybills .t-11 li:hover .l4, .easybills .t-11 li.active .l4 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l5, .easybills .t-11 li:hover .l5, .easybills .t-11 li.active .l5 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l6, .easybills .t-11 li:hover .l6, .easybills .t-11 li.active .l6 {
		background-size:70% auto !important;
	}
	.easybills .t-11 .left-content p, .easybills .t-11 .right-content p {
		width:75%;
		margin:0 0 20px 0;
		font-size:15px;
		line-height:30px;
	}
	.easybills .t-11 .all-codebox {
		width:100%;
		height:230px;
		display:none;
	}
	.easybills .t-11 .all-codebox img {
		width:100%;
	}
	
	/* ------- T-12 --------- */
	.pgw .t-12 .list-content p {
		width:100%;
		font-size:15px;
		line-height:30px;
	}
	.t-12 p.mainlist {
		font-size:15px;
		line-height:30px;
	}
	/* ------- T-17 --------- */
	.easybills .t-17 .easybills-img {
		width:70%;
	}
	.easybills .t-17 h2 {
		margin:0;
	}
	/* ------- T-19 --------- */
	.t-19 {
		margin:0;
	}
	.t-19 .img-wrap {
		margin:20px auto 0;
		display:block;
	}
	.t-19 .img-wrap img {
		width:35%;
	}
	.t-19 img {
		display:inline-block;
		margin:40px auto 0;
	}
	.t-19 p {
		margin:15px 0;
	}
	.t-19 h1{
		font-size:25px;
		line-height:35px;
		text-align:left;
	}
	.t-19 h1 b {
		font-size:19px;
		line-height:40px;
	}

	/* ----- Template T 21 ------- */
	.t-21 {
		margin:20px 0;
	}
	.t-21 .line {
		margin:20px 0;
	}
	/*.t-21 span.detail {
		font-size:20px;
		line-height:28px;
	}*/
	
	/* ----------- T-23 1190 ------------- */
	.t-23 .map-wrap {
		min-height:300px;
		background:url(../images/t-3/aboutus/2c2p-company-location-image.jpg) top center;
	}
	.t-23 .map-wrap img {
		display:none;
	}
	.t-23 .select-country {
		top:280px;
		right:5%;
	}
	.t-23 p.address {
		font-size:15px;
		line-height:30px;
	}
	/* ----------- T-24 ------------- */
	.t-24 .head-wrap h1 {
		font-size:20px;
		padding:10px 0;
		height:40px;
	}
	.t-24 .head-wrap {
		/*background-position: center -40px ;*/
	}
	.t-24 .about-content {
		margin:0 auto 30px;
	}
	.t-24 .about-content h2 {
		font-size: 25px;
    	line-height: 40px;
		margin:40px 0 20px 0;
	}
	.t-24 .about-content p.intro-text {
		width:100%;
		font-size:14px;
		line-height:28px;
		margin:0 0 10px 0;
	}
	.t-24 .about-content h3 {
		font-size:16px;
		line-height:28px;
		margin:20px 0 10px 0;
	}
	.t-24 .about-content p.intro-text2 {
		width:66%;
		font-size:15px;
		line-height:30px;
		margin:0 auto 20px;
	}
	.t-24 .about-content p {
		font-size:15px;
		line-height:30px;
	}
	.t-24 .about-content .margin-45 {
		margin:0;
	}
	.t-24 .about-content h6 {
		font-size:14px;
		line-height:23px;
	}
	.t-24 .img-transfer {
		width:60%;
	}
	.t-24 .img-vision {
		margin:10px 0;
	}
	.t-24 .about-content .content-txt-top {
		height:310px;
		overflow:scroll;
		margin:0 0 30px 0;
	}
	.t-24 .about-content .content-txt-btm {
		height:300px;
		overflow:scroll;
		margin:0 0 40px 0;
	}
	.t-25 .country-item {
		width:100%;
	}
	/* ----- footer ------- */
	.bg-footer {
		padding:50px 0 0 0;
	}
	.subscribe {
		text-align:center;
	}
	.subscribe p {
		margin:0 0 20px 0;
	}
	.subscribe .input-group {
		width:50%;
		margin:0 auto 20px;
		text-align:center;
	}
	.subscribe span.input-group-btn .btn {
		display:block;
	}
	.t-27 .hilight {
		height:300px;
	}
	.bx-wrapper img {
		height:300px;
	}
	.t-27 .content-item .item-img img {
		height:150px;
	}
	.t-27 .bx-wrapper .bx-caption {
		font-size: 20px;
    	line-height: 35px;
		padding:0 5px;
	}
	.t-27 .hilight .date {
		right: 21%;
    	top: 60%;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 44%;
    	right: 2%;
	}
	.bx-wrapper .bx-controls-direction a {
		top:54%;
	}
	.bx-wrapper .bx-prev {
		right:31%;
	}
	.bx-wrapper .bx-next {
		right:15%;
	}
	.t-28 .bxslider2 p {
		padding: 3% 1% 0 1%;
	}
	.t-28 .icon-detail {
		text-align:center;
	}
	.t-28 .icon-detail .title {
		width: 100%;
		text-align: center;
		margin:10px 0 0 0;
	}
	.t-28 .content-item .detail {
		width:100%;
	}
	.t-28 .content-item .item {
		text-align:center;
	}
	.t-28 .content-item .item img {
		float:none;
	}
	.t-28 .content-item .detail span {
		text-align: left;
	}
	.accredition .t-25 ul {
		width: 100%;
		margin: 50px auto;
		list-style: none;
	}
	.accredition .t-25 ul li {
		width:33.33%;
		float:left;
	}
}

/* ---------- 2c2p template ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	.subscribe .input-group {
		width:100%;
	}
	.qwik-bg-b {
		background-size:cover;
	}
	.home-banner p a {
		margin:20px auto;
	}
	.home-banner-slide-1 {
		top:25% !important;
	}
	.home-banner-slide-2 {
		top:25% !important;
	}
	.home-banner-slide-3 {
		top:25% !important;
	}
	.home-banner-slide-4 {
		top:25% !important;
	}
	.home-banner-slide-5 {
		top:25% !important;
	}
	.home-banner-slide-1 h1.banner-text {
		width:100%;
	}
	.home-banner-slide-1 .banner-img1 {
		width:70%;
		margin-left:20%;
		margin-top:-65px;
	}
	.home-banner-slide-1 .banner-img1 canvas {
		width:85% !important;
		height:auto !important;
	}
	.home-banner-slide-1 .banner-img1 img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.home-banner-slide-2 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-2 .banner-img2 {
		width:70%;
		margin-left: 22%;
   		margin-top: -88px;
	}
	.home-banner-slide-2 .banner-img2 img{
		width:90%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-2 .banner-img2 canvas {
		width:80% !important;
		height:auto !important;
	}
	.home-banner-slide-3 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-3 .banner-img3 {
		width:70%;
		margin-left: 22%;
    	margin-top: -80px;
	}
	.home-banner-slide-3 .banner-img3 img{
		width:100%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-3 .banner-img3 canvas {
		width:80% !important;
		height:auto !important;
	}
	.home-banner-slide-4 h2.banner-text {
		width:100%;
	}
	
	.home-banner-slide-4 .banner-img4 {
		width:70%;
		margin-left: 22%;
    	margin-top: -80px;
	}
	.home-banner-slide-4 .banner-img4 img{
		width:100%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-4 .banner-img4 canvas {
		width:80% !important;
		height:auto !important;
	}
	.home-banner-slide-5 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-5 .banner-img5 {
		width:70%;
		margin-left: 22%;
    	margin-top: -80px;
	}
	.home-banner-slide-5 .banner-img5 img{
		width:100%;
		margin:10px 0 0 0px;
	}
	.home-banner-slide-5 .banner-img5 canvas {
		width:80% !important;
		height:auto !important;
	}
	.banner-pgw h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:65px !important;
		font-size:35px;
	}
	.banner-pgw .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-pgw .banner-img canvas {
		width: 70% !important;
		height: auto !important;
		margin-left: 15%;
		margin-top: -25px;
	}
	.banner-pgw .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-pgw h1.banner-text p {
		font-size: 20px;
    	line-height: 40px;
		width:70%;
	}
	.banner-123 h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:-10px;
	}
	.banner-123 .banner-img {
		width: 135%;
		margin-top: -115px;
		margin-left: -15px;
	}
	.banner-123 .banner-img canvas {
	    width: 36% !important;
		margin-top: 48px;
		margin-left: 20%;
		height: auto !important;
	}
	.banner-123 .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-123 h1.banner-text p {
		font-size:20px;
		line-height:30px;
	}
	.banner-easybills h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:90px;
	}
	.banner-easybills .banner-img {
		width: 135%;
		margin-top: -35px;
    	margin-left: 0px;
	}
	.banner-easybills .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-easybills h1.banner-text p {
		font-size: 20px;
    	line-height: 40px;
		width:75%;
	}
	.banner-easybills .banner-img canvas {
		width: 45% !important;
		height: auto !important;
		margin-left: 15%;
		margin-top: 7px;
	}
	.banner-qwik h1.banner-text {
		width:100%;
		margin-left: -40px;
    	margin-top: 215px !important;
		font-size:35px;
	}
	.banner-qwik .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-qwik .banner-img canvas {
		width: 45% !important;
		height: auto !important;
		margin-left: -60px;
    	margin-top: 105px;
	}
	.banner-qwik .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-qwik h1.banner-text p {
		font-size: 20px;
    	line-height: 40px;
		width:50%;
	}

	.banner-aboutus h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:80px;
	}
	.banner-aboutus .banner-img {
		width: 135%;
		margin-top: -10px;
		margin-left: -15px
	}
	.banner-aboutus .banner-img canvas {
		width: 48% !important;
		height: auto !important;
		margin-top: -56px;
		margin-left: 14%;
	}
	.banner-aboutus .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-aboutus h1.banner-text p {
		font-size: 20px;
		line-height: 35px;
		width: 77%;
	}
	
	.banner-career {
		top: 15% !important;
	}
	.banner-career h1.banner-text {
		width: 430px;
		margin: 100px auto 20px;
		float: none;
	}
	.banner-career .banner-img {
		width: 135%;
		margin-top: 15px;
		margin-left: -15px
	}
	.banner-career .banner-img canvas {
		width: 48% !important;
		height: auto !important;
		margin-top: -56px;
		margin-left: 14%;
	}
	.banner-career .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-career h1.banner-text p {
		font-size: 20px;
    	line-height: 35px;
	}
	
	.banner-3ds h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:20px !important;
		font-size:35px;
	}
	.banner-3ds .banner-img {
		width: 135%;
		margin-top: -60px;
		margin-left: 0;
	}
	.banner-3ds .banner-img canvas {
		width: 70% !important;
		height: auto !important;
		margin-left: 15%;
		margin-top: -25px;
	}
	.banner-3ds .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-3ds h1.banner-text p {
		font-size: 20px;
    	line-height: 40px;
		width:70%;
	}
	
	.t-3 .map-img {
		min-height:830px;
	}
	.qwik .t-2 .heading {
		font-size:25px;
		line-height:40px;
	}
	.qwik .t-2 p.title {
		font-size:15px;
		line-height:30px;
	}
	.qwik .t-2 p {
		font-size:15px;
		line-height:30px;
	}
	.qwik .t-3 h4 {
		font-size:25px;
		line-height:40px;
	}
	.qwik .t-3 p {
		font-size:15px;
		line-height:30px;
	}
	.qwik .t-4 h4 {
		font-size:25px;
	}
	.qwik .t-4 p {
		font-size:15px;
		line-height:30px;
	}
	.qwik .t-8 p, 
	.qwik .t-8 a {
		font-size:15px;
		line-height:30px;
	}
	.t-17 p {
		font-size: 15px;
    	line-height: 30px;
	}
	.t-27 .hilight .date {
		right:25%;
	}
	.bx-wrapper .bx-next {
		right: 20%;
	}
	.bx-wrapper .bx-prev {
		right:32%;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		right:4%;
	}
	.t-28 .bxslider2 p {
		padding: 10% 1% 0 1%;
	}
}

@media only screen and (max-width: 767px) and (orientation : landscape) {
	.home-banner-slide-1 h1.banner-text {
		width:100%;
		margin:70px 0 0 0;
	}
	.home-banner-slide-1 .banner-img1 {
		display:none;
	}
	.home-banner-slide-2 h2.banner-text {
		width:100%;
		margin:65px 0 0 0;
	}
	.home-banner-slide-2 .banner-img2 {
		display:none;
	}
	.home-banner-slide-3 h2.banner-text {
		width:107% !important;
		margin:65px 0 0 -13px;
	}
	.home-banner-slide-3 .banner-img3 {
		display:none;
	}
	.home-banner-slide-4 h2.banner-text {
		width:100%;
		margin:65px 0 0 0;
	}
	.home-banner-slide-4 .banner-img4 {
		display:none;
	}
	.home-banner-slide-5 h2.banner-text {
		width:83% !important;
		margin:70px 0 0 35px;
	}
	.home-banner-slide-5 .banner-img5 {
		display:none;
	}
	.banner-123 h1 {
		margin:15px 0;
	}
	.banner-easybills h1 {
		margin:30px 0;
	}
	.banner-pgw h1.banner-text {
		margin-top: 70px;
		margin-left: 0px !important;
    	width: 100% !important;
	}
	.banner-pgw .banner-img {
		display:none;
	}
	.banner-easybills .banner-img {
		display:none;
	}
	.banner-easybills h1.banner-text {
		margin-top: 70px;
		margin-left: 29px !important;
		width: 85% !important;
	}
	.banner-qwik h1.banner-text {
		margin-top: -70px !important;
    	margin-left: -200px !important;
    	width: 100% !important;
	}
	.banner-qwik .banner-img {
		display:none;
	}
	
	.banner-3ds h1.banner-text {
		margin-top: -15px !important;
		margin-left: 0px !important;
    	width: 100% !important;
	}
	.banner-3ds .banner-img {
		display:none;
	}
	.t-3 {
    	margin: 30px 0 30px 0;
	}
	.pgw .t-3 .map-img {
		height:auto !important ;
	}
	.pgw .t-12 img {
     	width: 50% !important ; 
	}
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .banner-qwik-img { height: 300px !important; }

	.banner-aboutus .banner-img {
		display:none;
	}
	.banner-aboutus h1.banner-text {
		margin-top:-10px !important;
	}
	.banner-career h1.banner-text {
		margin:60px auto 0 !important;
	}
	.banner-career .banner-img {
		display:none;
	}
	.t-17 p {
		font-size: 15px;
    	line-height: 30px;
	}
	.t-24 .about-content h2 {
		font-size: 20px;
    	line-height: 30px;
	}
	.t-27 .hilight {
	 	height:305px;
	}
	.t-27 .hilight .date {
		right:0;
		top:0;
		border-radius:0;
	}
	.t-27 .bx-wrapper {
		height:auto;
		margin:0 auto 40%;
	}
	.t-27 .bx-wrapper img {
		max-width: 100%;
		display: block;
		width: 100%;
		height: auto;
	}

	.t-27 .bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		top:auto;
		right: auto;
		background: #666999;
		background: rgba(80, 80, 80, 0.75);
		width: 100%;
		height:auto;
		color:#fff;
		font-size:14px;
		line-height:28px;
	}
	.bx-wrapper .bx-caption span {
		padding:0;
	}
	.bx-wrapper .bx-pager {
		font-size : inherit;
	}
	.bx-wrapper .bx-pager, 
	.bx-wrapper .bx-controls-auto {
		width:100%;
		bottom:-13%;
		right:0;
	}
	.bx-wrapper .bx-controls-direction a {
		top:108%;
	}
	.bx-wrapper .bx-prev {
		right:63%;
	}
	.bx-wrapper .bx-next {
    	right: 30%;
	}
	.t-27 .content-item {
		margin:0;
	}
	.t-27 .content-item .item-title {
		font-size:14px;
		line-height: 28px;
		margin:0;
	}
	.t-27 .content-item .item-title p {
		height:70px;
	}
	.t-27 .pager {
		padding:15px 0 0 0;
	}
	.t-27 .pager ul {
		margin:0 0 15px 0;
	}
	.t-27 .pager li > a, 
	.t-27 .pager li > span {
		font-size:14px;
		line-height:14px;
		padding:5px 15px;
	}
	.t-27 .pager li {
		margin:0 1px;
	}
	.t-27 .pager a.first,
	.t-27 .pager a.back,
	.t-27 .pager a.next,
	.t-27 .pager a.last {
		background-position: center 5px;
		padding:5px 20px;
		margin:0 0 10px 0;
	}
	.t-27 .content-detail h2 {
		font-size: 15px;
    	line-height: 30px;
	}
	.t-27 .content-detail .pager ul {
		margin:15px 0 0 0;
	}
	.t-27 .content-detail .item-date {
		font-size: 14px;
    	line-height: 28px;
	}
	.t-27 .content-detail .content-img,
	.t-27 .content-detail .content-img img {
		height:200px;
	}
	.t-27 .content-detail .article, 
	.t-27 .content-detail .article a {
		font-size: 14px;
    	line-height: 28px;
		text-align: left;
	}
	.t-27 .lastest-news h3 {
		font-size: 20px;
    	line-height: 30px;
		padding: 15px 0 0 0;
	}
	.t-27 .content-detail .item-title {
		font-size: 14px;
    	line-height: 28px;
	}
	.t-27 .content-detail .item-title p {
		height:60px;
	}
	.t-27 .content-detail .item-title span.item-date {
		font-size: 14px;
    	line-height: 28px;
	}
	.t-27 .content-detail .social-icon span {
		margin:0;
	}
	.t-27 .content-detail .social-icon a.fb-share {
		margin:0 0 0 20px;
	}
	.t-21 span.detail {
		width:260px;
		background-position: 195px 10px;
	}
	.t-21 span.detail b {
    	font-size: 24px;
	}
	.accredition .t-25 ul {
		width: 100%;
		margin: 50px auto;
		list-style: none;
	}
	.accredition .t-25 ul li {
		width:33.33%;
		float:left;
	}
}
@media (max-width: 767px) {
	.pgw-bg-map {
		background:none;
	}
	.home-banner-slide-1 h1.banner-text {
		width:100%;
	}
	.home-banner-slide-1 .banner-img1 {
		width: 135%;
		margin-top: -15%;
		margin-left: -15px
	}
	.home-banner-slide-1 .banner-img1 img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.home-banner-slide-2 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-2 .banner-img2 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -20%
	}
	.home-banner-slide-2 .banner-img2 img{
		width:90%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-3 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-3 .banner-img3 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -20%;
	}
	.home-banner-slide-3 .banner-img3 img{
		width:100%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-4 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-4 .banner-img4 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -20%;
	}
	.home-banner-slide-4 .banner-img4 img{
		width:100%;
		margin:-15px 0 0 0px;
	}
	.home-banner-slide-5 h2.banner-text {
		width:100%;
	}
	.home-banner-slide-5 .banner-img5 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -15%;
	}
	.home-banner-slide-5 .banner-img5 img{
		width:100%;
		margin:10px 0 0 0px;
	}
	
	
	.banner-pgw h1.banner-text {
		width:100%;
		margin-left:0;
	}
	.banner-pgw .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-pgw .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-pgw h1.banner-text p {
		font-size:18px;
		line-height:35px;
	}
	.banner-123 h1.banner-text {
		width:100%;
		margin-left:0;
		margin:15px 0 0 0;
	}
	.banner-123 h1.banner-text .letter-space-1 {
		letter-spacing:3px;
	}
	.banner-123 h1.banner-text b.bigfont {
		font-size: 20px;
		line-height:40px;
		margin:0;
	}
	.banner-123 .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px;
		display:none;
	}
	.banner-123 .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-123 h1.banner-text p {
		font-size:14px;
		line-height:25px;
	}
	
	.banner-easybills h1.banner-text {
		width:100%;
		margin-left:0;
	}
	.banner-easybills .banner-img {
		width: 135%;
		margin-top: -35px;
    	margin-left: 0px;
	}
	.banner-easybills .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-easybills h1.banner-text p {
		font-size:18px;
		line-height:25px;
	}
	.banner-qwik h1.banner-text {
		width:100%;
		margin-left: -150px;
    	margin-top: -190px;
	}
	.banner-qwik .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-qwik .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-qwik h1.banner-text p {
		font-size:18px;
		line-height:30px;
	}
	.banner-aboutus h1.banner-text {
		width:100%;
		margin-left:0;
		margin-top:-140px;
	}
	.banner-aboutus .banner-img {
		width: 135%;
		margin-top: -40px;
		margin-left: -15px
	}
	.banner-aboutus .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-aboutus h1.banner-text p {
		font-size:14px;
		line-height:25px;
	}
	
	.banner-career {
		top: 15% !important;
	}
	.banner-career h1.banner-text {
		width:290px;
		margin:0 auto;
		float:none;
	}
	.banner-career .banner-img {
		width: 135%;
		margin-top: 15px;
		margin-left: -15px
	}
	.banner-career .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-career h1.banner-text p {
		font-size: 20px;
    	line-height: 35px;
	}
	
	.banner-3ds h1.banner-text {
		width:100%;
		margin:-55px 0 0 0;
	}
	.banner-3ds .banner-img {
		width: 135%;
		margin-top: 0;
		margin-left: -15px
	}
	.banner-3ds .banner-img img{
		width:100%;
		margin:25px 0 0 0px;
	}
	.banner-3ds h1.banner-text p {
		font-size:18px;
		line-height:35px;
	}
	/* ------------ heading --------------- */
	.heading {
		font-size:20px;
		line-height:35px;
		margin:15px 0;
	}
	.t-1 .heading {
		font-size:20px;
		line-height:30px;
		margin:0 0 20px 0 !important;
	}
	.home-banner-slide-1 {
		top:20% !important;
	}
	.home-banner-slide-1 p {
		width:91% !important;
	}
	.home-banner-slide-2 { 
		top:15% !important;
	}
	.home-banner-slide-2 p {
		width:91% !important;
	}
	.home-banner-slide-3 {
		top:20% !important;
	}
	.home-banner-slide-3 p {
		width:91% !important;
	}
	.home-banner-slide-4 {
		top:20% !important;
	}
	.home-banner-slide-4 p {
		width:90% !important;
	}
	.home-banner-slide-5 {
		top:20% !important;
	}
	.home-banner-slide-5 b {
		display:block;
		text-align:center;
	}
	.home-banner-slide-5 p {
		width:91% !important;
	}
	.home-banner p a {
		margin: 10px auto;
		background: none;
		font-size: 20px;
		line-height: 20px;
		text-decoration: underline !important;
	}
	
	.t-1 p {
		font-size:18px;
		line-height:30px;
		margin:0 auto;
		width:100%;
		max-width:100%;
		float:none;
		text-align:center;
	}
	.t-1 b.bigfont {
		font-size:30px;
		line-height:40px;
	}
	.banner-qwik b.bigfont {
		text-align:center;
	}
	.home-banner-slide-5 p b {
		text-align:center;
	}
	.home-banner-slide-2 p b.head {
		text-align:center;
		margin:0;
	}
	.product-subpage .t-1 p {
		font-size:14px;
		line-height:25px;
		width:100%;
		margin:0 0 30px 0;
	}
	.banner-pgw {
		top:14% !important;
		
	}
	.banner-pgw h1 {
		width:100%;
		float:left;
		font-size:30px;
		line-height:30px;
	}
	.banner-pgw p {
		width:100% ;
		font-size:18px;
		line-height:28px;
		text-align:center;
	}
	
	.banner-123 {
		top:15% !important;
	}
	.banner-123 h1 {
		width:100%;
		float:left;
		font-size: 20px;
		line-height: 20px;
		margin: 10px 0;
	}
	.banner-123 p {
		width:100% ;
		font-size:18px;
		line-height:28px;
		text-align:center;
	}
	.banner-easybills {
		top:20% !important;
		
	}
	.banner-easybills h1 {
		width:100%;
		float:left;
		font-size:30px;
		line-height:30px;
	}
	.banner-easybills b {
		font-size:20px;
		line-height:20px;
	}
	.banner-easybills p {
		width:100% ;
		font-size:18px;
		line-height:28px;
		text-align:center;
	}
	.banner-3ds {
		top:14% !important;
		
	}
	.banner-3ds h1 {
		width:100%;
		float:left;
		font-size:30px;
		line-height:30px;
	}
	.banner-3ds p {
		width:100% ;
		font-size:18px;
		line-height:28px;
		text-align:center;
	}
	/* template 2 */
	.t-2 {
		margin:0;
	}
	.qwik .t-2 {
		margin:20px 0;
	}
	.qwik .heading {
		font-size:18px;
		line-height:30px;
	}
	.qwik .t-2 .heading {
		font-size:18px;
		line-height:30px;
		text-align:center;
		margin:0;
	}
	.qwik .t-2 p.detail {
		font-size:16px;
		line-height:28px;
	}
	.qwik .t-2 p {
		font-size:16px;
		line-height:28px;
	}
	.t-2 h3  {
		text-align:center;	
		margin:15px 0 !important;
		float:left;
		width:100%;
	}
	.t-2 span {
		font-size:23px; 
		line-height:23px;
	}
	.t-2 span.detail {
		font-size:16px; 
		line-height:16px;
		margin:15px 0;
		float:left;
		width:100%;
	}
	.t-2 p {
		font-size:14px;
		line-height:25px;
		margin:15px 0 0 0;
		text-align:justify;
	}
	.thailang p {
		font-size:20px;
		line-height:30px;
		text-align: left;
	}
	.t-2 h6 {
		font-size:16px; 
		line-height:16px;
	}
	.thailang h6 {
		font-size:20px;
		line-height:30px;
	}
	.t-2 .learn-more {
		margin:35px auto 0;
		float:none;
		display:block;
		font-size:20px;
		line-height:20px;
		border:1px solid #444444;
		padding:14px 0 0 0;
	}
	.t-2 .learn-more:hover {
		border:1px solid #21b7be;
	}
	.t-2 ol li, 
	.t-2 ul li {
		font-size:14px;
		line-height:28px;
	}
	.thailang ol li,
	.thailang ul li {
		font-size:20px;
		line-height:30px
	}
	.t-2 ul.list-none {
		margin-left:0;
	}
	.qwik .t-2 .heading {
		font-size:22px;
		line-height:35px;
		margin:10px 0;
	}
	.qwik .t-2 p {
		font-size:14px;
		line-height:28px;
	}
	
	/* template 3 */
	.t-3 {
		margin:30px 0 30px 0;
	}
	.t-3 .heading  {
		text-align:center;	
	}
	.t-3 span {
		font-size:18px;
		line-height:25px;
	}
	.t-3 p {
		margin:15px 0 0 0;
		font-size:14px;
		line-height:28px;
		text-align:left;
	}
	.t-3 .map-img {
		margin:15px 0 0 0;
		background:url(../images/t-3/img-123map-mob.jpg) no-repeat top left;
		background-size: 100% auto;
		min-height:400px;
	}
	.pgw .t-3 .map-img {
		background:none;
		min-height:185px;
		height:185px;
	}
	.t-3 .po-indo {
		width:32%;
		right:28%;
		bottom:3%;
	}
	.t-3 .po-thai {
		width:27%;
		left:18%;
		top:20%;
	}
	.t-3 .po-malay {
		width:25%;
		left:-3%;
		bottom:30%;
	}
	.t-3 .po-phili {
		width:22%;
		right:16%;
		top:28%;
	}
	.t-3 .po-mm {
		width:18%;
		left:0%;
		top:7%;
	}
	.t-3 .po-sing {
		width:16%;
		left:26%;
		bottom:28%;
	}
	.t-3 .learn-more {
		font-size:14px;
		width:130px;
		height:40px;
		padding:10px 0 0 0;
		border:1px solid #444444;
	}
	.easybills .t-3 .map-img {
		height:auto;
		min-height:150px;
	}
	.easybills .t-3 .map-img img {
		width:100%;
	}
	.aboutus .t-3 p {
		width:100%;
		max-width:100%;
		text-align:center;
	}
	
	.aboutus .t-3 .heading {
		font-size:30px;
		line-height:40px;
	}
	.t-3 .country-wrap {
		width:100%;
		display:block;
		margin:-35px 0 0 0;
	}
	.t-3 .country-wrap li {
		width:10%;
		display:block;
		float:left;
	}
	.t-3 .country-logo {
		width:34px;
		height:33px;
		display:block;
	}
	.t-3 .c-1 {
		background:url(../images/t-3/aboutus/c-1.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-1:hover {
		background:url(../images/t-3/aboutus/c-1.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-2 {
		background:url(../images/t-3/aboutus/c-2.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-2:hover {
		background:url(../images/t-3/aboutus/c-2.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-3 {
		background:url(../images/t-3/aboutus/c-3.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-3:hover {
		background:url(../images/t-3/aboutus/c-3.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-4 {
		background:url(../images/t-3/aboutus/c-4.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-4:hover {
		background:url(../images/t-3/aboutus/c-4.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-5 {
		background:url(../images/t-3/aboutus/c-5.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-5:hover {
		background:url(../images/t-3/aboutus/c-5.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-6 {
		background:url(../images/t-3/aboutus/c-6.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-6:hover {
		background:url(../images/t-3/aboutus/c-6.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-7 {
		background:url(../images/t-3/aboutus/c-7.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-7:hover {
		background:url(../images/t-3/aboutus/c-7.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-8 {
		background:url(../images/t-3/aboutus/c-8.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-8:hover {
		background:url(../images/t-3/aboutus/c-9.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-9 {
		background:url(../images/t-3/aboutus/c-9.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-9:hover {
		background:url(../images/t-3/aboutus/c-9.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.t-3 .c-10 {
		background:url(../images/t-3/aboutus/c-10.png) no-repeat top left;
		background-size:100%;
	}
	.t-3 .c-10:hover {
		background:url(../images/t-3/aboutus/c-10.png) no-repeat 0px -33px;
		background-size:100%;
	}
	.qwik .t-3 h4 {
		font-size:22px;
		line-height:35px;
	}
	.qwik .t-3 p.title {
		font-size:22px;
		line-height:35px;
	}
	.qwik .t-3 ul {
		width:100%;
		margin:0;
	}
	.qwik .t-3 p {
		font-size:14px;
		line-height:28px;
		margin:10px 0;
	}
	
	/* template 4 */
	.t-4 {
		margin:30px 0;
	}
	.t-4 .heading {
		text-align:center;	
		margin:20px 0 0 0;
		font-size: 20px;
    	line-height: 30px;
	}
	.pgw .t-4 .heading {
		width:100%;
		margin:0 auto 15px;
		font-size:18px;
		line-height:35px;
	}
	.t-4 p {
		font-size:14px;
		line-height:28px;
	}
	.pgw .t-4 h6 {
		margin:15px 0;
		font-size:14px;
		line-height:28px;
	}
	.pgw .t-4 p {
		text-align:left;
		font-size:14px;
		line-height:28px;
	}
	.qwik .t-4 h4 {
		font-size:22px;
		line-height:35px;
	}
	.qwik .t-4 p {
		font-size: 14px;
    	line-height: 28px;
	}
	.qwik .t-4 ul li {
		font-size: 14px;
    	line-height: 28px;
	}
	.t-5 {
		margin:30px 0;
	}
	.t-5 .heading {
		margin:0 0 10px 0;
		text-align:center;
	}
	
	/* template 6 */ 
	.t-6 {
		margin:30px 0;
	}
	.t-6 .heading {
		margin:0 0 10px 0;
		text-align:center;
	}
	.qwik .t-8 h6 {
		font-size:14px;
		line-height:28px;
		max-width:100%;
		min-height:auto;
	}
	.qwik .t-8 p, 
	.qwik .t-8 a {
		font-size:14px;
		line-height:28px;
	}
	
	/* template 7 */ 
	.t-7 {
		margin:30px 0;
	}
	.t-7 .heading {
		margin:0 0 10px 0;
		text-align:center;
	}
	
	/* template 8 */
	.t-8 {
		margin:30px 0 0 0;
	}
	.t-8 .heading  {
		margin:0;
		text-align:center;	
	}
	
	.t-8 span.detail {
		font-size:20px; 
		line-height:30px;
		width:100%;
	}
	.t-8 img {
		width:25%;
		margin:5px auto;
	}
	.t-8 p.detail {
		width:100%;
		font-size:14px;
		line-height:28px ;
		margin:10px auto 20px;
	}
	.t-8 h6 {
		margin:10px 0;
		font-size:14px;
		line-height:28px;
		height:auto;
		min-height:auto;
	}
	.t-8 p {
		font-size:14px;
		line-height:28px;
		margin:10px 0 30px 0;
	}
	.aboutus .t-8 {
		margin:0;
	}
	.t-8 a {
		font-size:14px;
		line-height:28px;
	}
	.aboutus .t-8 .heading {
		font-size:20px;
		line-height:35px;
		margin:15px 0;
	}
	.aboutus .t-8 span.detail {
		font-size:20px;
		line-height:35px;
		width:auto;
	}
	.aboutus .t-8 img {
		width:50%;
		text-align:center;
		margin:20px 0 0 0;
	}
	.aboutus .t-8 h6 {
		min-height:auto;
		font-size:14px;
		line-height:28px;
		margin:20px auto;
	}
	.aboutus .t-8 p {
		margin:10px 0 15px 0;
	}
	
	/* template 10 */
	.t-10 {
	}
	.t-10 h6 {
		text-align:center;
		margin:15px 0;
		font-size:14px;
		line-height:28px;
	}
	.t-10 .heading  {
		margin:0;
		text-align:center;	
	}
	.t-10 span.detail {
		font-size:20px;
		line-height:30px;
	}
	.t-10 p.detail {
		width:100%;
		margin:10px auto;
		text-align:center;
		font-size:14px;
		line-height:28px;
	}
	.t-10 p {
		font-size:14px;
		line-height:28px;
	}
	.t-10 .payment-wrap {
		height: 225px;
	}
	.t-10 img {
		width:60%;
	}
	.t-10 .animated-in {
		left: 20%;
	}
	
	/* template 11 */
	.t-11 {
		margin:30px 0 0 0;
	}
	.t-11 .heading {
		margin:0;
		text-align:center;
	}
	.t-11 span.detail {
		font-size:20px;
		line-height:30px;
		width:100%;
	}
	.t-11 p.detail {
		width:100%;
		margin:10px auto;
		text-align:justify;
	}
	
	.t-11 .left-content p, 
	.t-11 .right-content p {
		display:none;
	}
	.t-11 .left-content, 
	.t-11 .right-content,
	.t-11 .left-content li, 
	.t-11 .right-content li{
		width:auto;
		float:left;
		margin:0;
	}
	.t-11 .all-codebox {
		width:100%;
		float:left;
		margin:0;
		height:440px;
	}
	.t-11 .icon-wrap {
		width:60px;
		height:60px;
		margin:0 5px;
	}
	.t-11 .icon,
	.t-11 .active .icon  {
		width:50px;
		height:50px;
		background-size: 60% auto;
	}
	.t-11 li:hover .icon ,
	.t-11 li.active .icon{
		width:60px;
		height:60px;
		background-size: 60% auto;
	}
	.t-11 li:hover .l1,
	.t-11 li:hover .l2,
	.t-11 li:hover .l3,
	.t-11 li:hover .l4,
	.t-11 li:hover .l5,
	.t-11 li:hover .l6
	.t-11 li.active .l1 ,
	.t-11 li.active .l2 ,
	.t-11 li.active .l3 ,
	.t-11 li.active .l4 ,
	.t-11 li.active .l5 ,
	.t-11 li.active .l6 {
		/*background-size: 60% auto;*/
	}
	.t-11 .description p {
		height:90px;
		overflow:scroll;
	}
	
	.easybills  .t-11 p.detail {
		margin:10px 0;
		width:100%;
		font-size:15px;
		line-height:30px;
		text-align:left;
	}
	.easybills .t-11 .left-content h6, .easybills .t-11 .right-content h6 {
		height:auto;
	}
	
	.easybills .t-11 .left-content, .easybills .t-11 .right-content {
		width:100%;
	}
	.easybills .t-11 .left-content p, .easybills .t-11 .right-content p {
		display:block;
	}
	.easybills .t-11 .right-content {
	float:left;
	}
	.easybills .t-11 .left-content .icon-wrap {
		float:left;
	}
	.easybills .t-11 .left-content h6,
	.easybills .t-11 .right-content h6 {
		font-size:14px;
		line-height:28px;
	}
	.easybills .t-11 .left-content h6, .easybills .t-11 .left-content p {
		float:left;
		text-align:left;
	}
	.easybills .t-11 .icon-wrap {
		width:40px;
		height:40px;
		float:left;
		margin:0 15px;
	}
	.easybills .t-11 li:hover .icon {
		width:40px;
		height:40px;
	}
	.easybills .t-11 .icon,.easybills  .t-11 .active .icon{
		width:40px;
		height:40px;
		float:left;
	}
	.easybills .t-11 li .l1, .easybills .t-11 li:hover .l1, .easybills .t-11 li.active .l1 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l2, .easybills .t-11 li:hover .l2, .easybills .t-11 li.active .l2 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l3, .easybills .t-11 li:hover .l3, .easybills .t-11 li.active .l3 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l4, .easybills .t-11 li:hover .l4, .easybills .t-11 li.active .l4 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l5, .easybills .t-11 li:hover .l5, .easybills .t-11 li.active .l5 {
		background-size:70% auto !important;
	}
	.easybills .t-11 li .l6, .easybills .t-11 li:hover .l6, .easybills .t-11 li.active .l6 {
		background-size:70% auto !important;
	}
	.easybills .t-11 .left-content p, .easybills .t-11 .right-content p {
		width:75%;
		margin:0 0 20px 0;
		font-size:14px;
		line-height:28px;
	}
	.easybills .t-11 .all-codebox {
		width:100%;
		height: 340px;
    	text-align: center;
	}
	.easybills .t-11 .all-codebox img {
		width: 50%;
   	 	margin: 0 auto;
    	text-align: center;
	}
	.career-wrap  .t-11 span.detail {
		width:auto;
	}
	.career-wrap  .t-11 p.detail {
		margin:10px 0;
		width:100%;
		font-size:15px;
		line-height:30px;
	}
	.career-wrap  .t-11 .left-content h6, .career-wrap  .t-11 .right-content h6 {
		height:auto;
	}
	
	.career-wrap  .t-11 .left-content, .career-wrap  .t-11 .right-content {
		width:100%;
	}
	.career-wrap  .t-11 .left-content p, .career-wrap  .t-11 .right-content p {
		display:block;
	}
	.career-wrap  .t-11 .right-content {
		float:left;
		margin:0 0 50px 0;
	}
	.career-wrap  .t-11 .left-content .icon-wrap {
		float:left;
	}
	.career-wrap  .t-11 .left-content h6,
	.career-wrap  .t-11 .right-content h6 {
		font-size:14px;
		line-height:14px;
	}
	.career-wrap  .t-11 .left-content li, .career-wrap  .t-11 .right-content li {
		margin:15px 0 0 0;
		height:50px;
	}
	.career-wrap  .t-11 .left-content, .career-wrap  .t-11 .right-content, .career-wrap  .t-11 .left-content li, .career-wrap  .t-11 .right-content li {
		width:100%;
	}
	.career-wrap  .t-11 .left-content h6, .career-wrap  .t-11 .left-content p {
		float:left;
		text-align:left;
	}
	.career-wrap  .t-11 .icon-wrap {
		width:60px;
		height:60px;
		float:left;
		margin:0 25px 0 0;
	}
	.career-wrap  .t-11 li:hover .icon {
		width:60px;
		height:60px;
	}
	.career-wrap  .t-11 .icon,.career-wrap   .t-11 .active .icon{
		width:60px;
		height:60px;
		float:left;
	}
	.career-wrap  .t-11 li .l1, .career-wrap  .t-11 li:hover .l1, .career-wrap  .t-11 li.active .l1 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l2, .career-wrap  .t-11 li:hover .l2, .career-wrap  .t-11 li.active .l2 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l3, .career-wrap  .t-11 li:hover .l3, .career-wrap  .t-11 li.active .l3 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l4, .career-wrap  .t-11 li:hover .l4, .career-wrap  .t-11 li.active .l4 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l5, .career-wrap  .t-11 li:hover .l5, .career-wrap  .t-11 li.active .l5 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l6, .career-wrap  .t-11 li:hover .l6, .career-wrap  .t-11 li.active .l6 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l7, .career-wrap  .t-11 li:hover .l7, .career-wrap  .t-11 li.active .l7 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l8, .career-wrap  .t-11 li:hover .l8, .career-wrap  .t-11 li.active .l8 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l9, .career-wrap  .t-11 li:hover .l9, .career-wrap  .t-11 li.active .l9 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 li .l10, .career-wrap  .t-11 li:hover .l10, .career-wrap  .t-11 li.active .l10 {
		background-size:70% auto !important;
	}
	.career-wrap  .t-11 .left-content p, .career-wrap  .t-11 .right-content p {
		width:70%;
		margin:15px 0 0 0;
		font-size: 13px;
   		line-height: 20px;
	}
	/* ---------- T-12 ----------- */
	.t-12 .list-content p {
		width:65%;
	}
	.t-12 p.mainlist {
		font-size:14px;
		line-height:28px;
	}
	.t-12 .list-content p {
		font-size:14px;
		line-height:28px;
	}
	.pgw .t-12 .list-content .icon-wrap {
		background-size:100% 100%;
		width:60px;
		height:60px;
	}
	.pgw .t-12 .list-content .icon-wrap img {
		width:50%;
	}
	.pgw .t-12 img {
		width:80%;
	}
	/* ---------- T-17 ----------- */
	.easybills img {
		width:100%;
	}
	.easybills .t-17 {
		margin:0;
	}
	.easybills .t-17 .easybills-img {
		width:100%;
	}
	.t-17 .content-wrap {
		margin:20px 0 0 0;
		padding:0;
	}
	.qwik-wrap .t-17 .heading {
		font-size:18px;
	}
	.qwik-wrap .t-17 .content-wrap {
		margin:0;
		padding:0;
	}
	.t-17 p {
		margin:20px 0;
		text-align:left;
		font-size:14px;
		line-height:28px;
	}
	.easyBills .t-17 .heading {
		margin-bottom:0;
	}
	/* ---------- T-18 ----------- */
	.t-18 {
		margin:30px 0;
	}
	.t-18 .heading {
		text-align:center;	
		margin:10px 0 0 0;
		max-width:100%;
	}
	.t-18 p {
		text-align:justify;
		line-height:25px;
		min-height:auto;
		margin:10px 0 20px 0;
	}
	.t-18 b {
		text-align:center;
		display:block;
	}
	.t-18 h6 {
		margin:15px auto 0;
	}
	/* ------- T-19 --------- */
	.t-19 {
		margin:0;
	}
	.t-19 img {
		display:block;
		width:auto;
	}
	.t-19 img.small {
		width:60%;
		height:auto;
		margin:20px auto 0;
	}
	.t-19 .img-wrap {
		margin:0 auto;
		display:block;
	}
	.t-19 .img-wrap img {
		width:50%;
	}
	
	.t-19 p {
		margin:15px 0;
		text-align:left;
		font-size:16px;
		line-height:25px;
	}
	.t-19 h1{
		font-size:25px;
		line-height:35px;
		text-align:center;
	}
	.t-19 h1 b {
		font-size:18px;
		line-height:25px;
	}
	.t-19 ul li {
		font-size:16px;
		line-height:25px;
	}
	
	/* ---- template 21 ----- */
	.t-21 {
		margin:30px 0;
	}
	.t-21 .heading  {
		margin:0;
		text-align:center;
	}
	/*.t-21 span.detail {
		width:100%;
		font-size:18px;
		line-height:35px;
	}*/
	.t-21 .line {
		margin:10px 0;
	}
	.t-21 .btn-subscribe {
		float:none;
	}
	.t-21 .play-store {
		margin: 20px 5px;
	}
	.t-21 .app-store {
		margin: 20px 5px;
	}
	/* ----------- T-22 ------------- */
	.t-22 {
		margin:0;
	}
	/* ----------- T-23 ------------- */
	.t-23 h1 {
		font-size:20px;
		line-height:30px;
	}
	.t-23 .map-wrap {
		min-height:300px;
		background:url(../images/t-3/aboutus/2c2p-company-location-image.jpg) top center;
	}
	.t-23 .map-wrap img {
		display:none;
	}
	.aboutus .t-23 .heading {
		margin:15px 0;
	}
	.t-23 p.address {
		font-size:14px;
		line-height:28px;
	}
	.t-23 .select-country {
		top:280px;
		right:20px;
	}
	.t-23 .select-country select {
		width:150px;
		height:28px;
		font-size:14px;
		background-size:20% 100%;
	}
	
	/* ----------- T-24 ------------- */
	.t-24 .head-wrap h1 {
		font-size:20px;
		padding:10px 0;
		height:40px;
		margin:15px 0;
	}
	.t-24 .head-wrap {
		background-position: center -40px ;
	}
	.t-24 .about-content {
		margin:0 auto 30px;
	}
	.t-24 .about-content h2 {
		font-size:20px;
		line-height:35px;
		margin:15px 0 10px 0;
	}
	.t-24 .about-content p.intro-text {
		width:100%;
		font-size:14px;
		line-height:28px;
		margin:0 0 10px 0;
	}
	.t-24 .about-content h3 {
		font-size:16px;
		line-height:28px;
		margin:20px 0 10px 0;
	}
	.t-24 .about-content p.intro-text2 {
		width:100%;
		font-size:14px;
		line-height:28px;
		margin:0 0 10px 0;
	}
	.t-24 .about-content .about-vdo,
	.t-24 .about-content .content-txt-top,
	.t-24 .about-content .content-txt-btm,
	.t-24 .about-content .about-img {
		width:100%;
		margin:0;
	}
	.t-24 .about-content .content-txt-btm {
		float:right;
	}
	.t-24 .about-content .about-img {
		float:left;
	}
	.t-24 p {
		margin:15px 0;
		font-size:14px;
		line-height:28px;
	}
	.bg-timeline {
		background:none;
	}
	.t-24 .about-content .margin-45 {
		margin:5px 0;
	}
	.t-24 .about-content h6 {
		font-size:14px;
		line-height:23px;
	}
	.t-24 .img-vision {
		margin:10px 0;
	}
	
	/* --------- T 25 --------- */
	.t-25 {
		margin:0;
	}
	.t-25 h2 {
		font-size: 20px;
    	line-height: 35px;
		margin:0 0 20px 0;
	}
	.t-25 .country-item {
		margin:8px auto;
	}
	/* --------- T 26 ---------- */
	.t-26 {
		padding:25px 0;
	}
	.t-26 h2 {
		padding:0 0 20px 0;
		text-align:center;
	}
	.t-26 h2 p {
		display:block;
	}
	.t-26 .panel-title {
		margin:20px 0 0 0;
		background-position:right -8px;
	}
	.t-26 .panel-title:hover {
		background-position:right -8px;
	}
	.t-26 .panel-title .list-icon {
		width: 50px;
   		height: 35px;
	}
	.t-26 .panel-title .list-icon img {
		width:90%;
		height:auto;
	}
	.t-26 .panel-title span {
		font-size:16px;
		line-height:25px;
		margin:-25px 0 0 50px;
	}
	.t-26 .panel-title span i {
		font-size:14px;
		line-height:25px;
		display:block;
		margin:0;
	}
	.t-26 .panel-collapse {
		font-size:13px;
	}
	.t-26 .panel-collapse ul {
		margin:0 10px ;
	}
	.t-26 .panel-collapse span {
		text-align:left;
		margin: 0 10px;
    	font-weight: bold;
	}
	.t-26 .apply-job {
		padding: 5px 20px 7px 20px;
		font-size: 20px;
		margin: 15px auto;
	}
	.t-26 .how-to h4 {
		font-size:20px;
		line-height:25px;
		margin: 20px 0;
	}
	.t-26 .how-to p {
		font-size:13px;
		margin:20px 0;
	}
	.bg-footer {
		padding:50px 0 0 0;
	}
	.logo-footer img {
		float:none;
		display:block;
		margin:0 auto;
	}
	.logo-footer p {
		margin:10px 0 0 0;
		text-align:center;
	}
	.sitemap-footer {
		width:100%;
		float:none;
		margin:20px auto 0;
	}
	.recent-post {
		width:90%;
		float:none;
		margin:0 auto;
	}
	.subscribe {
		width:90%;
		float:none;
		margin:0 auto 20px;
	}
	.subscribe p {
		margin:0 0 10px 0;
	}
	.footer-address p {
		font-size:14px;
		line-height:28px;
	}
	.subscribe .input-group {
		width:100%;
	}

	.sitemap-footer ul {
		width:100%;
		margin:0;
	}
	.subscribe p {
		margin:20px 0 10px 0;
	}
	
	/* ------ News ------- */
	.news-section0 h1 {
		margin:0;
	}
	.news-section0 .news-wrapper {
		margin:0;
		padding:0;
	}
	.news-section0 .lastest-news {
		width:100%;
		padding:0;
		margin:0 0 20px 0;
	}
	.news-section0 .news-img {
		width:100%;
	}
	.news-section0 .detail {
		width:100%;
	}
	.news-section0 .more-news {
		width:100%;
		height:auto;
	}
	.news-section0 .top-news {
		width:100%;
		height:auto;
		padding:0;
	}
	.news-section0 .top-news .news-img {
		padding:0;
	}
	.news-section0 .top-news .news-img img{
		width:100%;
	}
	.news-section0 .detail h4 {
		font-size:14px;
		line-height:28px;
		padding:0 0 0 10px;
		margin:10px 0 0 0;
		width:75%;
	}
	.news-section0 .detail p {
		width:100%;
		padding:0 10px;
		margin:10px 0 15px 0;
		line-height:25px;
	}
	.news-section0 .top-news .detail p {
		height:auto;
		padding:0 10px;
		margin:10px 0;
	}
	.news-section0 .detail a.readmore {
		margin:0 10px 20px 0;
	}
	.news-section0 .top-news .detail a.readmore {
		margin:10px 0;
	}
	.news-section0 .similar-news {
		width:100%;
		padding:0;
	}
	.news-section0 .similar-news p {
		height:auto;
		margin:10px 0;
	}
	.news-section0 .more-news h2 {
		margin: 20px 0;
		padding:0;
		font-size:20px;
		line-height:30px;
	}
	.news-section0 .more-news .detail h4 {
		font-size:14px;
		line-height:20px;
		width:100%;
		margin:15px 0;
	}
	.news-section0 .more-news .vdo-link {
		font-size:14px;
		line-height:20px;
	}
	.news-section0 .more-news .link {
		width:100%;
		text-align:right;
	}
	.news-section0 .news-paging a {
		padding:0;
		margin:20px 0 0 0;
	}
	.news-section0 .news-detail {
		width:100%;
	}
	.news-section0 .news-detail h1 {
		font-size:16px;
		line-height:20px;
		width:70%;
	}
	
	.news-section0 .news-detail .news-img {
		height:auto;
		margin:0 0 20px 0;
	}
	.news-section0 .news-detail .date {
		width:50%;
		font-size:14px;
		line-height:20px;
	}
	.news-section0 .news-detail .social {
		width:50%;
	}
	.news-section0 .news-detail .content ul {
		margin:0;
	}
	
	.news-section0 .news-detail .content p, 
	.news-section0 .news-detail .content a {
		padding:0;
	}
	.news-section0 .more-news .detail .news-img {
		width:100%;
	}
	.news-section0 .more-news .detail .date {
		width:100%;
		margin:0 0 5px 0;
		font-style:italic;
		font-size:12px;
		line-height:12px;
	}
	.news-section0 .more-news .detail p {
		width:100%;
		text-align:left;
		margin:0 0 15px 0;
	}
	.news-section0 .more-news ul.pager {
		margin:0;
	}
	.news-section0 .more-news ul.pager li {
		margin:0 4px;
		padding:0 6px;
	}
	.pager li > a, .pager li > span {
		padding:5px 0px;
	}
	.accredition .t-25 ul {
		width: 100%;
		margin: 50px auto;
		list-style: none;
	}
	.accredition .t-25 ul li {
		width:33.33%;
		float:left;
	}
	
	/* ---------- 2c2p template ----------- */
}

@media (max-width: 479px) {
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide,
	.ei-slider { height: 505px !important; } /* small device banner 415 */
	
	#slider-arrow-left,
	#slider-arrow-right,
	.camera_prev,
	.camera_next,
	#slider .owl-prev,
	#slider .owl-next,
	.flex-prev,
	.flex-next,
	.nivo-prevNav,
	.nivo-nextNav,
	.slider-arrow-top-sm,
	.slider-arrow-bottom-sm {
		width: 35px;
		height: 35px;
	}
	
	#slider-arrow-left i,
	#slider-arrow-right i,
	.camera_prev i,
	.camera_next i,
	#slider .owl-prev i,
	#slider .owl-next i,
	.flex-prev i,
	.flex-next i,
	.nivo-prevNav i,
	.nivo-nextNav i,
	.slider-arrow-top-sm i,
	.slider-arrow-bottom-sm i {
		line-height: 35px;
		width: 20px;
		height: 35px;
		font-size: 24px;
	}
		
	/* -------- 2C2P --------- */
	.t-3 .map-img {
		min-height:255px;
	}
	
	.t-11 .icon-wrap {
		width:40px;
		height:40px;
		margin:0 3px;
	}
	.t-11 .icon,
	.t-11 .active .icon  {
		width:35px;
		height:35px;
		background-size: 60% auto;
	}
	.t-11 li:hover .icon ,
	.t-11 li.active .icon{
		width:40px;
		height:40px;
		background-size: 60% auto;
	}
	.t-11 li:hover .l1,
	.t-11 li:hover .l2,
	.t-11 li:hover .l3,
	.t-11 li:hover .l4,
	.t-11 li:hover .l5,
	.t-11 li:hover .l6
	.t-11 li.active .l1 ,
	.t-11 li.active .l2 ,
	.t-11 li.active .l3 ,
	.t-11 li.active .l4 ,
	.t-11 li.active .l5 ,
	.t-11 li.active .l6 {
		/*background-size: 60% auto;*/
	}
	.t-28 .bxslider2 p {
		font-size: 12px;
		line-height: 20px;
		padding: 3% 1% 0 1%;
	}
	.t-28 .bxslider2 span {
		font-size: 10px;
		line-height: 15px;
	}
	.t-28 .arrow {
		width: 100%;
		height: 14px;
		top: -12px;
	}
	.t-28 .icon-detail {
		padding: 20px;
		width: 100%;
	}
	.t-28 .icon-detail .title {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 0 0px;
		text-align: center;
	}
	.t-28 .content-item h3 {
		font-size: 18px;
		line-height: 28px;
	}
	.accredition .t-25 ul {
		width: 100%;
		margin: 50px auto;
		list-style: none;
	}
	.accredition .t-25 ul li {
		width:33.33%;
		float:left;
	}
}

@media (max-width: 414px) {
	.t-1 b.bigfont {
		font-size: 25px;
	}
	.t-3 .map-img {
		height: 355px;
	}
	.home-banner p a {
		margin:10px auto;
		background:none;
		font-size:20px;
		line-height:20px;
		text-decoration:underline !important;
	}
	.home-banner-slide-1 .banner-img1 {
		width: 100%;
		margin-top: -20%;
		margin-left: -15px;
	}
	.home-banner-slide-2 .banner-img2 {
		width: 100%;
    	margin-top: -25%;
		margin-left: -15px;
	}
	.home-banner-slide-3 .banner-img3 {
		width: 100%;
    	margin-top: -25%;
		margin-left: -15px;
	}
	.home-banner-slide-4 .banner-img4 {
		width: 100%;
    	margin-top: -25%;
		margin-left: -15px;
	}
	.home-banner-slide-5 .banner-img5 {
		width: 100%;
    	margin-top: -20%;
		margin-left: -15px;
	}
	.banner-pgw .banner-img {
		width: 100%;
		margin-top: -5px;
   		margin-left: -17px;
	}
	.banner-3ds .banner-img {
		width: 100%;
		margin-top: -45px;
   		margin-left: -17px;
	}
	.t-21 span.detail {
		width:260px;
		background-position: 195px 10px;
	}
	.info-wrap .bd-focus {
		padding:0 15px;
	}
	.info-wrap span {
		font-size:16px;
	}
	.info-wrap [class*="col-"] {
		padding-left:0;
		padding-right:0;
	}
	.t-21 span.detail b {
    	font-size: 24px;
	}
	.t-21 .enquiry-link {
		width:100%;
		font-size:20px;
	}
	.t-23 .select-country {
		top:298px;
	}
	.f-menu-block {
		width:100%;
	}
	.f-menu-main-block {
		width:100%;
		margin: 15px 0 15px 0;
	}
	.t-12 .list-content p {
		width:100%;
	}
	.t-8 img {
		width:30%;
	}
	.cardissuing .t-8 img {
		width:60%;
	}
	.pgw .t-3 .map-img {
		height:250px;
	}
	.pgw .t-3 .map-img img {
		width:80%;
	}
	.t-10 .payment-wrap {
		height:150px;
	}
	.easybills .t-11 .all-codebox img {
		width:75%;
	}
	.qwik .t-3 .image-center {
		width:80%;
	}
	.banner-qwik h1.banner-text {
		margin-left: -192px;
	}
	.banner-qwik .banner-img {
		margin-top:-10px;
	}
	.banner-qwik h1.banner-text p {
		font-size: 16px;
		line-height: 28px;
		text-align: center;
		max-width: 100%;
	}
	.banner-qwik  b.bigfont {
		margin:45px 0 0 0;
	}
	.t-27 .hilight {
	 	height:280px;
	}
	.t-27 .hilight .date {
		right:0;
		top:0;
		border-radius:0;
	}
	.t-27 .bx-wrapper {
		height:auto;
		margin:0 auto 40%;
	}
	.t-27 .bx-wrapper img {
		max-width: 100%;
		display: block;
		width: 100%;
		height: auto;
	}

	.t-27 .bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		top:auto;
		right: auto;
		background: #666\9;
		background: rgba(80, 80, 80, 0.75);
		width: 100%;
		height:auto;
		color:#fff;
		font-size:14px;
		line-height:28px;
	}
	.bx-wrapper .bx-caption span {
		padding:0;
	}
	.bx-wrapper .bx-pager {
		font-size : inherit;
	}
	.bx-wrapper .bx-pager, 
	.bx-wrapper .bx-controls-auto {
		width:100%;
		bottom:-18%;
		right:0;
	}
	.bx-wrapper .bx-controls-direction a {
		top:112%;
	}
	.bx-wrapper .bx-prev {
		right:63%;
	}
	.bx-wrapper .bx-next {
    	right: 26%;
	}
	.t-27 .content-item {
		margin:0;
	}
	.t-27 .content-item .item-title {
		font-size:14px;
		line-height: 28px;
		margin:0;
	}
	.t-27 .content-item .item-title p {
		height:70px;
	}
	.t-27 .pager {
		padding:15px 0 0 0;
	}
	.t-27 .pager ul {
		margin:0 0 15px 0;
	}
	.t-27 .pager li > a, 
	.t-27 .pager li > span {
		font-size:14px;
		line-height:14px;
		padding:5px 15px;
		margin:10px 0;
	}
	.t-27 .pager a.first,
	.t-27 .pager a.back,
	.t-27 .pager a.next,
	.t-27 .pager a.last {
		background-position: center 5px;
		padding:5px 20px;
		margin:0 0 10px 0;
	}
	.t-27 .content-detail h2 {
		font-size: 15px;
    	line-height: 30px;
	}
	.t-27 .content-detail .pager ul {
		margin:15px 0 0 0;
	}
	.t-27 .content-detail .item-date {
		font-size: 14px;
    	line-height: 28px;
		text-align: center;
	}
	.t-27 .content-detail .content-img,
	.t-27 .content-detail .content-img img {
		height:auto;
		width:100%;
	}
	.t-27 .content-detail .content-article {
		margin:0 0 15px 0;
	}
	.t-27 .content-detail .article, 
	.t-27 .content-detail .article a {
		font-size: 14px;
    	line-height: 28px;
		text-align: left;
		margin:15px 0;
	}
	.t-27 .lastest-news h3 {
		font-size: 20px;
    	line-height: 30px;
		padding: 15px 0 0 0;
	}
	.t-27 .content-detail .item-title {
		font-size: 14px;
    	line-height: 28px;
	}
	.t-27 .content-detail .item-title p {
		height:60px;
	}
	.t-27 .content-detail .item-title span.item-date {
		font-size: 14px;
    	line-height: 28px;
		margin:15px 0;
	}
	.t-27 .content-detail .social-icon span {
		margin:0;
	}
	.t-27 .content-detail .social-icon a.fb-share {
		margin:0 0 0 20px;
	}
	.t-27 .content-item .item-img img {
		height:auto;
	}
	.t-28 .icon-detail {
		padding:15px;
	}
	.t-28 .icon-detail .title {
		display:none;
	}
	.t-28 .icon-detail {
		position:relative;
		z-index:2;
	}
	.t-28 .arrow {
		top:-10px;
		z-index:0;
	}
	.t-28 .content-item h3 {
		width:70%;
		margin:0 auto 20px;
		font-size:18px;
		border:none;
	}
	.t-28 .bxslider2 p {
		font-size: 12px;
		line-height: 15px;
		font-style: normal;
		/*font-style:normal;
		padding:18% 3% 0;*/
	}
	.t-28 .bxslider2 span {
		/*display:none;*/
	}
	.t-28 .pager {
		padding:15px 0 0 0;
	}
	.t-28 .pager ul {
		margin:0 0 15px 0;
	}
	.t-28 .pager li > a, 
	.t-28 .pager li > span {
		font-size:14px;
		line-height:14px;
		padding:5px 15px;
		margin:10px 0;
	}
	.t-28 .pager a.first,
	.t-28 .pager a.back,
	.t-28 .pager a.next,
	.t-28 .pager a.last {
		background-position: center 5px;
		padding:5px 20px;
		margin:0 0 10px 0;
	}
	.t-28 .content-detail .logo {
		margin:20px auto
	}
	.t-28 .content-detail .logo img{
		width:60%;
	}
	.t-28 .content-p .motto,
	.t-28 .content-p .name,
	.t-28 .content-p p, 
	.t-28 .content-p strong {
		font-size: 14px;
    	line-height: 28px;
	}
	.t-28 .content-p p {
		margin-bottom:20px;
	}
	.t-28 .img-detail p {
		max-width:100%;
		font-size: 14px;
    	line-height: 28px;
		font-style:normal;
		bottom: 0;
    	top: inherit;
	}
	.t-25 .dropdown-menu {
		width: 75%;
		top: 62px;
		left: 48px;
	}
	.t-25 .last-child {
		top: -145px !important;
	}
	.enquiry-status .t-25 {
		padding:0;
	}
	.enquiry-search {
		background-size:135% auto;
		padding:195px 0 0 0;
	}
	.enquiry-form {
		padding:20px 10px;
	}
	.enquiry-form .input {
		padding:15px 10px 10px 10px;
	}
	.enquiry-form input[type="text"] {
		width:85%;
		font-size:13px;
	}
	.txn-result {
		padding:10px;
	}
	.txn-result p, .txn-result a {
		font-size:14px;
	}
	.txn-result p strong {
		font-size:14px;
	}
	.pgw-enquiry-search {
		padding: 300px 0 0 0;
		background-position: center -6px;
	}
	.pgw-enquiry-form {
		padding: 20px 10px;
	}
	.pgw-enquiry-form input[type="text"] {
		width:85%;
		font-size: 14px;
    	line-height: 25px;
	}
	.input-daterange .span2 {
		font-size:14px;
	}
	.pgw-enquiry-form .datetime-picker input[type="text"],
	.input-daterange .span2 {
    	width: 89%;
	}
	.pgw-enquiry-form .datetime-picker span.add-on {
		padding: 8px 0 0 17px;
	}
	.pgw-enquiry-form .title-form {
		font-size:14px;
	}
	.pgw-enquiry-form .amount input[type="text"] {
    	width: 61%;
	}
	.pgw-enquiry-form .amount select {
		width: 30%;
	}
	
}

@media (max-width: 375px) {
	.t-3 .map-img {
		height: 330px;
	}
	.banner-qwik h1.banner-text {
		margin-left: -175px;
	}
	.banner-qwik .banner-img {
		margin-top:20px;
	}
	.banner-qwik h1.banner-text p {
		font-size: 16px;
		line-height: 28px;
		text-align: center;
		max-width: 100%;
	}
	.banner-qwik  b.bigfont {
		margin:45px 0 0 0;
	}
	.t-27 .hilight {
	 	height:255px;
	}
	.t-27 .content-detail .item-date {
		font-size: 14px;
    	line-height: 16px;
	}	
	.t-27 .content-item .item-img img {
		height:auto;
	}
	.t-25 .dropdown-menu {
		width: 74%;
		top: 62px;
		left: 46px;
	}
	.t-28 .bxslider2 p {
		font-size: 10px;
		line-height: 13px;
		font-style: normal;
		/*font-style:normal;
		padding:18% 3% 0;*/
	}
	.t-28 .content-item .detail a {
		font-size: 15px;
		line-height: 25px;
	}
}
@media (max-width: 320px) {
	.t-3 .map-img {
		height: 255px;
	}
	
	.home-banner-slide-1 .banner-img1 {
		width: 135%;
		margin-top: -20%;
		margin-left: -5%;
	}
	.home-banner-slide-2 .banner-img2 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -20%;
	}
	.home-banner-slide-3 .banner-img3 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -20%;
	}
	.home-banner-slide-4 .banner-img4 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -20%;
	}
	.home-banner-slide-5 .banner-img5 {
		width: 135%;
    	margin-left: -15px;
    	margin-top: -15%;
	}
	.banner-qwik h1.banner-text {
		margin-left: -150px;
	}
	.banner-qwik .banner-img {
		margin-top:60px;
	}
	.banner-qwik h1.banner-text p {
		font-size: 16px;
		line-height: 28px;
		text-align: center;
		max-width: 100%;
	}
	.banner-qwik  b.bigfont {
		margin:45px 0 0 0;
	}
	.t-27 .hilight {
	 	height:215px;
	}
	.t-27 .content-detail .item-date {
		font-size: 14px;
    	line-height: 16px;
	}	
	.t-27 .content-item .item-img img {
		height:auto;
	}
	.t-25 .dropdown-menu {
		width: 74%;
		top: 62px;
		left: 38px;
	}
	.t-21 .app-store,
	.t-21 .play-store {
		width:115px;
	}
	.pgw-enquiry-form .datetime-picker span.add-on {
		padding: 8px 0 0 10px;
	}
	.pgw-enquiry-form .title-form {
		font-size:14px;
	}
	.pgw-enquiry-form .amount input[type="text"] {
    	width: 61%;
	}
	.pgw-enquiry-form .amount select {
		width: 30%;
	}
	.input-daterange .span2 {
    	width: 86%;
	}
	.t-28 .bxslider2 span {
		display: none;
	}
	.t-28 .content-item h3 {
		width: 85%;
		margin: 0 auto 20px;
		font-size: 18px;
	}
	.t-28 .content-item .detail {
		width: 100%;
	}
	.t-28 .content-item .item {
		text-align: center;
	}
	.t-28 .content-item .item img {
		float:none;
	}
	.t-28 .content-item .detail span {
		text-align: left;
	}
}