/* CSS Document */

@media handheld, only screen and (max-width: 1199px) {
	.nav li a
	{
		padding:0 12px;
		font-size:13px;
	}
	.why
	{
		background-size:cover;
	}
	.box-content-why .img-why
	{
		width:100%;
		height:120px;
		overflow:hidden;
	}
	.box-content-why .img-why img
	{
		width:100%;
	}
	.content-why
	{
		width:100%;
		padding:15px;
	}
	.btnreg
	{
		position:fixed;
		left:10px;
		bottom:10px;
		z-index:9999;
	}
	.btnreg-home
	{
		
	}
	.link2
	{
		padding-left:20px;
		padding-right:20px;
	}
	.sub-wc li
	{
		width:100%;
		margin-bottom:15px;	
	}
	.info-home
	{
		padding-bottom:40px;
		padding-top:25px;
	}
	.box-product
	{
		padding-left:30px;
		padding-right:30px;
		padding-top:25px;
	}
	.btn-prev
	{
		right:10px;
	}
	.btn-next
	{
		left:10px;
	}
	#tabNews .nav
	{
		margin-left:-5px;
		margin-right:-5px;
	}
	#tabNews .nav li a
	{
		font-size:18px;
	}
	.box-title-news-home
	{
		padding-top:25px;
		padding-bottom:70px;
	}
	.inner-box-newsletter
	{
		width:100%;
	}
	.img-camket
	{
		display:block;
		margin:auto;
		max-width:100%;
	}
	.hd-box-col
	{
		font-size:20px;
	}
	.outer-pagename
	{
		top:60%;
	}
	.btn-pro
	{
		padding-top:10px;
		padding-bottom:5px;
	}
	.btn-pro a
	{
		width:100%;
		margin-bottom:8px;
	}
	.view-pro-detail
	{
		border:none
	}
	.why
	{
		padding:15px;
	}
	.item-tuvanhome img
	{
		width:45%;
	}
}

@media handheld, only screen and (max-width: 992px) {
	.nav
	{
		
	}
	.nav-m
	{
		display:block;
	}
	.col-1
	{
		display:none
	}
	
	.img-detail
	{
		margin-bottom:15px;
		display:block;
	}
	.menutop
	{
		display:none;
	}
	.content-detail1
	{
		margin-top:20px;
	}
	
	.outer-page-contact
	{
		padding:20px;
	}
.faq-home
{
	margin-top:20px;
}
.btnreg-top
{
}
.left-page
{
	display:none;
}
.outer-pagename
{

}
.frm-tuvan
{
	margin-top:20px;
}
.footer-text
	{
		text-align:center;
		border-bottom:solid 1px #cea446;
		padding-bottom:10px;
	}
	.logo-footer
	{
		text-align:center;
	}
	.linksmo
	{
		text-align:center;
	}
	.item-news-home
	{
		width:100%;
		
	}
	.item-news-home img
	{
		width:50%;
		margin:0;
		margin-bottom:15px;
		margin-right:15px;
	}
	

	.menubar
	{
		display:none
	}
	.nav-m
	{
		
	}
	.btn-search
	{
		margin-top:9px;
	}
	.lang
	{
		margin-top:17px;
	}
	.img-wc
	{
		display:none
	}
	.wc
	{
		padding-top:25px;
		padding-bottom:25px;
	}
	.col-content
	{
		width:100%;
	}
	.title-detail
	{
		
	}
	.title-detail-pro
	{
		margin-top:15px;
	}
	.fan
	{
		display:none;
	}
	.footer-title
	{
		margin-top:15px;
	}
	#tabNews .nav
	{
		margin:0
	}
	#tabNews .nav li a
	{
		font-size:14px;
	}
	#tabNews .nav li:first-child a
	{
		border-right:solid 1px #d7d7d7;
	}
	#tabNews .nav li:last-child a
	{
		border-left:solid 1px #d7d7d7;
	}
	#tabNews .nav li
	{
		padding-left:0;
		padding-right:0;
	}
	
	.reviews
	{
		padding-top:30px;
		padding-bottom:0px;
	}
	.box-newsletter
	{
		padding-top:15px;
		padding-bottom:15px;
	}
	.intro-newsletter
	{
		padding-top:0;
		margin-bottom:10px;
	}
	.list-sub
	{
	}
	.img-info-lage
	{
		float:none;
	}
	.list-sub img
	{
		width:100% !important;
		float:none;
	}
	.box-intro-info
	{
		margin-bottom:20px;
	}
	.thumb-box-intro-info
	{
		margin-top:0;
	}
	.thumb-box-intro-info1
	{
		margin-bottom:20px;
	}
	.emailtop
	{
		display:none;
	}
	.logo
	{
		height:70px;
		background-position:bottom right;
	}
	.logo::before
	{
		min-height:70px;
		display:none;
	}
	.toppage
	{
		padding-top:5px;
		padding-bottom:5px;
	}
	.hotline
	{
		padding-top:17px;
		display:block;
		float:right;
	}
	.icon_search
	{
		display:none;
	}
	.logo
	{
		background-image:none;
		
	}
	.logo
	{
		
	}
	.btnreg-m
	{
		display:block;
		position:fixed;
		bottom:65px;
		left:5px;
		padding-top:8px;
		padding-bottom:8px;
		z-index:9999999;
		-webkit-border-radius: 5px;
border-radius: 5px;
	}
}

@media handheld, only screen and (max-width: 768px) {
    
	.frm-title
	{
		margin-top:30px;
	}
	.img-home img
	{
		max-width:100%;
		margin:auto;
		display:block
	}

	.hotline
	{

	}
	.prohot
	{
		display:none;
	}
	.fb-page
	{
		margin-top:15px;
	}
	.intro-prohome
	{
		width:100%;
	}
	.logo
	{
		padding-top:2px;
		padding-bottom:2px;
	}
	.nav-m
	{
	}
	.cell-cat-1-2
	{
		width:100%;
		float:none;
	}
	.tab-rev-home .nav li img
	{
		-webkit-border-radius: 15px 0;
        border-radius: 15px 0;
	}
	.facetop
	{
		display:none;
	}
	.foot-col
	{
		width:100%;
		padding-right:0;
	}
	.footer-text
	{
		text-align:left;
	}
	.linksmo
	{
		padding-top:20px;
	}
	#suntory-alo-phoneIcon
	{
		display:block;
	}
.hotline
	{
		display:none
	}
	
}
@media handheld, only screen and (max-width: 570px) {
	.slogan-top
	{
		display:none
	}
	.col-xs-6
	{
		width:50% !important
	}
	.item-news img
	{
		width:40%;
	}
	.logo
	{
		width:100% !important;
		background-image:none;
	}
	.logo img
	{
		height:50px;
	}
	.r-baner
	{
		width:50%;
	}
	.fb-page
	{
		width:100%;
		overflow:hidden;
	}
	#tabNews .nav li a
	{
		font-size:16px;
	}
	.logo-footer
	{
		text-align:center;
	}
	.footer
	{
		padding-top:20px;
	}
	.linksmo
	{
		text-align:center;
	}
	
	.box-menu-footer
	{
		width:100%;
	}
	.link1
	{
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
	.link2
	{
		width:100%;
		text-align:center;
		margin-left:0
	}
	.frm-newsl .bnt-frm-newsl
	{
		width:30%;
	}
	.txtnewsl
	{
		width:70%;
	}
	.hd-page1 a
	{
		font-size:25px;
		font-weight:700;
	}
	.page-name
	{
		font-size:30px;
	}
	.inner-content-detail
	{
		padding-top:0;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.content-detail1
	{
		width:100%;
		padding-bottom:10px;
		height:auto;
	}
	.hotline-contact
	{
		width:90%;
	}
	.box-menu-footer
	{
		text-align:center;
	}
	.arrow-prev
	{
		right:10px;
		z-index:99;
	}
	.arrow-next
	{
		left:10px;
		z-index:99;
	}
	.toppage
	{

	}
	
	.l-baner
	{
		width:40% !important;
	}
	.r-baner
	{
		width:60% !important;
	}
	.outer-pagename
	{
		top:41%;
	}
}

@media handheld, only screen and (max-width: 500px) {
	.emailtop
	{
		display:none;
	}
}
@media handheld, only screen and (max-width: 420px) {
	.item-news img
	{
		width:100%;
		margin-bottom:10px;
	}
	.logo
	{
		padding-top:7px;
		padding-bottom:7px;
	}
	.item-w
	{
		width:100%;
		margin-bottom:10px;
	}
	
}
@media handheld, only screen and (max-width: 360px) {
}