.mobile-o{
	display: none !important;
}
@media screen and (min-width:1366px) {
	#course-top .container,
	#course-top-2 .container{
		max-width: 1360px;
	}
}
@media screen and (max-width:1248px) {
	.categories { display: none; }
	.search { width: calc(100% - 460px) }
	.header-right { width: 438px; }
	.info-header { width: 400px; }
	#menu .item-big .nav-item { margin-right: 40px; }
}
@media screen and (max-width:1140px) {
	#menu .item-big .nav-item { margin-right: 20px; }
	.mini-cart .cart span.text { display: none; }
	#header .hotline { display: none; }
	.info-header { width: 40px; }
	#header { padding: 10px 0px 10px; }
	.adv-slider { width: calc(100% / 2 - 10px); }
	.adv-slider img { width: 100%; }
}
@media screen and (max-width:1048px) {
	.newsletter-two .input { width: calc(100% / 2 - 5px); margin: 5px 0px; }
	.newsletter-two .button { margin: 5px 0px; }
	.mini-cart .cart span.text { display: none; }
}
@media screen and (max-width:600px) {
	.newsletter-two .input { width: 100%; }
	#map-section .fanpage-pho { position: relative; width: 100%; top: 0px; right: 0px; margin-top: 20px; }
}
@media screen and (max-width:1248px) {
	#menu .item-big .nav-item > a {		/* padding: 0px 10px; */ }
	footer.footer .cl1 { width: 100%; }
	footer.footer .cl2 { width: 100%; margin-top: 20px; }
}
@media screen and (max-width:1115px) {
	#menu .item-big .nav-item > a { padding: 0px 8px; }
}
@media screen and (max-width:1080px) {
	#list-action-mobile {display: block;height: auto;}
	#header { position: sticky; background: #FFF; top: 0px; z-index: 999; }
	/* #header .logo img { min-height: 70px; } */
	#menu { display: none; }
	#menu .item-big { order: 1; display: none; }
	.menu-mobile,
	.hotline-menu { display: block; }
	#header .logo { }
	#header .logo img { max-height: 50px; }
	.right-header { 
		width: 100%;
		display: none; }
	.search { width: 100%; max-width: 100%; }
	.header-right { display: none; }
	.header-right li:last-child { display: none; }
	#menu { padding: 5px 0px; }
	.full-slider .postion { width: 100%; padding: 10px; }
	.product-view1 .left-view { display: none }
	.product-view1 .right-view { width: calc(100% + 20px); }
	
	#header .logo { width: calc(100% - 50px - 105px)}
	.right-header { width: calc(100%); order: 3; transition: all 0.1s }
	.logo { order: 2; }
	.searchs-menu{
		display: block;
		width: 100%;
	}
	.menu-mobile { order: 1; }
	.menu-mobile-2 {display: flex; order: 3; min-width: 60px;}
	.menu-mobile-2 .d-flex { gap: 15px;}
	.menu-mobile-2 i { font-size: 20px;color: #000;}
}
@media screen and (max-width:992px) {
	.slider-one .col-8 { width: 100%; margin-bottom: 10px; }
	.slider-one .col-4 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.slider-one .col-4 .adv-slider { width: calc(100% / 3); }
	.box-full-product .col-4 { display: none; }
	.box-full-product .col-8 { width: 100%; }
	.product-view .col--4 { width: calc(100% / 2); }
	.news-one .col-8 { width: 100%; }
	.news-one .col-4 { width: 100%; margin-top: 20px; }
	.left-item { width: 100%; }
	.right-item { display: none; }
	.social-top p { display: none; }
	.page-scrol-social { flex-wrap: wrap; }
	.page-scrol-social .detail-box { width: 100%; margin-left: 0px; }
	.page-scrol-social .social { width: 100%; order: 1 }
	.page-scrol-social .social ul { width: 100%; display: flex; }
	.page-scrol-social .social ul li + li { margin-left: 10px; }
	.page-scrol-social .right-post-other { width: 100%; margin-left: 0px; order: 2; margin-top: 8px; margin-bottom: 10px }
	.content-top .menu-top { width: 100%; padding: 10px 0px; }
	.product-view .col--5 { width: calc(100% / 2); }
	.product-view1 .col--4 { width: calc(100% / 2); }
	.product-view .item-product-main .product-item-main .product-thumbnail .image_thumb { height: auto; }
	.product-view .col-3 { width: calc(100% / 2); }
	#why-box .col--4 { width: calc(100% / 2); }
	#footer-info .col-2 { width: calc(100% / 12 * 3); margin-bottom: 20px; }
	#footer-info .col-5 { width: calc(100% / 12 * 9); margin-bottom: 20px; }
	#footer-info .col-3 { width: calc(100% / 2); margin-bottom: 20px; }
	.title-section-module { flex-wrap: wrap; }
	.title-section-module ul { display: none; }
	.title-section-module ul li { margin-top: 4px; width: calc(100% / 2); padding: 5px 10px; margin-right: 0px; margin-bottom: 4px; }
	.title-section-module ul li:not(:last-child):after { display: none; }
	#adv-center .col-5,
	#adv-center .col-4,
	#adv-center .col-3 { width: 100%; }
	#adv-center .col-4 .img-block { margin: auto }
	#adv-center { padding: 10px 0px; }
	.adv-content h5 { font-size: 30px; }
	.adv-content { padding-top: 0px; }
	.w-why .wraptem { padding: 7px 0px; }
	.product-news-one { padding: 15px 0px 0px; }
	.news-one { padding: 15px 0px; }
	.video-one { padding: 15px 0px 0px; }
	.row40 { margin: 0px -20px; }
	.item40 { padding: 0px 20px; }
	.copyright p { padding: 10px 0px; }
	.copyright p:nth-child(1) { order: 2; width: 100%; display: block; text-align: center; }
	.copyright p img { margin: 0 auto; }
	.copyright p:nth-child(2) { order: 3; width: 100%; display: block; text-align: center; display: none !important; }
	.copyright p:nth-child(3) { order: 1; width: 100%; display: block; text-align: center; }
	#footer-info .col-4 { width: calc(100% / 1); margin-bottom: 20px; }
	#footer-info .col-2 { width: calc(100% / 2); margin-bottom: 20px; }
	.mobile-o{
		display: flex !important;
	}
	.mobile-o img{
		display: block;
	position: relative;}
	.copyright p:nth-child(1){
		order: 1;
		padding: 10px 0px 5px;
	}
	.copyright p:nth-child(3){
		order: 4;
		color: rgba(255,255,255,0.6)
	}
	.copyright p:nth-child(4){
		display: none !important;
	}
	.product-cat-page .sidebar{
		display: none;
	}
	.product-cat-page .col-9{
		width: 100%;
		padding: unset;
	}
}
@media screen and (max-width:768px) {
	#topnews {
		display: none;
	}
	.support-cart { display: none; }
	.fixed-menu .right-header { opacity: 0; }
	#header { transition: all 0.6s }
	/* #header.fixed-menu { height: 110px; transition: all 0.6s } */
	
	.left-page { width: 100%; order: 3; margin-top: 30px; }
	.right-page { width: 100%; margin-bottom: unset}
	.mobile-slider { display: none; }
	.news-one .post-inner h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.video-body .col--4 { width: calc(100% / 2) }
	#footer-info { padding: 40px 0px 0px; }
	.contact-left { width: 100%; }
	.contact-right { width: 100%; margin-top: 20px; }
	.title-section-module h3,
	.title-section-module h4 { text-align: left; }
	.title-section-module ul { display: none; }
	.title-section-module ul li { width: calc(100% / 1); }
	.title-section-module .product-menu { display: block; }
	.left { }
	.right { width: 100%; margin-top: 20px; }
	.about .col-7,
	.about .col-5 { width: 100%; }
	.about .col-4 { margin-top: 30px; }
	.w-why { width: 100%; }
	.box-adv { text-align: center; }
	.box-adv .col--2 { width: 100%; }
	.news-one .col--2 { width: 100%; }
	.news-one .col--2:not(:last-child) { margin-bottom: 20px; }
	.album { width: calc(100% / 2) }
	.owl-carousel.in-home .owl-nav { display: none; }
	.full-slider .postion h5 { font-size: 18px; }
	.info-top { width: 50%; }
	.notify-top,
	.list-top { width: 100%; text-align: center; }
	.notify-top { margin-bottom: 10px; }
	.social-top { width: 100%; text-align: center; }
	.social-top span { margin-right: 5px; }
	.product-view .col--3 { width: calc(100% / 2) }
	.content-top-detail .left { width: 100%; }
	.content-top-detail .right { width: 100%; margin-top: 15px; }
	.search-btn span:nth-child(1) { }
	.search-btn span:nth-child(2) { display: block; }
	.comment-left { width: 100%; }
	.comment-right { width: 100%; margin-top: 30px; }
	.adv-content { width: 100%; }
	.search {display: none;}
	.header-right li:last-child span { display: none; }
	.box-cata ul li { width: calc(100%  / 3) }
	#copyright { padding-bottom: 60px; }
	.feedback-view .col-4 { width: calc(100% / 2) }
	.info-mail { width: 100%; }
	.form-mail { margin-top: 15px; width: 100%; }
	#notfound a.go-back { top: -44px }
	#notfound a.go-home { bottom: -44px; top: auto; }
	#notfound .positioned { padding: 60px 20px; }
	#notfound .positioned h1 { font-size: 40px; }
	.product-course .col-3 { width: calc(100% / 2); }
	#dangkynhantin .col--2 { width: 100%; }
	.content-follow .col { width: calc(100% / 2); padding: 20px 35px; }
	#login-page-content { margin: 30px 0px; }
	#course-top .col-4 { width: 100% }
	#course-top .col-8 { width: 100% }
	.ul-payment ul li { width: 50%; }
	.right-page .video-js { height: 400px; max-height: 600px; width: 100%; position: relative; }
	
}
@media screen and (max-width:600px) {
	#list-action-mobile ul > li{
		padding: 0px 3px;
	}
	#list-action-mobile ul > li > a{
		padding: 8px 10px !important;
	}
	.chinhanh li { width: 100%; }
	#why-box .col--4 { width: calc(100% / 1); }
	.slider-one .col-4 .adv-slider { width: calc(100% / 1); }
	.slider-one .col-4 .adv-slider img { width: 100% }
	.box-project .col--2 { width: 100%; }
	.box-project .col--3 { width: 100%; }
	.box-project .col--3 + .col--3 { margin-bottom: 10px; }
	.footer .col-5 { width: 100%; }
	.footer .col-6 { width: 100%; margin-top: 20px; }
	.album { width: calc(100% / 1) }
	#posts-body .col--2{
		width: 100%;
	}
	.post-inner .post-img { width: 100%; }
	.post-inner .post-content {width: 100%;padding: 10px 0px;}
	#footer-cent .col-4 { width: 100%; }
	.box-cata ul li { width: calc(100%  / 2) }
	.feedback-view .col-4 { width: calc(100% / 1) }
	.content-top .info-top { display: none; }
	.content-top .notify-top { display: none; }
	#footer-info .col-5 { width: calc(100% / 12 * 12); margin-bottom: 20px; }
	#footer-info .col-3 { width: calc(100%); margin-top: 20px; }
	.product-view .item-product-main .product-item-main .product-bottom .product-name { font-size: 14px; line-height: 22px; }
	.product-view .item-product-main .product-item-main .product-bottom .btn-cart { position: relative; margin-top: 10px; }
	#header .logo { }
	#header .logo img { max-height: 40px; }
	.right-header { width: 100%;
		display: none; }
	.content-khachhang { margin-top: 20px; }
	.content-khachhang .col-4 { width: 100%; }
	.title { font-size: 20px; }
	.news-featured .col-8,
	.news-featured .col-4,
	#footer-info .col-2{
		width: 100%;
	}
	footer.footer .list-menu li:nth-child(2n){
		margin-bottom: 5px;
	}
	.content-detail-desc .col-4{
		width: calc(100% / 12* 6);
	}
	.news-featured .col-8 .post-content, 
	.news-featured .col-4 .post-content {
		padding: 20px 5px;
  	}
	.news-featured .col-8 .post-content {
		position: relative;
	}
	.news-featured .col-8 .post-content a {
		font-size: 17px;
  	}
	.section-gift .col-6 { width: 100%; }
	.section-gift h2 { font-size: 23px; }

	/* .slick-prev {left: 0;}
	.slick-next {right: 0;} */
}
@media screen and (max-width:520px) {
	/* .product-course .col-3 { width: calc(100% / 1); } */
	.content-follow .col { width: calc(100% / 2); padding: 20px 20px; }
	#content-page .left-page{
		order: unset;
		margin-bottom: 30px;
	}
	.box-course .desc-course h3{
		height: unset;
		margin-bottom: unset;
	}
	.rating .counter{
		display: none;
	}
	.content-detail-desc .box-course .desc-course .info-course .author-course,
	.content-detail-desc .box-course .desc-course .info-course .price-course{
		width: 50%;
	}
	/* .product-course .col-3 {
		width: calc(100% / 12* 5);
  	} */
	.product-course .col-3 {
		width: calc(100% / 2);
		padding: 5px;
		margin-bottom: 10px !important;
  	}
	.slick-slider {
		margin: 0 20px !important;
	}
	.slick-slider .slick-arrow{
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.box-course .desc-course .info-course .author-course {
		width: 100%;
	}
	.box-course .desc-course .info-course .price-course {
		width: 100%;
		text-align: left;
		margin-top: 5px;
	}
	#why {
    padding: 40px 0px;
	}
}
@media screen and (max-width:480px) {
	#footer-info .col-3:nth-child(1),
	#footer-info .col-3:nth-child(2) { width: 100%; margin-bottom: 20px; }
	#footer-info .col-4 { width: calc(100% / 1); margin-bottom: 20px; }
	.video-body .col--4 { width: calc(100% / 1) }
	.ul-payment ul li { width: 100%; }
}
@media screen and (max-width:320px) {
	#footer-info .col-2 { width: calc(100% / 1); margin-bottom: 20px; }
	#list-action-mobile ul > li > a{
		font-size: 12px !important;
	}
}

@media screen and (min-width:1099px) {	
	.fix-scroll{
		height: 100vh;
	}
	.fix-scroll .left-page,
	.fix-scroll .right-page {
		max-height: 100vh;
		overflow: auto;
	}
}