@media (min-width:768px){


}

@media (min-width:992px){
	
}
@media (min-width:1500px){

}

@media (min-width:1200px){


}


/*============================================================
	For Small Desktop
==============================================================*/
@media (min-width: 992px) and (max-width: 1024px) {	
.nav>li>a{
	padding: 10px 7px;
	}
.nav-tabs > li > a {
	font-size:15px;
	line-height:1.15em;
}
}


@media (min-width: 980px) and (max-width: 991px) {	

.txt-en {
font-size:22px;
line-height:1.2em;
}
.txt-th {
font-size:22px;
line-height:1.2em;
}
.txt-jp {
font-size:14px;
line-height:1.2em;
}


img.logo{padding-top:30px;}

.txt-en > li > a{
font-size:18px;
text-transform:uppercase;
padding:10px 8px; 
}
.txt-th > li > a{
font-size:18px;
text-transform:uppercase;
padding:8px 8px; 
}
.txt-jp > li > a{
font-size:18px;
text-transform:uppercase;
padding:12px 20px; 
}


.cuad{
  width:160px;
  height:160px;
}
li.cuad {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }
  
  .cuad3{
  width:220px;
  height:220px;
}
li.cuad3 {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }

}
@media (min-width: 992px) and (max-width: 1095px) {	
	
.txt-en {
font-size:22px;
line-height:1.2em;
}
.txt-th {
font-size:22px;
line-height:1.2em;
}
.txt-jp {
font-size:14px;
line-height:1.2em;
}


img.logo{padding-top:15px;}

.txt-en > li > a{
font-size:20px;
text-transform:uppercase;
padding:10px 18px; 
}
.txt-th > li > a{
font-size:20px;
text-transform:uppercase;
padding:8px 18px; 
}
.txt-jp > li > a{
font-size:20px;
text-transform:uppercase;
padding:12px 33px; 
}


.cuad{
  width:210px;
  height:210px;
}
li.cuad {
    display:block;
    float:none;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }
  
  
    
  .cuad3{
  width:280px;
  height:280px;
}
li.cuad3 {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }

}
@media (min-width: 1096px) and (max-width: 1199px) {	

.cuad{
  width:210px;
  height:210px;
}
li.cuad {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }
  
  
    
  .cuad3{
  width:280px;
  height:280px;
}
li.cuad3 {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }

.txt-en {
font-size:22px;
line-height:1.2em;
}
.txt-th {
font-size:22px;
line-height:1.2em;
}
.txt-jp {
font-size:14px;
line-height:1.2em;
}



img.logo{padding-top:15px;}




.txt-en > li > a{
font-size:22px;
text-transform:uppercase;
padding:10px 15px; 
}
.txt-th > li > a{
font-size:22px;
text-transform:uppercase;
padding:8px 15px; 
}
.txt-jp > li > a{
font-size:20px;
text-transform:uppercase;
padding:12px 33px; 
}	
}
@media (min-width: 992px) and (max-width: 1199px) {

body {
	font-family: 'Kanit', sans-serif;
	font-size:16px;	
	overflow-x:hidden;
	
	
  	line-height: 1.53;
}

.cuad2{
  width:430px;
  height:430px;
}
.cuad2H{
  width:430px;
  height:430px;
}

}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/


@media only screen and (min-width: 768px) and (max-width: 991px) {



.menu {

	float:none;
	margin:0 auto;
	text-align:center;
	width:100%;
	
}

.menu ul.nav-tabs {
	
	float:none;
	margin:0 auto;
	text-align:center;
	width:100%;

}

.menu ul.nav-tabs > li {
	
	float:none;
	margin:0 auto;
	text-align:center;
	display:inline-block;
}


.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
	font-size:13px;
}



ul.nav-tabs {
	float:none;
	margin:0 auto;
	text-align:center;
}
ul.nav-tabs li {
	float:none;
	margin:0 auto;
	display: inline-block;

}



.cuad{
  width:160px;
  height:160px;
}
li.cuad {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }
  
  .cuad3{
  width:220px;
  height:220px;
}
li.cuad3 {
    display:block;
    float:left;
    margin-right:0px;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;

  }
  .cuad2{
  width:300px;
  height:300px;
}
.cuad2H{
  width:300px;
  height:300px;
}

}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/



@media only screen and (min-width: 320px) and (max-width: 767px) {
	
.h1, h1 {
    font-size: 20px;
}
	
	
	
	
	
	
.box {
  width: 96%;
  height: auto;
  
    padding:10% 5%;
 
  /* สไตล์สำหรับจัดให้อยู่กึ่งกลาง */
  position: absolute;
  top: 50%;
  left: 50%;
 /*  margin-top: -300px; -(height/2) */
  margin-left: -48%; /* -(width/2) */
  font-size:16px;
}
p.box  {
color:#350858;
}

 .dropdown-menu {
 background: #fff;
 width:100%;
  

}

.dropdown-menu > li { width:100%;}

.dropdown-menu > li > a {
  display: block;
  padding: 7px 20px;
  clear: both;
  font-weight: bold;
  line-height: 1.5;
  color: #000000;
  white-space: nowrap;
  font-size:18px;	
  background-color: #FFFFFF;
  text-align:center;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #000000;
  text-decoration: none;
  background-color: #dae1e8;
}






.navigation  {
	/*background:none;*/
	background: url(../images/BG-Top.jpg) repeat-x;

}

.navbar {
  background:none;
  /*border-color: #e7e7e7;*/
}

.navbar-header {
    width:100%;
	margin-top:10px;
	background:none;
	
  }

  
.navbar-brand {

  height: auto;

} 
.navbar-brand h1 {

	padding-top:0px;
	  width:70px;
}
.navbar-brand img {
	height:60px; 
	width:auto;
  padding-top:0%;

  border:solid 0px red;


}
 
.navbar-header img {
    height:32px;
	width:32px;
	text-align:right;
	
  }
  
 .menu {

	
	margin-top:70px;
margin-left:0;
	
} 
  
  
.menu ul.nav-tabs {
	
	margin-top:-60px;
	display: inline-block;
	margin-left:00px;
	width:100%;

}

.menu ul.nav-tabs li {
	
	margin-top:-60px;
	display: inline-block;
	/*background:#260145;*/
	
	background:#0072bc;
	
	margin-left:00px;
	width:100%;
	
	
}

.nav-tabs {
	border-bottom: 0;
	background:#004261;
}
.nav-tabs > li {
	float: none;
	margin:0 auto;
	margin-bottom: 0;
	padding:0px 50px;
	width:100%;
	
}
.nav-tabs > li > a {	
	
	color:#fff;
	border: 0px solid #FFF;
	font-size:18px;
	background:#004261;

}

.nav-tabs > li > a:hover , .nav-tabs > li > a:focus {
 /* border-color: #eee #eee #ddd;*/
background:#none;
color:#FFFFFF;
 
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background:none;


 /* border: 1px solid #ddd;
  border-bottom-color: transparent;*/
}






.ft-FB {
	text-align:center;
	float:none;
	margin:0 auto;
}


.navbar-toggle {
  position: relative;
  float: right;
  padding: 3px 5px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
 /* border: 1px solid transparent;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;*/
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle img {
  display: block;
  width: 30px;
  height: 30px;
  
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
} 






/*.pagetitleRow {

	background:none;
	margin-top:0px;
	border-bottom: 1px #f58f15 solid;
	border-top: 1px #f58f15 solid;

}
.pagetitle{
	color:#f58f15;;
	text-align:left;
	background:none;
	font-weight:bold;
	text-align:center;	
	font-size:40px;
	text-transform:uppercase;

}*/


  .cuad2{
  width:280px;
  height:280px;
}
.cuad2H{
  width:280px;
  height:280px;
}


}

@media only screen and (min-width: 300px) and (max-width: 479px){
.rc-anchor-normal { width:250px;}

.navbar-brand img {
	height:auto; 
	width:auto;
  padding-top:0%;

  border:solid 0px red;
  padding-left:00px;


}

 
.navbar-header img {
    height:32px;
	width:32px;
	text-align:right;
	
  }
  

img.flag, span.flag   {
	width:24px;
	height:auto;
}


.call-en {

font-size:20px;

}
.call-th {

font-size:20px;

}
.call-jp {

font-size:20px;

}


h4,.h4 {

font-size:16px;

}

h3,.h3 {

font-size:20px;

}



.cuad2mb{
  width:120px;
  height:120px;
}
li.cuad2mb {
    display:block;
	float:none;
	margin:0 auto;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;
	padding-left:-20px;
	
  }


.cuad{
  width:230px;
  height:230px;
}
li.cuad {
    display:block;
	float:none;
	margin:0 auto;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;
	padding-left:-20px;
	
  }

.cuad3{
  width:280px;
  height:280px;
}
li.cuad3 {
    display:block;
	float:none;
	margin:0 auto;
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;
	
  }
  
.cuad3H{
  width:250px;
  height:393px;
}
li.cuad3H {
    display:block;
    
  
    overflow:hidden;
    text-align:center;
    border:0px solid #ccc;
	padding:0px;
  }
  
  .box {
  width: 300px;
  height: auto;
  
    padding:10% 5%;
 
  /* สไตล์สำหรับจัดให้อยู่กึ่งกลาง */
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px; /* -(height/2) */
  margin-left: -150px; /* -(width/2) */
}
p.box  {
color:#350858;
}
}


img.logo{ margin-left:0px; width:auto; height:auto;}

}