/*header + footer*/
#home{	
	width: 100%;
	height:140px;
	margin: 0 auto;
	padding-top: 0.5%;
}

.menus{
	position: relative;
	color: rgb(85, 85, 85);
	font-size: 16px;
	text-align: center;
	overflow: hidden;	
}

.menus li{
	display: inline-block;
	margin-right:20px;
}

.langtxt {
	padding-right:10%;
}

.langtxt li{
	display: inline-block;	
	font-size: 14px;
	font-weight: 200;
	margin-top:-1.5%;
	float: right;	
}

.lang a:hover{
	color: rgb(84,120,206);
	font-weight: 300;
	font-size: 16px;
}

.langtxt a {text-decoration: none;}

#menu li a {color: rgb(85, 85, 85); text-decoration: none;}

a { outline: none; color:inherit;}


.menus img { 
  width: 120px;
  height: 120px;
  position: relative;
  display: none;
  display: inline-block;
}
 
.content{
	margin-left: auto;
	margin-right: auto;
}

.company{

  background:color:#efefef;
}

/*body*/
	
/*home-about*/


#about{
	background-color:#9b7e5d;
	width: 100%;
	height: 500px;
	position: relative;	
	text-align: left;
	display: inline-block;
}

#about h3{
	color: #efefef;
	font-size:35px;	
	font-weight: lighter;
    text-align:left;
    margin-left: 20%;
}

#aboutcontainer img{
    height: 350px;
    width: 350px;
    margin-left:25%;
}

#aboutcontainer2 li{

	color:#555555;
	font-size:20px;	
	font-weight:200;
	line-height: 25pt;
	margin-top: 20%;
}

#aboutcontainer2 li:lang(th){

	color:#555555;
	font-size:20px;	
	font-weight:200;
	line-height: 25pt;
	margin-top: 20%;
}

#aboutcontainer2 a{
	color: #efefef;
	font-size: 15px;
	font-weight: 100;
	text-decoration: none;
	display: block;
	margin-left:28%;
	margin-top: 3%;
		
}

#aboutcontainer2 a:lang(th){
	color: #efefef;
	font-size: 15px;
	font-weight: 100;
	text-decoration: none;	
}

/*Dtw*/
#dtw{
	background-color:#d3c5b9;
	width: 100%;
	height:200px;
	position: relative;
	display: inline-block;
	padding-top:7%;
}

#dtw p{
	text-align: center;
	color:#555555;
	font-size:22px;	
	font-weight:200;
}

#dtw p:lang(th){
	color:#555555;
	font-size:22px;	
	text-align: center;
	font-weight:200;
}



/*Services*/

#service{
	background-color:#9b7e5d;
	width: 100%;
	height: 250px;
	position: relative;	
	text-align: center;
}

#service h3{
	position: relative;
	color:white;
	font-size:30px;	
	font-weight: lighter;
	margin: 0;
    padding-top: 15px;
    text-align:left;
    padding-left:20%;
}

#servicecontainer img{
	display:inline-block;
	width: 60px;
	height: 60px;
}

#servicecontainer {
    display: inline-block;  
    margin-top: 5%;
    font-size: 18px;
    color: #555555;
    height: auto;
}

#servicecontainer1 {
    display: inline-block;
    margin-top: 5%;
    font-size: 18px;
    color: #555555;
    height: auto;
}

#servicecontainer1 img{
	display:inline-block;
	width: 50px;
	height: 50px;
}

/*packages*/

#packages{
	background-color:#d3c5b9;
	width: 100%;
	height: 190px;
	position: relative;	
	text-align: center;
	color: #555555;

}

#packagecontainer li{
	font-size: 14px;
	font-weight: lighter;
	display: inline-block;
}

#packagecontainer img{
	display:inline-block;
	width: 50px;
	height: 50px;
}
#packagecontainer h3{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	position: relative;

}

#packagecontainer {
    display: inline-block;
    font-size: 18px;
    color: #555555;
    height: auto;
}
#clientcontainer h3{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	position: relative;

}

#clientcontainer {
    display: inline-block;
    font-size: 18px;
    color: #555555;
    height: auto;
}

#clientcontainer img{
	display:inline-block;
	width: 50px;
	height: 50px;
}
#clientcontainer li{
	font-size: 14px;
	font-weight: lighter;
	display: inline-block;
}



/*Footer*/

#footer{
	width: 100%;
	height: 127px;
	background-color: #9b7e5d;
	display: inline-block;
	position: relative;

}
#menucontainer{	
	color:#efefef;
	padding-top: 3%;
	height: 70px;
	text-align: justify;
}

#menucontainer img{	
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 5%;
	margin-top: 9%;
	
}

/* About us - from the menu bar*/

.aboutus{
	background:url("../images/about.png") no-repeat; 
	background-size: cover;
	width:100%;
	height: auto;
}

#infodetail{
  height: auto;
  overflow: hidden;
}
 
.infoholder{
  margin-left: 100px;
  margin-right: 100px;
  position: relative;
}

.infoholder h1{
	display: inline-block;
	color:rgba(85,85,85,1);
	font-weight: lighter;
	font-size: 50px;
	text-align: left;
	}

.infoholder h3{

	color:#555555;
	font-weight: border;
	font-size:32px;
	line-height: 50px;
	text-align:center;	
}

.infoholder h3:lang(th){
	color:#555555;
	font-weight: border;
	font-size:32px;
	line-height: 50px;
	text-align:center;	
}

.infoholder li{
	color:#3a3a3a;
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	line-height: 45px;
	list-style: none;

	
}

.infoholder li:lang(th){
	color:#3a3a3a;
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	line-height: 45px;
	list-style: none;
}
	
.infoholder p{

	color:#3a3a3a;
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	line-height: 40px;
}

.infoholder p:after{
	content: "";
    width: 100%;
    height: 2px;
    background: #efefef;
    display: block;
    position: absolute;
    z-index: 1;
    top: 74%;
    left: 0;
}

.infoholder p:lang(th){
	color:#3a3a3a;
	font-weight: normal;
	font-size: 16px;
	line-height: 40px;
}
.infoholder p:lang(th):after{
	content: "";
    width: 100%;
    height: 2px;
    background: #efefef;
    display: block;
    position: absolute;
    z-index: 1;
    top: 75%;
    left: 0;
	
}

/* TCPS and benefit choice from the menu */

#tcpsinfo {
	background-color:#9b7e5d;
	width: 100%;
	height: 280px;
	display: inline-block;
}
#tcpsinfo h3{
	color: #efefef;
	font-size: 35px;
	font-weight: 100;
	margin-left: 19%;
}
	
#tcpsinfocontainer{
	margin-left: 40%;
	margin-top: 5%;
}

#tcpsinfocontainer img{
	height: 80px;
	width: 80px;
}

#tcpsinfocontainer1 li{
	font-size: 15px;
	color:#555555;
	line-height: 30px;
	margin-right: 13%;
	margin-top:	6%;
    text-align: justify;
}

#tcpsinfocontainer1 li:lang(th){
	font-size: 15px;
	color:#555555;
	line-height: 30px;
	margin-right: 13%;
	margin-top:	6%;
    text-align: justify;
}

#tcpsinfocontainer1 a{
	color:#efefef;
	text-decoration: none;
	margin-left: 50%;
}

#tcpsinfo1 {
	background-color:#d3c5b9;
	width: 100%;
	height: 280px;
	display: inline-block;
}

#tcpsinfo1 h3{
	color: #efefef;
	font-size: 35px;
	font-weight: 100;
	margin-left: 15%;
}
	
#tcpsinfocontainer2 li{
	font-size: 14px;
	color:#555555;
	line-height: 40px;
    margin-top: 10%;
    margin-right:13%;
    text-align: justify;
}

#tcpsinfocontainer2 li:lang(th){
	font-size: 14px;
	color:#555555;
	line-height: 40px;
	margin-top: 10%;
	margin-right:13%;
	text-align: justify;
}

#tcpsinfocontainer2 a{
	color:#efefef;
	text-decoration: none;
	margin-left: 50%;
}

/* TCPS - from the main page */

#tcps{
	background-color:#9b7e5d;
	width: 100%;
	height: 400px;
	position: relative;	
	display: inline-block;
}

#tcps:lang(th){
	background-color:#9b7e5d;
	width: 100%;
	height: 630px;
	position: relative;	
	display: inline-block;
}

#tcps h3{
	font-weight: 100;
	margin-left:10%;
	font-size:40px;
	color:#efefef;
}

#tcpscontainer li{
	font-size: 15px;
	line-height: 40px;
	color:#555555;
    margin-left: 9%;
    margin-right: 9%;
	text-align: justify;
}

#tcpscontainer li:lang(th){
	font-size: 16px;
	line-height: 40px;
	color:#555555;
	text-align: justify;
}

#tcpsrisk1{
	background-color:#d3c5b9;
	width: 100%;
	height: 200px;
	position: relative;	
	display: inline-block;
	text-align: justify;
}

#tcpsriskcontainer1 h3{
	font-size:30px;
	font-weight: normal;
	color:#efefef;
	text-shadow: 0.5px 0.5px 4px #555555;	
	margin-bottom: 3%;
	margin-left: 15%;
	margin-right: 15%;
}

#tcpsriskcontainer1 li{
	font-size: 15px;
	line-height: 35px;
	color:#555555;
	margin-left: 10%;
	margin-right: 10%;
}

#tcpsriskcontainer2 h3{
	font-weight: normal;
	font-size:30px;
	color:#efefef;
	text-shadow: 0.5px 0.5px 4px #555555;
	margin-bottom: 3%;
	margin-left: 15%;
	margin-right: 15%;	
}

#tcpsriskcontainer2 li{
	color:#555555;
	font-size: 15px;
	line-height: 35px;
	font-weight: normal;
	margin-left: 15%;
	margin-right: 15%;
}

#tcpsriskcontainer3 h3{
	font-weight: normal;
	font-size:30px;
	color:#efefef;
	text-shadow: 0.5px 0.5px 4px #555555;
	margin-bottom: 5%;
	
}

#tcpsriskcontainer3 li{
	font-size: 15px;
	line-height: 35px;
	color:#555555;
	font-weight: normal;

}

#tcpsrisk1:lang(th){
	background-color:#d3c5b9;
	width: 100%;
	height: 300px;
	position: relative;	
	display: inline-block;
}

#tcpsriskcontainer1 h3:lang(th){
	font-weight: normal;
	font-size:26px;
	color:#efefef;
	text-shadow:0.5px 0.5px 4px #555555;
}

#tcpsrisk2{
	background-color:#d3c5b9;
	width: 100%;
	height: 300px;
	position: relative;
	display: inline-block;
}

#tcpsriskcontainer2 h3:lang(th){
	font-weight: normal;
	font-size:26px;
	color:#efefef;
	text-shadow:0.5px 0.5px 4px #555555;
	margin-left: 15%;
	margin-right: 15%;

	}
	
#tcpsriskcontainer1 li:lang(th){
	font-size: 16px;
    line-height: 45px;
	color:#555555;
	font-weight: normal;
	
}

#tcpsriskcontainer2 li:lang(th){
	font-size: 16px;
	line-height: 30px;
	color:#555555;
	font-weight: normal;
		
}

#tcpsriskcontainer3 h3:lang(th){
	font-weight: normal;
	font-size:26px;
	color:#efefef;
	text-shadow:0.5px 0.5px 4px #555555;
	margin-left: 15%;
	margin-right: 15%;
	
		
}

#tcpsriskcontainer3 li:lang(th){
	font-size: 16px;
	line-height: 30px;
	color:#555555;
	font-weight: normal;
	margin-left: 10%;
	margin-right: 10%;
		
}

/*benefit*/

#benefit{
	background-color:#9b7e5d;
	width: 100%;
	height: 130px;
	display: inline-block;
	position: relative;
}

#benefitcontainer li{
	font-size: 30px;
	color:#efefef;
	font-weight: 200;
	text-shadow: 2px 2px 3px #555555;
	line-height: 120px;
	text-align: center;
}

#benefit1{
	background-color:#d3c5b9;
	width: 100%;
	height: 400px;
	position: relative;
	display: inline-block;	
}

#benefit1:lang(th){
	background-color:#d3c5b9;
	width: 100%;
	height: 400px;
	position: relative;
	display: inline-block;	
}

#benefitcontainer1 h3{
	color: #efefef;
	font-size: 30px;
	font-weight: 200;
	margin-left: 20%;
	text-shadow: 2px 2px 3px #555555;
}

#benefitcontainer1 li{
	
	color:#555555;
	line-height: 40px;	
	font-size: 16px;
	margin-left: 25%;
	margin-top: 1%;
}

#benefitcontainer1 li:lang(th){

	font-size: 16px;
	font-weight: 200; 
	color:#555555;
	line-height: 40px;	
	margin-left:25%;
	margin-top:1%;
}

#benefit2 h3{
	color:#555555;
	font-size: 30px;
	font-weight: 200;
	text-align: -webkit-center;	
}

#benefitcontainer2 img{
	width: 100%;
	height: auto;
	margin:0;
}



/*package*/

#package{
	background-color:#9b7e5d;
	width: 100%;
	height: 130px;
	position: relative;	
	display: inline-block;
}

#package h3{
	color: #efefef;
	font-size: 30px;
	font-weight: 200;		
	margin-left:10%;
}

#package li{
	color: #555555;
	font-size: 16px;
	font-weight: normal;	
	margin-left: 9%;
	line-height: 30px;
}

#package li:lang(th){
	color: #555555;
	font-size: 18px;
	font-weight: 100;
	margin-left: 9%;
	line-height: 35px;
}

#package1 {
	background-color:#d3c5b9;
	width: 100%;
	height: 210px;
	position: relative;	
	display: inline-block;
}

#packagecontent{
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
}

#packagecontent h3{
	color:#efefef;
	font-size: 25px;
	font-weight: normal;
	font-variant: small-caps;
}

#packagecontent li{
	font-size: 14px;
	font-weight: 200;
	color:#555555;
}

#packagecontent img{
	height: 50px;
	width:  50px;
}


/*Package 1*/

#packagedetails{
	
	background-color:#d3c5b9;
	width: 100%;
	height: 550px;
	position: relative;
	display: inline-block;
}

#packagedetailscontent p{
	color:#555555;
	font-size: 18px;
	font-weight: 200;
}

#packagedetailscontent li{
	color:#555555;
	font-size: 16px;
	font-weight: 200;
	margin-left: 10%;
	line-height: 35px;
}

#packagedetailscontent h3{
	color:#fff;
	font-size: 40px;
	font-weight: 200;
}


/*Clients*/

#client{
	background-color:#9b7e5d;
	width: 100%;
	height: 70px;
	position: relative;	
	display: inline-block;
}

#client h3{
	color: #efefef;
	font-size: 30px;
	font-weight: 200;	
	margin-top:2%;	
	margin-left: 17%;
}

#clientbox{	
	background-color:#d3c5b9;
	width: 100%;
	height: 200px;
	position: relative;
	display: inline-block;
	text-align: center;
}

#clientbox img{
	height: 100px;
	width: 200px;
	margin-top: 3%;
}

/* Contact us */

#contact{
	width: 100%;
	height: 340px;
	background-color:#9b7e5d;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	
}

#contactbox h3{
	margin-bottom: 3%;
	color:#efefef;
	font-size: 25px;
	font-weight: 200;
}

#contactbox1 h3{
	color:#3a3a3a;
	font-size: 28px;
	font-weight: 200;
	font-variant: small-caps;
}

#contactboxcontainer1 li{
	color:#3a3a3a;
	font-size: 16px;
	margin-top: 2%;
	font-weight: 200;

} 

.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:600px; /* your iframe height */
   pointer-events: none;
}
  

@media screen and (max-width:1080px){

#home{
	display: none;
}

.menus{
	display: none;
}

.langtxt {

	padding-right:2%;
}

#logo{
	display: none;
}


/*home-about*/


#about{
	height: 300px;
}

#about h3{
	 margin-left: 15%;
}

#aboutcontainer img{
    height: 200px;
    width: 200px;
    margin-left:21%;
}

#aboutcontainer2 li{
	margin-top:13%;
}

#aboutcontainer2 li:lang(th){

	color:#555555;
	font-size:22px;	
	line-height:30px;
	margin-top: 13%;
}

/*Dtw*/

#dtw{
	height:220px;
}

/*Services*/

#service{
	height: 200px;
}

#service h3{
	color:#efefef;
	font-size:30px;	
    padding-top: 15px;
    text-align:left;
    padding-left:19%;
}

/*packages*/



#clientcontainer h3{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	position: relative;
}

#clientcontainer {
    display: inline-block;
    font-size: 18px;
    color: #555555;
    height: auto;
}

#footer{
	width: 100%;
	height: 140px;
}

#menucontainer{	
	color:#efefef;
}

#menucontainer img{	

margin-top: 14%;
}


#tcpsinfo{
	height: 275px;
}

#tcpsinfocontainer1 li{
	font-size: 14px;
	margin-top: 2%;
}

#tcpsinfocontainer2 li{
	margin-top: 6%;
}

#tcpsinfocontainer1 li:lang(th){
	font-size:15px;
	margin-top:4%;
}

#tcpsinfocontainer2 li:lang(th){
	margin-top: 5%;
	font-size:15px;
}

#tcpsinfo1{
	height: 250px;
}


/* tcps */

#tcps{
	height: 450px;
}

#tcps:lang(th){	
	height: 885px;
}

#tcpscontainer li:lang(th){
	font-size: 20px;
	line-height: 42px;
}

#tcpsrisk1:lang(th){
	height: 275px;
}

#tcpsriskcontainer1 h3:lang(th){
	font-size: 25px;
}

#tcpsriskcontainer2 h3:lang(th){
	font-size: 25px;
}

#tcpsrisk1{
	height: 220px;
}


#tcpsrisk2{
	height: 280px;
}


/*benefit*/

#benefit1 {
	height: 460px;
}

#benefit1 h3{
	margin-left: 10%;
}


#benefitcontainer1 li{
	margin-left: 12%;
	line-height: 45px;
}

#benefitcontainer1 li:lang(th){
	line-height: 44px;
	font-size: 18px;
	margin-left: 14%;
}


/*package info*/

#package {
	height: 140px;
}

#package li:lang(th){
	font-size: 20px;
	line-height: 60px;
}


/*Clients*/
#clientbox{	
	height: 170px;
}

#clientbox img{
	height: 100px;
	width: 200px;
}

/* Contact us */

#contact{
	height: 330px;
}

#contactbox h3{
	font-size: 30px;
}

.overlay {
	height: 500px;
}    

.overlay iframe{
	height: 500px;
}

#contactboxcontainer1 li{
	font-size: 20px;
}

}

@media screen and (max-width:850px){
	#about h3{
		margin-left: 12%;		
	}
	
	#aboutcontainer img{
		margin-left: 10%;
	}
	
	.infoholder{
		margin-left: 30px;
		margin-right: 30px;
		
	}
	
	.infoholder h3{
		font-size: 27px;

	}
	
	.infoholder p{
		font-size: 15px;
		line-height: 42px;
	}
	
	.infoholder li{
		font-size: 15px;
		line-height: 33px;
	}
	
	.infoholder h3:lang(th){
		font-size: 28px;
	}
	
	.infoholder p:lang(th) {
		font-size:15px;
		line-height: 44px;
	}
	
	.infoholder li:lang(th){
		font-size:15px;
		line-height: 42px;
	}
	
	#dtw{
		height: 190px;
	}
	
	#dtw:lang(th){
		padding-top: 5%;
	}
	
	#menucontainer{
		height: 0px;
		padding-top: 3%;
	}
	
	#menucontainer img{
		margin-top:7%;
	}
	
	#tcpsinfo{
		height: 240px;
	}
	
	#tcpsinfo h3{
		font-size: 30px;
		margin-left:12%;
	}
	
	#tcpsinfocontainer{
		margin-left: 24%;
		margin-top: 4%;
	}
	
	#tcpsinfocontainer img{
		height: 70px;
		width: 70px;
	}
	
	#tcpsinfocontainer1 li{
		font-size: 12px;
		margin-top: 0%;
	}
	
	#tcpsinfocontainer1 li:lang(th){
	    line-height: 29px;
	    margin-right: 12%;
	    font-size: 13px;
	    margin-top: 0%;
	}
	
	#tcpsinfocontainer1 a{
		margin-left: 42%;
		font-size:12px;
	}
	
	#tcpsinfo1 {
		height: 215px;
	}
	
	#tcpsinfo1 h3{
		margin-left:8%;
	}
	
	#tcpsinfocontainer2 li{
		font-size: 13px;
		line-height: 37px;
		margin-top: 4%;
	}
	
	#tcpsinfocontainer2 li:lang(th){
		margin-top:4%;
		font-size:13px;
	}
	
	#tcpsinfocontainer2 a{
		margin-left: 42%;
		font-size:12px;
	}
	
	/*tcps menu bar*/
	#tcps{
		height: 570px;
	}
	
	
	#tcps:lang(th) {
		height: 770px;
	}
	
	#tcps h3{
		font-size: 35px;
		margin-left: 8%;
	}
	
	#tcpscontainer li{
		margin-left: 7%;
		margin-right: 7%;
	}
	
	#tcpscontainer li:lang(th){
		font-size: 15px;
		line-height: 36px;
		margin-left: 6%;
		margin-right: 6%;

	}
	
	#tcpsrisk1 {
		height: 410px;
		
	}
	
	#tcpsriskcontainer1 h3{
		margin-bottom: 2%;
		margin-left:17%;
		margin-right: 17%;
		text-align: center;
	}
	
	#tcpsriskcontainer1 li{
		margin-left: 17%;
		margin-right: 17%;
	}
	
	#tcpsriskcontainer2 h3{
		margin-bottom: 2%;
		margin-left:17%;
		margin-right: 17%;
		text-align: center;
		
	}
	
	#tcpsriskcontainer2 li{
		 margin-left: 17%;
		 margin-right: 17%;
		 text-align: justify;
	}
	
	#tcpsriskcontainer3 h3{
		margin-bottom: 2%;
	    margin-left: 17%;
	    margin-right: 17%;
	    text-align: center;
	}
	
	#tcpsriskcontainer3 li{
		    margin-left: 17%;
		    margin-right: 17%;
		    text-align: justify;
	}
	
	#tcpsrisk1:lang(th){
		height: 410px;
	}
	
	#tcpsriskcontainer1 h3:lang(th){
		margin-bottom: 2%;
		margin-left: 25%;
	}
	
	#tcpsriskcontainer1 li:lang(th){
		 font-size: 15px;
		 line-height: 35px;
		 margin-left: 20%;
		 margin-right: 20%;
	}
	
	
	#tcpsriskcontainer2 h3:lang(th){
		 margin-bottom: 2%;
		 margin-left: 22%;
	}
	
	#tcpsriskcontainer2 li:lang(th){
	    margin-left: 20%;
		margin-right: 20%;
		font-size: 15px;
		
	}
	
	#tcpsrisk2:lang(th){
		height: 270px;
	}
	
	#tcpsriskcontainer3 h3:lang(th){
		margin-bottom: 2%;
		margin-left:24%;
	}
	
	#tcpsriskcontainer3 li:lang(th){
	    margin-left: 20%;
		margin-right: 20%;
		font-size: 15px;
		
	}
	
	#benefit {
		height: 110px;
	}
	
	#benefit1 {
		height: 400px;
	}
	
	#benefitcontainer li{
		font-size: 28px;
		line-height: 50px;
	}
	
	#benefitcontainer1 li:lang(th){
		line-height: 40px;
	    font-size: 16px;
	    margin-left: 10%;
	    margin-right:10%;
	}
	
	#benefitcontainer1 li{
		margin-left: 11%;
		margin-right: 11%;
		line-height: 40px;
		font-size: 15px;
	}
	
	#package {
		 height: 160px;
	}
	
	#package:lang(th){
		height: 140px;
	}
	
	#package h3{
		font-size: 26px;
		margin-left:6%;
		
	}
	
	#package li:lang(th){
		font-size: 18px;
		margin-left: 5%;
	}
	
	#package1 {
		height: 280px;
	}
	
	#package li{
		font-size: 15px;
		margin-left: 5%;
	}
	
	#clientbox{
		height: 270px;

	}
	
	#contact{
		height: 270px;
	}
	
	#contactbox h3{	
		font-size: 20px;
		
	}
	#contactbox1 h3{
		font-size: 24px;
	}	
	
	#contactboxcontainer1 li{
		font-size: 15px;
	}

	#contactboxcontainer img{
		height: 50px;
		width: 50px;
	}
	
	.overlay{
		height: 400px;
	}
	
	.overlay iframe{
		height: 400px;
	}

}


@media screen and (max-width:450px){

	#about{
		height: 250px;
	}
	
	#about h3{
		margin-left: 8%;
	
	}
	
	#aboutcontainer img{
		height: 150px;
		width: 150px;
		margin-left: 0%;
	}
	
	#aboutcontainer2 li{
		font-size: 15px;
		margin-top: 9%;
		font-weight: 300;
		line-height: 27px;
	}
	
	#aboutcontainer2 a{
		font-size: 13px;
		margin-left: 0%;
		margin-top: 0%;
	}
	
	#aboutcontainer2 li:lang(th){
		margin-top: 10%;
		font-size: 15px;
		font-weight: 300;
	}
	
	#aboutcontainer2 a:lang(th){
		font-size: 14px;
		margin-left: 1%;
	}
	
	#dtw{
		height: 130px;
		padding-top: 4%;
	}
	
	#dtw:lang(th){
		height: 145px;
		padding-top: 4%;
	}
	
	#dtw p{
		font-size: 17px;
	}
	
	#dtw p:lang(th){
		font-size: 16px;
	}
	
	#service{
		height: 160px;
	}
	
	#service h3{
		padding-left: 11%;
		font-size: 27px;
	}
	
	#servicecontainer {
		font-size: 16px;
	}
	
	#servicecontainer img {
	    width: 50px;
		height: 50px;
		
	}
	
	#servicecontainer1 {
		font-size: 16px;
		
	}
	
	#servicecontainer1 img{
		width: 50px;
		height: 50px;
	}
	
	#packages{
		height: 160px;
	}
	
	#packagecontainer h3{
		font-size: 18px;
		font-weight: 300;
	}
	
	#packagecontainer li{
		font-size: 13px;
		font-weight: 200;
	}
	
	#clientcontainer h3{
		font-size: 18px;
		font-weight: 300;
	
	}
	#clientcontainer li{
		font-size: 13px;
		font-weight: 200;
	}
	
	#menucontainer img{
		margin-top:16%;
		margin-right: 4%;
	}
	
	.infoholder{
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.infoholder h3:lang(th){
		font-size: 24px;
		font-weight: 100;
	}
	.infoholder p:lang(th){
		font-size:17px;
		line-height: 47px;
	}
	.infoholder li:lang(th){
		font-size: 17px;
		line-height: 44px;
		font-weight: 200;
	}
	
	.infoholder h3{
		font-size: 22px;
		line-height: 35px;
		font-weight: 200;
	}
	
	.infoholder p{
		font-size:17px;
	}
	
	.infoholder li{
		font-size: 17px;
		font-weight: 200;
		line-height: 41px;
	}
	
	#tcpsinfocontainer1 li:lang(th){
		line-height: 22px;
	    margin-right: 5%;
	    font-size: 13px;
	    margin-top: -6%;
	    margin-left: -25%;
	}
	
	#tcpsinfocontainer1 a:lang(th){
		margin-left:0%;
	}
	
	#tcpsinfo1{
		height: 190px;
	}
	
	#tcpsinfo1 h3 {
		font-size: 30px;
	}
	
	#tcpsinfocontainer2 li:lang(th){
		line-height: 32px;
		font-size: 11px;
		margin-left: -21%;
		margin-top:5%;
	}
	
	#tcpsinfocontainer2 a:lang(th){
		margin-left: 0%;
	}
	
	#tcpsinfocontainer1 li {
		line-height: 22px;
	    margin-right: 5%;
	    font-size: 13px;
	    margin-top: -6%;
	    margin-left: -25%;
	}
	
	#tcpsinfocontainer1 a{
		margin-left: 0%;
	}
	
	#tcpsinfocontainer2 li{
		line-height: 32px;
		font-size: 11px;
		margin-left: -21%;
		margin-top:5%;
	}
	
	#tcpsinfocontainer2 a{
		margin-left:0%;
	}
	
	#tcps {
		height: 780px;
	}
	
	#tcps:lang(th){
		height: 1380px;
	}
	
	#tcps h3{
		font-size: 30px
	}
	
	#tcpscontainer li{
		margin-left:4%;
		margin-right: 4%;
		font-size: 14px;
		line-height: 37px;
	}
	
	#tcpsrisk1 {
		height: 470px;
	}
	#tcpsrisk1:lang(th){
		height: 490px;
	}
	
	#tcpsrisk2{
		height: 350px;
	}
	#tcpsrisk2:lang(th){
		height: 320px;
	}
	
	#tcpsriskcontainer1 h3{
		margin-left: 7%;
		margin-right: 7%;
	}
	
	#tcpsriskcontainer1 li{
		margin-left: 7%;
		margin-right: 7%;
	}
	
	#tcpsriskcontainer2 h3{
		margin-left:7%;
		margin-right: 7%;
	}
	
	#tcpsriskcontainer2 li{
		margin-left: 7%;
		margin-right: 7%;
	}
	
	#tcpsriskcontainer3 h3{
		margin-left:7%;
		margin-right: 7%;
	}
	
	#tcpsriskcontainer3 li{
		margin-left: 7%;
		margin-right: 7%;
	}
	
	#tcpscontainer1 li:lang(th){
		font-size: 14px;
		line-height: 35px;
		margin-left: 4%;
		margin-right: 4%;
	}
	
	#tcpsriskcontainer1 h3:lang(th){
		margin-left: 2%;
	}
	
	#tcpsriskcontainer1 li:lang(th){
		font-size: 15px;
		line-height: 33px;
		margin-left: 9%;
		margin-right: 9%;
	}
	
	#tcpsriskcontainer1 ul:lang(th){
		margin-bottom: -6%;
	}
	
	#tcpsriskcontainer2 h3:lang(th){
		margin-left: 1%;
	}
	
	#tcpsriskcontainer2 li:lang(th){
		font-size: 15px;
		margin-left: 9%;
		margin-right: 9%;
	}
	
	#tcpsriskcontainer3 h3:lang(th){
		margin-left: 0%;
		margin-right: 0%;
	}
	
	#tcpsriskcontainer3 li:lang(th){
		font-size: 15px;
		margin-left: 9%;
		margin-right: 9%;
		line-height: 15px;
		margin-bottom:2%;
	}
	
	#benefit{
		height: 100px;
	}
	
	#benefit1 {
		height: 500px;
	}
	
	#benefit1:lang(th){
		height: 400px;
	}
	
	#benefitcontainer li{
		font-size: 21px;
		line-height: 40px;
		margin-top: 2%;	
	}
	
	#benefit1 h3{
		margin-left: 5%;
	}
	
	#benefitcontainer1 li:lang(th){
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 0%;
		font-size: 15px;
	}
	
	#benefitcontainer1 li{
		margin-left: 5%;
		margin-right:5%;
		font-size: 15px;
		margin-top:0%;
		line-height: 35px;
	}
	
	#benefit2 h3{
		font-size: 25px;
	}
	
	#package {
		height: 200px;
	}
	
	#package:lang(th) {
		height: 130px;
	}
	
	#package li {
		font-size: 14px;
		margin-left: 3%;
		margin-right: 2 %;
	}
	
	#package li:lang(th){
		font-size: 18px;
		margin-left: 3%;
		line-height: 30px;
	}
	
	#package1 {
		height: 300px;
	}
	
	#packagedetailscontent h3{
		font-size: 30px;
	}
	
	#packagedetailscontent li{
		margin-left: 4%;
	    margin-right: 4%;
	    line-height: 27px;
	    text-align: justify;
	}

}

@media screen and (max-width:380px){

	#about:lang(th) {
		height: 230px;
	}

	#aboutcontainer2 li{
		font-size: 12px;
		margin-top:14%;
	}
	
	#aboutcontainer2 a{
		font-size:10px;
	}
	
	#aboutcontainer2 li:lang(th){
		font-size: 13px;
		margin-top: 14%;
	}
	
	#dtw p:lang(th){
		font-size: 14px;
		line-height: 30px;
	}
	
	#packagecontainer li{
		font-size: 12px;
	}
	
	#clientcontainer li{
		font-size: 12px;	
	}
	
	#menucontainer img{
		margin-top: 20%;
	}
	
	.infoholder p{
		font-size: 15px;
	}
	
	.infoholder li{
		font-size: 15px;
		line-height: 41px;
	}
	
	.infoholder li:lang(th){
		line-height: 45px;
		font-size: 16px;
	}
	
	#tcpsinfo{
		height: 230px;
	}

	#tcpsinfocontainer2 li{
		line-height: 28px;
	    font-size: 10px;
	    margin-left: -28%;
	    margin-top: 8%;
	}
	
	#tcpsinfocontainer2 li:lang(th){
		line-height: 28px;
	    font-size: 10px;
	    margin-left: -22%;
	    margin-top: 8%;
	}
	
	#tcpsinfocontainer1 li{
		font-size: 11px;
	    margin-top: -7%;
	}
	
	#tcpsinfocontainer1 a{
		font-size: 11px;
	}
	
	#tcps{
		height: 855px;
	
	}
	
	#tcpsriskcontainer1 h3{	
		margin-left: 4%;
		margin-right: 4%;
	
	}
	
	#tcpsriskcontainer1 li{
		margin-left: 4%;
		margin-right: 4%;	
		
	}
	
	#tcpsriskcontainer2 h3{	
		margin-left: 4%;
		margin-right: 4%;
	
	}
	
	#tcpsriskcontainer2 li{
		margin-left: 4%;
		margin-right: 4%;	
		
	}	
	
	#tcpsriskcontainer3 h3{	
		margin-left: 4%;
		margin-right: 4%;
	
	}
	
	#tcpsriskcontainer3 li{
		margin-left: 4%;
		margin-right: 4%;	
		
	}	
	
	#package li{
		font-size: 13px;
	}
	
}