@media (min-width: 1600px) {
    .list-qttkgt .img { height: 380px }
}

@media (min-width: 1200px) {
    .container { max-width: 1180px; }
}

@media screen and (max-width: 1024px) {
    .banner-ct { min-height: 180px }
    .side-mn { background-size: cover; background-position: center }
    .head-bottom .menu-top > li > a { padding: 12px 22px; }
    .head-middle .form-search input { width: 420px; }
    .head-middle .form-search { margin-left: 20px; }
    .review { background-size: cover; padding: 60px 0 90px; background-position: center }
    .qttk { background-size: cover; background-position: center }
    .list-ans { grid-gap: 20px }
    .list-item-hots .item { padding: 3px 8px 3px 11px; }
    .list-top-prj .item .img { height: initial !important; }
    .introduce-ct .introd { width: 44%; }
    .introduce-ct .count-xd { width: 53%; }
    .ques { padding: 60px 0 65px }
    .scroll-gt a { text-align: center; }
    .tn-sm-ct .item:nth-of-type(1), .tn-sm-ct .item:nth-of-type(2) { width: 36%; }
    .tn-sm-ct .item:nth-of-type(3) { width: 28%; }
    .tn-sm-ct .item { padding-right: 30px }
    .list-item-da .item .img { height: 217px; }
    .menu-link a { text-align: center; }
    .banner-dt .form-dt { top: 70px }
    .ifprj-ct .l-image .item { height: 223px }
    .list-othprjs .img { height: 217px; }
    .btn-dt .contact { background-position-x: 25px; }
    .next-glr { right: 50px; }
    .prev-glr { left: 40px; }
    .btn-dt .buynow { background-position-x: 15px; }
    .ct-t-m { background-size: 100% 100%; }
    .list-ques .item .img { height: 178px; }
    .list-ant .item .img, .list-othitem .item .img { height: 148px; }
    .table-gh.head p:first-child, .table-gh .item:first-child { width: 250px; }
    .table-gh.head p:last-child, .table-gh .item.bin { width: calc(100% - 500px); }
    .csl-ct { grid-gap: 25px; }
    .list-news .item .img { width: 220px; height: 128px; }
    .list-news .item .text { width: calc(100% - 220px); }
    .other-news .slider { display: block; }
    .other-news .item .img { height: 110px; }
}

@media screen and (min-width: 992px) {
    .head-bottom .menu-top > li:hover .sub-menu { opacity: 1; visibility: visible; transform: translate(0); }
    .fixed-size { top: 50%; left: 50%; transform: translate(-50%,-50%); height: 80vh; width: 60vw; background: #ffffff; padding-right: 300px; }

    span.lg-close.lg-icon { position: absolute; top: -30px; height: 0; right: -380px; z-index: 9999; padding: 0; background: #000000; }
        span.lg-close.lg-icon:after { font-size: 30px }
    .lg-hide-items .lg-toolbar { opacity: 1; transform: translate(0); }
    .lg-sub-html h4 { font-size: 20px; color: #000; text-align: left; position: relative; margin-bottom: 10px; }
        .lg-sub-html h4:before { content: "\f007"; font: normal normal normal 14px/1 FontAwesome; background: #000; padding: 5px; color: #ffffff; margin-right: 10px; }
    .lg-sub-html p { color: #000; text-align: left }
    .lg-outer .lg-inner { overflow: hidden }
}

@media screen and (max-width: 991px) {
    .list-othprjs .img { height: 158px; }
    .scroll-gt.fixed { top: 116px }
    .head-middle .form-search input { width: 280px; height: 44px; }
    .head-middle .form-search button { height: 44px }
    .list-item-hots .slider { display: block; }
    .list-item-hots .lslide.active + .item + .item { border-right: 0 }
    .list-hot-item .img-left { width: 300px; }
    .list-hot-item .slide-right { width: calc(100% - 300px); }
    .top-banner .item .text h3 { font-size: 22px; }
    .introduce-ct .introd { width: 100%; float: initial; margin-bottom: 35px }
    .introduce-ct .count-xd { width: 100%; float: initial; }
    .introd .text { margin-bottom: 15px }
        .introd .text p { margin-bottom: 15px }
    .list-vdid-ct .item:first-child .img { height: 246px; }
    .list-vdid-ct .item .img { height: 113px; }
    .list-vdid-ct .item .text h3 { font-size: 14px }
    .list-vdid-ct .item:first-child .text h3 { font-size: 16px }
    .tit-h2-no { padding-bottom: 45px; margin-bottom: 20px; }
        .tit-h2-no:before { width: 50px; height: 39px; }
    .ques { padding: 50px 0 55px }
    .list-ans { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
        .list-ans .item:first-child { grid-column: 1/3 }
    .ft-ct { display: grid; grid-template-columns: repeat(2, 1fr); }
        .ft-ct .item:nth-of-type(1) { width: initial; }
        .ft-ct .item:nth-of-type(4) { width: initial; margin-bottom: 0; }
        .ft-ct .item { width: initial; margin-bottom: 20px; }
            .ft-ct .item:nth-last-child(2) { margin-bottom: 0; }
    .support { padding: 50px 0 35px }
    .menuft-ct { display: block; }
    .copyright { text-align: center; }
    .menu-left { margin-bottom: 5px; }
    .list-qttk .text { width: 130px; top: 33px; right: 18px; }
    .list-qttk .slider { display: block; }
    .list-qttk .text p { font-size: 15px }
    .head-middle .contact .item { margin-right: 20px; }
        .head-middle .contact .item:first-child { display: none }
    .head-middle .contact { padding-right: 60px }
    .sticker-menu { display: block; position: absolute; right: 0; width: 32px; height: 24px; z-index: 102; }
        .sticker-menu span { height: 2px; width: 32px; background-color: #ffffffd1; display: block; position: absolute; left: 0; top: 0; }
            .sticker-menu span:before, .sticker-menu span:after { height: 2px; width: 32px; position: absolute; left: 0; top: 8px; content: ''; background-color: #ffffffd1; transition: .3s linear; }
            .sticker-menu span:before { top: 16px }
        .sticker-menu.active { height: 32px }
            .sticker-menu.active span { transform: rotate(45deg); top: 10px; }
                .sticker-menu.active span:before, .sticker-menu.active span:after { transform: rotate(-90deg); top: 0; left: 0; }
    .bg-black { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 101; background-color: rgb(0 0 0 / 39%); }
        .bg-black.active { display: block; }
    .head-bottom { position: fixed; top: 0; left: 0; bottom: 0; z-index: 9999; width: 320px; padding: 10px 0; transform: translateX(-100%); transition: .5s linear; opacity: 0; visibility: hidden; padding-top: 30px; }
        .head-bottom.active { transform: translateX(0); opacity: 1; visibility: visible; overflow-y: auto; }
        .head-bottom .menu-top { display: block; }
            .head-bottom .menu-top > li > a:before { display: none }
            .head-bottom .menu-top > li > a { padding: 0; margin-bottom: 0; padding: 0; }
            .head-bottom .menu-top > li { border-bottom: 1px solid #f4f4f4a6; padding: 10px 0; }
                .head-bottom .menu-top > li i { color: #ffffff; position: absolute; top: 14px; right: 0; }
                    .head-bottom .menu-top > li i.up { transform: rotate(180deg) }
                .head-bottom .menu-top > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
    .tog-show-sub { display: block; position: absolute; width: 18px; height: 18px; right: 5px; top: 2px; display: none; }
        .tog-show-sub span { width: 17px; height: 1px; background-color: #fff; display: block; position: absolute; top: 8px; left: 0; transition: .2s linear; }
            .tog-show-sub span:before { height: 17px; width: 1px; content: ''; position: absolute; left: 8px; top: -8px; background-color: #ffffff; transition: .2s linear; }
        .tog-show-sub.active span:before { transform: rotate(90deg) }
    .head-bottom .menu-top .sub-menu { position: initial; opacity: 1; visibility: visible; background-color: transparent; margin-top: 0; box-shadow: initial; border-top: 0; border-radius: 0; width: 100%; min-width: initial; display: none; transition: initial; }
    .head-bottom .sub-menu li a { color: #fff; }
    .head-middle.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; animation-name: fadeInDownMenu; animation-duration: .5s; }
    .dnkt-ct .name-btn { padding-right: 30px; width: 25%; }
    .dnkt-ct .slide-dn { width: 75%; }
    .slide-dn .item .text p.note span { max-height: 156px; }
    .list-item-da .slider { grid-template-columns: repeat(2, 1fr) }
    .ifprj-ct .l-image .item { height: 163px }
    .banner-dt .form-dt { top: 20px }
    .infor-project { padding: 40px 0 35px; }
    .table-left { width: 100%; float: initial; padding-right: 0; margin-bottom: 30px; }
    .formgh-right { width: 100%; float: initial; }
    .if-left { width: 45%; padding-right: 30px; }
    .form-right { width: 55%; }
    .table-gh.head p:first-child, .table-gh .item:first-child { width: 400px }
    .table-gh.head p:last-child, .table-gh .item.bin { width: calc(100% - 620px) }
    .list-ant { grid-template-columns: repeat(3, 1fr); }
    .prev-glr { left: 0; bottom: 35px; }
    .next-glr { right: 0; bottom: 35px; }
    .slide-mini { width: 280px; }
    .btn-dt { display: block; overflow: hidden; }
    .input-nb { display: block; width: 100%; margin-bottom: 10px; }
    .dt-item-pr .btnco { width: 120px; position: relative }
    .input-nb input { width: 100% }
    .btn-dt .buynow { width: 49%; float: left; margin-left: 0 }
    .btn-dt .contact { width: 49%; margin-left: 2%; float: left; }
    .list-othitem .slider { display: block; }
    .csl-ct { grid-template-columns: repeat(2, 1fr); }
    .count-sl { background-size: cover; background-attachment: fixed; }
    .list-ques .slider { grid-template-columns: repeat(2, 1fr); }
    .form-calmn .mg-2 { margin-left: 0; }
    .form-calmn .form-group.width-25 { width: 100%; }
    .form-calmn .form-group:nth-of-type(2), .form-calmn .form-group:nth-of-type(7), .form-calmn .form-group:nth-of-type(9), .form-calmn .form-group:nth-of-type(4), .form-calmn .form-group:nth-of-type(5) { margin-left: 0; }
    .form-calmn .form-group.width-20 { width: 100%; margin: 0 0 10px 0; }
    .form-calmn .form-group.mgb { margin-bottom: 10px; }
    .news-ct .news-c, .news-detail { width: calc(100% - 250px); }
    .news-ct .news-p { width: 250px; }
    .list-news .item .img { width: 170px; height: 100px; }
    .list-news .item .text { width: calc(100% - 170px); }
    .other-news .item .img { height: 115px; }
    .filter-product { width: 100% }
    .grid-product-view_v2 { display: block; width: 100% }
    .filter-product ul { display: none; transition: initial; }
    .grid-product-view_v2 .grid-product-view { /* display: block; */ grid-template-columns: repeat(2, 1fr); }
    .sla-tskc > p.active .click-fidown i { transform: rotate(180deg); }
    .sla-tskc > p { display: block; padding: 5px 10px; font-weight: 600; font-size: 14px; background: #e9ecef; margin-bottom: 0; border-bottom: 1px dashed #f4f4f4; }
    .select-attr { margin-bottom: 20px }
    .list-ant .item .price .price-fix { display: inline-block; font-size: 13px; }
    .list-ant .item .price { font-size: 14px; }
    .list-ant .item .text { padding: 10px 5px; }
    .wrap-sub-menu { position: initial; transform: translate(0); opacity: 1; visibility: visible; overflow: hidden; /* max-height: 200px; */ overflow-y: auto; border-top: initial; background: initial; display: none; transition: initial; }
    .atrit-banner { display: none }
    .sub-menu_v2 { width: 100%; float: initial; }
        .sub-menu_v2 .item { width: calc(100%/3); padding: 5px; }
            .sub-menu_v2 .item a { font-size: 12px; color: #fff; }
    .head-bottom .menu-top > li.nullrep { position: relative }
    .sub-menu_v2 .item img { width: 35px; height: 35px }
    .wrap-sub-menu .container { padding: 0 }
    .table-gh .item .img { width: 100px; }
    .list-item-hots .item .img { margin: 0 auto }
    .list-item-hots .item .text { width: 100%; padding: 0; text-align: center; }
        .list-item-hots .item .text .dp-flex { width: 100% }
    .notfound { height: auto }
    .lg-sub-html { width: 100%; right: 0; top: initial; padding: 10px; background: #433330 !important; }
    .lg-actions .lg-prev { left: 20px }
    .lg-actions .lg-next { right: 20px }
    span.lg-close.lg-icon { top: 0; right: 0; z-index: 999; position: fixed; background: #261511; padding: 5px; height: auto; width: auto; }
    .lg-toolbar, .lg-hide-items .lg-toolbar { opacity: 1 !important; transform: translate(0) !important; z-index: 1082; position: absolute; width: 33px; height: 35px; top: 127px; right: 0; left: initial; }
    .lg-outer .lg-inner, .lg-outer .lg { z-index: -1; }
    .popup-vd .ifr-tv iframe { height: 300px }
}

@media screen and (max-width: 767px) {
    .top-banner .item .img img { width: 100%; height: 100% }
    .top-banner .item .img a { height: 100% }
    .list-video .item .img:after { width: 35px; height: 35px }
    .frm-comment .action .img label { display: block; margin: 0; }
    .frm-comment .action .input { text-align: left; display: inline-block; float: left; }
    ;
    .ft-ct .item { padding-right: 0 }
    .question { padding-bottom: 25px }
    .csl-ct .item .text span { font-size: 24px }
    .infor-member { padding-bottom: 0 }
    .list-item-hots .item { display: block }
    .head-middle .header-ct { /* display: table; */ width: 100%; justify-content: initial; padding: 8px 0; }
    .head-middle { position: relative; padding: 0; z-index: 99; }
        .head-middle .logo { width: 17%; float: left; margin-bottom: 4px; padding-right: 5px; }
        .head-middle .form-search { width: 10%; float: right; position: initial; }
            .head-middle .form-search input { width: 100%; height: 40px; }
            .head-middle .form-search button { height: 40px }
        .head-middle .contact { padding-right: 0; width: 21%; float: right; margin-right: 35px; }
            .head-middle .contact .item:first-child { display: block; }
    .sticker-menu { top: 25px; }
    .top-banner .item { width: 100%; margin-bottom: 0; }
        .top-banner .item:last-child { margin-bottom: 0; }
    .top-banner { display: grid; margin-bottom: 30px; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; }
    .slide-pc { display: none; }
    .list-hot-item .img-left { width: 100%; height: initial; }
        .list-hot-item .img-left img { width: 100%; }
        .list-hot-item .img-left a { width: 100%; }
    .list-hot-item { display: block; }
    .slide-mobile { display: block; position: relative; }
    .list-hot-item .slide-right { width: 100%; }
    .prev-slrmb, .next-slrmb { width: 28px; height: 28px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; box-shadow: 0 0 4px rgb(0 0 0 / 58%); position: absolute; top: calc((100% - 28px)/2); left: -10px; }
    .next-slrmb { left: initial; right: -10px; }
    .prev-sltprj { left: -10px; }
    .next-sltprj { right: -10px; }
    .form-count .form-group { width: 100%; }
        .form-count .form-group.width1-3 { width: 100%; margin-bottom: 9px; }
    .form-count .form-group { margin-bottom: 14px; }
        .form-count .form-group:nth-of-type(1), .form-count .form-group:nth-of-type(2) { margin-bottom: 12px; }
    .form-count .width1-3:nth-of-type(4), .form-count .width1-3:nth-of-type(5) { margin-left: 0 }
    .form-count { padding: 25px 20px }
    .list-vdid-ct .item:first-child { width: calc(100% - 20px); }
    .list-vdid-ct .item { width: calc((100% - 40px)/2); }
        .list-vdid-ct .item .text { /* position: initial; */ }
            .list-vdid-ct .item .text h3 a { color: #333333 }
        .list-vdid-ct .item .img { margin-bottom: 10px }
            .list-vdid-ct .item .img:after { left: 50%; top: 50%; transform: translate(-50%, -50%) }
    .video-id { padding: 30px 0 }
    .list-ans { display: block; }
        .list-ans .item { margin-bottom: 20px }
    .ques { padding: 30px 0 35px }
    .qttk { padding: 45px 0 50px; }
    .list-qttk .text p { margin-bottom: 5px }
    .list-qttk .text { top: 26px; right: 10px }
    .prev-lit { left: -15px }
    .next-lit { right: -15px }
    .list-top-prj .item .img img { width: 100%; }
    .ft-ct { display: block; }
        .ft-ct .item { margin-bottom: 15px; }
            .ft-ct .item:nth-last-child(2) { margin-bottom: 15px; }
    .menu-left { white-space: nowrap; overflow-y: auto }
        .menu-left::-webkit-scrollbar { height: 2px }
    .gtc-ct { display: block; }
        .gtc-ct .img { width: 100%; margin-bottom: 20px }
        .gtc-ct .text { width: 100%; padding-left: 0 }
    .tn-sm-ct { display: block; }
        .tn-sm-ct .item { width: 100% !important; padding-right: 0; margin-bottom: 20px }
            .tn-sm-ct .item:last-child { margin-bottom: 0 }
    .scroll-gt a { white-space: nowrap; }
    .scroll-gt.fixed { top: 72px; }
    .scroll-gt { overflow-x: auto; justify-content: initial; }
        .scroll-gt::-webkit-scrollbar { height: 0 }
    .dnkt-ct .name-btn { width: 40%; }
    .dnkt-ct .slide-dn { width: 60%; }
    .itsv-ct { display: block; }
        .itsv-ct .txt-left { width: 100%; padding-right: 0; margin-bottom: 20px; }
        .itsv-ct .img-right { width: 100%; }
    .list-qttkgt .item { display: block; }
        .list-qttkgt .item .img { width: 100%; height: initial; }
        .list-qttkgt .item .text { width: 100%; position: initial; padding: 20px 0; }
        .list-qttkgt .item:nth-child(2n + 1) .text-ct { padding-left: 0 }
        .list-qttkgt .item:nth-child(2n) .text-ct { padding-right: 0 }
    .list-item-da .slider { grid-gap: 12px; row-gap: 20px }
    .list-item-da .item .img { height: 140px }
    .list-othprjs .slider { display: block; }
    .list-othprjs .img { height: 281px; }
    .banner-dt .form-dt { position: initial; padding: 15px 10px 0; background-color: #f4f4f4; }
    .all-form-gh .table-left { display: block; overflow: hidden; margin: 0; }
    .ct-form { border: 1px solid #d0d0d0; padding: 10px; max-width: 100%; }
        .ct-form h1 { font-size: 20px }
    .ifprj-ct .l-image { grid-template-columns: repeat(2, 1fr) }
        .ifprj-ct .l-image .item { height: 137px }
    .table-left { display: none; }
        .table-left.mobile { display: block; }
            .table-left.mobile .item { display: flex; margin-bottom: 10px; }
    .table-gh.head { width: 120px; height: initial; float: left; padding: 10px 12px; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; display: none; }
    .table-gh { width: 100%; display: block; float: right; border: 1px solid #d0d0d0; border-bottom: initial; padding: 15px; text-align: center; position: relative; }
        .table-gh.head p { text-align: left; width: initial; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d0d0d0; }
            .table-gh.head p:nth-of-type(3), .table-gh .item.price { width: 100%; text-align: left; }
            .table-gh.head p:first-child, .table-gh .item:first-child { width: initial; margin-bottom: 10px; }
    .table-left.mobile .table-gh .item:first-child { height: 85px; }
    .table-gh .item .text { padding-left: 10px; width: calc(100% - 100px); }
    .table-gh.head p:nth-of-type(2), .table-gh .item.form { width: initial; text-align: left; }
    .table-gh .item.form { display: flex; justify-content: flex-start; }
    .table-gh .item.price { justify-content: center; text-align: left; }
    .form-tt .form-group.w1-7 { width: 100%; float: initial; }
    .form-tt .form-group.w1-3 { width: 100%; float: initial; margin-left: 0; }
    .table-gh.head p:last-child, .table-gh .item.bin { width: initial; float: right; position: absolute; bottom: 25px; right: 15px; }
    .table-gh.head p:first-child { /* height: 90px; */ display: flex; align-items: center; }
    .table-gh.head p:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
    .form-tt .form-group.select-f { width: 100%; float: initial; }
    .form-tt .form-group, .form-tt .form-group.select-f { margin-bottom: 12px }
        .form-tt .form-group.select-f.mg { margin-left: 0 }
    .form-tt form { padding: 0; margin-bottom: 20px; }
    .form-tt p.name { border-top: 1px solid #d0d0d0 }
    .lh-ct { display: block; }
    .if-left { width: 100%; padding-right: 0px; margin-bottom: 25px; }
    .form-right { width: 100%; }
    .list-ant .item .img { height: 130px; }
    .furniture { padding-bottom: 30px; }
    .inp-sx { top: -10px; }
    .list-othitem .slider { display: block }
    .list-ant { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
    .dtitem-ct .slide-glr { width: 100%; margin-bottom: 25px; }
    .next-glr { bottom: 5px; }
    .prev-glr { bottom: 5px; }
    .dtitem-ct .dt-item { width: 100%; padding-left: 0; }
    .dtitem-ct { display: block; }
    .list-ques .slider { display: block; }
    .list-ques .item .img { height: 228px; }
    .form-calmn { padding: 20px 16px; }
    .cttm-ct form { width: 100%; }
    .news-ct { display: block; }
        .news-ct .news-c, .news-detail { width: 100%; padding-right: 0; margin-bottom: 25px; }
        .news-ct .news-p { width: 100%; }
    .list-news .item .img { width: 140px; }
    .list-news .item .text { width: calc(100% - 140px); padding-left: 15px; }
        .list-news .item .text h3 { margin-bottom: 8px; }
    .list-news-sl .item .img { height: 225px; }
    .hidden-mb { display: block !important; }
    .head-middle .form-search form { position: absolute; left: -15px; right: 0; top: 100%; box-shadow: 0 0 10px rgba(0,0,0,.4); z-index: 99; width: calc(100% + 30px); display: none; }
    .head-middle .contact .item .text { display: none }
    .icon-sr i { color: #ffffff; font-size: 20px; }
    .head-middle .contact .item .img span { color: #ffffff; position: absolute; top: -6px; right: -7px; background-color: #ffffffc7; color: #000; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; text-align: center; font-size: 14px; font-weight: 700; }
    .slick-arrow { right: 0; background-color: #ffffff; z-index: 999; }
        .slick-arrow:first-child { left: 0 }
    .table-gh .item .text .price { font-size: 12px }
    .list-it .item .img { height: 150px }
    .csl-ct .item { display: block; }
        .csl-ct .item .img { margin: 0 auto }
        .csl-ct .item .text { margin: 0; text-align: center; width: 100%; padding: 10px 0 0; }
    .lnews-ct { padding: 20px 0 0 }
    .tit-scroll a { font-size: 14px; white-space: nowrap; }
    .tit-scroll { overflow: hidden; overflow-x: auto; margin-bottom: 5px; }
    .infor-item ::-webkit-scrollbar { width: 2px; height: 2px }
    .h1-bdb h1, .h1-bdb p { font-size: 16px }
    .header-pop { width: 100%; top: 0; transform: translate(0); height: auto; left: 0; }
        .header-pop .desc { width: 100%; background: #433330; float: initial; color: #ffffff; }
    .list-it .lSAction > a { right: 0 }
    .list-it .lSAction > .lSPrev { left: 0 }
    .head-rate .titH2b { width: 100% }
    .btn-ratenow { float: left }
    .Rate-detail_ .box_ { display: block; padding: 10px; }
    .infor-item { padding-bottom: 20px }
    .news { padding-bottom: 20px }
    .slide-rv .nextrv { right: -40px }
    .slide-rv .prevrv { left: -40px }
    .frm-comment .action .img label span { display: block; float: initial; margin: 0; }
    .frm-comment .action .img { width: 50px; padding: 5px; display: block; text-align: center; }
    .frm-comment .action { display: flex }
    .question > span, .feedback-question > p, .feedback div span { font-size: 14px }
    .feedback-question { text-align: center }
    .question-ed { margin: 10px auto 0 }
    .top-banner .item .text { padding: 10px; height: 60px; }
        .top-banner .item .text h3 { font-size: 16px }
}

@media screen and (max-width: 375px) {
    .box-rated .box .line-rate .lv-rate { font-size: 13px }
    .box-rated { padding: 0 }
    .feedback-question { padding: 0; text-align: center; }
    .box-rated .box .line-rate .tool-pct, .line-question { width: 120px; }
    .feedback { display: flex; text-align: center }
    .question { padding: 0 }
    .count-cmt { margin-bottom: 5px }
    .list-othitem .item .price .price-fix { display: block }
    .form-gh { padding-bottom: 20px }
}