/******** For mobile device ********/
/******************************/
/*---- Responsive base screen witdh ------- */
/* width - 30 */
/* Tablet Devices Resizing */
@media screen and (max-width: 3000px) and  (min-width: 800px){
div.vaft_phone {
word-wrap: break-word;
display:none;
}
}
@media screen and  (max-width: 800px)  and (min-width:600px){
div.vaft_bottom_1 {
display:none;
}
div.vaft_phone {
word-wrap: break-word;
display:yes;
}
div.vaft_bottom_2 {
display:none;
}
div.vaft_banner_l {
	
display:none;
}
div.vaft_banner_r {
	
display:none;
}
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
	#vaft_top_menu{
position:fixed;
float:left;
	width:auto;
	height:auto;
	background:#F2992D;
	font-size:1.2em;
	
	}
	#vaft_top_menu ul li{
	background:none;

	
	}
	body.width_medium div#wrapper {
	width: auto;
}

body.width_small div#wrapper {
	width: auto;
}

body.width_fmax div#wrapper {
	min-width: auto;
	max-width: auto;
}
.vaft_index{
	width:auto;
	}

.vaft_right{
	float:left;
	width:auto;
	}
	.vaft_right_footer{
display:none;
float:left;
}	
#vaft_bottom_menu{
position:relative;
float:left;
	width:auto;
	height:auto;
	background:#F2992D;
	font-size:1.2em;

	}
	#vaft_bottom_menu ul li{
	background:#F2992D;
	}
div#logo {
width:600px;
height:124px;
background: url(../images/logo_ketoanthue600.png) 0 0 no-repeat;
}	
	.vaft_fr_update{
display:none;
	}
	.vaft_l_update{
display:none;
	}
.vaft_l2_update{
display:none;
	}
.vaft_l3_update{
display:none;
	}
.vaft_img_b{
	width:auto;

		}
div#wrapper {
		margin-top: 50px;
	}
.vaft_form_in{
	width: 200px; 
	color:red
	}	
img { 

width:auto;
height:auto;
 }
  .vaft_img_b{
	max-width:200px;

	}
.greyline{
display:none;
}
}
@media screen and  (max-width: 600px)  and (min-width:400px){
div.vaft_bottom_1 {
display:none;
}
div.vaft_phone {
word-wrap: break-word;
display:yes;
}
div.vaft_bottom_2 {
display:none;
}
div.vaft_banner_l {
	
display:none;
}
div.vaft_banner_r {
	
display:none;
}
		div#wrapper {
		margin-top: 70px;
}
img { 

max-width:400px;
height:auto;
 }
  .vaft_img_b{
	max-width:200px;

	}
div#logo {
width:400px;
height:83px;
background: url(../images/logo_ketoanthue400.png) 0 0 no-repeat;
}	
#power_by {
     padding-right: 5px;
	    padding-left: 5px;
}
}
@media screen and  (max-width: 400px)  and (min-width:220px){
div.vaft_bottom_1 {
display:none;
}
div.vaft_phone {
word-wrap: break-word;
display:yes;
}
div.vaft_bottom_2 {
display:none;
}
div.vaft_banner_l {
	
display:none;
}
div.vaft_banner_r {
	
display:none;
}
		div#wrapper {
		margin-top: 100px;
}
img { 
max-width:200px;
height:auto;
 }
 .vaft_img_b{
	max-width:200px;

	}
div#logo {
width:220px;
height:45px;
background: url(../images/logo_ketoanthue200.png) 0 0 no-repeat;
}	
#power_by {
     padding-right: 5px;
	    padding-left: 5px;
}
}
/*---- end Responsive base screen witdh ------- */