/* CSS Document */
@media handheld, only screen and (max-width: 1500px) {
	.btn-prev-slide-home
	{
		right:20px;
	}
	.btn-next-slide-home
	{
		left:20px;
	}
	
}
@media handheld, only screen and (max-width: 1439px) {
	.content-item-pro
	{
		padding:10px 10px;
	}
	
	.link-top-hotline
	{
	
	}

	.frm-search-pc
	{
		margin-top:17px;
	}
	.menu li a
	{
		padding:0px 10px;
		font-size:16px;
		line-height:73px;
	}
	.link-top-search
	{
		margin-top:11px;
	}
}
@media handheld, only screen and (max-width: 1399px) 
{
	.logo img
	{
		display:block;
		width:100%;
	}
}
@media handheld, only screen and (max-width: 1319px) 
{
}
@media handheld, only screen and (max-width: 1350px) {
	
}
@media handheld, only screen and (max-width: 1220px) {
	.menu li a
	{
		padding:0 10px;
		font-size:13px;
	}
	.price-item strong
	{
		font-size:14px;
	}
	.price-item del
	{
		font-size:12px;
	}
	.title-footer
	{
		font-size:14px;
	}
	.title-home
	{
		font-size:30px;
	}
	
}
@media handheld, only screen and (max-width: 1199px) {
   .col-xs-15
   {
	   width:25%;
   }
   .menu > li > a
   {
	   text-transform:none;
	   line-height:76px;
   }
   .link-top strong
   {
	   font-size:12px;
   }
   .img-webinar img
   {
	   width:100%;
   }
   .frm-search-pc
   {
	   margin-top:15px;
	   width:190px;
   }
   .button-next
   {
	   left: -29px;
   }
   .button-prev
   {
	   right: -29px;
   }
}
@media handheld, only screen and (max-width: 992px) {
.show-on-tab
{
	display:none;
}
.show-on-mobile
{
	display:none;
}
.show-on-pad
{
	display:block;
}
.hide-on-pc
{
	display:block;
}
.hide-on-pad 
{
	display:none;
}
.hide-on-tab 
{
	display:none;
}
.hide-on-moblie
{
	display:none;
}
   .header
   {
	   display:none;
   }
   .header-m
   {
	   display:block;
   }
   
   .col-small
   {
	   display:none;
   }
	.panel-top
	{
		padding-left:0;
	}
	.frm-reg
	{
		
	}
	.topmenu
	{
		display:none
	}
	.col-xs-15
	{
		width:33.3333%;
	}
	.link-viewmore
	{
		display:none;
	}
	.item-trust
	{
		padding:25px 15px;
		
	}
	.price-item strong
	{
		font-size:15px;
	}
	.price-item del
	{
	}
	.title-detail-pro
	{
		margin-top:20px;
	}
	.tab-home
	{
		display:none;
	}
	.logo-m
	{
		
	}
	.main-nav
	{
		display:none
	}
	.line-trust-home
	{
		background-size:cover;
	}
	.img-webinar
	{
		display:none
	}
	.inner-webinar
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	.btn-add-detail
	{
		margin-bottom:10px;
	}
	.inner-wc
	{
		width:100%;
	}
	.btn-detail-pro
	{
		width:100%;
	}
	.video-home{
		margin-top:30px;
	}
	.linksmo
	{
		margin-bottom:20px;
	}
	.content-footer
	{
		margin-bottom:20px;
	}
	.content-footer div
	{
	
	}
	.hd-trust h2
	{
		text-align:center;
		border-left: none;
		padding-left:0;
		margin-top:20px;
		margin-bottom:20px;
	}
	.item-news-home
	{
		margin-bottom:25px;
	}
	.container-small
	{
		width:100%;
	}
	.item-news-more-home
	{
	}
	.item-news-more-home img
	{
		width:30%;
		float:left;
		margin-right:10px;
	}
	.top-news-1
	{
		margin-bottom:30px;
	}
	.timeline > li
	{
		width:50%;
	}
	.slide-title {
		font-size: 32px !important;
		line-height: 36px !important;
	}
	.silde-content { 
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}
	.inner-caption {
		bottom: 30px !important;
	}
	.content-lichsu
	{
		background-size:cover;
	}
	.tab-scoll
	{
		display:none
	}
	.thumb-slide
	{
		display:none !important
	}
	.button-sl
	{
		display:none;
	}
	.sub-page
	{
		font-size:30px
	}
	.sub-page span
	{
		font-size:20px;
		margin-bottom:10px;
	}
	.sub-page strong
	{
		font-size:30px
	}
	.box-info-workshop
	{
		position:relative;
		width:100%;
		padding:20px;
		padding-bottom:80px;
	}
	.btn-ws
	{
		top:43%;
		
		
	}
	.box-sl-ws
	{
		margin-top:0;
	}
	.img-ws
	{
		width:100%;
		float: none
	}
}
@media handheld, only screen and (max-width: 768px) {
.hide-on-pc
{
	display:block;
}
.hide-on-pad 
{
	display:block;
}
.hide-on-tab 
{
	display:none;
}
.hide-on-moblie
{
	display:block;
}
	.show-on-pad
{
	display:block;
}
.show-on-tab
{
	display:block;
}
.show-on-mobile
{
	display:none;
}
	.left-trust
	{
		padding-bottom:20px;
	}
	.content-footer
	{
		padding-bottom:20px;
	}
	.footer
	{
	
	}
	.line-footer
	{
		margin:auto;
		margin-top:10px;
		margin-bottom:15px;
	}
	.box-menu
	{
		width:100%;
	}
	.page-one
	{
		padding-top:30px;
	}
	.hotline-m
	{
		display: block
	}
	.top-page
	{
		display:none;
	}
.icon-label {
    width: 40px;
    height: 40px;
    background-size: 200%;
    background-repeat: no-repeat;
}
.icon-label-new
{
	background-position:-40px 0;
}
.subtab li a
{
	margin-bottom:10px;
}
.btn-next-slide-home
{
	left:0px;
}
.btn-prev-slide-home
{
	right:10px;
}
.tabpro-home
{
	display:none;
}
.inner-item-pro
{
	padding:5px;
}
.name-item-styleshow-list
{
	margin-top:15px;
}
.link-top-book-m
{
	display:none
}
.button-drop
{
	display:none
}
.filter-daily
{
	width:100%;
}
.filter-daily .col-md-4
{
	margin-bottom:10px;
}
.content-sub img{
		display:block;
		width:100%;
		
	}
	.page-name-info
	{
		display:none;
	}
	.sub-page-top
	{
		text-align:center;
	}
	.line-top
	{
		margin:auto
	}
	.wc
	{
		background-size:cover;
	}
	.panel-baner
	{
		display:none
	}
}
@media handheld, only screen and (max-width: 570px) {
	.hide-on-pc
{
	display:block;
}
.hide-on-pad 
{
	display:block;
}
.hide-on-tab 
{
	display:block;
}
.hide-on-moblie
{
	display:none;
}
	.show-on-mobile
	{
		display:block;
	}
	.hide-on-mobile
	{
		display:none;
	}
	.frm-reg
	{
		width:100%;
	}
	.col-xs-15
	{
		width:50%;
	}
	.frm-reg
	{
		padding:10px;
	}
	.attr-name
	{
		width:40%;
	}
	.attr-value
	{
		width:60%;
	}
	.subtab li
	{
		display:block;
	}
	.subtab li a
	{
		display:block;
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
	.name-cat-root
	{
		display:none;
	}
	.line-home
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	.trust-home
	{
		padding-bottom:0;
		padding-top:0;
	}
	.title-home a
	{
		font-size:20px;
	}
	.page-name
	{
		font-size:32px;
		line-height:36px;
	}
	.swiper-container-product .swiper-slide-active
	{
		width:80%;
	}
	
}
@media handheld, only screen and (max-width: 540px) {
}
@media handheld, only screen and (max-width: 480px) {
	.name-item-cat
	{
	}
}
@media handheld, only screen and (max-width: 420px) {
	
}
@media handheld, only screen and (max-width: 360px) {
}