@media (max-width:1400px) {
.banner-left, .banner-right { display: none; }
}
@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:1100px) { .category-menu, .right-menu { display: none !important; }
.search { display: none; }
.menu { padding: 5px 10px; }
#hamburger { display: block; }
.search-res { display: block; }
.header-bottom .wrap-content::after { display: none; }
.logo-header { width: auto; }
.wrap-slider { min-height: auto; }
.slideshow { width: 100%; }
}
@media(max-width:992px) { .news { width: 100%; float: none !important; }
.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%; }
.footer-powered .wrap-content { display: block !important; text-align: center; }
.footer-powered { font-size: 13px; }
.statistic span { padding: 5px 5px 0px; }
.top-contact { flex-wrap: wrap; }
.left-pro-detail, .mid-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px; }
.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
.right-pro-detail { display: none; }
}
@media(max-width:768px) { .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; }
.right-header { width: auto; }
.item-tieuchi { display: none; }
.header-top { display: none; }
.loadmore-product { font-size: 15px; padding: 9px 25px; line-height: 22px; }
.title-main a { display: none; }
.wrap-customer { margin-bottom: 30px; }
.wrap-newsletter .wrap-content { flex-direction: column; }
.left-newsletter { width: 100%; text-align: center; margin-bottom: 15px; }
.right-newsletter { width: 100%; }
.title-footer { font-size: 15px; margin-bottom: 10px; }
.footer-ul li a { font-size: 14px; }
}
@media(max-width:600px) { .video-main { height: 250px; }
.list-video { padding: 0px 40px; margin-top: 10px; }
.prev-video { height: 30px; top: calc(50% - 15px); }
.next-video { height: 30px; top: calc(50% - 15px); }
.box-album a span { font-size: 13px; }
}
@media(max-width:550px) { .name-product { font-size: 17px; }
.name-product a { font-size: 14px; height: 50px; }
.dungtich { font-size: 14px; }
.price-new { font-size: 15px; }
.price-old { font-size: 13px; }
.row-news { margin: 0px -7px; }
.col-news { padding: 0px 7px; }
.content-news { padding: 10px 10px; }
.date-news { right: 5px; bottom: 5px; width: 60px; height: 45px; }
.date-news p { font-size: 15px; line-height: 18px; }
.date-news span { font-size: 13px; }
.footer-news:nth-child(1) { width: 100%; }
.footer-news:nth-child(2) { width: 100%; }
.footer-news:nth-child(3) { width: 100%; margin-bottom: 20px; }
.footer-news:nth-child(4) { width: 100%; }
.left-album { width: 100%; margin-bottom: 3.5%; }
.right-album { width: 100%; }
.box-product { }
.cart-product span { font-size: 14px; line-height: 18px; }
.info-customer p { font-size: 14px; }
.left-newsletter { font-size: 18px; }
.form-newsletter input { height: 40px; }
.form-newsletter button { height: 40px; }
.box-brand h2 { font-size: 17px; }
.box-brand h2 a { font-size: 15px; }
}
@media(max-width:440px) { .pic-news, .info-news { display: block; width: 100%; float: none; text-align: center; margin: 0px; }
.info-news { margin-top: 15px; }
.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
}
@media(max-width:400px) { .row-news { display: block; }
.col-news { max-width: 100%; }
.box-news { margin-bottom: 15px; }
}
@media(max-width:370px) { .row-brand { display: block; }
.col-brand { max-width: 100%; }
/*.row-product{display: block;}
.col-product{max-width: 100%;}*/
.cart-pro-detail { flex-wrap: wrap; }
.cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; font-size: 14px; }
.cart-pro-detail a:first-child { margin-bottom: 5px !important; }
.cart-pro-detail a i { display: none; }
}