@media (min-width:1400px) { }
@media (max-width:1366px) { }
@media (max-width:1024px) {
    .btn-dangky > div { font-size: 15px; }
    .header .header-top { }
    .wrap-content { padding-left: 10px !important; padding-right: 10px !important }
    .boxProduct { grid-template-columns: 1fr 1fr; gap: 10px }
    .name-product { font-size: 14px }
    .banchay_list { }
    .title-main span { }
    .footer-powered { text-align: center; font-size: 14px; }
    #footer-map { height: 30vh }
    .wrap-main.wrap-home { padding: 0; margin: 0; }
    .wrap-main { padding: 0 10px; margin: 20px auto; }
    .filter_block ul { display: none }
    .footer-news { margin-bottom: 1rem }
    .slick-arrow, .wrap-procedure::before { display: none !important; }
    .header-top { display: none; }
    .login-title h2, .registration-title h3 { font-size: 25px; margin-bottom: 15px; }
    .login-title p { font-size: 14px; }
    .forgot-link, .form-user label { font-size: 14px; }
    .login-title, .registration-title { margin-bottom: 15px; }
    .form-user { padding: 0; }
    .form-user input[type="email"], .form-user input[type="password"], .form-user input[type="tel"], .form-user input[type="text"], .input-user input { height: 42px; }
    .form-group { margin-bottom: 10px; }
    .register-link-row { flex-wrap: wrap; font-size: 14px; }
    .register-link { width: 100%; display: block; }
    .registration-container { padding: 0; }
    .intro-home { margin: 30px 0; }
    .table-responsive { width: 100%; overflow-x: auto; }
    .table-responsive table { width: 100%; border-collapse: collapse; min-width: 600px; /* để có thanh cuộn nếu màn nhỏ */ }
    .table-responsive .cell-price { min-width: 100px; }
    .quote-detail-page .btn-submit { padding: 10px; font-size: 13px; }
}
@media (max-width:870px) {

    /*  -- menu mobile ---*/
    div.not_logo { background: var(--maincolor) }
    div.not_logo .icon_menu_mobi { color: #fff; margin-top: 2px; width: 27px; }
    div.not_logo .search-res .search-grid { width: 100%; opacity: 1; top: 0; position: relative; }
    div.not_logo .search-res { width: calc(100% - 40px); margin: 5px 0; }
    div.not_logo .search-res .icon-search { display: none }
    div.not_logo .logo-mobi { display: none; }
    .logo-mb { padding: 0 20px; display: block; text-align: center; }
    .logo-mb img { max-width: 100px }
    .thongtin-mb { }
    .thongtin-mb ul { padding: 0 20px !important; }
    .thongtin-mb ul li { list-style: none; color: #55585a; margin-bottom: 12px; }
    .thongtin-mb ul li i { font-size: 17px; margin-right: 10px; color: var(--maincolor); }
    @-webkit-keyframes my {
        0% { opacity: 1 }
        50% { opacity: 0 }
        100% { opacity: 1 }
    }
    @-moz-keyframes my {
        0% { opacity: 1 }
        50% { opacity: 0 }
        100% { opacity: 1 }
    }
    @-o-keyframes my {
        0% { opacity: 1 }
        50% { opacity: 0 }
        100% { opacity: 1 }
    }
    @keyframes my {
        0% { opacity: 1 }
        50% { opacity: 0 }
        100% { opacity: 1 }
    }
    .hidden_mobi, #arcontactus, #messages-facebook, .quick_contact { display: none; }
    .hidden_destop { display: block; }
    .menu_baophu { background: #000; opacity: 0.8; z-index: 998; left: 0px; top: 0px; position: fixed; width: 100%; height: 100%; display: none; }
    .icon_menu_mobi { color: var(--maincolor); font-size: 25px; text-decoration: none; width: 40px; display: block; cursor: pointer; float: left; margin: 0; }
    .icon_menu_mobi i { }
    a.home_mobi { color: #000; text-decoration: none; float: right; font-size: 20px; }
    .logo-mobi { width: calc(100% - 80px); float: left; display: block; text-align: center; }
    .logo-mobi img { }
    a.phone_mobi { color: #fff; text-decoration: none; float: left; font-size: 18px; }
    a.phone_mobi i { margin-right: 12px; -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite; }
    .icon-resp { position: absolute; top: calc(100% + 7px); gap: 10px; width: 100%; right: 10px; }
    .yeucau-bg-mobile { display: inline-block; background: var(--maincolor); color: #fff; font-size: 12px; padding: 8px 15px; border-radius: 100px; box-shadow: 0 0 5px #fff; text-transform: capitalize; }
    .yeucau-bg-mobile:hover { background: var(--sec); color: #fff; }

    /* Search RP */
    .mm-panel { }
    .mm-navbar_sticky { }
    .menu_mobi { color: #fff; font-size: 18px; text-decoration: none; padding: 5px 10px; width: 100%; cursor: pointer; display: block; height: 100%; cursor: pointer; position: -webkit-sticky; position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0px 2px 5px #969494; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
    .menu_mobi_add { display: block; position: fixed; left: -100%; top: 0; background: #fff; z-index: 99999; color: #fff; height: 100vh; overflow: auto; line-height: 1.5; padding-top: 35px; padding-bottom: 20px; width: 85%; min-width: 140px; max-width: 440px;/* box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3); */ transition: 0.5s; }
    .menu_mobi_active { left: 0; transition: 0.5s; }
    .menu_mobi_add ul { list-style: none; padding: 0; }
    .menu_mobi_add ul li { border-bottom: 1px solid #dddddd59; }
    .menu_mobi_add ul.lang-header li { border: none; }
    .menu_mobi_add ul li.li-logo { }
    .menu_mobi_add ul li.li-tim { display: none }
    .menu_mobi_add ul li.li-home { }
    .menu_mobi_add ul li.li-home h2 { }
    .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 { text-decoration: none; color: #191919; display: block; padding: 10px 40px 10px 0; margin-left: 20px; position: relative; text-transform: capitalize; font-weight: 500; }
    .menu_mobi_add ul li a.active2 { color: var(--maincolor); }
    .menu_mobi_add 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_mobi_add ul li a.active2 i { transform: rotate(0deg); border-left: 1px solid rgba(255, 255, 255, 0.2); }
    .menu_mobi_add ul ul { display: none; padding-left: 0; }
    .menu_mobi_add ul li ul li a { padding-left: 14px; color: #6f6f6f; font-size: 12px; }
    .menu_mobi_add ul li ul li ul li a { padding-left: 40px; }
    .close_menu { position: absolute; top: 5px; right: 5px; font-size: 11px; width: 25px; text-align: center; line-height: 25px; cursor: pointer; color: #fff; border-bottom: 1px solid; border-left: 1px solid; border-color: var(--maincolor); background: var(--maincolor); border-radius: 5px; }

    /*  -- menu mobile ---*/
    .header .header-bottom { display: none; }
    .header .header-bottom .logo-header { }
    .header .header-bottom .logo-header img { }
    .header .header-bottom .banner-header { }
    .header .header-bottom .banner-header img { }
    .menu { display: none }
    .menu-res { display: block }
    .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 }
    .comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.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: 0px; margin-left: 10px; margin-right: 10px }
    .comment-item-information { width: 100% }
    .price-procart { display: none }
    .price-procart-rp { display: block }
    .quantity-procart { text-align: right }
    .top-cart { margin-bottom: 2rem }
    .search-res { position: relative; width: 40px; }
    .search-res .icon-search { width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 42px; color: var(--maincolor); font-size: 17px; margin: 0px; margin-top: 0px }
    .search-res .icon-search.active { background: var(--maincolor); border-radius: 100%; color: #fff; }
    .search-res .search-grid { position: absolute; top: 66px; right: 0px; width: 0px; height: 33px; overflow: hidden; background: #fff; border: 1px solid var(--maincolor); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal }
    .search-res .search-grid p { float: left; width: 35px; height: 32px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: var(--maincolor); line-height: 33px; text-align: center }
    .search-res .search-grid input { width: calc(100% - 35px); float: left; line-height: 31px; outline: none; border: none; color: #666363; font-size: 13px; text-indent: 10px; }
    .search-res .search-grid input::-webkit-input-placeholder { color: #666 }
    .search-res .search-grid input:-moz-placeholder { color: #666 }
    .search-res .search-grid input::-moz-placeholder { color: #666 }
    .search-res .search-grid input:-ms-input-placeholder { color: #666 }

    /*  -- menu mobile ---*/
    div.yeucau-baogia { max-width: 600px; padding: 0 0 20px 0; }
    div.baogia-yc { grid-template-columns: 1fr; gap: 20px; }
    .chay-tintuc, .chay-db { margin: 0 -5px; }
    .item_db .it_db { margin: 0 5px; }
    .newshome-normal { margin: 5px; }
    .tieude_th p { font-size: 20px; margin-bottom: -10px; }
    .tieude_th h2 { font-size: 80px }
    .tieude_th { margin-bottom: 0 }
    .noidung_gt { width: 100%; order: unset; padding: 0; }
    .hinh_gt { width: 100%; max-width: 606px; margin: 0 auto; margin-top: 25px; }
    .item_db .name_tt { padding: 0 }
    .item_qt { width: calc(33.33% - 10px); margin: 5px; padding: 0 !important; }
    .quytrinh-flex { margin: 0 -5px; justify-content: center; }
    div.run-slick .slick-prev, div.run-slick .slick-next { background-size: 20px; }
    div.content-main img { height: auto !important; }
    .template-pro .row { margin: 0 -10px; }
    .info-header, .hotline-header {/* display: none; */ }
    .email-header { display: none }
    .info-header:nth-child(3) { display: block }
    ul.social-header { width: auto }
    .search { width: 97%; margin: auto; border: 1px solid #ed961a; margin-top: 10px; display: none }
    .social, .timkiem { display: none; }
    .header-top .wrap-content { justify-content: space-between; }
    div.lang-header-top { margin: 0; padding: 0; border: none; }
    div.css_flex { margin: 0 0px }
    div.css_flex_product, div.css_flex_album, div.css_flex_baiviet, div.css_flex_video { margin: 0 -5px }
    div.css_baiviet_ngang { margin: 0 -5px; }
    div.css_baiviet_ngang .news { width: calc(50% - 10px); margin: 0 5px; margin-bottom: 15px; }
    .news { width: 100% }
    .product { padding-bottom: 10px; }
    .name-product.text-split { -webkit-line-clamp: 2; }
    .product, .sanpham_col_flex .pro_right .product, .album, .video { width: calc(50% - 10px); margin: 0 5px 15px 5px; }
    .name-product { font-size: 15px }
    .left-intro { width: 100% }
    .right-intro { width: 100%; margin-top: 25px; }
    .box-uudiem-tc:before { display: none }
    .item_qc { text-align: center; }
    .ud_noibat1 { top: 10%; right: 5%; left: auto; }
    .ud_noibat3 { bottom: 0; left: 15%; }
    .ud_noibat5 { right: auto; left: 40%; }
    .box-partner-tc { padding: 15px; }
    .uudiem-flex { margin: 0 -5px; }
    .footer-news:nth-child(1), .footer-news:nth-child(3), .footer-news:nth-child(5), .footer-news:nth-child(7) { width: 100%; margin-top: 15px }
    .line-footer { display: none; }
    .cart-product span { width: 100%; margin: 2px 0 }
    .cart-pro-detail a { width: 100% }
    .cart-pro-detail a:first-child { margin-right: 0px; margin-bottom: 0.5rem }
    .cart-pro-detail a i { display: none }
    .newshome-best { width: 100%; display: none }
    .newshome-scroll { width: 100% }
    .header-bottom .wrap-content { padding: 5px 10px }
    .list_monnb a { font-size: 14px; padding: 17px 10px; margin: 2px 3px }
    .btn-fb, .btn-zalo, .btn-phone { display: none }
    .scrollToTop, .js-facebook-messenger-box { right: 5px }
    .title-main span { }
    div.box-sanpham-tc { padding: 30px 10px }
    div.css_flex_ajax .pro-in { margin: 0 -5px }
    .title-intro { margin-bottom: 15px; font-size: 30px; }
    .footer-article .wrap-content { padding: 20px 10px }
    .newsletter-input { display: inline-block; vertical-align: top }
    .newsletter-button { display: inline-block; vertical-align: top; margin-top: 0 }
    .newsletter-button input[type=submit] { padding: 0; width: 100%; line-height: 41px }
    .cart-fixed { bottom: 350px }
    .owl-theme .owl-dots .owl-dot span { height: 6px; width: 20px }
    .sanpham_col_flex .pro_left { display: none }
    .sanpham_col_flex .pro_right { width: 100% }
    .wrap-cart { flex-wrap: wrap }
    .top-cart, .bottom-cart { width: 100%; border-right: 0px; padding-right: 0px; margin-right: 0px; padding: 0 15px }
    .top-cart { margin-bottom: 30px }
    .slick-prev { left: 10px }
    .slick-next { right: 10px }
    .copyright, .statistic { width: 100% }
    .footer-powered .wrap-content { flex-wrap: wrap }
    .owl-carousel .owl-stage-outer { width: 100% }
    div.run-slick { margin: 0 -5px }
    .btn-map { bottom: 230px; right: 10px; display: none }
    div.box-tintuc-video { padding: 20px 10px }
    .time-news { display: none }
    .pic-newshome-normal { }
    .info-newshome-normal { }
    .wrap-partner { padding: 15px 10px }
    .wrap-partner .prev-carousel { left: 11px; position: absolute; z-index: 9; margin-bottom: 0 }
    .wrap-partner .next-carousel { right: 11px; position: absolute; z-index: 9; margin-bottom: 0 }
    .desc-news { -webkit-line-clamp: 2 }
    .chitiet-nd iframe { width: 100% !important; height: 250px !important; object-fit: cover; }
    .title-main { }
    div.css_news_mobi { margin: 0; box-shadow: 0 0 10px #ccc; padding: 10px 0; border-radius: 7px; }
    div.css_news_mobi .news { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
    div.css_news_mobi .pic-news { border-radius: 6px; }
    div.css_news_mobi .name-news { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
    div.css_news_mobi .view-news { display: none; }
    .breadCrumbs { }
    .contact-article { box-shadow: 0 0 10px #ccc; padding: 10px 0; margin: 0; border-radius: 8px; margin-bottom: 10px; }
    .contact-map { height: 50vh; }
    div.tabs-pro-detail { margin-top: 0; }
    .grid-pro-detail .row { margin: 0 -10px; }
    .icon-bg, .customer-home .title-main::after, .tracking-order, .user-head a:last-child { display: none !important }
    .menu-resp { display: block; }
    .logo-banggia { width: 100%; text-align: center; }
    .wrap-bang-gia { width: 100%; }
    .banner-res { max-width: 100%; text-align: center; display: flex; justify-content: center; }
    .wrap-registration { max-width: 100%; width: 100% }
    .product-item { flex-wrap: wrap; flex-direction: column-reverse; gap: 15px; }
    .wrap-upload-photo { width: 100%; }
    .wrap-infor-product .row .col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .quote-detail-page .note{width: 100%;}
    .quote-detail-page .summary{max-width: 100%;}
}
@media (max-width:768px) {
    .user-menu { position: fixed; top: 30%; left: 10px; width: 50px; height: 50px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); cursor: pointer; overflow: hidden; transition: all 0.4s ease; z-index: 999; }
    .user-menu.active { width: 250px; height: auto; border-radius: 12px; padding: 10px; }
    .user-menu .title-user span { opacity: 0; transition: opacity 0.3s ease; }
    .user-menu.active .title-user span { opacity: 1; }
    .list_mananger { margin-top: 10px; max-height: 0; overflow: hidden; opacity: 0; transition: all 0.4s ease; }
    .user-menu.active .list_mananger { max-height: 500px; opacity: 1; }
    .user-menu .title-user.title-bar { height: 36px; font-size: 24px; }
    .head-name-product {width: 320px!important;min-width: 320px;}
    .quote-detail-page table img { max-width: 150px; border-radius: 5px; }
}
@media (max-width:600px) {
    .box-quytrinh-tc, div.box-gioithieu-tc, div.box-gioithieu-th { padding: 30px 0 }
    .title-main h2, .title-main span, .tieude1 h2 { font-size: 20px; }
    .title-main h2 span { margin-bottom: 0; }
    .tieude1 { margin-bottom: 15px; }
    .tieude2 { font-size: 24px; margin-bottom: 25px; }
    .tieude_th { padding-bottom: 10px; }
    .tieude_th p { margin-bottom: 0 }
    .tieude_th h2 { font-size: 38px; }
    .tieude_gt { font-size: 25px; margin-bottom: 15px; }
    .mota_gt_th { font-size: 14px; }
    .hotline_gt_th { margin-top: 10px; font-size: 15px; }
    .item_dm .it_dm { padding: 15px; }
    .item_dm .name_tt { font-size: 22px; }
    .item_dm .des_tt { font-size: 14px; font-weight: normal; }
    .gt_xemthem { margin-top: 15px; }
    .item_gt1 { width: 100%; padding: 0; }
    .item_gt2 { width: 100%; margin: 0; max-width: 100%; margin-top: 10px; }
    .item_gt2 .img_tt { border: none; }
    .box-quytrinh-tc { background: linear-gradient(180deg, rgba(255, 250, 241, 0.86) 0%, rgba(255, 156, 0, 0.60) 105.02%); }
    .item_qt { width: calc(50% - 10px) }
    .item_qt .name_tt { font-size: 15px; }
    .quytrinh-line-process { display: none !important; }
    .quytr1 { right: 15%; left: auto; bottom: 15% }
    .quytr2 { right: 5%; left: auto; bottom: 10% }
    .uudiem_tc { width: 100%; margin: 0 5px; }
    .uudiem_tc:nth-child(1) { margin-top: 20px; }
    .btn-dangky a { font-size: 18px; padding: 0 20px; }
    .btn-dangky a span { line-height: 50px; }
    .hotline-mail-dk { padding: 25px 0; gap: 15px; }
    div.css_baiviet_ngang .news { width: 100% }
    div.checkout-link .form-checkout .flex-check-mh .form-group { width: 100% !important; margin-bottom: 10px; }
    div.baogia-yc a { font-size: 18px; padding: 10px; }
    div.container.container_bg { padding: 0; }
    .news .news-image { margin-bottom: 1rem }
    .procart-label { font-size: 13px }
    .name-procart a { font-size: 13px }
    .top-contact { flex-wrap: wrap; padding: 0 15px }
    .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 }
    .price-procart, .procart-label .quantity-procart p:first-child { display: none }
    .price-procart-rp, .procart-label .quantity-procart p:last-child { display: block }
    .quantity-procart { width: 25%; text-align: right; margin-right: 0px }
    .info-procart { width: 65% }
    .title-main.title-baogia h2 span { background: none; }
    .item-partner { padding: 5px; }
    .banggia-left { width: 100%; }
    .item-banggia { flex-wrap: wrap }
    .item-banggia>div { flex: unset; width: 50%; }
    .name-company div { margin-bottom: 11px; }
    .list-detail-banggia ul li { padding: 20.5px 15px; }
    .list-title-banggia { transform: scale(1); top: 0; box-shadow: none; margin: 0; border-radius: 0 0 0 20px; }
    .banggia-left { width: 100% !important; padding: 15px 0; }
    .name-reason { height: 48px; }
}
@media (max-width:475px) {
    .danhmuc-tc { min-height: 243px; }
}
@media (max-width:425px) { }
@media (max-width:375px) { }