/* 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;width: 100%;display: inline-block;background: var(--clr-main) url(../images/mn1.png) no-repeat 10px center;color: #fff;padding: 5px;text-transform: uppercase;font-size: 18px;height: 37px;} 
	#hamburger:before, #hamburger:after, #hamburger span {background: var(--clr-white);}
	#hamburger span{display: inline-block;background: none;font-family: var(--font-ici);font-size: 18px;height: auto;position: relative;width: auto;text-transform: uppercase;line-height: 29px;top: 0;padding-right: 5px;}
	.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: center !important;align-items: center !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) {
	.header-logo-banner{width: 90px;}
	.head-right{width: calc(100% - 100px)}
	.icon-album{max-width: 90px;}
	.head-home{position: relative;}
	.navigation{display: block !important;margin: 0;width: 102px;}
	.navigation>.navigation__inner{
    flex-wrap: wrap;
}
	.head-right .box-menu{display:none}
	.header-bottom{padding: 5px 0;}	
	.header-logo{max-width: 90px;}
	.header-bottom .header-logo{border-radius: 0;box-shadow: none;vertical-align: bottom;}
	.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: 15px; 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);}
	.grid-videos {grid-template-columns: repeat(2,1fr);}
	.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; }
	.flex_tabsp .title-sp{margin-bottom: 20px;}
	.flex_tabsp .title-cat-main span{padding: 13px 13px;font-size: 12px;display: inline-block;vertical-align: top;margin-bottom: .5rem;margin-right: .3rem;}

.flex_tabsp .title-cat-main {
    text-align: center;
}
	.visao_left,.fpFeedback-left{width: 100%;}
	.visao_right,.fpFeedback-right{width: 100%;padding: 0 20px;}
	.mxh-bottom ul li{max-width: 30px;}
	.wap_danhgia_main{background-size: 200px;padding-top: 20px;}
	.feedback3{padding-right: 0;margin-bottom: 30px;}
	.feedack-desc,.feedback-icon,.feedack-name{padding-right: 0;}
	.fpFeedback-left{padding-top: 0px;}
	.footer-group{padding-top:100px;}
	.footer-group:before{background-size: 112% auto;height: 100px;top: -2px;}
	.head-right .language-search{width: 117px;display: flex;height: 37px;flex-wrap: wrap;align-items: center;justify-content: center;}
	.lang-header-top{
    display: inline-block;
}
	.lang-header-top .lang-header-ul{}
	.lang-header-top .lang-header-ul li{
    display: inline-block;
    width: auto;
    margin-bottom: 0;
	}
	.icon-search{width:30px;display:inline-block}
	.blog-run4 .swiper{height: 130px;}
}
@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-chinhanhs {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(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) { }