.search-menu-mb {
    position: relative;
    display: none;
    /* top: -3px; */
}

.search-menu-mb .icon-search-menu {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 17px;
    margin: 0px;
}

.search-menu-mb .icon-search-menu.active {
    color: #ec2d3f;
    background: #ffffff;
    border-radius: 100%;
}

.search-menu-mb .search-grid {
    position: absolute;
    top: 50px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ec2d3f;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
}

.search-menu-mb .search-grid p {
    float: left;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: #ec2d3f;
    line-height: 40px;
    text-align: center;
}

.search-menu-mb .search-grid input {
    width: calc(100% - 35px);
    float: right;
    outline: none;
    border: none;
    color: #ec2d3f;
}

.search-menu-mb .search-grid input::-webkit-input-placeholder {
    color: #313131;
}

.search-menu-mb .search-grid input:-moz-placeholder {
    color: #313131;
}

.search-menu-mb .search-grid input::-moz-placeholder {
    color: #313131;
}

.search-menu-mb .search-grid input:-ms-input-placeholder {
    color: #313131;
}
.gh-s-mb{ display: none;}

 
/* Responsive */
@media (max-width: 1025px) {
	.google-translate .dropdown-toggle::after {
		margin-top: 9px;
	}
	.translate-res {
   		margin: 0px 10px 0px auto;
   		background: var(--color-main);
   		padding: 5px 10px;
   		border-radius: 10px;
 }
	.translate-res .dropdown-toggle {
   		color: #ffffff;
   		/* background-color: var(--color-main); */
 }
	.bg_bgsize {min-height: unset;background-size: auto 100% !important;/* margin-bottom: 0px; */}
	.wrap-main,.wrap-content,.wrap-main-k, .max-width{padding: 0px 10px !important;}
	.bg_produce{ padding-left: 10px; padding-right: 10px;}
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}art-head {
		padding: 5px;
		font-size: 12px;
	}
 
	.flex-product-main {
		display: block;
	}
	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
	.menu-mobile-btn {
		display: flex;
		width: 35px;
		height: 35px;
		position: relative;
		flex-wrap: wrap;
		cursor: pointer;
		left: 10px;
	}
	.menu-mobile-btn span {
		display: inline-block;
		width: 100%;
		height: 3px;
		background: #fff;
		margin: 4px 0px;
		left: 0;
	} 
	.menu ul {
		display: none !important;
	}

	.top_header{ display: none;}
	.right_menu{width: unset;float: right;}
	
	.photo-address{ width: 100%; margin-bottom: 30px;}
	.content-address{ width: 100%; padding-left: 0;}
	.right_dknt_popup a{ margin-left: 0px; margin-right: 10px;}
	.title_dkntt_popup{ margin-bottom:20px;}
	.more_news_lr{ padding: 5px 10px;}
	.dd-article{ left: 0px;} 
	.title-article{ display: none;}
	 
	.title_partner p{ padding: 0px;}
	.title_partner p:before{ width: 0px;}
	.title_partner p:after{ width: 0px;}

	
	.album_mt{ display: none;}
.album_dt{ display: block;}

.row{margin: 0px;}
.row .col-lg-3 { padding: 0 10px; margin-bottom: 20px;}
.bg_serv .serv-prev,.bg_serv .serv-next{ width: 30px; height: 30px; background-size: 100% 100%;}
.bg_serv .serv-prev{ left: 10px; }
.bg_serv .serv-next{ right: 10px;}

.right_banner{ display: none;}
.header{min-height: unset;padding: 0;background: unset;position: relative;}
.bg_about:before{width: 0px;}
 

.search-menu-mb {
   display: block;
}
 
.header-top{ display: none;}
 .hotline,.giolv{display: none;}

.logo-header{/* width: 25%; */position: relative;/* margin-right: 10px; */text-align: center;top: 0;background-size: 100% 100%;min-height: unset;z-index: 1;margin: 0;}
 
.banner{width: 70%;margin-left: 2%;}
.photo-about:before{ width: 0px;}
 
.all-quytrinh2{display: block !important; }
.item_quytrinh:nth-child(2n+1) .border-img:after,.item_quytrinh:nth-child(2n) .border-img:after{ width: 0px;}
.border-img{ margin-bottom: 10px;} 

.bg_number{ padding: 1px 0px;}
.ds-number span{ font-size: 25px;}
.navigation{padding: 5px 5px; position: relative;background-image: unset;top: 0px;background: var(--color-main);}
.bg_serv .grid_4:after{ width: 0;}
.cus-shadow-lrn-image{/* width: 100%; */position: relative;/* margin-bottom: 20px; *//* width: 100%; */}
.left-header{width: 100%;align-items: center;justify-content: center;padding: 10px 0px;margin: 0;}
.top-right-header{ display:none}
.above-nav{/* background-size: auto 100%; */padding: 0;position: relative;height: unset;}
.bg_serv .grid_4{padding: 0; }
.serv-shadow{margin: 0 auto;width: 100%;margin-bottom: 10px;}

.photo-about:after {  width: 0; }

.header-top{ display: none;}
.header-left-fixwidth .wrap-header .nav-menu ul{margin-bottom: 0;}

.bg_article{position: relative;margin: 0;background: var(--color-main-2);padding: 30px 0px !important;}
.box-article{position: relative !important;border-right: none;width: 100%  !important;top: 0px !important;float: left;left: inherit !important;bottom: 0px !important;margin: 0px !important;margin-bottom: 10px !important;}
.paging-prolist:before{ width: 0px;}
.paging-prolist:after{ width: 0px;}

.bg_pro .product-prev{ left: 0;}
.bg_pro .product-next{ right: 0;}

.paging-prolist{ min-height: unset;}
.all_book{ width: 100%;}
.navigation .wrap-content{ padding: 0px !important;}
.bg_menu_mobile{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;background: var(--color-main);padding: 10px;}
.slideshow:before{ width: 0;}
.all-news:after{ width: 0px;}
.product{background-size: 100% 100%;border-top-left-radius: 50px;border-top-right-radius: 100px;}
 

.title_spnb::before{ width: 0px;}
.content-about:after{ width: 0;}
.title-about h2:before{ width: 0;}
.bottom_slide{width: 0;display: none;}
.slideshow:after{ width: 0;}
.all_book::after{ width: 0;}

.bg_album .title_news{margin-bottom: 60px;}
.flip-control{bottom: 5px;}
.bg_book{ margin-bottom: 0px;}
	.wrap-menu{ width: unset; }
	.above-nav .header > .wrap-content{padding:0px !important;}
.right-header{width:100%;/* margin-top: 10px; *//* display: none; *//* text-align: center; */}

	.title-about2 h2{font-size:25px;margin-right: 5px !important;}
	.title-about2 b{ font-size:25px}
	/* .search-menu{ display:none} */
	.cart-head-mb{ padding:5px;}
.gh-s-mb{ display: block;}
.bg_video .video-prev{ left:0px}
.bg_video .video-next{ right:0px}
 
	.bg_cus .cus-prev{left: 0px; }
	.bg_cus .cus-next{right: 0px; }
.item_why{width: 48%;margin:0px !important;margin-bottom:10px !important;}
.item_why .bd_why{ width:100%; }
	.all_why1:after{ width:0px;}
	.all_why1{margin:0px;min-height: unset;display: inline-block;}
.bg_video{/* display: none; */}
	.bg_video_mb{ display: block;}
	.bg_video_mb{ padding:30px 10px !important}
	.giolv_about{ margin-left:0px; width:100%; margin-top:10px;}
.bg_spnb:after{background-size: 100%;width: 70px;height: 200px;bottom: inherit;top: 50px;}
.bg_topslogan{ display:none}
	.logo-header img{width: 80px !important;}
	.row>*{ padding:0}
	.bg_fb .wrap-main{ padding:5px !important;}
}
@media (max-width: 850px) {
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
	.bg_article_mw{ margin: 30px auto;}
	.left-article{ position: relative; width: 100%;}
	.right-article{ width: 100%; padding-left: 0px; float: none;}


	.item-video-l{width: 100%;margin-bottom: 10px;}

	.left-slide{ width: 100%; margin-bottom: 10px; }
	.right-slide{ width: 100%;}
	
.grid_6_md{  grid-template-columns: repeat(6, 1fr);}	


.grid_3_md{  grid-template-columns: repeat(3, 1fr);}	
.grid_2_md{ grid-template-columns: repeat(2, 1fr);}
.grid_1_md{ grid-template-columns: repeat(1, 1fr);}

.paddingg_20_md{	gap: 20px;}
.top-footer{position: relative;left: 0px;top: 0px;transform: unset;width: 100%;height: unset;background-size: 100% 100%;}
.map-footer{height: unset;/* margin-top: 10px; */margin-bottom: 0;}

.all-news{/* padding: 5px; *//* min-height: unset; *//* width: 100%; *//* float: none; */margin-top: 0;}

.title_menua b:before,.title_menua b:after,.title_article b:before,.title_article b:after{ width: 0px;}


.all_book {
	background-size: 100%;
	padding: 0 18px;
	padding-top: 27px;
	overflow: hidden;
	min-height: auto;
	margin: 0;
}

.item_book {
	height: auto !important;
	max-height: 300px;
}

.flipbook-viewport .flipbook {
	width: auto !important;
}
.photo-produce{width: 100%;height: unset;}
.content-produce{ width: 100%; padding-left: 0;}

.left-footer{ width: 100%;}
.right-footer{ width: 100%;}

.hotline_mb{ display: block;}
.bottom_about{background: transparent;padding: 0;top: 0;margin-top: 20px;}
.bg_about{padding: 10px 0 !important;margin: 0;height: unset;}
.hl_gt{margin-left: 0px;color: var(--color-main) !important;}
.view-about{margin-bottom:5px;/* padding: 5px 10px; */font-size: 13px;margin-top: 10px;width: 165px;background-size: 100% 100%;height: 40px;}
.bg_album:before{ width: 0;}

	.swiper-slide-active .item-about{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.swiper-slide-active + div + div + div .item-about{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.title_news h2:before{ width: 0px;}
.title_news h2:after{/* width: 0px; */}

	.title-pro a{ margin-top:10px; padding:5px; font-size:15px}
 .product .price-product{/* text-align:center; */}
	.product .price-old{ margin-left:0px; width:100% }
	.product .price-new{width:100%;font-size: 14px;}
	.photo-about{ margin-bottom:20px;}
	.photo-about .item-about {width: 100% !important;position:relative}
	.photo-about .item-about:nth-child(2),.photo-about .item-about:nth-child(3) {/* display:none; */}
.img_visao{ display:none}

	.title_servcap1 h2{font-size: 27px;line-height: unset;}

	.bg_spnb .list-c2 span{line-height:unset;font-size:14px;margin: 0 5px;margin-bottom: 10px;padding: 0;text-align: center;}
.all-quytrinh:after{ width:0}
	.bottom-dknt{left:0px;padding:10px 20px;width: 100%;}
	.photo-about .images-about1{width: 49%;float: left;margin-bottom: 10px;}
	
	.photo-about .images-about2{width: 49%;position: relative;float: right;margin-bottom: 10px;}
.box-article:nth-child(4){ float:right}
	.bg_about:after{ width:0}
	.bg_spcap1 .list-c2 span{ margin:0 5px;}
	.bg_dknt:after{ width:0px;}
	.item_quytrinh:after{ width:0px}

	.text-adv{font-size:30px;padding: 10px;background: var(--color-main-2);height: unset;margin: 0;}

	.all_book:before{
    width: 0;
   
}
	.all_item_album:last-child{ margin-top:0px}
.bg_spnb{padding-top:10px !important;padding-bottom: 115px !important;}
 .quangcao .wrap-main{ padding-left:100px !important;}
	.quangcao {
    
    padding: 100px 0px 30px 0px;
}
.quangcao .wrap-main:before{height:120%;background-size:100% 100%;width: 88%;}
.quangcao .wrap-main:after{width: 51px;background-size: 100% 100%;height: 83%;left: 0px;}
.logo_article{ margin-bottom:0}
	.ds-article{width: 97%;height: unset;}
}
@media (max-width: 769px) {

	
	.grid_4_sm{ grid-template-columns: repeat(4, 1fr);}
	.grid_2_sm{ grid-template-columns: repeat(2, 1fr);}


	.grid_1_sm{ grid-template-columns: repeat(1, 1fr);}
.paddingg_10_xs{	gap: 10px;}
.paddingg_10_md{	gap: 10px;}

	.gutter-x-20{--bs-gutter-x: 10px;}
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
		position: relative;
		top: 0px;
		left: 0;
		padding: 0;
		text-align: left;
	}

	.photo-about {
		 
		width: 100%;
		text-align: center; 
	}
	.flex-video{
		flex-wrap: wrap;
	}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-top: 20px;}
	.item-news{padding: 5px;}
	.ds-news h3{font-size: 14px;}
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.grid-product, .grid-news {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.info-footer .flex-footer{
		display: block;
	}
	.box-footer{width: 100% !important;/* text-align: left !important; */overflow: hidden;}

	.left-news{width: 100%;margin-bottom: 10px;position: relative;}
	.right-news{ width: 100%;}

	.title_partner h2{font-size: 25px; margin-bottom: 0px;}

	.bg_dknt .wrap-content{ top: 0px; padding: 10px;}
	form.contact-form{padding-bottom: 10px;display: inline;}
	.news-shadow-lrn-image{width: 150px;}
	.news-shadow-lrn-info{ width: calc(100% - 150px);} 
	.hotline_gioithieu{ margin: 10px 0;        width: 70%; }
	.more_video{margin: 0px; margin-top: 10px;}
	.title-about b{ font-size:30px;}
	.title-about h2{font-size: 30px;margin: 0 !important;}
	.title-about p{/* font-size:30px; */top: 0;margin-top: 0;margin-bottom: 0px !important;}
	.more_album{padding: 5px 10px;font-size: 18px;}
	.news-shadow-lrn-info  { padding-left: 0;}
	
	.work-shadow-lrn-info{ padding: 10px; width: 100%; height: unset;}

	.work-shadow-lrn-image{ width: 100%;}
	.work-shadow-lrn-article.flex_odd_even .work-shadow-lrn-info:before,.work-shadow-lrn-info:before{ width: 0px;}
 .footer-powered .wrap-content{display: inline-flex;align-items: center;justify-content: center;padding: 10px !important;}
 .social_footer{margin-bottom: 10px;}	
 .title_serv h2{ font-size: 25px;}
 .title_serv p{font-size: 14px;width: 100%;text-align: center;}
 
 .photo-about{padding: 10px;width: 70%;height: unset;background-size: 100% 100%;}
 .photo-about2{display: none;} 
 

  
 .bd-article-l:after{ width: 0px;}
 .left-article{ margin-bottom: 20px;}
 .ds-article h3 a{ font-size: 20px;}
 .bg_partner{/* padding: 10px 10px !important; */}
 .bg_partner .wrap-main{ margin-top: 0px;} 
	
.title_news h2{font-size: 30px;}
.bd_allarticle{ padding: 10px;}
.more_dknt{width: 100%;padding: 10px;text-align: center;}

.title_quytrinh h2{ font-size: 25px;}
 
.all_policys{ margin-bottom: 10px;}
.photo-policys{position: relative;top: 0px;transform: unset;width: 100%;margin-bottom: 30px;}
.photo-policys img{ width: 483px;}
.content-policys{width: 100%;min-height: unset;box-shadow: none;padding: 0;border-radius: 0;display: inline-block;}
.title_dknt{width: 100%;margin-bottom: 10px;}
.bg_dknt .frm_contact{ width: 100%; padding-left: 0px;}
.title_dknt b{margin-left: 0;font-size: 40px;}
.title_dknt h2{ font-size: 25px;}
.title_dknt p{font-size: 14px;width: 100%;height: unset;background-size: 100% 100%;/* padding: 10px; */}
.bg_dknt .frm_contact .grid_2{width: 100%;margin-bottom: 0 !important;}
.bg_dknt .button_dknt{
    /* transform: unset; */
    /* position: relative; */
} 
 
.more_spcap1_2{width: 120px;margin-top: 10px;}
.bg_dknt .grid_3{ width: 100%;}
.bg_dknt .contact-input{width: 100%;margin-bottom: 10px !important;}
.news-shadow-lrn-article:after{ border: none; width: unset;}
.title-footer h2{/* font-size: 25px; */}
.title-footer h3{ font-size: 35px;}
.title_spcap1 h2{ font-size: 15px; margin-bottom: 0;}
.title_spcap1 {margin-bottom: 15px;}
.more_serv{font-size: 14px;padding: 5px 0px;}
	.title_album b{ font-size:60px; top:40px}
.title_album h2{font-size: 35px;}

.more_serv_all{ margin-top: 20px;} 
.bg_album .swiper-slide.swiper-slide-active{width: 100% !important;left: 0px;}
.bg_album .swiper-slide.swiper-slide-active .item_album img{ width: 100%;  }
.bg_album .swiper-slide.swiper-slide-active .item_album{/* width: 100%; *//* height: unset; */}
.title_album p{font-size: 30px;/* margin-bottom: -10px; */line-height: unset;}
 
.info-footer ul li{ width: 100%; margin-bottom: 10px;}
.title-slide h2{ font-size: 25px;}
  
.news-shadow-name{ line-height: 20px;}
.news-shadow-name:after{ bottom: -10px;}

.bg_news{padding: 10px 0 !important;}
.left-dknt{width: 100%;bottom: 0;margin-bottom: 20px;height: unset;/* padding: 10px; */}
.right-dknt{width: 100%;left: 0;padding: 0;}

.map-footer iframe{ height: 400px;}
.title-about:after{ width: 0px;}
.content-about:before{ width: 0;}


.flipbook-viewport .flipbook {
	height: 355px !important;
}
.title_article h2,.title_menua h2{font-size: 20px;}
.product .name-product{/* background-size: 100% 100%; */}
  
.logo-ft{top: 0px;margin-bottom: 0;}

.bd-fb{width: 100%;background-size: 100% 100%;}  
.img_video{width: 80px;height: 80px;}
 .left-idknt{ width: 100%;}
.title_spnb b{font-size: 27px;}
 .title_spnb h2{font-size: 35px;} 
.title_about_tieude{position:relative;top: 40px;left:0px;font-size: 60px;z-index: -1;text-align: center;}
 
	.title_cus{position:relative;transform:unset;left: 0;bottom: 0;margin-bottom: 30px;}
.all-cus{ padding-left:0}
 
 
	.social_footer li{display:inline-block;width: 48%;}
	.footer-powered p:before{ border: none;}
	.footer-powered p:after{ border: none;}
.title_serv div:after{ width:0px}
	.title_serv div{width:100%;text-align: center;}
	.serv-shadow-info{padding:5px;min-height: unset;padding-top: 20px;}
.bd-dknt{ padding:10px;}
	 

	.title_news div:after{ width:0px}
	.title_news div{width:100%;text-align: center;}
	.news-shadow-image{width: 100%;margin-bottom: 0px;}
 
	.date-news{ font-size: 7px;}

	.title_project h2{ font-size:20px}

	.left-inews{ width: 100%; margin-bottom: 10px;}
	.right-inews{ width: 100%;} 
.more_project{padding: 5px 10px;font-size: 15px;}
	.tab_map{ left:10px;}
	.tabs_map_ajax li h3{ font-size:14px;}
	.item_why:after{ width:0px !important;}

	.item_why{/* float:none; */margin-bottom:10px;}
	.item_why:nth-child(2n){/* float:none; */}
	.title_why b{ font-size:25px}
	.title_why h2{ font-size:30px}
	.bd_why{ width:100%}
	.item_why:nth-child(3){ margin-bottom:10px;}
	 
	.all-dknt{width:100%;height: unset;margin-bottom: 0;padding: 10px;position: relative;right: 0px;top: 0;/* width: 95%; */}
	.all-dknt:before{ width:0}
	.bg_dknt .contact-input textarea{/* height:50px; */}

	.title_video b{ font-size:40px}
	.title_video h2{ font-size:30px;}
	.news-shadow-image a{ border-radius:10px}
	.giolv_ft{background: url(../images/icon_giolv.png) left 0 top 5px no-repeat;padding: 0;padding-left: 60px;}
.giolv_ft b{ font-size:15px}
	.footer .box-footer:nth-child(2){margin: 20px 0px;}
.title-about span{line-height:unset;margin-bottom: 10px;}
	.img-product-lrn{ margin-bottom:10px}
	.desc_product-lrn{ width:100%}
	.image-article{/* width: 50px; *//* height: 50px; *//* background-size: 100% 100%; */}
	.image-article img{   max-height: 25px; } 
	.ds-article h3 a{font-size: 14px;}
	.ds-article span{font-size: 59px;}
	.slogan span{ font-size:15px}
	.top-header{ justify-content:center}
	 
		.project-shadow-article{min-height: unset;}
	.project-shadow-info{
    padding: 5px;
}
	.project-shadow-info h3{ font-size:17px;}
	.project-shadow-image{ margin-bottom:5px}

	.item-video-home video{height: 300px;aspect-ratio: 210 / 300;}
.bg_album{ padding-top:10px !important;}
	.cus-dknt-r{ background-size:100% 100%;}
	.footer .box-footer:nth-child(4){margin-top:20px;}
	.bg_dknt{/* padding-top:10px !important; */margin: 0;}
	.product .price-product p, .product .price-product a{font-size: 14px;padding: 3px;}
 .product .pic-product{margin-bottom: 0px;width: 100%;min-height: 100%;background-size: 100%;padding: 10px;}
	.more_procap1{ font-size:11px}
	.title_cus:before{bottom: 17px;}
	.cus-shadow-lrn-article{/* background:var(--color-main); *//* padding: 5px; */height: unset;justify-content: start;}
.more_news{
	  margin-top:10px;
	  position:relative;
	  font-size: 12px;
	  /* padding: 5px 10px; */
	  }
	.news-shadow-article{padding:2px;left: 0px !important;transform: unset !important;margin: 0px !important;border-radius: 0;}
	.more_inews{border-radius: 10px;font-size:10px;padding: 3px 5px !important;}
.news-shadow-info{margin: 0;width: 100%;padding: 10px;}
	.news-shadow-info span{ font-size:10px}

	.title_servcap1{ min-height:200px; background-size:auto 100%;}
	.bg_quytrinh{ padding-top:10px !important;}

	.title_news{width:100%;text-align: center;position: relative;top: 0;}
	.title_news:before{ left:50%;transform:translateX(-50%);}
	.title_news:after{left:50%;transform:translateX(-50%);}
	.all_news{ width:100%;padding-left:0px;}
	.bg_news .swiper-slide-active + div{left:0px;top: 0;}
 
	.bg_news .swiper-slide-active{ transform:unset !important;}
	
.item_quytrinh:nth-child(2n) .bd_quytrinh .border-img {
    margin-top: 0px;
    margin-bottom: 10px;
}
.box-product{ padding:5px}
	.product .name-product a{ font-size:14px;}
	.box-title .spcap1-prev{ top:-5px;}
	.box-title .spcap1-next{ top:-5px;}
	.social_dknt{ margin-top:20px}
	.des_why h3{ font-size:14px;}
	.bg_serv{ padding-top:10px !important;}
	.stt-serv{ font-size:50px;display:none}
	.top-dknt{ width:100%}
	.all_album{     grid-template-columns: unset;}
	.item_album_all:nth-child(2) .item_album{ width:50%;float:left;}
.cus-shadow-lrn-info{ width:100%}
	.cus-shadow-lrn-image:before{ width:0}
	.bg_video .swiper-slide{/* left: 0px !important; */width: unset !important;}
	.bg_video .swiper-slide .item-video{width: unset !important;height: unset !important;}
.bg_video .swiper-slide.swiper-slide-active{/* left: 0; *//* width: auto !important; */}
.left-tiktok{ width:100%;margin-bottom:10px}
	.right-tiktok{ width:100%}

	.item_why{ width:100%}
	.product .desc-product{padding: 26px 67px 10px 20px;width: 100%;/* padding-top: 43px; */}
.product .desc-product:after{
	width:calc(100% - 10px); left:5px;
	background-size:100%100%
}
	.title_book{ margin-bottom:10px}
	.title_book h2{ font-size:25px;}
	.bg_book:after{ width:0}
	.bg_book:before{ width:0}
	.footer-powered{ text-align:left}
 .album_dt{ display:none}
.album_mb{ display:block}

	.footer .box-footer:nth-child(2):before{ width:0}
	.footer .box-footer:nth-child(2):after{ width:0}
	.bg_news::before{width:60px;height:80px;background-size:100% 100%;top: -30px;}
.title_pro h2:after{ width:0}
	.title_pro p{ font-size:30px}
	.title_pro h2{ font-size:40px}
	.title-about{ margin-bottom:20px}
	.product .pic-product:before{/* background-size:50% 50%; */width: 50%;height: 50%;}
.stt_news_lrn{font-size: 35px;padding-bottom: 1px;line-height: 35px;}
	.news-shadow-lrn-name a{font-size:12px;}
	.stt_news_lrn:after{ border-bottom:none}
	.more_news_lrn{ margin-top:0;font-size:10px}
.bg_news .wrap-main:after{ width:0}
	.slider-for{ width:60%;}
	.slider-nav{ width:38%}
	.stt_news{position:relative;left: 0;top: 0;transform: unset;font-size: 38px;}
.slider-nav .slick-prev{bottom: -50px; width: 30px;
    height: 30px;
    background-size: 100% 100%;}
	.slider-nav .slick-next{
    bottom: -50px;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    left: 45px;
}
	.slider-nav .slick-next:hover{ width: 30px;
    height: 30px;
    background-size: 100% 100%; }
.slider-nav .slick-prev:hover{   width: 30px;
    height: 30px;
    background-size: 100% 100%; }

	
	.title_news p{font-size:50px}
	.hotline_fb{ margin-left:0;font-size:30px}
.bg_fb{position:relative;top: 0;}
	.bg_fb:after{ width:0}
	.footer:after{ width:0}
	.bg_video:before{ width:0px}
	.left-cus{ width:100%}
	.item-video-home{width:100%;}
	.left-cus:after{ width:0px}
	.right-cus { width:100%}
	.title_cus p{ font-size:30px}
	.title_cus p:after{width: 111px;height: 41px;background-size:100% 100%;top: 9px;right: 57px;}
.title_cus h2:before{ width:0} 

	.item-video-home{width:100%;padding: 24px 18px 10px 38px;}
	.item-video-home:before{ width:100%;}
	.cus-shadow-lrn-desc:before{ left:0px}
	.cus-shadow-lrn-name{ margin-left:0}
	.more_pro{font-size:15px}
	.footer.active{ margin-top:30px}
}
@media (max-width: 440px) {
.quangcao .wrap-main:before {
        height: 120%;
        background-size: 100% 100%;
        width: 80%;
    }
	.grid_2_xs{ grid-template-columns: repeat(2, 1fr);}
	.grid_1_xs{ grid-template-columns: repeat(1, 1fr);}
.paddingg_0_xs{gap: 0px;}

	
	.news-shadow-lrn-image{/* width: 100%; */margin-bottom: 10px;}
	.news-shadow-lrn-info{width: 100%;padding-right: 10px !important;}
 
	.news-shadow-name a{font-size: 11px;}


	
    .flipbook-viewport .flipbook {
        height: 300px !important;
    }
	.title_album{width: 100%;position: relative;top: 0;text-align: center;left: 0;}
	.title_album div{width:100%;margin: 0;float: none;}
	.all_book{height: 290px;padding: 30px;}
 .item_book img{max-width: calc(100% - 10px) !important;}
 .serv-shadow-name p{ font-size: 20px;}
 .serv-shadow-info .price-product{ font-size: 30px;}
 .title_cus h2{font-size: 27px;text-align: center;}
 
	.thongketruycap{ width:100%;}
	.thongketruycap span{ padding-right: 5px;margin-right: 5px;border-right: none;}
.footer{background: var(--color-main);padding-top: 10px !important;}
	.product .price-product p img, .product .price-product a img{ transform:scale(0.8); margin-left:5px;}
}
@media (max-width: 369px) {

}