/* Responsive */
@media (max-width:1024px) {
	/* General */
	.rps-xl--visible { display: block; }
	.rps-xl--hidden { display: none; }
	.rps-xl--w-100 { width: 100%; }
	#hamburger { display: block; margin-bottom: 0;  } 
	#hamburger:before, #hamburger:after, #hamburger span {background: var(--clr-main);}
	.navigation nav ul li ul {position: unset;box-shadow: none;opacity: 1;visibility: unset;} 

	.header-search,
	.header-hotline {display: none;}
	.header-bottom .wrap-content {justify-content: right !important;}
	/* TODO: Search Toggle */
	.search__toggle { --height: 40px; position: relative; }
	.search__toggle .search__icon {display: grid;place-items: center;width: 40px;height: var(--height);font-size: 17px;color: var(--clr-white);cursor: pointer;}
	.search__toggle .search__icon.active { color: var(--clr-active); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--clr-white); }
	.search__toggle .search__grid {opacity: 1;width: 230px;overflow: hidden;position: absolute;top: 50px;right: 0px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;height: var(--height);border: 1px solid var(--clr-active);-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;background: var(--clr-white);padding: 0rem 0.25rem;}
	.search__toggle .search__grid .search__button { display: grid; place-items: center; width: 35px; font-size: 17px; color: var(--clr-active); background: none; }
	.search__toggle .search__grid .search__input {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;color: var(--clr-active);text-indent: 10px;width: 100%;}
	.search__toggle .search__grid input:focus {box-shadow: none;}
	.search__toggle .search__grid input::-webkit-input-placeholder { /* autoprefixer: off */ color: var(--clr-silver); }
	.search__toggle .search__grid input:-moz-placeholder { /* autoprefixer: off */ color: var(--clr-silver); }
	.search__toggle .search__grid input::-moz-placeholder { /* autoprefixer: off */ color: var(--clr-silver); }
	.search__toggle .search__grid input:-ms-input-placeholder { /* autoprefixer: off */ color: var(--clr-silver); }
	 

}
@media (max-width:850px) {
	.title-slide *,.title-slide h1{font-size: 20px !important;}
	.albumltc__main{height: 153px;}
	.wrap-intro{padding-top:40px;}
	.banner-detail div{top: calc(50% - 15px);}
	.banner-detail img{
    height: 100px;
	}
	.chat-nav{display: none}
	.toolbar{width:100%;padding:6px 7px;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;display: block;background: var(--clr-btn)}
    .toolbar ul{list-style:none;padding:0px;margin:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .toolbar ul li{text-align:center;width: 33%;} .toolbar ul li a{display:block;width:100%;cursor:pointer}
    .toolbar ul li a img{height:6vw;width:auto;display: inline-block;} .toolbar ul li a span{font-weight:400;color:#ffffff;font-size:3.5vw;display: block;}
	/* General */
	.mobile-logo{max-width: 200px;display: block;}
	.offcanvas-start{max-width: 90%;}
	.menu-mobile ul { padding: 0px; }
	.menu-mobile ul li { position: relative; }
	.menu-mobile ul li > span i { transition: transform 0.3s ease; }
	.menu-mobile ul li a {display: block;padding-right: 30px;color: #333;font-size: 20px;padding: 10px 0px;border-bottom: 1px solid #f1f1f1;}
	.menu-mobile ul li a i { margin-right: 10px; }
	.menu-mobile ul li li a { font-weight: normal; }
	.menu-mobile ul li a:hover { color: var(--clr-main); }
	.menu-mobile ul li .scroll {position: absolute;right: 0px;top: 9px;background: var(--clr-main);font-size: 17px;line-height: 18px;height: 25px;color: #fff;width: 35px;border-radius: 5px;display: flex;justify-content: center;align-items: center;cursor: pointer;padding-right: 14px;}
	.menu-mobile ul li:hover { color: #f00; }
	.menu-mobile ul ul li .scroll { background: none; color: var(--clr-main); }
	.menu-mobile ul li ul { padding-left: 10px; }
	.menu-mobile ul li a i{position:absolute; height:100%; right:0;top:0; border-bottom: 1px solid rgba(255,255,255,0.1);width:40px; text-align:center; padding-top:13px;transform:rotate(90deg); border-bottom: 1px solid rgba(255,255,255,0.1); }
	.menu-mobile ul li a.active2 {color: var(--clr-main);}
	.menu-mobile ul li a.active2 i{ transform:rotate(0deg); border-left: 1px solid rgba(255,255,255,0.2); }
	.menu-mobile ul ul {display:none;padding-left: 0;}
	.rps-lg--visible { display: block; }
	.rps-lg--hidden { display: none; }
	.rps-lg--w-100 { width: 100%; }
	.news-left { width: 100%; }
	.news-right { width: 100%; margin-top: 30px; padding: 10px; }
	.intro__main {flex-direction: column;gap: 30px;}
	.intro-left,
	.intro-right {width: 100%;}
	.intro-profile {right: 0;}
	.NewsletterVideo__main {flex-direction: column; gap: 30px;}
	.nlt-right,
	.nlt-left {width: 100%; max-width: 100%;}
	.i-goto, .footer-powered .wrap-content:before {content: none; display: none;}
	.grid-news {grid-template-columns: repeat(2,1fr);gap: 15px 15px;}
	.grid-why {grid-template-columns: repeat(2,1fr);gap: 15px 15px;}
	.grid-processes {grid-template-columns: repeat(2,1fr);gap: 15px 15px;}
	.grid-wedo {grid-template-columns: repeat(1,1fr);gap: 15px 15px;}
	.grid-videos {grid-template-columns: repeat(2,1fr);gap: 15px 15px;}
	.product-name a{--line-clamp:2;}

	/* Footer */
	.footer-article__inner>[class^="footer-article--"] { width: 100%; }
	.footer-article__inner>[class^="footer-article--"]:not(:last-child) { margin-bottom: 1.5rem; }
	.intro-photo a:nth-child(1){
    padding: 17px 0 0 18px;
    max-width: 70%;
}
	.intro-photo a:nth-child(2){
    max-width: 70%;
}
	.intro-photo a{}
	.intro-quote{margin-bottom:20px;padding: 7px 20px;}
	.intro-btn{padding:5px 10px;}
	.process-item{padding:20px 10px 0px 10px;}
	.why-name a,.process-name a{
    --line-clamp: 2;
	}
	.process-desc{height:inherit;margin-bottom:10px}
}
@media (max-width:769px) {
	.gutter-x-20 { --bs-gutter-x: 10px; } 
	.grid-pro-detail { display: block; }
	.grid-pro-detail .left-pro-detail { width: 100%; padding: 0px; border-right: none; }
	.footer-powered .wrap-content {flex-direction: column; gap: 20px; justify-content: center; align-items: center ; text-align: center;}

	.left-product {display: none;}
	.right-product  {width: 100% !important;}
	
	.footer-powered:has(.footer-statistic) .footer-copyright, .footer-powered:has(.footer-statistic) .footer-statistic { text-align: center; }
	.footer-powered:has(.footer-statistic) .footer-copyright { margin-bottom: 0.25rem; } 
	.feedback__info:before {content: none;}
}
@media (max-width:576px) { 
	/* General */
	.wrap-criteria {padding: 30px 0;}
	.rps-md--visible { display: block; }
	.rps-md--hidden { display: none; }
	.rps-md--w-100 { width: 100%; }
	.header-address {display: none;}
	.header-top .wrap-content {justify-content: center !important;}
	.productList-title-right {display: none;}
	.title__main:after,
	.title__main:before {zoom: .65;}
	.nlt-left {padding: 20px ;}
	/*.grid-news {grid-template-columns: repeat(1,1fr);}*/
	.grid-product {grid-template-columns: repeat(2,1fr);gap: 20px 15px;}
	.grid-product-4 {grid-template-columns: repeat(2,1fr); gap: 15px;}
	.album__item{padding: 5px;}
	.albumHome__main {display: grid;grid-template-columns: repeat(1,1fr);grid-template-rows: repeat(3,1fr);gap: 10px;}
	.albumHome__main .album__item img{
    height: 155px;
    object-fit: cover;
}
	.albumHome__main .album__item:nth-child(1) {
	    grid-column: 1/2;
	}
	.albumHome__main .album__item:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}
	.albumHome__main .album__item:nth-child(3) {
	    grid-column: 1;
	    grid-row: 3;
	}
	.albumHome__main .album__item:nth-child(4) {
	   grid-column: 4 / 8;grid-row:2/3	
	}
	.albumHome__main .album__item:nth-child(5) {
	   grid-row:3/4;grid-column: 1 / 5;
	}
	.albumHome__main .album__item:nth-child(6) {
	   grid-row:3/4;grid-column: 5 / 8;
	}
	.flex_map .map_items { 
	    min-width: 120px;
	    min-height: 50px; }

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