.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;
}
.menu{ justify-content: end;}
/* Responsive */
@media (max-width: 1025px) {

	.bg_bgsize {min-height: unset;background-size: auto 100% !important;}
	.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;
	}
	.header {
		padding: 10px 0px;
	}
	.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: 0px;
	}
	.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;}
.bg_about:before{ width: 0px;}
 

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

.logo-header{position: relative; margin-bottom: 10px;}
.logo-header img{/* max-height: 131px !important; */width: 70% !important;}
.photo-about:before{ width: 0px;}
.all-quytrinh{ display: none;}
.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;}
.item_quytrinh:nth-child(2n) .bd_quytrinh .border-img{ margin-top: 0px;}

.bg_number{ padding: 1px 0px;}
.ds-number span{ font-size: 25px;}
.navigation{padding: 5px;/* padding-top: 15px; */position: relative;background-image: unset;top: 0px;/* background: var(--color-main); */}
.bg_serv .grid_4:after{ width: 0;}
.cus-shadow-lrn-image{ width: 100%;}
.left-header{width: 100%;text-align: center;display: inline-block;}
.banner_header{width: 359px;margin: 0 auto;} 
.bg_serv .grid_4{padding: 0; }
.serv-shadow{margin: 0 auto;width: 100%;}

.photo-about:after,.title_dknt:before{ width: 0;}

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

.bg_article{ position: relative;}
.box-article{ border-right: none;}
.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;}
}
@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;}

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

.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;
}

.item_book {
	height: auto !important;
}

.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;}
.bg_about{ padding: 0px !important;}
.hl_gt{margin-left: 0px;color: var(--color-main) !important;}
.view-about{ margin-bottom:5px;}
.bg_album:before{ width: 0;}
}
@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;}
	.gutter-x-20{--bs-gutter-x: 10px;}
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
		/* padding: 10px; */
		/* background: var(--color-main); */
		/* border: 2px solid var(--color-main-2); */
	}

	.photo-about {
		 
		width: 100%;
		text-align: center;
		/* display: none; */
	}
	.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;margin-top: 20px;}

	.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);}
	.product .desc-product{/* padding: 5px; */}
	.hotline_gioithieu{ margin: 10px 0;        width: 70%; }
	.more_video{margin: 0px;/* width: 100%; */margin-top: 10px;}
	.title-about b{ font-size:30px;}
	.title-about h2{font-size: 30px;margin: 0 !important;}
	.title-about p{ font-size:30px}
	.more_album{     padding: 5px 10px; }
	.news-shadow-lrn-info  {/* padding: 0; */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;}
 .social_footer{margin-bottom: 10px;}	
 .title_serv h2{ font-size: 25px;}
 .title_serv p{ font-size: 14px;}

 .bg_project .project-prev{ left: 38%; width: 48px; height: 48px; background-size: 100% 100%;}
 .bg_project .project-next { right: 38%; width: 48px; height: 48px;background-size: 100% 100%;}
 .project-shadow-image{margin-top: 0px;max-width: unset;border-radius: 5px;}
 .project-shadow-info{margin-top: 0px;padding: 10px;border-radius: 5px;}
 .project-shadow-name a{ font-size: 17px;}
 .photo-about{height: unset; margin-bottom: 20px;}
 .item-about:nth-child(1){/* width: 50%; *//* height: unset; */}
 .item-about:nth-child(2){width: 50%;}

  
 .bd-article-l:after{ width: 0px;}
 .left-article{ margin-bottom: 20px;}
 .ds-article h3 a{ font-size: 20px;}
 .bg_partner{ padding: 0 10px;}
 .bg_partner .wrap-main{ margin-top: 0px;}

 .bd-allquytrinh{ background: unset; min-height: unset; width: 100%; padding: 0px;}
.dd-quytrinh:before{width: 100%;height: 100%;background-size: 100% 100%;}
.dd-quytrinh{width: 100%;}

.title_news h2{ font-size: 25px;}
.bd_allarticle{ padding: 10px;}
.more_dknt{width: 100%;padding: 10px;text-align: center;}

.title_quytrinh h2{ font-size: 25px;}

.serv-shadow-article{/* padding: 10px; */}
.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 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%;}
.bg_dknt .button_dknt{
    transform: unset;
    /* float: left; */
    width: 100%;
    position: relative;
}
.bg_dknt .button_dknt input{/* width: 120px; */}
.ds-number p{ font-size: 25px;}
.images-number img{ max-height: 40px;}
.ds-number{ width: calc(100% - 50px);}
.more_spcap1_2{width: 120px;margin-top: 10px;}
.bg_dknt .grid_3{ width: 100%;}
.bg_dknt .contact-input{ width: 100%;}
.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 { padding-bottom: 5px;}
.more_serv{ font-size: 15px; padding: 5px 0px;}
.title_album h2{font-size: 39px;}

.more_serv_all{ margin-top: 20px;}
.item_album{width: unset;height: unset;top: 0;margin-bottom: 0;}
.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: 20px;}

.bg_album .swiper-slide.swiper-slide-next{ left: 0px;}
.info-footer ul li{ width: 100%; margin-bottom: 10px;}
.title-slide h2{ font-size: 25px;}

.cus-shadow-lrn-image > div:first-child{ width: 49%;}
.cus-shadow-lrn-image > div:last-child{ width: 49%;}
.cus-shadow-lrn-info{width: 100%;padding-left: 10px;}
.news-shadow-name{ margin-bottom: 20px;}
.news-shadow-name:after{ bottom: -10px;}

.bg_news{ padding-top: 1px !important;}
.cus-shadow-lrn-article{ padding: 0px;}
.left-dknt{ width: 100%;}
.right-dknt{ width: 100%;}

.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: 35px;}
.product .name-product{/* background-size: 100% 100%; */}

.item-video{height: 200px;}
.item-video .img-video img{height: 200px;}

.photo-cruiment{ width: 100%;}
.content-cruiment{width: 100%;min-height: unset;background: unset;border: 2px solid var(--color-main-2);padding: 20px;}
.title-cruiment h2{ font-size: 30px;}
.bd-dknt{padding: 10px;}

.footer{/* padding: 10px !important; */}
.logo-ft{top: 0px;margin-bottom: 0;}

.bd-fb{width: 100%;background-size: 100% 100%;} 
.news-shadow-article{/* padding: 10px; */}
.img_video{width: 80px;height: 80px;}
 .left-idknt{ width: 100%;}
.title_spnb b{font-size: 27px;}
 .title_spnb h2{font-size: 35px;}
 .title-footer-dt span{ font-size: 30px;}

}
@media (max-width: 440px) {

	.grid_2_xs{ grid-template-columns: repeat(2, 1fr);}
	.grid_1_xs{ grid-template-columns: repeat(1, 1fr);}


	
	.news-shadow-lrn-image{ width: 100%; margin-bottom: 10px;}
	.news-shadow-lrn-info{ width: 100%;}

	.more_news{/* padding: 5px 10px; */}
	.news-shadow-name a{ font-size: 15px;}


	
    .flipbook-viewport .flipbook {
        height: 300px !important;
    }
	.title_album{width: 100%;background-size: 100% 100%;min-height: 150px;padding-top: 20px;max-width: 300px;}
	.all_book{height: 300px;padding: 10px;}
 .item_book img{max-width: calc(100% - 10px) !important;}
}
@media (max-width: 369px) {

}