/* 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: space-between;margin: 0;width: auto;padding: 0 10px;}
	/* 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-main);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); }
	 .header-logo{max-width:90px}
	.header-banner{max-width:135px;}
	.navigation{width: 105px;}

}
@media (max-width:850px) {
	.slideshow:before{
    height: 35px;
    bottom: -10px;
}
	.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:12px;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.icon-search{display:none;}
	.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: 17px;padding: 10px 0px;border-bottom: 1px solid #f1f1f1;font-family: var(--font-bold);}
	.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-reverse; 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);}
	.grid-videos {grid-template-columns: repeat(2,1fr);}
	.grid-news-3 {display: grid;grid-template-columns: repeat(2,1fr);ga;gap: 15px 10px;}
	.product-name a{--line-clamp:2;}
	.chuongtrinh-info {
	    padding: 10px;
	}
	.chuongtrinh-desc{line-height: initial;height: initial;}
	.chuongtrinh-btn{}
	.chuongtrinh-btn svg{
    width: 20px;
    height: 20px;
}

	/* Footer */
	.footer-article__inner>[class^="footer-article--"] { width: 100%; }
	.footer-article__inner>[class^="footer-article--"]:not(:last-child) { margin-bottom: 1.5rem; }
	.title__main{text-align:center;}
	.btn-prev-ltc{left: 20px;}
	.btn-next-ltc{right: 20px;}
	.btn-prev-ltc svg, .btn-next-ltc svg{background:#fff}
	.wrap-NewsletterVideo .nlt-left{width:100%;}
	.wrap-newsHome{padding: 30px 10px;}
	.newsHome__main{padding-top: 0;}
}
@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(2,1fr);gap: 20px 10px;}
	.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(2,1fr);grid-template-rows: repeat(3,auto);gap: 20px; }
	.albumHome__main .album__item:nth-child(1) {
	    grid-row: 1/2;
	    grid-column: 1/2;
	}

	.albumHome__main .album__item:nth-child(2) {
	    grid-row: 1/2;
	    grid-column: 2/3;
	}

	.albumHome__main .album__item:nth-child(3) {
	    grid-row: 2/3;
	    grid-column: 1/3;
	}

	.albumHome__main .album__item:nth-child(4) {
	    grid-row: 3/4;
	    grid-column: 1/2;
	}

	.albumHome__main .album__item:nth-child(5) {
	    grid-row: 3/4;
	    grid-column: 2/3;
	}

	.flex_map .map_items { 
	    min-width: 120px;
	    min-height: 50px; }

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