/* Toolbar */
.toolbar { display: none; background: #1b1a1a63; width: 100%; padding: 2vw; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; }
.toolbar ul li { text-align: center; width: 25%; }
.toolbar ul li a { display: block; width: 100%; cursor: pointer; }
.toolbar ul li a img { height: 6vw; width: auto; -webkit-filter: brightness(0) invert(1); }
.toolbar ul li a span { font-weight: 400; color: #ffffff; font-size: 3.5vw; display: none; }
.search-res { display: none; }
.grid-advertise { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.items-newsnb .img { width: 185px; }
.items-newsnb .info { width: calc(100% - 200px); }
.product-order-res { display: none; }
.head-bar { display: flex; justify-content: space-between; color: #55557b; padding: 15px 0px; background: #fff; font-size: 16px; text-transform: uppercase; font-weight: 700; }
.menu-bar-filter { background-color: #fff; padding: 10px; position: fixed; top: 0; left: 0; width: 100%; z-index: 2; height: 110px; overflow: hidden; }
.item-filter { background: #eee; border: 1px solid #d7d8d9; box-sizing: border-box; border-radius: 0; padding: 8px 0 !important; text-align: center; }
.menu-bar-filter .col-filter { padding: 0; }
.menu-bar-filter .filter-brand { display: flex; flex-wrap: wrap; justify-content: start; }
.menu-bar-filter .filter-brand .title-filter { width: 100%; }
.menu-bar-filter .filter-brand .container { width: 40%; margin: 10px; }
.filter-price .container { margin: 10px; }
.menu-bar-filter { display: none; }
.mm-navbar__title { color: #000 !important; }
.mm-listitem__text { color: #4d4545 !important; }
.mm-panels>.mm-panel { background: #e3e5e5 !important; }
@media(max-width:1200px) {
	.control-owl button.owl-next { right: 10px !important; }
	.control-owl button.owl-prev { left: 10px !important; }
}
@media (min-width:1200px) {
	.container-custom { max-width: 100%; }
}
@media (min-width:992px) and (max-width:1199px) {
	.container-custom { /* max-width: 980px; */ }
}
@media (min-width:768px) and (max-width:991px) {
	.container-custom { /* max-width: 760px; */ }
}
@media(max-width:1200px) {
	.banner-header h1 { font-size: 36px; }
	.banner-header { width: 23%; }
	.header-contact { width: 55%; }
	.logo-header { width: 195px; }
	.slide-2, .slide-4, .slide-news, .slick-partner, .slick-brand  { margin: 0; }

}
@media(max-width:1100px) {
	.logo-header { width: 147px; height: 100px; }
	.logo-header img { max-height: 60px; }
	.menu { width: 100%; }
	.social-header { display: none; }
	.banner-header h1 { font-size: 28px; }
	.header-contact { width: 60%; }
	.h-content { padding-left: 5px; }
	.h-content span { font-size: 18px; }
	.dm-right ul { width: 100%; }
}
@media(max-width:1024px) {
	#hamburger { display: block; }
	.wrap-main { padding: 0 10px; }
	.btn-zalo, .btn-phone, #messages-facebook { }
	.header, .menu { display: none }
	.menu-res { display: block; }
	.toolbar { display: block; }
	.btn-zalo, .btn-phone { }
	.cart-fixed { bottom: 180px; }
	.scrollToTop { bottom: 10px; right: 10px; }
	.header-hidden { display: block; text-align: center; }
	.mm-navbar { background: #067f71; color: #fff; border-bottom: 1px solid #f4f1f1; }
	.logo-hidden img { zoom: 0.6; }
	.logo-hidden img.lazy { zoom: 1 }
	.box-slide { width: 100%; }
	.tc-items { padding: 10px 12px; }
	.wrap-tc { padding: 20px 10px; margin: 20px 0; }
	.wrap-banner { padding: 10px; margin: 10px 0; }
	.wrap-form, .box-form, .wrap-fb, .wrap-spnb { padding: 20px 10px; }
	.title-box span, .click-sp { font-size: 26px; line-height: 40px; }
	.title-list span { font-size: 22px; }
	.brand-index { margin-top: 20px; padding: 20px 10px 10px; margin-bottom: 0; }
	.title-main span { font-size: 30px; }
	.fb-items { /* padding: 15px; */ }
	.fb-photo img { zoom: 0.7; }
	.desc-fb { padding-left: 10px; }
	.khung-fb { justify-content: space-between; }
	.wrap-news { padding: 20px 10px; margin-bottom: 10px; }
	.box2 { padding: 30px; }
	.mm-navbar__title { color: #000 !important; }
	.footer-news:nth-child(1) { width: 40%; }
	.footer-news:nth-child(2) { width: 30%; }
	.footer-news:nth-child(3) { width: 25%; }
	.footer-news:nth-child(4) { width: 100%; }
	span.img-list img { display: none; }
	.list-cat ul li { margin-bottom: 10px; }
	.menu-bar-filter { display: block; }
	.col-filter.fix { display: none; }
}
@media(max-width:992px) {
	.review-preview { display: none; }
	.comment-item { display: block; }
	.comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: flex-start; }
	.comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; }
	.comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; }
	.comment-item-information { width: 100%; }
	.news { width: 100%; float: none !important; }
	.footer-news:nth-child(1) { width: 100%; margin-bottom: 20px; }
	.footer-news:nth-child(2) { width: 48%; text-align: left; }
	.footer-news:nth-child(3) { width: 48%; text-align: left; }
	.footer-powered .wrap-content { display: block !important; text-align: center; }
	.footer-powered { font-size: 13px; }
	.statistic span { padding: 5px 5px 0px; }
	.slideshow-info span { display: block; color: #fff; font-size: 30px; font-weight: 700; margin-bottom: 15px; line-height: 40px; }
	.slideshow-info p { display: block; color: #fff; font-size: 20px; margin-bottom: 20px; }
	.slideshow-info a { width: 170px; line-height: 40px; font-size: 16px; }
	.wrap-about .wrap-content { flex-direction: column; }
	.left-about { width: 100%; margin-bottom: 20px; }
	.right-about { width: 100%; }
	.footer-article { padding: 30px 0px; }
	.footer-title { margin-bottom: 15px; padding-bottom: 10px; }
	.frm-contact-footer .contact-input { margin-bottom: 15px; }
	.footer-statistic { margin: 5px 0px; }
	.wrap-intro .content-main { flex-direction: column; }
	.left-intro { width: 100%; margin-bottom: 20px; }
	.right-intro { width: 100%; }
	.box-title .btn-tablist span { font-size: 17px; }
	.box-title .title-sp { width: 120px; }
	.box-title .btn-tablist { width: calc(100% - 120px); }
	.box-product .item-product .left-img { width: 180px; }
	.box-banner .text-content-pro span { font-size: 24px; }
	.box-banner .text-content-pro p { font-size: 16px; }
	.footer-news:nth-child(4) { width: 100%; margin-top: 10px; }
	.footer-article .wrap-content { text-align: center; }
	.box-contact img { max-width: 40px; max-height: 40px; }
	.search-res .icon-search img { max-width: 40px; max-height: 40px; }
	.box-title .btn-tablist span { width: 100%; }
	.list-cat ul { margin-bottom: 20px !important; }
	.title-pagein span { font-size: 26px; }
	.grid-product-page { grid-template-columns: repeat(3, 1fr); }
	.table-product { margin-left: 0; width: 100%; }
	.flex-custom { flex-direction: column; }
	.col-list-sub { width: 100%; display: flex; flex-wrap: wrap; order: 2; justify-content: space-around; }
	.name-items-sub { font-size: 14px; }
	.border-cat img { zoom: 0.8; }
	.col-list-sub .col-filter { width: 48%; }
	.advertisepro { width: 48%; }
	.prolist-orther { width: 48%; margin-bottom: 0; }
	.box-fb-flex { flex-direction: column; }
	.wrap-fb { width: 100%; }
	.box-form { width: 100%; }
	.box-info__comment { display: block; }
	span#comment { margin-left: 0; margin-top: 4px; }
	.title-custom .title-spcat { display: none; }
	.title-custom .it .show-time { justify-content: center; margin: 10px 0; width: 100%; }
	.title-custom >a { position: absolute; top: 14px; right: 10px; z-index: 5; }
}
@media(max-width:768px) {
	.btn-contact-pro a:last-child { margin-right: 0 }
	.cart-pro-detail { display: block; width: 100%; min-width: 100% !important; flex: 1 !important; flex-wrap: wrap; }
	.cart-pro-detail a { padding: 8px !important; width: 100%; word-break: break-word; margin: 5px 0 !important; !i; !; }
	.top-contact { flex-wrap: wrap; }
	.left-pro-detail, .right-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.title-main { margin-bottom: 5px; }
	.title-main span { font-size: 22px; line-height: 30px; }
	.title-main p { font-size: 14px; }
	.product-moi { padding: 20px 0px; margin-bottom: 20px; }
	.wrap-product { margin-bottom: 20px; }
	.video-index { padding: 25px 0px; margin-bottom: 20px; }
	.album-index { margin-bottom: 20px; }
	.news-index { padding: 20px 0px; }
	#my_call { display: block; }
	.footer-article { padding: 30px 0px; }
	.wrap-main { margin-top: 20px; }
	.header-history p { font-size: 14px; }
	.slideshow-info { display: none; }
	.slideshow { /* margin-bottom: 25px; */margin-top: 0; }
	.wrap-list { margin-bottom: 25px; }
	.wrap-about { margin-bottom: 25px; }
	.title-about { margin-bottom: 10px; }
	.title-about p { font-size: 16px; }
	.title-about h2 { font-size: 22px; }
	.desc-about { margin-bottom: 15px; }
	.readmore-about { width: 150px; line-height: 35px; font-size: 14px; }
	.right-banner-contact span { font-size: 22px; line-height: 30px; }
	.right-banner-contact p { font-size: 16px; }
	.contact-now { width: 170px; line-height: 40px; font-size: 16px; }
	.frm-contact-footer button { width: 180px; height: 38px; font-size: 14px; }
	.title-main { padding-bottom: 15px; margin-bottom: 20px; }
	.wrap-intro { padding: 0; margin-bottom: 0; }
	.title-form h2 { font-size: 24px; }
	.form-ct .box-form img { display: none; }
	.form-ct .form-lh { width: 100%; }
	.title-form { padding-bottom: 20px; }
	.logo-header { padding: 0; }
	.box-product { margin-bottom: 0; }
	.box-title .btn-tablist { width: 100%; }
	#hamburger { display: block; }
	.box-product .item-product { padding-bottom: 20px; }
	.box-slide { flex-direction: column; }
	.slideshow { width: 100%; }
	.img-bannershow { flex-direction: unset; justify-content: space-between; }
	.slidefix { width: 48%; margin-bottom: 0; }
	.box-video-nav { width: 100%; margin-left: 0; margin-top: 10px; }
	.big-v { width: 50%; margin-bottom: 0; }
	.fanpage-fb { width: 45%; }
	.banner-list { margin-bottom: 20px; }
	.fb-items { padding: 10px 10px 35px 10px; }
	.fb-photo { display: none; }
	.desc-fb { width: 100%; }
	.desc-fb span { font-size: 15px; }
	.infor-fb { zoom: 0.8; }
	.box-form-flex { flex-direction: column; }
	.form-index { width: 100%; }
	.form-sub { width: 100%; }
	.form-index .contact-input { margin-bottom: 10px; }
	.title-pagein span, .title-box span, .title-list span, .click-sp { font-size: 22px; }
	.title-sub-cat { font-size: 16px; margin-bottom: 15px; }
	.list-brand ul { margin-bottom: 30px !important; }
	.info-newshome-normal span { -webkit-line-clamp: 2; height: unset; display: none; }
	.info-newshome-normal h3 a { -webkit-line-clamp: 2; }
}
@media(max-width:600px) {
	.logo-hidden .cart-header { display: none }
	.box-banner .text-content-pro span { font-size: 16px; }
	.box-banner .text-content-pro p { font-size: 13px; margin-bottom: 0; }
	.box-criteria span { font-size: 16px; line-height: 16px; }
	.desc-newshome { font-size: 15px; }
	.search { width: 280px; }
	.click-sp { font-size: 20px; }
	.title-cat a { font-size: 15px; padding: 4px; }
	.box2 { padding: 10px; }
	.title-box { background: unset; transform: translateX(-50%); position: relative; text-align: center; margin-bottom: 10px; }
	.fanpage-fb { max-height: 117px; }
	.search-res { display: block; }
	.search.fix2 { display: none; }
	.prolist-orther { width: 100%; margin-bottom: 10px; }
	.advertisepro { width: 100%; }
	.box-flex-news { flex-direction: column; }
	.box-news-slide { width: 100%; }
	.box-cauhoi { width: 100%; }
	.box-banner-fix { flex-direction: column; }
	.box-slide-video { width: 100%; margin-bottom: 10px; }
	.box-slide-banner { width: 100%; }
	.title-list { margin-bottom: 5px; }
	.wrap-tc { margin: 10px 0; }
	.title-list span { font-size: 18px; line-height: 26px; }
}
@media(max-width:550px) {
	.name-product { font-size: 17px; }
	.name-product a { font-size: 14px; }
	.dungtich { font-size: 14px; }
	.price-new { font-size: 14px; }
	.price-old { font-size: 13px; }
	.row-news { margin: 0px -7px; }
	.col-news { padding: 0px 7px; }
	.box-news { margin-bottom: 15px; }
	.left-album { width: 100%; margin-bottom: 3.5%; }
	.right-album { width: 100%; }
	.row-product { margin: 0px -7px; }
	.col-product { padding: 0px 7px; }
	.box-product { margin-bottom: 15px; }
	.name-product { margin-top: 10px; }
	.info-list { padding: 10px; }
	.info-list h2 { font-size: 18px; }
	.info-list h2 a { font-size: 16px; }
	.right-about { padding: 20px 20px 0px 0px; }
	.box-thongso span { font-size: 32px; line-height: 38px; }
	.box-thongso p { font-size: 15px; }
	.wrap-banner-contact { padding: 30px 0px; }
	.left-banner-contact { display: none; }
	.right-banner-contact { width: 100%; text-align: center; }
	.info-customer { padding: 65px 15px 50px; background: url(../images/say.png) center 15px no-repeat, #FFFFFF; background-size: 40px; }
	.box-customer:hover .info-customer { background: url(../images/say_active.png) center 15px no-repeat, #01904E; background-size: 40px; }
	.name-customer h3 { font-size: 15px; }
	.img-news { margin-bottom: 10px; }
	.img-video-main:before { width: 70px; height: 50px; top: calc(50% - 70px/2); left: calc(50% - 50px/2); }
	.box-video::after { width: 40px; height: 30px; top: calc(50% - 40px/2); left: calc(50% - 30px/2); }
	.slick-news { margin: 0px -7px; }
	.newshome-normal { flex-direction: column; margin: 0px 7px; }
	.pic-newshome-normal { width: 100%; margin-bottom: 10px; }
	.info-newshome-normal { width: 100%; }
	.content-newsletter { background-size: auto; padding: 35px 20px; }
	.footer-news:nth-child(2) { width: 100%; margin-bottom: 20px; }
	.footer-news:nth-child(3) { width: 100%; }
	.footer-company { font-size: 25px; }
	.box-title .btn-tablist span { font-size: 14px; }
	.box-banner .text-content-pro { width: 80%; }
	.f-fix { flex-direction: column; }
	.f-fix p { width: 100%; margin-bottom: 10px; }
	.box-video-nav { flex-direction: column; }
	.big-v { width: 100%; margin-bottom: 10px; }
	.fanpage-fb { width: 100%; min-height: 200px; }
	.sp-tab::after { display: none; }
	.sp-tab { flex-direction: column; }
	.click-sp { width: 100%; text-align: center !important; }
	.click-sp.fix { text-align: left !important; }
	.title-cat a { padding: 4px 4px; }
	.box-mt { margin-top: 3px; }
}
@media(max-width:500px) {
	.col-list-sub .col-filter { width: 100%; }
}
@media(max-width:440px) {
	.news-shadow-image { width: 100%; }
	.news-shadow-info { width: 100%; border-left: 2px dashed #8C623C !important; border-right: 2px dashed #8C623C !important; border-top: none; }
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	.name-history { width: 100%; padding-right: 0px; padding-bottom: 0px; }
	.hidden-mobile { display: none; }
	.amount-history { width: auto; font-size: 14px; }
	.amount-history span { display: inline-block; margin-right: 3px; }
	.price-history { width: auto; font-size: 14px; }
	.grid-product-page { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:400px) {
	.col-news { max-width: 100%; flex: 0 0 100%; }
	.header-history p { width: 100%; }
	.col-album { max-width: 100%; flex: 0 0 100%; }
	.col-video { max-width: 100%; flex: 0 0 100%; }
}
@media(max-width:370px) {
	.col-product { max-width: 100%; flex: 0 0 100%; }

}