@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){	
	.header-top{padding: 10px 2%;}
	/*.content-page-layout { max-width: 1200px; }*/
	#menu-main li a{font-size: 16px;}
	.footer-information{width: 100%}
}


@media screen and (max-width: 1440px){	
	.custom-nav-left{left: -35px;}
	.custom-nav-right{right: -35px;}
}


@media screen and (max-width: 1250px){
	.content-page-layout{max-width: 95%;}
	.bor-process-1{top: 50% !important;}
	.bor-process-2-1{top: -182px !important;height: 310px !important;right: -153px !important;}
	.bor-process-2-2{top: 50% !important;}
	.bor-process-3-1{top: -181px !important;height: 309px !important;}
	.bor-process-3-2{top: 50% !important;}
}


@media screen and (max-width: 1200px){
	
}

@media screen and (max-width: 1135px){
	#menu-main li { padding: 24px 12px; }
	#menu-main li a { font-size: 14px; }
}


@media screen and (max-width: 1024px){	
	.content-page-layout { max-width: 100%; }
	.footer-information{margin-bottom: 30px;}
	/* #header{padding: 0 !important;width: 100%;transition: all ease 0.4s;} */
	#header{width:100%;/*padding:1rem 2%; */transition: all ease 0.4s;/*box-shadow: 0px 0px 10px rgb(255 255 255 / 20%);*/}
	.main_container{overflow: hidden;}
	.content-page-layout{padding: 0;}
	.social-list{right: 10px;}
	
	.header-scroll{opacity: 1;}
	.boxlang-main{padding-top:2rem;left:unset;right:0;}

	.modal-menu-full{width: 100%;}
	.modal-menu-container{min-height: calc(100% - 9rem);}

	.khachhang__owl.owl-carousel .owl-stage-outer {overflow: hidden;}

	.header-menu{display: none;}
	.header-top{display: none;}
	.header-flex { justify-content: space-between; align-items: center; display: flex;}
	.header-button-1, .res-logo{display: none;}
	.header-res-left{display: flex;}
	.menu-footer-item{display: flex;align-items: center;}
	.header-logo{top: 0px;margin-right: 0;text-align:center;}
	.header-logo img{}
	.res-header-search{display: block;margin-top: 15px;}
	.res-header-search input{width: 100%;}
	.header-search-container{padding: 2rem 2%;}
	.header-search-bot { margin-top: 4.25rem; }
	.header-search-inner{flex-direction: column;}
	.header-search-left{width: 100%;max-width: 100%;}
	.header-search-right{width: 100%;max-width: 100%;margin-top: 2rem;}	
	.home-search-tags{gap: 20px;}
	.header-buttons{width: 100%; justify-content: space-between;}
	.header-button-top{margin: 0;width: calc(95% - 110px);margin-right: 10px;}
	.header-button-top input{width: 100%;}
	.header-button-2{width: 100px; text-align: right;font-size: 15px;}
	.header-top-contain{padding: 1rem 0;}
	.mobile-menu-sticky{position: fixed !important; top: 0;width: 100%;}

	/*.hbreadcrumb .breadcrumb{padding: 0.75rem 0rem !important;}*/
	#hcontainer{z-index:999;}

	.bor-none{padding: 30px 3% !important;}

	#menu{display: none;}
	#modal-menu{z-index: 99999999;}
	#menu-sidebar{width: 100%;}
	#menu-sidebar li { position: relative; }
	#menu-sidebar >li{}
	#menu-sidebar >li > ul{position: relative; width: 100%; min-height: auto; left: 0;padding: 0; margin-left: 0;display: none;opacity: 1;visibility: visible;}
	#menu-sidebar >li > ul:before{display: none;}
	#menu-sidebar >li >ul >li{width: 100%;}
	#menu-sidebar >li > ul li{position: relative; top: unset;margin-top: 5px;line-height: 30px;}
	#menu-sidebar >li{display: block;position: relative;}
	#menu-sidebar > li > a{display: block;}
	#menu-sidebar .menu-sidebar-active ul{padding-left: 15px;}
	#menu-sidebar a{font-size: 15px;}

	.main-content-right{display: none;}
	.main-content-left { width: 100%; padding-right: 0; border-right: none;}

	.menu-sidebar-right{display: none;}
	.menu-sidebar-down{display: flex;position: absolute; top: 0;}

	/*.owl-theme .owl-nav.disabled+.owl-dots{margin-right: 0% !important;margin-top: 1.5rem !important;}*/
	.bortop{border-top-width: 12px;padding: 6% 3% !important;}	
	.certificate__owl.dots_custom__owl.owl-theme .owl-dots, .customer__owl.dots_custom__owl.owl-theme .owl-dots{margin-top:1rem !important;}
	.certificate__owl.dots_custom__owl.owl-theme .owl-dots .owl-dot span, .customer__owl.dots_custom__owl.owl-theme .owl-dots .owl-dot span{background: #5D7266;margin: 4px 3px;width: 4px; height: 4px;}

	.mySwiper3{overflow: inherit !important;}

	.content-page-main{flex-wrap: wrap;flex-direction: column-reverse !important;padding: 0 2%;}
	.form-group-right{width: 100% !important;}
	.form-group-left{width: 100% !important;}

	.product_detail_album img{width: 100%;max-width: 100% !important;max-height: auto !important;}
	.product_detail_album .MagicZoom, .product_detail_album .MagicZoom figure{width: 100%;}
	.hbreadcrumb{padding:0;}

	.content-box-layout, .content-page-layout{max-width: 100%;}

	.box_product_owl{gap: 0 10px;}
	.fix_carousel_owl { overflow-x: auto; }
	.fix_carousel_owl .fix-carousel-off { display: flex; flex-wrap: wrap;}

	.fix_carousel_owl .box-product-item{min-width: initial; width: calc(100% / 3 - 11.5px); margin: 0;}
	.fix_carousel_owl .box-product-item:last-child{margin-right: 0;}
	.fix_carousel_owl .box_product_owl{flex-wrap: wrap;gap: 15px;justify-content: center;width: 100%;}

	.fix_carousel_owl .box-post-item{min-width: 285px; width: 285px; margin: 0 5px;}
	.fix_carousel_owl .box-post-item:last-child{margin-right: 0;}

	.khachhang__owl { width: 100% !important;}
	.fix_carousel_owl .home-custom-item{min-width: 350px; width: 350px; margin: 0 10px;margin-bottom: 20px;}
	.fix_carousel_owl .home-custom-item:last-child{margin-right: 0;}

	.tintuc__owl.owl-theme .owl-dots{position: relative; top: unset; right: unset;justify-content: center;}
	.tintuc__owl.owl-theme .owl-nav.disabled+.owl-dots{padding-right:0;}
	.btn-view-product{position: relative; top: unset; right: unset;display: block;text-align: center;margin-top:1rem;}
	.btn-view-product:after{display: none;}

	.home-tuvan-tab-active:after{display: none;}
	.bg-blur{display: none;}
	/*.khachhang__owl.owl-carousel .owl-stage-outer { overflow: hidden; }*/
	.fix-text-slider{padding-top: 12rem;}

	.home-video--wrapper{flex-wrap: wrap;}
	.home-video--left { width: 100%;}
	.home-video--right{width: 100%;}
	.home-video--right---list { flex-direction: row;       /* chuyển sang hàng ngang */ overflow-x: auto;          /* bật scroll ngang */ overflow-y: hidden;        /* ẩn scroll dọc */ max-height: none;          /* bỏ giới hạn chiều cao cũ */ gap: 12px; -webkit-overflow-scrolling: touch; /* mượt trên iOS */ }
	.home-video--right---list::-webkit-scrollbar {
	    display: none; /* ẩn scrollbar Chrome/Safari */
	}
	.home-video--subbox {
	    flex: 0 0 auto; /* quan trọng để item không co lại */
	    width: auto;   /* tùy chỉnh chiều rộng mỗi item */
	}
	.home-video--right---list{gap:20px;}
}


@media screen and (max-width: 1000px){
	
}



@media screen and (max-width: 815px){
	/*.menu-footer-item svg{width:35px;}*/
	/*.cart_page .back-to-top{bottom:70px;}*/

	.owl-carousel .owl-stage:after{display: none;}
}


@media screen and (max-width: 768px){
	html {
		font-size: 12px;
	}
	.form-row .input-contact { width: 100%; margin-bottom: 1rem; }
	.back-to-top{bottom:8px;}
	/*.cart_page .back-to-top{bottom:70px;}*/
}


@media screen and (max-width: 700px){
	.header-menu-btn span {display: none;}
	.home-video--subinfo >h3{font-size: 26px;}
	.home-video--priceinfo---left p{font-size: 18px;}
	.home-video--subinfo >span{font-weight: 500; font-size: 14px;}
	.home-video--subinfo >div{font-weight: 300;}
	.home-video--wrapper { gap: 12px; }
}


@media screen and (max-width: 640px){
	.show-popup-close svg{width:24px;}
	.content-css{font-size:14px;}

	.swiper-doitac-prev, .swiper-doitac-next{display: none;}
	.form-tuyendung-main{ height: 100%; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
	.brand__owl.owl-theme .owl-nav.disabled+.owl-dots{margin-top:2rem;}

	.nhacungcap__owl.owl-theme .owl-dots{display: flex;margin-left: 0;margin-bottom: 1rem;}
	.btn-view{position: relative;bottom:0;padding-left: 0;}
	.btn-view:after{display: none;}
	.slide__owl.owl-theme .owl-dots{bottom:7px;}
	.dots_custom__owl.owl-theme .owl-dots .owl-dot span{margin: 4px 6px;}
}

@media screen and (max-width: 639px){
	.h-news-title{width: 100%;}
	.header-tagline{display: none !important;}
}


@media screen and (max-width: 600px){
	.footer-bottom-formBox{width: 100%;}
	.footer-accordian{width: 100% !important;padding: 30px 0; border-top: 1px solid rgb(255 255 255 / 10%);}
	.footer-bottom-email{width: 100%}
	.footer-bottom-submit{width: 100%;}
	.footer-title{font-size: 18px;}
	.footer-information{display: flex; flex-direction: column; align-items: center;margin-bottom: 14px;}
	.footer-information > div{order:3;}
	.footer-heading{margin-top:12px;}
	.footer-title svg{display: block;}
	.footer-accordian-title.active svg { transform: rotate(180deg); }
	.footer-subinfo span{font-size: 16px;}
	.footer-bottom-info, .footer-copyright{font-size: 14px;}
	.home-video--iconplay{align-items: start; justify-content: end; padding: 17px;}
	.home-video--right{padding:10px;}
}


@media screen and (max-width: 500px){
	.menu-side-logo{margin: auto;}
	#menu-side-mobile >li>div>a{font-size: 14px;text-transform: capitalize;}

	.banner-title span { font-size: 26px; }
	.contact-form-title { font-size: 25px; }

	.fix_carousel_owl .fix-carousel-off{justify-content: center;}

	.flipster{width:100% !important;}

	.solieu__owl .owl-nav{display: none !important;}
	/* .header-logo img { width: 50%; } */
	#toc_container{padding: 12px;}
	.hbreadcrumb.black a{font-size:13px;}
	.fix-text-slider{padding-top: 7rem;}
	.social-list img{width: 40px;height: 40px;}
	.social-list{bottom: 60px;right: 6px;}
	/*#hcontainer{margin-top:70px;}*/
	.home-video--subinfo >div{width: 100%;}
	.home-video--left{height: 400px;}
	.filter-note{justify-content: start;}
}


@media screen and (max-width: 450px){
	.fix-swiper-project {
		height: 390px;
	}
	.home-video--iconplay svg{width: 45px; height: 45px;}
}


@media screen and (max-width: 400px){
	
}



@media screen and (max-width: 360px){
	.header-search-category{gap: 10px;}	
	.header-search-category-item { width: calc(100% / 5 - 10px); }
	.home-title span { font-size: 20px; }
}