/*************************************************************************
*   
*   S T Y L E  S H E E T
*
*   Copyright 2014 Best Western Dental Centre
*   
* 
*************************************************************************/

/* Global Settings ------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, ol, ul, li, form, label, legend, div, textarea {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
	
body {
	color:#797979;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
}

ol,ul { list-style:none; }

a:link, a:active, a:visited { 
	color:#797979;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover { 
	color:#106EAA;
	text-decoration:underline;
}
	
 /* Forms ------------- */
form { margin:0; padding:0; }

select, input, textarea { font:12px Arial, Helvetica, sans-serif; color: #333333; }

textarea { line-height: 16px; border:1px solid #CCCCCC; color: #333333; }

label { cursor: pointer; }

a.white_menu:link, a.white_menu:visited, a.white_menu:active{
	text-align:center;
	font-size:12px; font-family:Verdana, Geneva, sans-serif;
	color:#FFF ;
}

a.white_menu:hover{
	font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

form .text { border:1px solid #333; padding: 0.2em; width:170px;}

form input.txtfield1 { padding:3px; width:289px; color:#333333; border:1px solid #333333; }
form input.txtfield2 { padding:3px; width:258px; color:#333333; border:1px solid #333333; }
form input.txtfield3 { padding:3px; width:158px; color:#333333; border:1px solid #333333; }
form input.txtfield4 { padding:3px; width:50px; color:#333333; border:1px solid #333333; }

form select.selectarea2 { padding:2px; width:50px; color:#333333; border:1px solid #333333; }
form select.selectarea1 { padding:2px; width:297px; color:#333333; border:1px solid #333333; }
form select.selectarea3 { padding:2px; width:150px; color:#333333; border:1px solid #333333; margin-left:3px; }
form select.selectarea4 { padding:2px; width:90px; color:#333333; border:1px solid #333333; }

form textarea.txtarea1 { padding:3px; width:490px; color:#333333; height:135px; border:1px solid #333333; }

form input.txtbtn1 { 
    padding:3px;
	color:#fff;
	font-weight:bold;
	background-color:#0f88f1;
	border:1px outset #115d9e;
	width:80px; cursor:pointer;
}
	
form p { clear:both; padding:2px; line-height:1.9em !important; }

                                                                     /* Global Classes ------------- */

.clearboth { clear: both; }
.float-left    { float: left; }
.float-right   { float: right; }
.text-left     {text-align: left !important;; }
.text-right    {text-align: right !important; }
.text-center   { text-align: center !important; }
.text-justify  { text-align: justify; }
.text-indent   { text-indent: 12px; }
.img-left      { float:left; margin:4px 10px 4px 0; }
.img-right     { float:right; margin:4px 0 4px 10px; }

div.hr { background: url('../../images/template/divider.gif') repeat-x scroll center; clear: both; height:50px; }
div.hr hr { display: none; }
/* <div class="hr"><hr /></div> */
/* <br class="clearboth" /> */
/* Body ------------- */

/* Header ------------- */
/* Main Nav ------------- */
																	 
	#mainnav { width:989px; height:42px; margin:0 auto; }

	ul.nav1 { padding-top:6px; margin-left:37px; }
	
	ul.nav1 li {
		float:left;
		width:135px;
		height:30px;
		background:url('../../images/template/nav1_bg.gif') no-repeat left top;
		line-height:30px;
		font-size:1.1em;
		font-weight:bold;
		margin-right:4px;
	}
		
	ul.nav1 li.home { background:url('../../images/template/home_btn.gif') no-repeat left top; width:84px; }
	ul.nav1 li.about-us { background:url('../../images/template/about-us_btn.gif') no-repeat left top; width:104px; }
	ul.nav1 li.our-services { background:url('../../images/template/our-services_btn.gif') no-repeat left top; width:124px; }
	ul.nav1 li.advanced-tech { background:url('../../images/template/advanced-tech_btn.gif') no-repeat left top; width:197px; }
	ul.nav1 li.gallery { background:url('../../images/template/gallery_btn.gif') no-repeat left top; width:92px; }
	ul.nav1 li.faq { background:url('../../images/template/faq_btn.gif') no-repeat left top; width:76px; }
	ul.nav1 li.testimonials { background:url('../../images/template/testimonials_btn.gif') no-repeat left top; width:124px; }
		
	ul.nav1 li a { color:#d1edf7; text-decoration:none; padding-left:25px; }
	ul.nav1 li a:hover, ul.nav1 li a.selected { color:#fff; text-decoration:none; }


/* Content ------------- */

	#content { width:989px; display:block; margin:0 auto; }
	
	.content { float:right; width:589px; min-height:575px; height:auto !important; height:575px; }
	
	.content p { font-size:1.2em; margin-bottom:8px; line-height:1.6em; color:#666666; text-align:justify; }
	
	ul.list-1 { margin-bottom:12px; }
	ul.list-1 li { font-size:1.2em; margin-bottom:5px; line-height:1.6em; color:#666666; text-align:justify; list-style-type:square; margin-left:25px; }
	
	a.roundbutton {
        background:transparent url('../../images/template/left_btn.gif') no-repeat top left;
        display:block;
        float:left;
		font-size:1.1em;
		margin-bottom:5px;
		color:#fff;
        line-height:18px;
        height:26px;
        padding-left:10px;
        text-decoration:none;
    }
		
	a:link.roundbutton, a:visited.roundbutton, a:active.roundbutton { color:#fff; }
	
	a.roundbutton span {
        background:transparent url('../../images/template/right_btn.gif') no-repeat top right;
        display:block;
		color:#fff;
		margin-right:10px;
        padding:4px 10px 4px 0; 
        }
		
	a.roundbutton:hover { background-position:bottom left; }
    a.roundbutton:hover span { background-position: bottom right; color:black; color:#28325a; }
	
	ul.thumblist { padding-bottom:8px; color:#1d90cf; padding-top:10px; }
	ul.thumblist li { color:#1d90cf; text-align:center; float:left; display:inline; }
	ul.thumblist li img { border:3px solid #e0e5e8; }
	ul.thumblist li p {  font-size:1.2em; color:#1d90cf; text-align:center; padding:0; margin:0; }  
	ul.thumblist li p a { color:#1d90cf; padding:2px; text-decoration:none; } 
	ul.thumblist li p a:hover { background-color:#e0e5e8; color:#4a5059; padding:2px; }
	
#footer p { color:#82bef3; font-size:1.1em; }
#footer p a { color:#82bef3; }
	
                                                                     /* Privacy Policy ------------- */
																	 
.privacypolicy { padding:0px 130px 130px 130px; }
																	 
.privacypolicy p { font-size:1.1em; color:#666666; line-height:1.6em; margin-bottom:10px; }

.privacypolicy ul li {
    font-size:1.1em;
	color:#666666;
	line-height:1.6em;
	margin-bottom:5px;
	list-style-type:disc;
	margin-left:25px;
	}

.contact-btn a:link, .contact-btn a:active, .contact-btn a:visited { 
	color:#43B51F; 
	text-decoration:none; padding-left:40px; 
	font-size:16px;
}


.contact-btn a:hover { 
	color:#FFF; text-decoration:none; 
}
	
a.menus:link, a.menus:visited, a.menus:active { 
  	font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
  	font-size: 11px; 
  	color: #d1edf7; 
	text-decoration:none;
	font-weight:bold;
}

a.menus:hover { 
	font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
  	font-size: 11px; 
  	color: #FFFFFF; 	
	text-decoration:none;
	font-weight:bold;
}

a.menus1:link, a.menus1:visited, a.menus1:active { 
  	font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px; 
  	color: #5ba8c0; 
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	line-height:35px;
}

a.menus1:hover { 
	font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px; 
  	color: #0f88f1; 	
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;	
	font-weight:bold;
	line-height:35px;
}

a.menus2:link, a.menus2:visited, a.menus2:active { 
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 1.1em; color: #d1edf7; 
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
}

a.menus2:hover { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 1.1em; color: #FFFFFF; 	
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;	
	font-weight:bold;
}

a.news1:link, a.news1:visited, a.news1:active { 
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px; 
	color: #5B5B5B; 
	text-decoration:none;
	text-align:left;
}

a.news1:hover { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px; 
	color: #00F; 	
	text-decoration:underline;
	text-align:left;	
}

.text_description{
	font-style:italic;	
}
/* End Global Settings ------------- */
	.wrapper {
		/*overflow: hidden;
		margin:0 auto; padding:0;
		width:98%; height:auto;
		text-align:center;*/
	}
	
	.grid3 {
		display:block;
		margin:0 auto; padding:0;
		margin-left:-25px;
	}
	
	.grid3 .col{
		background: #FFF;
		float: left;
		width: 29%; height:170px;
		margin-left: 3.5%;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	.grid2 {
		display:block;
		margin:0 auto; padding:0;
		margin-left:-25px;
	}
	
	.grid2 .col{
		float: left;
		width: 46%;
		margin-left: 3.5%;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
	}
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/*	Css chuẩn	*/	
	.block_center_header{
		text-align:left;
		padding-top:5px;
		vertical-align:middle;
		display:block;
		clear:both;
	}	
	
@media only screen and (min-width : 1440px) {
	#header h1 {
		text-indent:-5000px;
		width:400px; height:118px;
		margin-left:260px;
		margin-top:10px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
		
}

/* Large screens ----------- > 1239px */
@media only screen and (min-width : 1239px) {
	html {
        -webkit-text-size-adjust: none;
    }
	
	#site{
		width:100%;	
		min-height:100%; min-width:1239px;
	}
	
	body{
		line-height:19px;
		/*font-size:0.9vw;*/
	}
	
	#headers{
		width:100%; height:137px;
		min-width:1239px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header {
		width:100%; max-width:989px; height:137px;
		display:block;
		position:relative;
		margin:0 auto; padding:0px;
		text-align:center;
		border:0px solid #FFF;
	}
	
	#header h1 {
		text-indent:-5000px;
		width:400px; height:118px;
		margin-left:0px;
		margin-top:8px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:137px;
		background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;
	}
	
	#header_block1{
		width:100%; height:137px;
		background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;
	}
	
	.ribbon_holder {
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 79px;
	}
	
	.ribbon_bg {
		/*width: 41px;
		height: 74px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		background: url('../../images/template/ribbon_bg.png') no-repeat 0 100%;
		-webkit-transition: height 0.2s linear 0s;
		-moz-transition: height 0.2s linear 0s;
		transition: height 0.2s linear 0s;*/
	}
	
	.ribbon {
		/*border-top: 16px solid #f4ecd1;
		border-left: 16px solid #f4ecd1;
		border-right: 17px solid #f4ecd1;*/
	}
	
	.ribbon span {
		width: 41px;
		height: 73px;
		display: block;
		text-indent: -9999em;
		position: absolute;
		top: -12px;
		left: -10px;
		right: 0px;
		bottom: -16px;
		background: url("../../images/template/ribbon.png") no-repeat scroll 0 100% transparent;
		-webkit-transition: height 0.2s linear 0s;
		-moz-transition: height 0.2s linear 0s;
		transition: height 0.2s linear 0s;
		text-align: left;
	}
	
	.ribbon:hover span {
		height: 83px;
	}

	#block{
		clear:both;
		width:100%; min-width:1239px;  
		height:auto;
		/*background:url(../../images/template/ta_page_col_bg.jpg) repeat-x top left;*/
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:1239px; 
		height:auto;
		min-height:100px;
	}
	
	#menupage_bottom{
		clear:both;
		margin:0 auto; padding:0px;
		width:100%; height:46px; min-width:1239px;
		background: url("../../images/template/ta_menu_bg.jpg") repeat-x center top;
	}

	#col1{
		display:inline; float:left;
		height:385px; width:125px;
		background:url(../../images/template/ta_left_hv1.png) no-repeat top right;
		background-color:#FFF;
		opacity: 0.5;
    	filter: alpha(opacity=50);
	}

	#col2{
		display:inline; float:left;
		padding:0px;
		margin:0 auto;
		width:100%; max-width:989px;
		height:auto;
	}
	
	#col3{
		display:inline; float:right;
		height:385px; width:125px;
		background:url(../../images/template/ta_right_hv1.png) no-repeat top right;
		background-color:#FFF;
		opacity: 0.5;
    	filter: alpha(opacity=50);
	}	
	
	#slideshow{
		display:block;
		width:100%; min-width:1239px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; min-width:1239px;
	}
	
	#content_div{
		float:left;
		width:100%; max-width:989px; 
		height:100%;
		margin:0px auto; padding:0px;
		background-color:#FFF;
		position: relative;
	}
	
	#left_page{
		float:left;
		margin:0 auto; padding:0px; 
		margin-right:0px; margin-top:3px;
		width:296px;
		height:auto;
	}
	
	#phan_giua_div{
		display:block;
		float:right;
		width:680px; height:100%; 
		margin:0 auto; padding:0px;
	}
	
	#phan_giua_div:before {
		content:" ";
		margin:0 -10px;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 1px;
		background: #E7E7E7;
  	}
	
	
	
	.image-outerbox img{
		width:100%; max-width:220px;
	}
	
	.image-outerbox1 img{
		width:100%; max-width:135px;
	}
	
	#homepage_content img{
		width:100%; max-width:300px;	
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;
	}
	
	.txt_inbox{
		width:280px;	
	}
	
	.txt_textarea{
		width:280px; 
		height:120px;
	}
	
	.txt_code{
		width:120px; height:20px;
	}
	
	#map_canvas{
		width:640px; height:550px;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	#footer{
		width:100%; display:block; min-width:1239px;
		clear:both;
		margin:0 auto; padding:0px; padding-bottom:10px;
		height:40px;
	}
	
	#footer_left{
		float:left;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center;
		font-size:12px;
		color:#909090; line-height:20px;
		margin-top:5px;		
	}
	
	#footer_right{
		float:right;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center;
		font-size:12px;
		color:#909090; line-height:40px;
		padding-top:5px;
	}
}
/* End Large screens ----------- */
/*	PC, Laptop Desktop	OK	*/	
@media only screen and (min-width: 1023px) and (max-width: 1238px){		
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		line-height:19px;
		font-size:12px; 
	}
	
	#site{
		width:100%; max-width:1238px;
		height:auto;
		min-height:100%;
	}
	
	#headers{
		width:100%; height:137px;
		max-width:1238px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header h1 {
		text-indent:-5000px;
		width:400px; height:118px;
		margin-left:70px;
		margin-top:10px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:137px;
		background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;
	}
	
	#header_block1{
		width:100%; height:137px;
		background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;
	}
	
	#header {
		width:100%; height:137px;
		position:relative;
		margin:0 auto;
	}
	
	.ribbon_holder {
		position: absolute;
		top: 0;
		right: 0;
		width: 41px;
		height: 79px;
	}
	
	.ribbon_bg {
		/*width: 41px;
		height: 74px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		background: url('../../images/template/ribbon_bg.png') no-repeat 0 100%;
		-webkit-transition: height 0.2s linear 0s;
		-moz-transition: height 0.2s linear 0s;
		transition: height 0.2s linear 0s;*/
	}
	
	.ribbon {
		/*border-top: 16px solid #f4ecd1;
		border-left: 16px solid #f4ecd1;
		border-right: 17px solid #f4ecd1;*/
	}
	
	.ribbon span {
		width: 41px;
		height: 73px;
		display: block;
		text-indent: -9999em;
		position: absolute;
		top: -22px;
		left: -55px;
		right: -20px;
		bottom: -16px;
		background: url("../../images/template/ribbon.png") no-repeat scroll 0 100% transparent;
		-webkit-transition: height 0.2s linear 0s;
		-moz-transition: height 0.2s linear 0s;
		transition: height 0.2s linear 0s;
		text-align: left;
	}
	
	.ribbon:hover span {
		height: 83px;
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}
	
	#menupage_bottom{
		clear:both;
		margin:0 auto; padding:0px;
		width:100%; height:46px;
		background: url("../../images/template/ta_menu_bg.jpg") repeat-x center top;
	}

	#block{
		clear:both;
		width:100%; max-width:1238px;  
		height:auto;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:1238px; 
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}

	#col2{
		display:inline;
		padding:0px;
		margin:0 auto;
		width:100%; max-width:989px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block;
		width:100%; max-width:1238px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:1238px;
	}
		
	#content_div{
		width:100%; max-width:989px; 
		height:100%;
		margin:0px auto; padding:0px;
		background-color:#FFF;
		position: relative;
	}
	
	#left_page{
		float:left;
		margin:0 auto; padding:0px; 
		margin-right:0px; margin-top:3px;
		width:296px;
		height:auto;
	}
	
	#phan_giua_div{
		display:inline;
		float:right;
		width:680px; height:100%; 
		margin:0 auto; padding:0px;
	}
	
	#phan_giua_div:before {
		content:" ";
		margin:0 -10px;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 1px;
		background: #E7E7E7;
  	}
	
	#booking_online{
		
	}
	
	#left_page img{
		max-width:250px;
	}
	
	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:640px; height:550px;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#map_canvas{
		width:640px; height:550px;
	}
	
	#footer{
		display:block;
		width:100%; display:block; max-width:1238px;
		clear:both;
		margin:0 auto; padding:0px;
		height:50px; line-height:40px;
	}
	
	#footer_left{
		float:left;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center;
		font-size:12px;
		color:#909090; line-height:20px;
		margin-top:5px;		
	}
	
	#footer_right{
		float:right;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center;
		font-size:12px;
		color:#909090; line-height:40px;
		padding-top:5px;
	}
}
/*	End PC, Laptop Desktop	OK	*/	

/*	PC, Laptop Desktop	max 1023	*/
@media only screen and (min-width: 701px) and (max-width: 1023px) {
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		font-size:12px; 
	}
	
	#site{
		width:100%; max-width:1023px;
		min-height:100%;
	}
	
	#headers{
		width:100%; height:137px;
		max-width:1023px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header h1 {
		text-indent:-5000px;
		width:400px; height:118px;
		margin-left:20px;
		margin-top:14px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	#header_block1{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}

	#block{
		clear:both;
		width:100%; max-width:1023px;  
		height:auto;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%;max-width:1023px;  
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}

	#col2{
		display:inline;
		margin:0 auto; padding:0;
		width:100%; max-width:1023px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block; clear:both;
		width:100%; max-width:1023px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:1023px;
	}
		
	#content_div{
		width:100%; max-width:1023px;
		height:auto;
		margin:0px auto; padding:0px;
		background-color:#FFF;
	}
	
	#left_page{
		width:100%; min-width:701px; max-width:1023px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:inline; float:left;
		width:48%;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:48%;
		padding-left:5px;
		display:inline; float:left;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	
	#phan_giua_div{
		display:block;
		float:left;
		width:100%; max-width:1023px; 
		height:100%; 
		margin:0 auto; padding:0px;
	}
	
	.wrapper {
		overflow: hidden;
		margin:0 auto; padding:0;
	}
	
	.grid3 {
		display:block;
		margin:0 auto; padding:0;
		margin-left:-25px;
	}
	
	.grid3 .col{
		background: #FFF;
		float: left;
		width: 27.5%;
		margin-left: 4.8%;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
	}

	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:640px; height:550px;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#menupage_bottom{

	}
	
	#footer{
		display:block; clear:both;
		width:100%; max-width:1023px;
		margin:0 auto; padding:0px;
		height:40px;
	}
	
	#footer_content{
		width:100%; max-width:1023px;	
	}
	
	#footer_left{
		float:left;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center; font-size:12px;
		color:#909090; line-height:20px;
		padding-top:5px;
	}
	
	#footer_right{
		float:right;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center;
		font-size:12px;
		color:#909090; line-height:40px;
	}
}
/*	End PC, Laptop Desktop	max width 700	*/

@media only screen and (max-width: 700px) {
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		font-size:12px; 
	}
	
	#site{
		width:100%; max-width:700px;
		min-height:100%;
	}
	
	#headers{
		width:100%; height:137px;
		max-width:700px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header h1 {
		text-indent:-5000px;
		width:400px; height:118px;
		margin-left:20px;
		margin-top:14px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	#header_block1{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}

	#block{
		clear:both;
		width:100%; max-width:700px;  
		height:auto;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%;max-width:700px;  
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}

	#col2{
		display:inline;
		margin:0 auto; padding:0;
		width:100%; max-width:700px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block; clear:both;
		width:100%; max-width:700px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:700px;
	}
		
	#content_div{
		width:100%; max-width:700px;
		height:auto;
		margin:0px auto; padding:0px;
		background-color:#FFF;
	}
	
	#left_page{
		width:100%; max-width:700px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:inline; float:left;
		width:48%;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:48%;
		padding-left:5px;
		display:inline; float:left;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	
	#phan_giua_div{
		display:block;
		float:left;
		width:100%; max-width:700px; 
		height:100%; 
		margin:0 auto; padding:0px;
	}
	
	.wrapper {
		overflow: hidden;
		margin:0 auto; padding:0;
	}
	
	.grid3 {
		display:block;
		margin:0 auto; padding:0;
		margin-left:0px;
	}
	
	.grid3 .col{
		display:block;
		width: 42.7%;
		background: #FFF;
		margin:0 auto; padding:0;
		margin-left: 7.8%;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
		border:0px solid #000;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	.grid3 ul {
        display: inline-block;
        margin:0 auto; padding: 0;
		margin-top:5px;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
    }
	
	/* clear col */
	.grid3 .col:nth-of-type(2n+1){
		margin-left: 5px;
		clear: left;
	}

	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:640px; height:550px;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#menupage_bottom{

	}
	
	#footer{
		display:block; clear:both;
		width:100%; max-width:700px;
		margin:0 auto; padding:0px;
		height:40px;
	}
	
	#footer_content{
		width:100%; max-width:700px;	
	}
	
	#footer_left{
		float:left;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center; font-size:12px;
		color:#909090; line-height:20px;
		padding-top:5px;
	}
	
	#footer_right{
		float:right;
		display:inline; width:49%;
		margin:0 auto; padding:0px;
		text-align:center;
		font-size:12px;
		color:#909090; line-height:40px;
	}
}
/*	End PC, Laptop Desktop	max 700	*/

/*	PC, Laptop Desktop	max 1023	*/
@media only screen and (max-width: 700px) and (orientation : landscape) {		
	/*	Zen phone Samsung Galaxy S3 lanscape	*/
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		font-size:12px; 
		/*background-color:#F00; */
	}
	
	#site{
		width:100%; max-width:700px;
		min-height:100%;
	}
	
	#headers{
		width:100%; height:137px;
		max-width:700px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header h1 {
		text-indent:-5000px;
		width:400px; height:118px;
		margin-left:20px;
		margin-top:14px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	
	
	#header_block{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	#header_block1{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}
	
	#block{
		clear:both;
		width:100%; max-width:700px;  
		height:auto;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%;max-width:700px;  
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}

	#col2{
		display:inline;
		margin:0 auto; padding:0;
		width:100%; max-width:700px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block;
		width:100%; max-width:700px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:700px;
	}
		
	#content_div{
		width:100%; max-width:700px;
		height:100%;
		margin:0px auto; padding:0px;
		background-color:#FFF;
	}
	
	#left_page{
		width:100%; max-width:700px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:block;
		width:100%; max-width:700px;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:100%; max-width:700px;
		padding-left:5px;
		display:block;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	#phan_giua_div{
		display:block;
		float:none;
		width:100%; height:100%; max-width:700px;
		margin:0 auto; padding:0px;
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
		text-align:center;
	}
	
	.grid3 .col{
		display:block;
		width: 42.7%;
		background: #FFF;
		margin:0 auto; padding:0;
		margin-left: 7.8%;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
		border:0px solid #000;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	.grid3 ul {
        display: inline-block;
        margin:0 auto; padding: 0;
		margin-top:5px;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
    }
	
	/* clear col */
	.grid3 .col:nth-of-type(2n+1){
		margin-left: 5px;
		clear: left;
	}
	
	.grid2 {
		display:block;
		margin:0 auto; padding:0;
	}
	
	.grid2 .col{
		width: 100%;
		margin:0 auto; padding:0;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
	}
	
	.grid2 ul {
        display: inline-block;
        margin:0 auto; padding: 0;
		margin-top:5px;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
    }
	
	/* clear col */
	/*.grid2 .col:nth-of-type(n+1){
		margin-left: 5px;
		clear: none;
	}*/
	
	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:100%; max-width:640px;
		height:auto;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#footer_content{
		width:100%; max-width:700px;	
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:320px;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;	
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:320px;
		margin:0 auto; padding:0;
		padding-top:0px; line-height:20px;	
	}
}

@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) and (orientation : portrait) {		
	/*	Zen phone Samsung Galaxy S3 potrait	*/	
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		line-height:19px;
		font-size:12px;
		/*background-color:#F00;*/
	}
	
	#site{
		width:100%; max-width:480px;
		min-height:100%;
		/*background-color:#FF0;*/
	}
	
	#headers{
		width:100%; height:100px;
		max-width:480px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header h1 {
		position:relative;
		width:100%; height:90px;
		max-width:480px;
		left:120px; top:-8px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg2.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:100px;
		max-width:480px;
		/*background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	#header_block1{
		width:100%; height:100px;
		max-width:480px;
		/*background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}
	
	#block{
		clear:both;
		width:100%; max-width:480px;  
		height:auto;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:480px;  
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}

	#col2{
		display:inline;
		margin:0 auto; padding:0;
		width:100%; max-width:480px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block;
		width:100%; max-width:480px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:480px;
	}
		
	#content_div{
		width:100%; max-width:480px;
		height:100%;
		margin:0px auto; padding:0px;
		background-color:#FFF;
	}
	
	#left_page{
		width:100%; max-width:480px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:block;
		width:100%; max-width:480px;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:100%; max-width:480px;
		padding-left:5px;
		display:block;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	#phan_giua_div{
		display:block;
		float:none;
		width:100%; height:100%; max-width:480px;
		margin:0 auto; padding:0px;
	}
	
	#phan_giua_div img{
		max-width:250px;	
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
	}
	
	.grid3 .col{
		display:block;
		width: 100%;
		background: #FFF;
		float: none;
		margin:0 auto; padding:0;
		margin-top:10px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	/* clear col */
	.grid3 .col:nth-of-type(2n+1){
		margin-left: 5px;
		clear: left;
	}
	
	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:100%; max-width:480px;
		height:auto;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#footer_content{
		clear:both;
		display:block;
		width:100%; max-width:480px;	
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:480px;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;	
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:480px;
		margin:0 auto; padding:0;
		padding-top:0px; line-height:20px;	
	}
}

@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	/*	Iphone 4 nằm ngang	*/
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		line-height:19px;
		font-size:12px;
		/*background-color:#F00;*/
	}
	
	#site{
		width:100%; max-width:480px;
		min-height:100%;
		/*background-color:#F00;*/
	}
	
	#headers{
		width:100%; height:137px;
		max-width:480px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
	
	}
	
	#header h1 {
		position:relative;
		text-indent:-5000px;
		width:100%; max-width:480px;
		height:118px;
		left:-15px; top:-5px;		
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	#header_block1{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}
	
	#block{
		clear:both;
		width:100%; max-width:480px;  
		height:auto;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:480px;  
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}


	#col2{
		display:inline;
		margin:0 auto; padding:0;
		width:100%; max-width:480px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block;
		width:100%; max-width:480px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:480px;
	}
		
	#content_div{
		width:100%; max-width:480px;
		height:100%;
		margin:0px auto; padding:0px;
		background-color:#FFF;
	}
	
	#left_page{
		width:100%; max-width:480px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:block;
		width:100%; max-width:480px;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:100%; max-width:480px;
		padding-left:5px;
		display:block;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	#phan_giua_div{
		display:block;
		float:none;
		width:100%; height:100%; max-width:480px;
		margin:0 auto; padding:0px;
	}
	
	#phan_giua_div img{
		max-width:250px;	
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
	}
	
	.grid3 .col{
		display:block;
		width: 100%;
		background: #FFF;
		float: none;
		margin:0 auto; padding:0;
		margin-top:10px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	/* clear col */
	.grid3 .col:nth-of-type(2n+1){
		margin-left: 5px;
		clear: left;
	}
	
	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:100%; max-width:480px;
		height:auto;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#footer_content{
		clear:both;
		display:block;
		width:100%; max-width:480px;	
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:480px;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;	
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:480px;
		margin:0 auto; padding:0;
		padding-top:0px; line-height:20px;	
	}
}

@media only screen and (max-width: 480px) {
	html {
        -webkit-text-size-adjust: none;
    }
	
	body{
		line-height:19px;
		font-size:12px;
		/*background-color:#F00;*/
	}
	
	#site{
		width:100%; max-width:480px;
		min-height:100%;
		/*background-color:#F00;*/
	}
	
	#headers{
		width:100%; height:137px;
		max-width:480px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
	
	}
	
	#header h1 {
		position:relative;
		text-indent:-5000px;
		width:100%; max-width:480px;
		height:118px;
		left:-15px; top:-5px;		
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_right_new.png) no-repeat top right;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	#header_block1{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_hoavan_left_new.png) no-repeat top left;*/
		/*background:url(../../images/template/ta_header_left_icon.png) no-repeat top left;*/	
		/*background:none;*/
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:20px;
		text-transform:none;		
	}
	
	#block{
		clear:both;
		width:100%; max-width:480px;  
		height:auto;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:480px;  
		height:auto;
		min-height:100px;
		display:block;
	}
	
	#col1{
		background:none;
		display:none;
		width:0px;
	}


	#col2{
		display:inline;
		margin:0 auto; padding:0;
		width:100%; max-width:480px;
		height:auto;
	}
	
	#col3{
		background:none;
		display:none;
		width:0px;
	}	
	
	#slideshow{
		display:block;
		width:100%; max-width:480px;
	}
	
	#slide{
		display:block; clear:both;	
		width:100%; max-width:480px;
	}
		
	#content_div{
		width:100%; max-width:480px;
		height:100%;
		margin:0px auto; padding:0px;
		background-color:#FFF;
	}
	
	#left_page{
		width:100%; max-width:480px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:block;
		width:100%; max-width:480px;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:100%; max-width:480px;
		padding-left:5px;
		display:block;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	#phan_giua_div{
		display:block;
		float:none;
		width:100%; height:100%; max-width:480px;
		margin:0 auto; padding:0px;
	}
	
	#phan_giua_div img{
		max-width:250px;	
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
		margin-left:0px;
	}
	
	.grid3 .col{
		display:block;
		width: 100%;
		background: #FFF;
		float: none;
		margin:0 auto; padding:0;
		margin-top:10px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	/* clear col */
	.grid3 .col:nth-of-type(2n+1){
		margin-left: 5px;
		clear: left;
	}
	
	.image-outerbox img{
		max-width:200px;
	}
	
	.image-outerbox1 img{
		max-width:100px;
	}
	
	#homepage_content img{
		max-width:300px;	
	}
	
	#map_canvas{
		width:100%; max-width:480px;
		height:auto;
	}
	
	.facebookOuter {
		width:280px; height:auto;
		float:left; 
		border-right:1px solid #D8DFEA;
	}
	
	.facebookInner {
		height:auto;
		overflow:hidden;
		background-color:#FFF;
		padding-bottom:5px;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:250px; height:120px;	
	}
	
	.txt_code{
		width:100px; height:20px;
	}
	
	div.fb-like-box[data-width="thin"] { width: 260px; height:380px; }
	
	#footer_content{
		clear:both;
		display:block;
		width:100%; max-width:480px;	
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:480px;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;	
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:480px;
		margin:0 auto; padding:0;
		padding-top:0px; line-height:20px;	
	}	
}

@media only screen and (max-width: 320px) {
	html {
        -webkit-text-size-adjust: none;
    }
	
	#site{
		width:100%; height:100%;	
		max-width:320px;
	}
	
	#header{
		width:100%; max-width:320px; 
		height:90px;
		padding:0; margin:0 auto;
	}
	
	#header h1 {
		position:relative;
		width:100%; height:100px;
		max-width:320px;
		left:20px; top:-10px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg2.png') no-repeat left top;
	}
	
	#headers{
		width:100%; height:100px;
		max-width:320px;
		background-color:#251C1D;			
	}
	
	#header_block{
		background:none;
	}
	
	#header_block1{
		background:none;
	}
	
	#header1{
		background:none;
	}
	
	#header2{
		background:none;
	}
	
	#header3{
		background:none;
	}
	
	#block{
		clear:both;
		width:100%; max-width:320px; 
		height:auto;
		background:url(../../images/template/ta_page_col_bg.jpg) repeat-x top left;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:320px; 
		height:auto;
		min-height:100px;
	}
	
	#slideshow{
		
	}
	
	#slide{
		width:100%; max-width:320px;
	}

	#col1{
		display:none;
		width:0%;
	}

	#col2{
		display:block; float:left;
		margin:0 auto; padding:0px;
		width:100%; max-width:320px; 
		height:100%;
		border-right:0px solid #333333;
	}
	
	#col3{
		display:none;
		width:0%;
	}	
	
	#content_div{		
		float:left; display:block;
		clear:both;
		width:100%; height:100%;
		max-width:320px;
		margin:0px auto; padding:0px;
	}
	
	#left_column{
		
	}
	
	#left_page{
		display:none;
	}
	
	#phan_giua_div{
		width:100%; max-width:320px; 
		height:100%; 
		margin:0 auto; padding:0;
	}
	
	#phan_giua_div img{
		max-width:280px;	
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
		margin-left:0px;
	}
	
	.grid3 .col{
		display:block;
		width: 100%;
		background: #FFF;
		float: none;
		margin:0 auto; padding:0;
		margin-top:10px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	#booking_online{
		
	}
	
	.image-outerbox img{
		width:100%; max-width:150px;
	}
	
	.image-outerbox1 img{
		width:100%; max-width:90px !important;
	}
	
	#left_page img{
		max-width:200px;
	}
	
	#homepage_content img{
		width:100%; max-width:200px;	
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:150%;
		text-transform:none;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:200px; 
		height:120px;	
	}
	
	.txt_code{
		width:60px; height:20px;
	}
	
	.facebookOuter {
		width:200px; 
		height:300px;
		margin:0 auto; padding:0;
	}
	
	.facebookInner {
		height:300px;
		overflow:hidden;
	}
	
	#map_canvas{
		width:100%;	height:auto;
		margin:0 auto; padding:0;
		max-width:280px;
	}
	
	#menupage_bottom{
		display:none;
	}
	
	#footer{
		clear:both;
		width:100%; max-width:320px; 
		height:100px;
	}
	
	#footer_content{
		max-width:320px;
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:320px;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;	
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:320px;
		margin:0 auto; padding:0;
		padding-top:0px; line-height:20px;	
	}
}

/* iPhone 4 ----------- */
@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	html {
        -webkit-text-size-adjust: none;
    }
	
	#site{
		width:100%; height:100%;	
		max-width:320px;
	}
	
	#header{
		width:100%; max-width:320px; 
		height:90px;
		padding:0; margin:0 auto;
	}
	
	#header h1 {
		position:relative;
		width:100%; height:90px;
		max-width:320px;
		left:20px; top:-10px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg2.png') no-repeat left top;
	}
	
	#headers{
		width:100%; height:90px;
		max-width:320px;
		background-color:#251C1D;			
	}
	
	#header_block{
		background:none;
	}
	
	#header_block1{
		background:none;
	}
	
	#block{
		clear:both;
		width:100%; max-width:320px; 
		height:auto;
		background:url(../../images/template/ta_page_col_bg.jpg) repeat-x top left;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%; max-width:320px; 
		height:auto;

		min-height:100px;
	}
	
	#slideshow{
		
	}
	
	#slide{
		width:100%; max-width:320px;
	}

	#col1{
		display:none;
		width:0%;
	}

	#col2{
		display:block; float:left;
		margin:0 auto; padding:0px;
		width:100%; max-width:320px; 
		height:100%;
		border-right:0px solid #333333;
	}
	
	#col3{
		display:none;
		width:0%;
	}	
	
	#content_div{		
		float:left; display:block;
		clear:both;
		width:100%; height:100%;
		max-width:320px;
		margin:0px auto; padding:0px;
	}
	
	#left_column{
		
	}
	
	#left_page{
		display:none;
	}
	
	#phan_giua_div{
		width:100%; max-width:320px; 
		height:100%; 
		margin:0 auto; padding:0;
	}
	
	#phan_giua_div img{
		max-width:280px;	
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
		margin-left:-25px;
	}
	
	.grid3 .col{
		display:block;
		width: 100%;
		background: #FFF;
		float: none;
		margin:0 auto; padding:0;
		margin-top:10px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	#booking_online{
		
	}
	
	.image-outerbox img{
		width:100%; max-width:150px;
	}
	
	.image-outerbox1 img{
		width:100%; max-width:90px !important;
	}
	
	#left_page img{
		max-width:200px;
	}
	
	#homepage_content img{
		width:100%; max-width:200px;	
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:150%;
		text-transform:none;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:200px; 
		height:120px;	
	}
	
	.txt_code{
		width:60px; height:20px;
	}
	
	.facebookOuter {
		width:200px; 
		height:300px;
		margin:0 auto; padding:0;
	}
	
	.facebookInner {
		height:300px;
		overflow:hidden;
	}
	
	#map_canvas{
		width:100%;	height:auto;
		margin:0 auto; padding:0;
		max-width:280px;
	}
	
	#menupage_bottom{
		
	}
	
	#footer{
		clear:both;
		width:100%; max-width:320px; 
		height:100px;
	}
	
	#footer_content{
		clear:both;
		display:block;
		max-width:320px;
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:320px;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;		
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%; max-width:320px;
		margin:0 auto; padding:0;
		padding-top:0px; line-height:20px;	
	}
}

@media only screen and (max-width: 320px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
	/*	Không sử dụng	*/
	html {
        -webkit-text-size-adjust: none;
    }
	
	#site{
		width:100%; height:100%;
		/*background-color:#000;*/
	}
	
	#header{
		width:100%;
		height:108px;
		padding:0; margin:0 auto;
	}
	
	#headers{
		width:100%; height:137px;
		/*background:url(../../images/template/ta_header_bg.jpg);*/	
		background-color:#251C1D;			
	}
	
	#header h1 {
		position:relative;
		text-indent:-5000px;
		width:100%; height:108px;
		left:10px; top:-10px;		
		float:left;
		background:url('../../images/template/logo_bg.png') no-repeat left top;
	}
	
	#header_block{
		background:none;
	}
	
	#header_block1{
		background:none;
	}
	
	#block{
		clear:both;
		width:100%;
		height:auto;
		background:url(../../images/template/ta_page_col_bg.jpg) repeat-x top left;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%;
		height:auto;
		min-height:100px;
	}
	
	#slideshow{
	}
	
	#slide{
		width:100%;
	}

	#col1{
		display:none;
		width:0%;
	}

	#col2{
		display:block; float:left;
		margin:0 auto; padding:0px;
		width:100%;
		height:100%;
		border-right:0px solid #333333;
	}
	
	#col3{
		display:none;
		width:0%;
	}	
	
	#content_div{		
		float:left; display:block;
		clear:both;
		width:100%; height:100%;
		margin:0px auto; padding:0px;
	}
	
	#left_column{
		
	}
	
	#left_page{
		width:100%; max-width:480px;
		float:left; 
		display:block;
		padding-left:5px;
	}
	
	#booking_online{
		display:block;
		width:100%; max-width:480px;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#facebook_findus{
		width:100%; max-width:480px;
		padding-left:5px;
		display:block;
		text-align:center;
		margin:0 auto; padding:0px;
	}
	
	#social{
		display:none;
		/*display:inline; float:right;*/
	}
	
	#phan_giua_div{
		width:100%; height:100%; 
		margin:0 auto; padding:0;
	}
	
	#phan_giua_div img{
		max-width:300px;	
	}
	
	.wrapper {
		overflow: hidden;
		margin:0 auto; padding:0;
	}
	
	.grid3 {
		display:block; position:relative;
		margin:0 auto; padding:0;
		margin-left:-25px;
	}
	
	.grid3 .col{
		background: #FFF;
		float: left;
		width: 45.5%;
		margin-left: 4.8%;
		margin-bottom: 5px; margin-top:5px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	#booking_online{
		
	}
	
	.image-outerbox img{
		width:100%; max-width:150px;
	}
	
	.image-outerbox1 img{
		width:100%; max-width:90px !important;
	}
	
	#left_page img{
		max-width:200px;
	}
	
	#homepage_content img{
		width:100%; max-width:200px;	
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:150%;
		text-transform:none;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:200px; 
		height:120px;	
	}
	
	.txt_code{
		width:60px; height:20px;
	}
	
	.facebookOuter {
		width:200px; 
		height:300px;
		margin:0 auto; padding:0;
	}
	
	.facebookInner {
		height:300px;
		overflow:hidden;
	}
	
	#map_canvas{
		width:100%;	height:auto;
		margin:0 auto; padding:0;
		max-width:280px;
	}
	
	#menupage_bottom{
		display:none;
	}
	
	#footer{
		clear:both;
		width:100%;
		height:100px;
	}
	
	#footer_content{
		clear:both;
		display:block;
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;		
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%;
		margin:0 auto; padding:0;
		line-height:20px;	
	}
}

@media only screen and (max-width: 320px)  and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
	/*	Iphone 4 thẳng đứng	*/
	html {
        -webkit-text-size-adjust: none;
    }
	
	#site{
		width:100%; height:100%;	
		/*background-color:#F00;*/
	}
	
	#header{
		width:100%;
		height:100px;
		padding:0; margin:0 auto;
	}
	
	#header h1 {
		position:relative;
		width:100%; height:90px;
		left:0px; top:-10px;
		display:inline;
		float:left;
		background:url('../../images/template/logo_bg2.png') no-repeat left top;
	}
	
	#headers{
		width:100%; height:100px;
		background-color:#251C1D;			
	}
	
	#header_block{
		background:none;
	}
	
	#header_block1{
		background:none;
	}
	
	#block{
		clear:both;
		width:100%;
		height:auto;
		background:url(../../images/template/ta_page_col_bg.jpg) repeat-x top left;
		background-color:#FFFBF0;
	}
	
	#block1{
		margin:0 auto; padding:0px;
		width:100%;
		height:auto;
		min-height:100px;
	}
	
	#slideshow{
		
	}
	
	#slide{
		width:100%;
	}

	#col1{
		display:none;
		width:0%;
	}

	#col2{
		display:block; float:left;
		margin:0 auto; padding:0px;
		width:100%;
		height:100%;
		border-right:0px solid #333333;
	}
	
	#col3{
		display:none;
		width:0%;
	}	
	
	#content_div{		
		float:left; display:block;
		clear:both;
		width:100%; height:100%;
		margin:0px auto; padding:0px;
	}
	
	#left_column{
		
	}
	
	#left_page{
		display:none;
	}
	
	#phan_giua_div{
		width:100%;
		height:100%; 
		margin:0 auto; padding:0;
	}
	
	#phan_giua_div img{
		max-width:200px;	
	}
	
	.grid3{
		width:98%; 
		margin:0 auto; padding:0px;	
		margin-left:-25px;
	}
	
	.grid3 .col{
		display:block;
		width: 100%;
		background: #FFF;
		float: none;
		margin:0 auto; padding:0;
		margin-top:10px;
		text-align:center;
	}
	
	.grid3 span{
		clear:both; display:block;
		text-align:center;
		margin:0 auto; padding:0px;
		padding-top:5px;
		text-transform:capitalize;	
		font-size:12px; font-weight:bold;
	}
	
	#booking_online{
		
	}
	
	.image-outerbox img{
		width:100%; max-width:150px;
	}
	
	.image-outerbox1 img{
		width:100%; max-width:90px !important;
	}
	
	#left_page img{
		max-width:200px;
	}
	
	#homepage_content img{
		width:100%; max-width:200px;	
	}
	
	.txt_menu_header_style{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#9db153;
		font-size:150%;
		text-transform:none;
	}
	
	.txt_inbox{
		width:200px;	
	}
	
	.txt_textarea{
		width:200px; 
		height:120px;	
	}
	
	.txt_code{
		width:60px; height:20px;
	}
	
	.facebookOuter {
		width:200px; 
		height:300px;
		margin:0 auto; padding:0;
	}
	
	.facebookInner {
		height:300px;
		overflow:hidden;
	}
	
	#map_canvas{
		width:100%;	height:auto;
		margin:0 auto; padding:0;
		max-width:280px;
	}
	
	#menupage_bottom{
		display:none;
	}
	
	#footer{
		clear:both;
		width:100%;
		height:100px;
	}
	
	#footer_content{
		clear:both;
		display:block;
	}
	
	#footer_left{
		display:block; clear:both;
		text-align:center; 
		width:100%;
		margin:0 auto; padding:0;
		padding-top:5px; line-height:20px;		
	}
	
	#footer_right{
		display:block; clear:both;
		text-align:center; 
		width:100%;
		margin:0 auto; padding:0;
		line-height:20px;	
	}
}

	.kinhlup{
		width:40px; height:40px;
		background:url('../../images/template/magnify.png') no-repeat top left;
		display:;
	}