.callback input.watermarktextbox2{width:80px;
margin-right: 2px;
 padding-left:12px;
height: 32px;
border: 1px solid #bdbcbd;
color: #777;
}

@media screen and (min-width:941px){

.sitelogo2 {
  display: none;
}
.sitelogo {
  display: inline-block;
}
.mob-header {
  display: none;
}
.pc {display:block;}
.close_menu {
  display: none;
}
.mob {display:none;}
div.callback div.modulebuttonrow input {
  float: left;
}	
	
}

@media screen and (max-width:940px){
	
* {box-sizing:border-box;max-width:100% !important;}
table {table-layout:fixed; width:100%;}
img { max-width:100% !important; height:auto;}
body {margin: 0px;padding: 0px;}
iframe { max-width:100% !important;}
object { max-width:100% !important;}

.pc {display:none;}
.mob {display:block;}
div#wrapwebsite {
  padding-left: 0;
  padding-right: 0;
}
body.pagebody {
  background-image: none;
}
div#wrapheader {
  background-color: #073871;
  display: table;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  table-layout:fixed;
}
div#wrapmenu {
	display: block;
	height: auto;
	width: 100%;
	background-image: -webkit-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: linear-gradient(180deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
}
.sitelogo {
  display: none;
}
.sitelogo2 {
  display: block;
  text-align: center;
  width: 100%;
}
div.headercontactinfo {
  height: auto;
  margin-top: auto;
  padding-bottom: 8px;
  text-align: left;
  width: 100%;
}
div.headershadow {
  display: none;
}
.emaillink {
  margin-left: 10px;
}
#wrapmenu > .AspNet-Menu-Horizontal {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  right: -300px;
  top: 0;
  opacity:0;
  width: 250px;
  background-image: -webkit-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: linear-gradient(180deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
}
.mob-header {
  display: none;
  table-layout:fixed;
  height: auto;
  width: 100%;
   background-image: -webkit-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
	background-image: linear-gradient(180deg,rgba(44,83,157,1.00) 0%,rgba(37,68,136,1.00) 99.48%);
}
.mob_button {
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 28px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  cursor:pointer;
}
.close_menu {
  clear: both;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 28px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
ul.sf-menu > li {
  display: block;
  height: auto;
  width: 100%;
}
ul.sf-menu > li.current, ul.sf-menu > li:hover, ul.sf-menu > li.sfHover {
  height: auto;
  margin-top:inherit;
  padding-top:inherit;
  background-image:none;
  background-color:#5EB0E1;
}
ul.sf-menu > li > a {
  height: auto;
  margin-left: auto;
}
div.altcontent1 {
  min-width: 100%;
}
.slidecontainer {
  padding-left: 15px;
  padding-right: 15px;
}
.slidecontainer > div.floatpanel > div:nth-child(1) {
  margin-left: auto !important;
  padding-left:10px;
  padding-right:10px;
}
div.left2column {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left:15px;
  padding-right:15px;
}
.art-Post-inner > h2.moduletitle {
  text-align: center;
  width: 100%;
}
div.center-leftmargin {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.slidecontainer table tr {
  display: inline-block;
  height: auto;
  width: auto;
}
.slidecontainer table td {
  display: inline-block;
  height: auto;
  width: auto;
}
div#wrapfooter div.footercontent {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.mob-header.shrink {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
div.altcontent2 {
  min-width: 100%;
}
.prodWrapper > div {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 50% !important;
  height: 50% !important;
}
.prodWrapper > div.prodWrapper {
  width: 100% !important;
}
.prodWrapper > div.prodWrapper {
  width: 100% !important;
}
div.prodWrapper {
  height: auto !important;
}
#ctl01_mainContent_ctl00_pnlWrapper iframe {
  overflow:auto;
  display:block;
}
.art-Post-inner.panelwrapper.callback {
  clear: both;
  display: block;
  float: none;
  height: auto;
  width: 100%;
}





	
} /* /max-width:940px */


@media screen and (max-width:767px){
	
div.image-panel div.floatpanel {
  clear: both;
  height: auto;
  width: 100%;
}
div.image-panel div.slidecontainer > div.floatpanel > div {
  height: auto;
  width: 100% !important;
}
.slides {
  /*height: auto !important;*/
  overflow:hidden;
}
.slides > img {
  height: auto !important;
  position: relative !important;
}
div.image-buttons > div {
  background-size: contain !important;
}
div.slidecontainer table {
  text-align: center;
}
div#wrapfooter {
  background-size: cover;
  min-height: auto;
  width: 100%;
}
div#wrapcenter {
  min-height: auto;
}
div.footercontent > div {
  width: 100% !important;
}
#wrapfooter div.footercontent div.floatpanel {
  margin-top: 5px;
}
#wrapfooter div.footercontent .floatpanel > .floatpanel.section {
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 0;
  width: 100% !important;
}
div#outerwrap {
  overflow-x: hidden;
}
#ctl01_mainContent_ctl00_divContent div img {
  clear: both;
  display: block;
  float: none !important;
  height: auto !important;
  margin-bottom: 5px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 5px;
}
div.callbackform {
  display: table;
  height: auto;
  table-layout: fixed;
  width:100%;
}
#hongkiat-form tr {
  clear: both;
  display: block;
  height: auto;
  width: 100%;
}

#ctl01_mainContent_ctl00_pnlWrapper iframe {
    height: 500px;
}
div.callback div.modulebuttonrow {
  width: 100%;
}
div.callback div.modulebuttonrow input {
  float: left;
}
a.emaillink {
    margin-left: auto;
}
div.image-buttons > div.left:hover {
  background-image:url("../images/developer-bg.png");
}
div.image-buttons > div.right:hover {
  background-image:url("../images/resident-bg.png");
}


	
} /* /max-width:767px */


@media screen and (min-width:430px) and (max-width:499px){
	
.slides {
  height: 250px !important;
}

	
} 

@media screen and (min-width:380px) and (max-width:429px){
	
.slides {
  height: 200px !important;
}
div.image-buttons > div.left {
  width: 100%;
}
div.image-buttons > div.right {
  margin-top: -15px;
  width: 100%;
}

	
}

@media screen and (min-width:360px) and (max-width:379px){
	
.slides {
  height: 180px !important;
}
div.image-buttons > div.left {
  width: 100%;
}
div.image-buttons > div.right {
  margin-top: -15px;
  width: 100%;
}
	
}

@media screen and (min-width:320px) and (max-width:359px){
	
.slides {
  height: 165px !important;
}
div.image-buttons > div.left {
  width: 100%;
}
div.image-buttons > div.right {
  margin-top: -15px;
  width: 100%;
}
	
}

@media screen and (min-width:290px) and (max-width:319px){
	
.slides {
  height: 140px !important;
}
div.image-buttons > div.left {
  width: 100%;
}
div.image-buttons > div.right {
  margin-top: -15px;
  width: 100%;
}
	
}

@media screen and (max-width:289px){
	
.slides {
  height: 120px !important;
}
div.image-buttons > div.left {
  width: 100%;
}
div.image-buttons > div.right {
  margin-top: -15px;
  width: 100%;
}
	
}

@media screen and (min-width:601px){
	
.pc_span {
  display: inline;
}
.mob_span {
  display: none;
}	
	
}

@media screen and (max-width:600px){
	
#hongkiat-form tr td {
  display: block;
  float: left;
  width: 100%;
}
.pc_span {
  display: none;
}
.mob_span {
  display: block;
}	
	
}