@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 only screen and (max-width:991px){
.top-cart{margin-bottom:2rem}
.comment-item-poster{width:auto;margin-right:0;margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;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:0;margin-left:10px;margin-right:10px}
.comment-item-information{width:100%}
.menu{display:none}
.menu-res{display:block}
}
@media only screen and (max-width:575px){
.name-procart a{font-size:13px}
.procart-label{font-size:13px}
}
@media only screen and (max-width:767px){
.quantity-procart{text-align:right}
.procart-label .quantity-procart p:last-child{display:block}
.procart-label .quantity-procart p:first-child{display:none}
.price-procart-rp{display:block}
.price-procart{display:none}
.row-album{margin:0 -7px}
.col-album{padding:0 7px}
}
@media only screen and (min-width:768px){
.procart-label .quantity-procart p:first-child{display:block}
.procart-label .quantity-procart p:last-child{display:none}
}
@media only screen and (min-width:992px){
.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
@media (max-width:1024px){
.contact-input{margin-bottom:15px}
.flex-cus,.row-20,.row-video{margin-left:-5px;margin-right:-5px}
.col-20,.mg-cus,.mg-video{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}
#messages-facebook,.btn-frame,.scrollToTop{display:none!important}
.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}
.header{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px 0 rgb(0 0 0 / 30%);z-index:999;padding:0 10px}
.product-tool{opacity:1;visibility:visible;position:initial}
.product-tool a span{display:none}
.header-bottom{padding:5px 0}
.right-header{display:flex}
.banner-header,.hotline-header{display:none}
.header-logo{width:auto}
.header-logo img{max-height:60px;width:auto}
.left-header-top{width:100%;font-size:14px}
.right-header-top{display:none}
.info-header{display:none}
#hamburger{display:block}
.hide-mobile{display:none}
.btn-header{padding:5px}
.footer-bottom,.lefts_menu,.phone-nav{display:none}
.box-right-slide{width:100%}
.header-bottom .wrap-content{gap:10px}
.box-flex-header{display:none}
.header-top{padding:4px 0 3px}
.cart-mb{position:relative}
.cart-mb .count-cart{position:absolute;z-index:999;color:#fff;background:red;border-radius:50%;top:-10px;right:0;width:20px;height:20px;text-align:center;display:flex;right:24px;align-items:center;justify-content:center;font-size:13px;pointer-events:none}
.name-user-info{display:inline-flex;align-items:center;gap:6px}
}
@media (max-width:992px){
.bg-main.pd-size2{padding:6px}
.othernews{position:initial}
.footer-title:after{width:100%}
#fanpage-facebook{overflow:hidden}
.footer-news:nth-child(1){width:48%;margin-bottom:20px}
.footer-news:nth-child(2){width:48%;margin-bottom:20px}
.footer-news:nth-child(3){width:48%}
.footer-news:nth-child(4){width:48%}
.time-news{display:none}
.copyright,.statistic{width:100%;text-align:center}
.footer-copyright{width:100%;text-align:center}
.footer-statistic{width:100%;text-align:center;margin-top:5px}
.left-intro{width:100%;margin-bottom:20px;padding-right:0}
.right-intro{width:100%}
.left-account{display:none}
.right-account{width:100%}
.owl-video{margin-top:10px}
.photo-why{display:none}
.box-why{width:45%}
.title-news{margin-bottom:20px}
.number-title-news{font-size:120px;line-height:100px}
.sub-title-news{margin-bottom:0}
.sub-title-news span{font-size:50px}
.sub-title-news p{font-size:16px}
.desc-title-news{margin-bottom:15px}
.view-news{font-size:14px}
.grid-pro-detail .left-pro-detail{width:100%;text-align:center;margin-bottom:10px}
.grid-pro-detail .right-pro-detail{width:100%}
.left-content-detail{width:100%;margin-bottom:10px}
.right-content-detail{width:100%}
.contact-detail{flex-direction:column-reverse}
.left-contact-detail{width:unset}
.right-contact-detail{width:unset;margin-bottom:30px}
.row-contact{justify-content:center}
.contact-item{width:100%;margin:5px}
.contact-item span{word-break:break-all}
.news-left{width:100%;margin-bottom:30px}
.news-right{width:100%}
.cart-nav,.item-news-one{display:none}
.header-cart{background:#fff;border-color:#fff}
.search input{height:43px}
.search>p{height:43px}
.header-top{padding:4px 0 3px}
.wrap-slide{padding:10px 0}
.title-fs img{max-width:30px}
.grid-pro{gap:12px}
.pro-w{width:calc(33.33% - 8px)}
.xemthem a{zoom:.7}
.price-new{margin-bottom:0}
.box-phone-ft a span{display:block}
.box-phone-ft{display:inline-block;text-align:center}
.box-phone-ft a span{margin:0}
.box-phone-ft a img{margin-bottom:4px}
.footer-article{padding:35px 0}
.footer-top{padding:0;border:0}
.slide-hidden{display:block}
.title-proAll img{max-width:30px}
.modal-rad .modal-body{width:100%;border-radius:20px}
.user-custome{padding:0}
.row-pro-left{display:none}
.row-pro-right{flex:unset;width:100%}
.wrap-content-list .wrap-content{padding:0 10px}
.title-list-detail{padding:10px}
.title-list-detail.size2{padding:10px}
.grid-pro-detail .side-pro-detail{width:100%;margin-bottom:10px}
.pd-content{padding:15px}
.nav-cutome{min-width:unset}
.header-slide{padding:5px 10px}
.search{max-width:100%}
.header-slide .wrap-content{padding:0}
.social-header span{line-height:20px}
.left_info{margin-bottom:10px}
.right_info{width:100%;padding:15px}
}
@media (max-width:768px){
.videocd-grid{grid-template-columns:repeat(3,1fr)}
.left-pro-detail,.top-contact .article-contact{margin-bottom:30px}
.pic-news{width:160px}
.info-news{padding-top:10px}
.name-news{font-size:15px}
.desc-news.text-split{-webkit-line-clamp:2}
.price-procart-rp{display:block}
.quantity-procart{display:flex;align-items:flex-end;flex-direction:column}
.title-main{padding-bottom:5px;margin-bottom:15px}
.title-main span{font-size:22px}
.wrap-news{padding:25px 0}
.left-about{width:100%;margin-bottom:30px}
.right-about{width:100%}
.title-about{margin-bottom:15px}
.title-about p{font-size:16px;line-height:23px}
.title-about span{font-size:23px;line-height:33px}
.desc-about{font-size:14px}
.box-benhly a{font-size:15px;padding:14px 30px 14px 40px;background:url(../images/xemthem.png) right 10px center no-repeat}
.box-benhly a::before{left:13px}
.video-about{margin-top:30px}
.wrap-about{padding:25px 0;margin-bottom:25px}
.box-video-about a::after{left:calc(50% - 50px / 2);top:calc(50% - 50px / 2);width:50px;height:50px}
.pic-video:before{width:60px;height:60px;top:calc(50% - 60px / 2);left:calc(50% - 60px / 2)}
.pic-video-2:before{width:40px;height:40px;top:calc(50% - 40px / 2);left:calc(50% - 40px / 2)}
.wrap-chuyengia{margin-bottom:30px}
.wrap-video{margin-bottom:30px}
.footer-article{padding:30px 0}
.wrap-product-cat{padding:25px 0}
.wrap-product-hot{padding:20px 0;margin-bottom:20px}
.title-index{margin-bottom:15px}
.title-index span{font-size:22px}
.title-index span img{max-height:30px}
.wrap-product-hot .wrap-content{padding:10px}
.wrap-criteria{margin-bottom:20px}
.box-why{margin-bottom:20px}
.box-why h3{font-size:18px}
.wrap-content-baochi{padding:15px 10px}
.title-baochi{font-size:22px}
.wrap-why{padding:25px 0}
.wrap-customer{padding:25px 0}
.footer-tags{padding:20px 0}
.title-tags{font-size:22px}
.item-tags{font-size:13px;margin:0 5px 5px 0}
.left-content-detail{padding:20px 10px}
.title-product-detail{font-size:15px}
.title-right{font-size:15px}
.product-2{padding:7px 0}
.slick-vertical-3 .slick-list{max-height:384.609px}
.slick-vertical-5 .slick-list{max-height:641.015px}
.right-slide{display:none}
.left-slide{width:100%}
.slide-hidden2{display:block}
.box-flex-slide{margin-bottom:10px}
.search>p{padding:0 5px}
.wrap-slide{padding:0}
.grid-pro{gap:10px}
.pro-w{width:calc(50% - 5px)}
.wrap-banner-detail{padding:0 0 10px}
.tab-detail{padding:0}
.detail-list-flex{align-items:center}
.price-show-detail span{font-size:22px}
}
@media (max-width:576px){
.videocd-grid{grid-template-columns:1fr}
.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;gap:10px}
.cart-pro-detail a{width:100%;text-align:center;margin:0!important}
.cart-pro-detail a:first-child{margin-bottom:5px!important}
.installment-product{font-size:13px}
.properties-procart{font-size:13px}
.order-price p{width:100%}
.product-item{grid-template-columns:50px auto 20%;grid-gap:10px}
.product-item__info{gap:0;font-size:13px}
.list .order-item{padding:15px}
.list>.order-item .total-price_wrapper{font-size:14px}
.list>.order-item .total-price_wrapper .total-price{font-size:15px}
.list>.order-item .link>a{font-size:13px}
.ngaymua{font-size:13px}
.list>.order-item>.item-content{flex-wrap:wrap}
.pro-history{width:100%}
.total-price_wrapper{width:100%;margin-bottom:0;margin-top:10px}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}
.row-album,.row-news,.row-product,.row-service,.row-video{margin:0 -7px}
.col-album,.col-news,.col-product,.col-service,.col-video{padding:0 7px;margin-bottom:20px}
.info-news-grid{padding:10px}
.name-news-grid a{font-size:15px}
.desc-news-grid{font-size:14px}
.view-news-grid a{font-size:14px}
.footer-news:nth-child(1){width:100%;margin-bottom:20px}
.footer-news:nth-child(2){width:100%;margin-bottom:20px}
.footer-news:nth-child(3){width:100%;margin-bottom:20px}
.footer-news:nth-child(4){width:100%}
.product{padding:7px}
.wrap-title-index .title-index{width:100%;flex-direction:column;align-items:flex-start}
.wrap-title-index .title-index span{width:100%;margin-bottom:5px}
.wrap-title-index{flex-direction:column}
.control-product{position:absolute;right:0;bottom:4px;left:unset;top:unset}
.info-customer{padding:10px}
.info-customer h3 a{font-size:15px}
.left-news{width:100%;margin-bottom:20px}
.right-news{width:100%}
.box-criteria{padding:10px}
.price-new{font-size:15px}
.price-old{font-size:12px}
.view-product{font-size:12px}
.product-price-detail{padding:12px;position:relative}
.product-price-detail .attr-content-pro-detail{flex-direction:column;align-items:flex-start}
.product-price-detail .price-old-pro-detail{padding-left:0}
.product-price-detail .percent-pro-detail{position:absolute;right:12px}
.left-social-product-detail{width:100%}
.right-social-product-detail{width:100%;text-align:left}
.box-title-fs{padding:5px 10px}
.title-proAll h2{font-size:16px}
.title-fs h2{font-size:16px}
.item-tc{padding:15px}
}
@media (max-width:400px){
.col-service{flex:0 0 100%;max-width:100%}
.col-album{flex:0 0 100%;max-width:100%}
.col-news{flex:0 0 100%;max-width:100%}
.box-why{width:100%;text-align:left!important}
}
@media (max-width:370px){
.col-product{flex:0 0 100%;max-width:100%}
.pro-w{width:100%}
}