/* Responsive */
@media (max-width:1024px){.wrap-container{position:relative;overflow:hidden;}
.wrap-container-mobile{overflow-x:hidden;position:relative;}
.footer-flex{flex-direction:column;gap:30px}
.footer-flex>*{width:100%!important}
.splide__arrow{display:none}
.progress-wrap{display:none}
.footer_flex{flex-direction:column;gap:30px}
.footer_flex>*{width:100%!important}
.header-wrap,.menu{display:none!important}
.menu-res{display:flex!important}
.logo-mb{display:inline-block;text-align:center;max-width:200px}
.menu_baophu{background:#000;opacity:.8;z-index:998;left:0;top:0;position:fixed;width:100%;height:100%;display:none}
.icon_menu_mobi{color:#fff;font-size:25px;text-decoration:none;width:35px;display:block;cursor:pointer;margin:0;text-align:center;}
.home_mobi{color:#fff;text-decoration:none;float:right;font-size:20px}
.logo-mobi{display:inline-block;max-width:80px;filter:brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(314%) hue-rotate(347deg) brightness(118%) contrast(100%);}
.menu_mobi{background:var(--color-main);padding:5px 10px;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%;cursor:pointer;position:sticky;top:0;z-index:10;box-shadow:rgba(100,100,111,.2) 0 5px 20px}
.menu_mobi_add{position:fixed;top:0;left:-100%;bottom:0;width:350px;max-width:85%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05);transition:.5s;z-index:9999999}
.menures_inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;height:100%;width:100%}
.menures_header{padding:10px;position:relative;background:#fff;filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}
.menures_content{padding:5px;position:relative;overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:none}
.menu_mobi_active{left:0;transition:.5s}
.menu_mobi_add ul{list-style:none;padding:0;margin:0}
.menu_mobi_add ul li.li-tim{display:none}
.menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
.menu_mobi_add ul li b{display:inline-block;vertical-align:top;margin-right:8px}
.menu_mobi_add ul li b img{display:inline-block;vertical-align:top}
.menu_mobi_add ul li a{color:#191919;padding:8px 30px 8px 5px;position:relative;font-size:16px;transition:.3s!important;font-family:var(--font-bold);border-radius:10px;display:flex;align-items:center;gap:12px}
.menu_mobi_add ul li a:hover{color:var(--color-main)}
.menu_mobi_add ul li a svg{display:none}
.menu_mobi_add ul li a i{position:absolute;right:5px;transform:rotate(0);width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-main);border-radius:50%;top:calc(50% - 25px / 2)}
.menu_mobi_add ul li a.active2 i{transform:rotate(90deg);color:#fff;box-shadow:0 0 0 25px var(--color-main) inset}
.menu_mobi_add ul ul{display:none;padding-left:15px;margin:5px 0 10px 0}
.menu_mobi_active .menu_lvl2>ul{padding:0}
.menu_mobi_add ul li ul li a{padding-left:20px;color:#6f6f6f}
.menu_mobi_add ul li ul li ul li a{padding-left:20px}
.menu_mobi_add ul li:last-child a{margin-bottom:0}
.thongtin-mb ul li{list-style:none;color:#000;font-weight:500;margin-bottom:15px}
.thongtin-mb ul li:last-child{margin-bottom:0}
.thongtin-mb ul li i{font-size:19px;margin-right:10px;color:var(--color-main)}
.close_menu{display:inline-block;cursor:pointer;position:absolute;top:5px;right:5px;width:25px}
.menures_footer{padding:10px;margin-top:auto;background:#f7f7f7;border-top:solid 1px #e4e8ed}
.contact-input{margin-bottom:15px;}
.flex-cus,.row-video,.row-20{margin-left:-5px;margin-right:-5px;}
.mg-cus,.mg-video,.col-20{padding-left:5px;padding-right:5px;}
.content-text img{height:auto !important;}
.padding-top-bottom{padding:2rem 0;}
.pad-top{padding-top:2rem;}
.pad-bottom{padding-bottom:2rem;}
.mg-top{margin-top:2rem;}
.mg-bottom{margin-bottom:2rem;}
.title-detail-main{font-size:20px;}
.cart-fixed{bottom:220px;}
.btn-frame{display:none;}
.cart-pro-detail{width:100%;margin-top:10px;}
.pad-bottom{padding-bottom:2rem !important;}
.pad-top{padding-top:2rem !important;}
.padding-top-bottom{padding:2rem 0 !important;}
.menu{display:none;}
.menu-res{display:block;background-image:none !important;}
.menu-mobile .collapse{visibility:inherit;}
.product-tool{opacity:1;visibility:visible;position:initial;}
.product-tool a span{display:none;}
.head .head-top .wrap-content{justify-content:center !important}
.wrap-container{overflow-x:hidden;position:relative;}
.logo-res{display:none;}
.head .head-bottom .wrap-content{justify-content:center !important;flex-wrap:wrap;gap:10px}
.cols-about-us{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;z-index:10;gap:15px}
.cols-about-us >div:nth-child(1){width:100%;position:relative;}
.cols-about-us >div:nth-child(2){width:100%;}
.cols-news-hot{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:start;gap:15px;}
.cols-news-hot >div:nth-child(1){width:100%;position:relative;}
.cols-news-hot >div:nth-child(2){width:100%;position:relative;}
.cols-form{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;}
.cols-form >div:nth-child(1){width:100%;position:relative;}
.cols-form >div:nth-child(2){width:100%;position:relative;}
.product{width:23.5%;}
.product:nth-child(5n+1){clear:unset;}
.product:nth-child(5n){margin-right:2%;}
.product:nth-child(4n+1){clear:both;}
.product:nth-child(4n){margin-right:0px;}
.news{width:32%;}
.news:nth-child(4n+1){clear:unset;}
.news:nth-child(4n){margin-right:2%;}
.news:nth-child(3n+1){clear:both;}
.news:nth-child(3n){margin-right:0px;}
.service{width:32%;}
.service:nth-child(4n+1){clear:unset;}
.service:nth-child(4n){margin-right:2%;}
.service:nth-child(3n+1){clear:both;}
.service:nth-child(3n){margin-right:0px;}
.head{display:none;}
.footer-statistic{text-align:center;}
.footer-copyright{text-align:center;}
.scrollToTopMobile{display:block !important;}
.head-top .wrap-content{flex-wrap:wrap;justify-content:center;gap:10px;}
.header{padding:0;padding-bottom:0 !important;padding-top:0 !important;}
.head-bottom .wrap-content{justify-content:center;}
.menu-mobi{display:block;background:var(--color-main);padding:5px 15px;display:flex;justify-content:space-between;align-items:center;}
.logo-mmenu{display:inline-block;width:15%;}
.head-top{display:none;}
.head-bottom{display:none;}
.cols-news{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.cols-news >div:nth-child(1){width:100%;display:none;}
.cols-news >div:nth-child(2){width:100%;}
.video-slide{height:70vh;}
.video-slide video{height:100%;aspect-ratio:unset;object-fit:cover;}
.cols-album{display:flex;justify-content:space-between;align-items:start;gap:10px;flex-wrap:wrap;}
.cols-album .picture-album{width:calc(50% - 5px);}
.modal-dialog.edit{max-width:100%;}
.form-modal >div:nth-child(1){width:100%;}
.head-menu img{max-width:100px !important;}
.logo-mmenu{filter:brightness(0) saturate(100%) invert(97%) sepia(4%) saturate(202%) hue-rotate(192deg) brightness(117%) contrast(100%);}
.search-res .icon-search{color:#fff !important;border-color:#fff !important;}
.button-ajax nav >div{display:flex !important;justify-content:center !important;align-items:center;}
.button-ajax nav{justify-content:center !important;}
.title-map{display:inline-grid;justify-content:end;left:auto;right:8px;}
.title-map li a{font-size:13px;padding:4px 15px;}
.search-popup .icon-search{background:var(--color-main);color:#fff;}
.slide-wrap .cols{flex-wrap:wrap;}
.main-product_new .title span{font-size:22px;}
.main-product_new{padding:20px 15px;}
}
@media (max-width:992px){.othernews{position:initial;}
.footer-title:after{width:100%;}
#fanpage-facebook{width:300px;overflow:hidden;margin:auto;}
.footer-news:nth-child(4){width:100%;}
.footer-news:nth-child(3){width:100%;margin-bottom:20px;}
.footer-news:nth-child(2){width:100%;margin:20px 0;}
.footer-news:nth-child(1){width:100%;}
.time-news{display:none;}
.copyright,.statistic{width:100%;text-align:center;}
.footer-ul li{width:calc(100% / 2 - 5px);}
.footer-ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.product{width:32%;}
.product:nth-child(4n+1){clear:unset;}
.product:nth-child(4n){margin-right:2%;}
.product:nth-child(3n+1){clear:both;}
.product:nth-child(3n){margin-right:0px;}
.news{width:32%;}
.news:nth-child(4n+1){clear:unset;}
.news:nth-child(4n){margin-right:2%;}
.news:nth-child(3n+1){clear:both;}
.news:nth-child(3n){margin-right:0px;}
.service{width:32%;}
.service:nth-child(4n+1){clear:unset;}
.service:nth-child(4n){margin-right:2%;}
.service:nth-child(3n+1){clear:both;}
.service:nth-child(3n){margin-right:0px;}
.album-main{width:49%;}
.album-main:nth-child(3n+1){clear:unset;}
.album-main:nth-child(3n){margin-right:2%;}
.album-main:nth-child(2n+1){clear:both;}
.album-main:nth-child(2n){margin-right:0px;}
.groups-detail{width:100%;}
.last-pro-detail{width:100%;}
.cols-detail{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.f-flipbook button{top:auto;bottom:-29%;}
.f-flipbook .turn-prev{right:auto;}
.f-flipbook .turn-next{left:auto;right:0;}
.cols-newsletter .newsletter-input{width:100% !important;}
.newsletter-input::after{left:35px;}
.form .form-floating.form-floating-cus>textarea{padding-left:12%;}
.form .newsletter-textarea label{padding-left:14%;}
.form .form-floating.form-floating-cus>input,.form .form-floating-cus>select{padding-left:12% !important;}
.form .form-floating.form-floating-cus>textarea{padding-left:12%;}
.form .newsletter-input label{padding-left:13%;}
.form .newsletter-textarea label{padding-left:12%;}
.flex-news-detail{flex-wrap:wrap;gap:20px}
.flex-news-detail >div{width:100%;}
.flex-list-product{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:768px){.item-video1 img{height:250px;}
.contact-flex,.prodetail__actions,.prodetail__header{grid-template-columns:1fr}
.product-item__price--per{display:none}
.right-intro{width:100%;}
.left-intro{width:100%;margin-bottom:20px;padding-right:0;}
.left-pro-detail,.right-pro-detail{width:100%;margin:0px;}
.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
.pic-news{width:40%;}
.info-news{width:60%;padding-left:10px;}
.name-news{font-size:15px;}
.desc-news.text-split{-webkit-line-clamp:2;}
.product{width:32%;}
.product:nth-child(4n+1){clear:unset;}
.product:nth-child(4n){margin-right:2%;}
.product:nth-child(3n+1){clear:both;}
.product:nth-child(3n){margin-right:0px;}
.news{width:32%;}
.news:nth-child(4n+1){clear:unset;}
.news:nth-child(4n){margin-right:2%;}
.news:nth-child(3n+1){clear:both;}
.news:nth-child(3n){margin-right:0px;}
.service{width:32%;}
.service:nth-child(4n+1){clear:unset;}
.service:nth-child(4n){margin-right:2%;}
.service:nth-child(3n+1){clear:both;}
.service:nth-child(3n){margin-right:0px;}
.newsletter-button{width:100%;transform:none;}
.album-page{width:49%;}
.album-page:nth-child(3n+1){clear:unset;}
.album-page:nth-child(3n){margin-right:2%;}
.album-page:nth-child(2n+1){clear:both;}
.album-page:nth-child(2n){margin-right:0px;}
.items-newsletter{flex-wrap:wrap;gap:0;}
.items-newsletter .newsletter-input{width:100%;}
.footer-powered .wrap-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px}
.flex-list-product{grid-template-columns:repeat(3,1fr);}
.main-product_new .title span:before,.main-product_new .title span:after{background-size:100% 100%;width:27px;height:39px;}
.item-product .title span{width:55%;font-size:17px;}
.item-product .category-nav{width:48%;}
.category-nav__item{padding:5px 12px;font-size:14px;}
.item-product .content{padding:10px;}
.text-about-us{font-size:14px;}
.wrap-form .cols .form{flex-wrap:wrap;width:100%;justify-content:center;}
.wrap-form .cols{flex-wrap:wrap;justify-content:center;gap:10px;}
.cols .form-group input{width:100%;}
.wrap-form .cols .form form{flex-wrap:wrap;justify-content:center;}
}
@media (max-width:576px){.toast-cus{left:5px;width:calc(100% - 10px);}
.box-readmore{width:calc(100% - 5px);}
.newshome-scroll{width:100%;}
.newshome-intro{width:100%;margin-bottom:20px;}
.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
.cart-pro-detail{flex-wrap:wrap;}
.cart-pro-detail a{width:100%;text-align:center;margin:0px !important;}
.cart-pro-detail a:first-child{margin-bottom:5px !important;}
.title-main span,.title-main h1{font-size:30px;}
.news{width:100%;}
.service{width:100%;}
.product{width:49%;margin:0 2% 2% 0}
.product:nth-child(3n+1){clear:unset;}
.product:nth-child(3n){margin-right:2%;}
.product:nth-child(2n+1){clear:both;}
.product:nth-child(2n){margin-right:0px;}
.grid-product,.grid-news{display:grid;grid-template-columns:repeat(1,1fr) !important;gap:10px;}
.name-about-us{font-size:24px;}
.title-detail-main h3{font-family:'MontserratBold';font-size:25px;}
.btn_custom a{display:block;width:max-content;background:var(--color-main);color:#fff;font-size:13px;font-weight:bold;margin-right:10px;margin-bottom:10px;border-radius:100px;padding:7px 10px;text-transform:capitalize;transition:all .3s ease;border:1px solid (--color-main);}
.control-product button.owl-prev{left:0%;}
.control-product button.owl-next{right:0%;}
.box-album{padding:10px;border-radius:0;margin-top:0px;}
.flex-list-product{grid-template-columns:repeat(2,1fr);}
}