/* CSS Document */
@media handheld, only screen and (max-width: 1500px) {
	.button-next1
	{
		left:10px;
	}
	.button-prev1
	{
		right:10px;
	}
	.outer-wc
	{
		width:80%;
	}
	
	
}
@media handheld, only screen and (max-width: 1399px) {
	.container
	{
		max-width: 1200px;
	}
	.wc
	{
		width:100%;
	}
	.line-info
	{
		
	}
	.item-w
	{
		padding:20px;
		padding-right:0;
		padding-left:10px;
	}
	
}
@media handheld, only screen and (max-width: 1319px) 
{
	.menubar .nav > li > a
	{
	}
}
@media handheld, only screen and (max-width: 1350px) {
	
}
@media handheld, only screen and (max-width: 1220px) {
	.line-info
	{
		padding-bottom:0px;
	}
	.line-info-right
{
	float:none;
	width:100%;
	padding-left:15px;
	padding-right:15px;
}
.wc
{
	padding-right:0;
}
.line-info-left
{
	float:none;
	width:100%;
}
.header
	{
		min-height:65px;
	}
	.logo
	{
		padding-top:11px;
	}
	.hotline
	{
		
	}
	.btn-search
	{
		
	}
	.inner-mask > div
	{
		padding:15px;
	}
	.mask p
	{
		font-size:16px;
		line-height:22px;
	}
	.khachhang-item-sm
	{
		margin-bottom:20px;
	}
	.btn-view-khachhang
	{
		margin-top:0;
	}
}
@media handheld, only screen and (max-width: 1199px) {
	.btn-search
	{
		
	}
	.top-page
	{
	}
	.menubar .nav
	{
		display:none;
	}
	.lang_m
	{
		display:block;
	}
	.btn-nav-m
	{
		display:block;
	}
	.logo
	{
		padding-top:0
	}
	.outer-wc
	{
		width:100%;
	}
	.logo img
	{
		width:100px;
		margin-left:-50px;
		
	}
	.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;
	}
	
	
	.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
	{
	}
	.btn-next
	{
	}
	.img-camket
	{
		display:block;
		margin:auto;
		max-width:100%;
	}
	.hd-box-col
	{
		font-size:20px;
	}
	
	.view-pro-detail
	{
		border:none
	}
	.why
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	.item-tuvanhome img
	{
		width:45%;
	}
	
	.button-prev-pro,.partner-prev
	{
		right:10px;
	}
	.button-next-pro,.partner-next
	{
		left:10px;
	}
	.slick-slider
	{
		padding-left:40px !important;
	}
	.page-trienlam
	{
		width:100%;
	}
}
@media handheld, only screen and (max-width: 992px) {
	.intro-home
	{
		width:100%;
	}
	.item-trienlam
	{
		padding-left:0;
		padding-right:0;
	}
	.inner-trienlam
	{
		padding:15px;
		padding-top:0;
	}
	.prohome
{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8b8b8b+0,8b8b8b+50,e5e5e5+50,e5e5e5+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(left,  #e5e5e5 0%, #fff 50%, #e5e5e5 50%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e5e5e5 0%,#e5e5e5 50%,#e5e5e5 50%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e5e5e5 0%,#e5e5e5 50%,#e5e5e5 50%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}
.hd-page
{
	text-align:center !important;
	color:#333
}
.hd-page a {

    color: #373737 !important;
}
.text-w
{
	color:#373737 !important;
	text-align:left !important;
	
}

.line
{
	margin:auto;
	float:none !important;
}
.n-home
{
	margin-top:20px;
}
.bg-w
{
	
}
.container1 .item-pic:last-child
	{
		display: block;
	}
.tab-pro
{
	padding-top:00px;
	padding-bottom:0px;
}
	.content-congnghe
	{
		background-image:none;
		padding-top:30px;
	}
	.news-home,.khachhang,.prohome
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	.footer
	{
		background-size:cover;
	}
	.panel-footer
	{
		background-size:cover;
	}
	.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;
}
.copyright
{
	text-align:center;
}
	.logo-footer
	{
		text-align:center;
	}
	.linksmo
	{
		margin-top:0px;
		width:100%;
		text-align: center;
	
	}
	.img-info
	{
		display:none;
	}
	.hd-page1
	{
		text-align:center;
	}
	.content-wc
	{
		text-align:center;
		padding-bottom:20px;
	}
	.linksmo::before {
		right:-15px;
		width:15px;
	}
	.line-fot
	{
		margin:auto;
		margin-bottom:15px;
	}
	.footer-title
	{
		text-align:center;
	}
	.box-menu-footer
	{
		width:100%;
		text-align:center;
	}
	
	.item-news-home
	{
		width:100%;
		
	}
	.item-news-home img
	{
	
	}
	
	
	
	
	.wc
	{
	}
	.item-w
	{
		margin-bottom:10px;
	}
	.viewdetail
	{
		margin:auto;
		
		margin-bottom:20px;
	}
	.cat-pro-info-home
	{
		padding-top:0px;
	}
	.more-info-wc
	{
		margin-top:30px;
		float:right;
	}
	.col-content
	{
		width:100%;
	}
	.title-detail
	{
		
	}
	.title-detail-pro
	{
		margin-top:15px;
	}
	.fan
	{
		display:none;
	}
	.footer-title
	{
		margin-top:15px;
	}
	
	
	.reviews
	{
		padding-top:30px;
		padding-bottom:0px;
	}
	.box-newsletter
	{
		padding-top:15px;
		padding-bottom:15px;
	}
	.intro-newsletter
	{
		padding-top:0;
		margin-bottom:10px;
	}
	
	
	
	
.footer-title-info-footer
{
	text-align:center
}
	
	.footer-text
	{
		text-align:center;
	}
	.album-home
	{
		margin-top:15px;
	}
	
	
	#videoRev img
	{
		width:100%;
	}
	.video-home
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	.content-sl
	{
		width:100%;
		padding:15px;
		height:auto;
	}
	.slide-description
	{
		bottom:20px;
	}
	.logo-footer
	{
		padding-top:15px;
		padding-bottom:15px;
	}
	.content-line-info-1
	{
		margin-bottom:15px;
	}
	.item-lanhdao
	{
		width:100%;
	}
	.item-lanhdao-top
	{
		width:50%;
	}
	.subtab li
	{
		height:auto;
	}
	.subtab li a
	{
		padding:14px 20px;
		border-bottom:solid 3px #fff;
	}
	.subtab
	{
		padding-bottom:3px;
	}
	.line-content-nangluc1 .index11
	{
		display:block
	}
	.line-content-nangluc1 .index1
	{
		display:none;
	}
	.menu-boxfooter
	{
		margin-left:0;
	}
	.intro-nangluc
	{
		margin-bottom:15px;
	}
	.line-content-nangluc
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	.item-cat-kieudang
	{
		width:100%;
	}
	.left-col-contact
	{
		padding:20px !important;
	}
	.right-col-contact
	{
		padding:20px !important;
	}
	.content-top-about
	{
		width:100%;
	}
	.top-about
	{
		padding-top:30px;
		padding-bottom:30px;
		min-height:inherit;
	}
	.item-content-line-01
	{
		margin-top:15px;
		margin-bottom:0;
	}
	.line-bg
	{
		background-size:cover
	}
	.left-page-pro
	{
		display:none
	}
	.logo img
	{
		width:90%;
	}
	.logo
	{
		padding-left:15px;
		padding-right:80px;
	}
	.outer-logo::before 
	{
		display:none;
	}
	
}
@media handheld, only screen and (max-width: 768px) {
	.tacgia-name-detail
	{
		margin-top:15px;
	}
	.button-next1
	{
		left:5px !important;
		
	}
	.button-prev1
	{
		right:5px !important;
		background-position:-30px 0;
	}
	.button-next-pro
	{
		left:5px;
	}
	.button-prev-pro
	{
		right:5px;
	}
	.btn-sl1
	{
		width:30px;
		height:30px;
		background-size:cover;
		margin-top:-15px;
	}
	.item-lanhdao-top
	{
		width:100%;
	}
	.fb-page
	{
		margin-top:15px;
	}
	.intro-prohome
	{
		width:100%;
	}
	
	.foot-col
	{
		width:100%;
		padding-right:0;
	}
	.footer-text
	{
		text-align: center;
	}
	.linksmo
	{
		
	}
	#suntory-alo-phoneIcon
	{
		display:block;
	}
	.logo-footer
	{
		margin:auto;
	}
	
	.foot-col
	{
		text-align:center;
	}
	
	.footer-title
	{
		text-align:center;
	}
	.intro-catrev-home
	{
		padding-left:0;
	}
	.img-rev-page
	{
		margin-bottom:20px;
		text-align:center;
	}
	.img-rev-page img
	{
		display:inline-block;
	}
	.content-rev-page {
		position: relative;
		background: #f1f2f2;
		border: 5px solid #fff;
	}
	.content-rev-page:after, .content-rev-page:before {
		bottom: 100%;
		left: 50%;
		top:inherit;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.content-rev-page:after {
		border-color: rgba(241, 242, 242, 0);
		border-bottom-color: #f1f2f2;
		border-width: 10px;
		margin-left: -10px;
	}
	.content-rev-page:before {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 17px;
		margin-left: -17px;
	}
	.news-headlines
	{
		width:100% !important;
		height:auto !important;
		padding-bottom:20px;
	}
	.news-preview
	{
		width:100% !important;
	}
	.col-video-home
	{
		width:100%;
		margin-bottom:10px;
	}
	.khoahoc
	{
		min-height:740px;
	}
	.news-home
	{
		background-size:cover;
	}
	.cell-poeple-info
	{
		width:100%;
	}
	.cell-poeple-info:nth-child(2n+1) {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.cell-poeple-info:nth-child(2n+1) .year {
		display: none;
	}
	.cell-poeple-info:nth-child(2n) {
    margin-top: 0px;
}
.cell-poeple-info:nth-child(2n) .year {
    display: none;
}
.info-hist {
    padding: 15px;
}
.flex-poeple::after
{
	display:none
}
.cell-poeple-info:nth-child(2n+1)::after {
	display:none
}
.cell-poeple-info:nth-child(2n)::after {
	display:none
}
.item-thanhtich img
{
	margin-bottom:20px;
	display:block;
	
}
.content-thanhtich
{
	padding-left:0;
}
.line-content-01
{
	padding-top:30px;
}
.slide-img-product
{
	padding:10px;
}
.col-50-contact
{
	width:100%;
}
.line-info
{
	padding-top:20px;
}
.wc
{
	padding-top:0;
}
.review-home
{
	background-size:cover;
}
.intro1
{
	padding:15px;
}
.img-tab
{
	margin-bottom:50px;
}
.img-tab1
{
	margin-bottom:50px;
}
.img-tab img,.img-tab1 img
{
	width:80%;
}
.tab-detail
{
	background-image:none;
	padding-top:0;
}
.tab-detail ul li
{
	min-height:55px;
	margin-bottom:10px;
	
}
.tab-detail ul li a
{
	padding-top:10px;
}
.text-tab
{
	width:100%;
}
.prodetail
{
	background-size:cover;
}
.prodetail .tab-content img
{
	height:auto !important;
	max-width:100% !important
}
}
@media handheld, only screen and (max-width: 570px) {
	
	.slide-description
	{
		position:static;
	}
	.slide-description .container
	{
		padding-left:0;
		padding-right:0;
	}
	
	.slogan-top
	{
		display:none
	}
	.linksmo
	{
		
	}
	.logo-footer
	{
		padding-bottom:0
	}
	.col-xs-6
	{
		width:50% !important
	}
	
	
	.logo img
	{
		width:80%;
		padding-top:10px;
	}
	.header
	{
		position:static;
	}
	.top-page
	{
		
	}
	.logo
	{
		padding-left:15px;
		padding-right:60px;
	}
	.linksmo span
	{
		display:none
	}
	.menufooter li
	{
		width:50%;
	}
	.r-baner
	{
		width:50%;
	}
	.fb-page
	{
		width:100%;
		overflow:hidden;
	}
	
	.logo-footer
	{
		text-align:center;
	}
	
	.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%;
	}
	
	.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;
	}
	
	.box-menu-footer
	{
		text-align:center;
	}
	.arrow-prev
	{
		right:10px;
		z-index:99;
	}
	.arrow-next
	{
		left:10px;
		z-index:99;
	}
	.toppage
	{
	}
	
	
	.btn-next
	{
		left:0;
	}
	.btn-prev
	{
		right:0;
	}
	
	
	
.khachhang-item
{
	margin-bottom:15px;
}
.menutab li
{
	display:block;
	float:left;
	width:50%;
	border-bottom:solid 1px #d7d7d7
}
.menutab
{
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.menutab ul
{
	width:100%;
	padding:0;
	margin:0;
}
.menutab div
{
	width:100%;
}
.menutab li a
{
	width:100%;
	padding:0;
	text-align:center
}
	
	
.left-page
{
	display:block;
	margin-top:0;
}
	
.hotline
	{
		position:fixed;
		left:15px;
		bottom:15px;
		z-index:9999;
		background-color:#204b9b;
		padding:0px 30px;
		-webkit-border-radius: 100px;
border-radius: 100px;
font-size:18px;
font-weight:700;
display:none
	}
}
@media handheld, only screen and (max-width: 540px) {
	.email
	{
		font-size:11px;
	}
	.hd-page
	{
		text-align:center
	}
	.hd-page strong
	{
		float:none;
		display:block;
		line-height:normal;
	}
	.hd-page span
	{
		float:none;
		display:block;
	}
	
	
}
@media handheld, only screen and (max-width: 480px) {
	
	
	
}
@media handheld, only screen and (max-width: 420px) {
	.item-news img
	{
		width:100%;
		margin-bottom:10px;
	}
	
	.item-w
	{
		width:100%;
		margin-bottom:10px;
	}
	
	
}
@media handheld, only screen and (max-width: 360px) {
}