@media all and (max-width: 1300px) {


    }

@media all and (max-width: 1024px) {

}

@media all and (max-width: 800px) {


}@media all and (max-width: 1000px) {
    .menu_nho {
        display: block;
    }

    .right-topmenu {
        display: none;
    }

    .menu {
        display: none;
    }

    .k_banner {
        padding: 8px 16px;
    }

    .k_k_banner {
        width: 100%;
    }

    .k_tim_kiem {
        float: left;
        width: 66%;
        margin-left: 40px;
        margin-top: 15px;
    }

    .menusm-top {
        background: white;
        padding: 8px 16px;
    }

    .right-menu-item {
        width: auto;
        float: left;
        margin-left: 0;
        margin-right: 110px;
    }

    .link-km {
        text-align: center;
        margin-top: 0;
        margin-right: 0;
    }

    .menu_sm {
        padding: 25px 0;
    }

    .menu-consm ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .menu-consm {
        color: #FEFEFE;
        font-size: 20px;
        line-height: 24px;
        padding: 0 24px;
    }

    .menu-consm ul li a {
        color: #FEFEFE;
    }

    .menu-consm ul li {
        padding: 24px 0;
        border-bottom: 1px solid #FEFEFE;
    }

    .menu-consm ul li a img {
        width: 24px;
        margin-right: 8px;
        margin-top: -5px;
    }

    li.sanphammn {
        cursor: pointer;
        background-image: url(/images/down-xanh.svg);
        background-repeat: no-repeat;
        background-position-y: 22px;
        background-position-x: right;
    }

    ul.menucap3 {
        display: none;
    }

    .menu-box ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        text-align: left;
    }

    .menu-box li {
        line-height: 30px;
        display: block;
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    #mainmenu > ul > li:first-child {
        border-top: 0;
    }

    .menu-box li a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        position: relative;
        display: block;
        padding: 6px 15px;
        padding-right: 40px;
    }

    .hasnav .navtrigger {
        width: 70px;
        height: 42px;
        color: transparent;
        position: relative;
        cursor: pointer;
        font-size: 0;
        margin-left: 0.2em;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        margin-top: 24px;
    }

    .hasnav .navtrigger:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -3px;
        bottom: 0;
        margin: auto;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        width: 15px;
        height: 15px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .hasnav .hasnav > .navtrigger {
        height: 36px;
    }

    .hasnav .navtrigger.active::before {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 7px;
    }

    .hasnav > ul, .hassubnav > ul {
        display: none;
    }

    .menu-box li li {
        padding-left: 1.4em;
    }

    .menu-box li li a {
        font-size: 1em;
        padding: 3px 15px;
        padding-right: 40px;
    }

    .page1-left {
        width: 100%;
        float: left;
        padding-right: 0;
    }

    .page1-right {
        float: right;
        width: 100%;
        margin: 20px 0;

    }

    .box-wp {
        padding: 0 12px;
    }
   

    .page1-right-bottom .img-qc__item {
        width: 50%;
        float: left;
        padding: 16px 4px 0;
    }

    .rowh {
        margin-left: 0;
        margin-right: 0;
    }

    .page2.mobile, .page5-product.mobile, .product-km-menu.mobile {
        display: block;
    }

    .page2.mobile .page2-item {
        width: 100%;
        padding: 0;
    }

    .owl-prev {
        left: -10px;
    }

    .owl-next {
        right: -10px;
    }

    .owl-prev i, .owl-next i {
        color: black;
    }


    .page5-menu-item, .page2 {
        display: none;
    }

    .page5-product.mobile .promotion-sale {
        width: 100%;
    }

    .page7 .img-qc__item {
        width: 100%;
        margin-bottom: 8px;
        padding: 0;
    }
    .list-product {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .page5 {
        padding: 0 0 32px;
    }

    .page7 {
        padding-bottom: 32px;
    }

    .footer-thanhtoan {
        width: 100%;
        float: right;
        padding-left: 0;
        margin-top: 12px;
    }

    .footer-logo {
        width: 30%;
    }

    .footer-showroom {
        width: 35%;
    }

    .footer-bottom-top-chinhsach {
        width: 100%;
    }

    .footer-bottom-top-ykien {
        margin-top: 16px;
        width: 84%;
    }

    .footer-bottom-top-mxh {
        width: 16%;
    }

    .footer-bottom-top-mxh {
        margin-top: 50px;
    }

    .header {
        position: fixed;
        width: 100%;
        z-index: 99;
        height: 83px;
    }

    .container {
        padding-top: 90px;
    }

    .gioi-thieu-1-content table tr td {
        width: 100% !important;
        padding: 0 !important;
        display: block !important;
    }

    .gioi-thieu-2-content {
        height: 225px;
    }

    .gioi-thieu-3-item {
        width: 95%;
    }

    .gioi-thieu-4-item {
        width: 100%;
        margin-bottom: 16px;
    }

    .gioi-thieu-4 {
        padding: 32px 0;
    }

    .gioi-thieu-1 {
        padding: 0 0 32px;
    }

    .product-km-menu.mobile .page2-item {
        width: 100%;
        padding: 0;
    }

    .product-km:after, .item-promotion:after {
        width: 100%;
    }

    .item-pro {
        width: 50%;
        margin-bottom: 30px;
    }

    .box-wp.mnkm {
        padding-top: 85px;
    }

    .wrap-detail {
        margin-bottom: 32px;
    }

    .tin-left {
        width: 100%;
    }

    .tin-right {
        width: 100%;
        float: right;
        padding-left: 0;
    }

    .cmfbmobile {
        display: block;
        margin-bottom: 32px;
    }

    .cmfb {
        display: none;
    }

    .tin-right .img-qc__item {
        width: 100%;
    }

    .list-pro-qc {
        margin-bottom: 32px;
    }

    .tra-gop-1-content {
        width: 100%;
        margin: 0 0 30px;
        padding: 16px;
    }

    .tragop1-img {
        width: 10%;
    }

    .tragop1-text {
        width: 90%;
    }

    .tra-gop-2 {
        margin: 32px 0;
    }

    .title-trade-2 {
        width: 100%;
    }

    .title-trade-2 h4 {
        position: relative;
        width: 100%;
        margin-bottom: 14px;
    }

    .item-trade-2 {
        width: 100%;
    }

    .trade-2-item {
        height: 100px;
    }

    .trade-3-content {
        width: 100%;
    }

    .pd64 {
        padding: 32px 0;
    }

    .huongdan.suachua .detail-wp.f-space15 {
        width: 100%;
        overflow: scroll;
    }

    .new-item {
        width: 100%;
        margin: 0 0 24px;
    }

    .new-item .page1-right-top-text h4 {
        -webkit-line-clamp: 3;
        -ms-line-clamp: 3;
        height: 60px;
        line-height: 19px;
        font-size: 16px;
    }

    .comment-news {
        -webkit-line-clamp: 3;
        -ms-line-clamp: 3;
        text-overflow: ellipsis;
        height: 50px;
    }

    .phantranga {
        padding-bottom: 32px;
    }

    .others .page1-right-top-item {
        width: 48%;
        float: left;
        margin: 0 1% 20px;
    }

    .contact-left {
        width: 100%;
    }

    .contact-right {
        margin-top: 32px;
        width: 100%;
    }

    .product .page5-product {
        display: block;
    }

    .product-left {
        width: 100%;
    }

    .product-right {
        width: 100%;
        margin-top: 32px;
    }
    .phaislide {
        width: 60%;
        padding-right: 0;
    }
    .slide-mau {
        width: 40%;
    }
    .tragopspham a span, .tradein a span {
        font-size: 11px;
    }
    .slide-mau .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        top: auto;
        right: 10px;
        bottom: 40px;
    }
    .slide-mau .swiper-button-prev, .slide-mau .swiper-container-rtl .swiper-button-next {
        top: auto;
        left: -9px;
        outline: none;
        bottom: 35px;
    }
    .leftcontentpro0 {
        width: 100%;
        padding-right: 0;
    }
    .leftcontentpro {
        width: 100%;
        margin-top: 32px;
    }
    .tintuc-pr .page1-right-top-item {
        width: 48%;
        margin: 0 1% 16px;
        float: left;
    }
    .nerchitietchinh {
        padding-bottom: 32px;
    }
    .khung-dangia-right {
        width: 100%;
        float: right;
        padding-left: 170px;
        border-left: none;
    }
    .khung-danhgia-left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .binhluan-fb {
        margin: 32px 0;
    }
    .fixedtso {
        width: 690px;
    }
    .leftinfosp {
        width: 100%;
    }
    .rightformtt {
        width: 100%;
    }
    .wpformtt {
        padding-left: 0;
        margin-top: 32px;
    }
    .imgspdathang {
        text-align: center;
    }
    .sotien-tragop {
        width: 46.5%;
    }
    .dattruoc-form {
        padding: 40px 32px;
    }
    .right-tuvan {
        width: 50%;
        padding-left: 0;
    }
   
    .hasnav {
        font-size: 16px;
    }
    .sub-menu {
        font-size: 14px;
    }

    .huygiohang {
        right: 4%;
    }
    .khuyenmai .page5-product {
        display: block;
    }
    .dongthongso {
        position: fixed;
        top: 6%;
        right: 9%;
    }
    .k_tim_kiem{
        display: none;
    }
    .k_tim_kiem.mobile {
        display: block;
        float: right;
    }
    .search-h {
        border: none;
        float: right;
        position: relative;
            padding: 12px 16px 9px 16px;
    }
    .k_logo {
        position: absolute;
        left: 0;
        right: 0;
    }
    .overlay.open .k_logo {
        position: relative;
        text-align: center;
        width: 100%;
    }
    .k_logo img {
        width: 120px;
    }
    .cartmb{
        display: block;
    }
    .h-cart {
        position: absolute;
        right: 69px;
        top: 26px;
    }
    .h-cart > a {
        width: 38px;
        height: 38px;
        position: relative;
    }
    .h-cart > a > i {
        position: absolute;
        top: 10px;
        left: 8px;
        right: 0;
    }
    .home-c .page5-product .promotion-sale:nth-child(9), .home-c .page5-product .promotion-sale:nth-child(10) {
        display: none;
    }
}

@media all and (max-width: 680px) {


}@media all and (max-width: 680px) {
    .k_tim_kiem {
        width: 58%;
        margin-left: 10px;
        margin-top: 0;
    }
    .search-h input {
        width: 80%;
    }
    .search-h button {
        width: 16%;
    }
    .k_banner {
        padding: 16px 0;
    }
    .k_logo {
        width: 22%;
        top: 6px;
    }
    .k_logo img {
        width: 85px;
    }
    /*.button_container {*/
    /*    top: 30px;*/
    /*    right: 16px;*/
    /*}*/
    .container {
        padding-top: 70px;
    }
    .rightmenu-top span {
        font-size: 12px;
    }
    .rightmenu-top p {
        font-size: 12px;
        line-height: 10px;
    }
    .right-menu-item {
        margin-right: 2%;
    }
    .right-menu-item img {
        width: 28px;
    }
    .rightmenu-top {
        margin-left: 5px;
    }
    .menusm-top {
        background: white;
        padding: 8px 5px;
    }
    .menu-consm ul li {
        padding: 6px 0 !important;
    }
    .menu_sm {
        padding: 10px 0;
    }
    .hasnav .navtrigger {
        margin-top: 12px;
    }
    .page1-right-bottom .img-qc__item {
        width: 100%;
        float: left;
        padding: 0;
    }
    .page1-right-bottom {
        margin-top: 20px;
    }
    .page3 {
        margin-top: 35px;
    }
    .dattruoc-form .form-item {
        width: 100%;
        float: left;
        padding: 0;
        margin-bottom: 12px;
    }
    .dattruoc-form .submit {
        padding: 0;
    }
    .dattruoc-form {
        padding: 20px 16px;
    }
    .footer-top.mobile {
        display: block;
    }
    .footer-top {
        display: none;
    }
    .footer-showroom {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
        float: none;
        text-align: center;
    }
    .footer-mobile-left {
        width: 100%;
        float: left;
    }
    .footer-showroom h4,
    .footer-thanhtoan h4,
    .footer-bottom-top-chinhsach h4,
    .footer-bottom-top-ykien h4 {
        text-align: center;
    }
    .footer-logo {
        display: none;
    }
    .footer-bottom-top-chinhsach ul li a {
        font-size: 14px;
    }
    .footer-bottom-top-ykien {
        margin-top: 16px;
        width: 100%;
    }
    .footer-bottom-top-mxh {
        margin-top: 30px;
        width: 100%;
    }
    .footer-bottom-left-yk {
        width: 100%;
    }
    .footer-bottom-right-yk {
        width: auto;
        float: left;
        margin-top: 12px;
    }
    .rightmobile_ft {
        float: right;
    }
    .copy {
        text-align: center;
    }
    .danaweb {
        float: none;
        color: white;
        padding: 0 0 18px;
    }
    .gioi-thieu-1-content {
        width: 100%;
    }
    .gioi-thieu-2-top a {
        line-height: 17px;
        float: none;
    }
    .gioi-thieu-2-top h4 {
        display: block;
        margin-bottom: 10px;
    }
    .gioi-thieu-2-content {
        height: auto;
        width: 100%;
        margin-bottom: 16px;
    }
    .gioi-thieu-2-item {
        padding: 32px 0 32px;
    }
    .gioi-thieu-3 {
        padding: 32px 0;
    }
    .gioi-thieu-4-item {
        width: 100%;
        margin-bottom: 16px;
        padding: 0;
    }
    .img-qc__list-pro.h1 {
        width: 100%;
    }
    .img-qc__list-pro {
        width: 100%;
        padding-left: 0;
    }
 
    .promotion-note {
        padding: 6px 7px;
    }
    .slide-mau {
        width: 100%;
    }
    .phaislide {
        margin-top: 20px;
        padding-right: 0;
        width: 100%;
    }
    .gia_pro1 ul li {
        margin-right: 3px;
        font-size: 14px;
    }
    .gia_pro1 ul li span {
        font-size: 12px;
    }
    .tradein {
        height: 75px;
    }
    .fixedtso {
        width: 360px;
    }
    .tintuc-pr .page1-right-top-item {
        width: 100%;
        margin: 0 0 16px;
        float: left;
    }
    .khung-dangia-right {
        width: 100%;
        float: right;
        padding-left: 0;
        border-left: none;
    }
    .thongke-danhgia {
        width: 185px;
    }
    .input_muahng {
        width: 100%;
        float: left;
        margin: 0 0 16px;
    }
    .input_muahng100,
    .input_muahngs {
        width: 100%;
    }
    .tra-gop-sp-1 p {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-right: 0;
        display: block;
        margin-bottom: 12px;
    }
    .khung-tra-hop-2 {
        width: auto;
    }
    .tra-gop-sp-1 {
        margin: 0 0 32px;
    }
    .sotien-tragop {
        width: 100%;
        margin: 0 0 12px;
    }
    .table-responsive {
        width: auto;
        overflow: scroll;
    }
    .tar-gop-3-item {
        width: 48%;
        margin: 0 1% 15px;
        height: 195px;
    }
    .tra-gop-4-left {
        width: 100%;
        margin-bottom: 16px;
        padding-right: 0;
    }
    .tra-gop-4-right {
        padding-left: 0;
        width: 100%;
        padding-right: 0;
        border: none;
    }
    .load-tragop-sp {
        margin: 32px 0;
    }
    .table-bordered tr td button {
        padding: 12px;
    }
    .left-tuvan {
        width: 100%;
        float: left;
        padding-right: 0;
    }
    .right-tuvan {
        width: 100%;
        padding-left: 0;
    }
    .ttsp {
        margin-bottom: 24px;
        padding-left: 0;
    }
    .right-tuvan h4,
    .anh {
        padding-left: 0;
    }
    .km-danhmuc-item {
        width: 100%;
        margin-bottom: 24px;
    }
    .khuyenmai-danhmuc {
        margin-bottom: 10px;
    }
    .item-pro {
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
    }
    .comment {
        margin-bottom: 10px;
    }
    .product-km-1 {
        margin-bottom: 32px;
    }
    .item-promotion {
        padding: 40px 0 10px;
    }
    .promotion {
        padding-bottom: 32px;
    }
    .box-wp.mnkm {
        padding-top: 70px;
    }
    .wrap-detail {
        margin-top: 12px;
    }
    .others .page1-right-top-item {
        width: 100%;
        margin: 0 0 20px;
    }
    .tra-gop-2-item {
        width: 100%;
        margin-bottom: 16px;
    }
    .trade-1-item {
        margin-bottom: 16px;
        width: 100%;
    }
    .trade-2-item {
        height: auto;
        width: 100%;
        margin-bottom: 16px;
    }
    .trade-2 {
        padding: 32px 0;
    }
    .new-item .page1-right-top-img {
        margin-bottom: 16px;
        width: 100%;
    }
    .new-item .page1-right-top-text {
        width: 100%;
        padding-left: 0;
    }
    p.comment-news {
        height: auto;
    }
    .new-item .page1-right-top-text h4 {
        -webkit-line-clamp: 13;
        -ms-line-clamp: 12;
        height: auto;
    }
    .contact-item {
        margin: 32px 0 24px;
    }
    .form-contact .form-item {
        width: 100%;
        float: left;
        margin: 0 0 16px;
    }
    .form-contact .form-item.form-full {
        width: 100%;
    }
    .form-contact .submit button {
        margin: 0;
    }
    .footer-bottom-right-yk {
        display: block;
    }
    .footer-bottom-right-yk.desktop {
        display: none;
    }
    .product-km:after {
        height: calc(100% - 32px);
    }
    .breadcrumb {
        padding: 14px 0;
    }
    .rowh {
        margin-left: 0;
        margin-right: 0;
    }
    .detail-wp table tr td {
        border: 1px solid black !important;
    }

    .slide-mau .swiper-slide {
        padding: 0 30px;
    }
    .slide-mau .gallery-thumbs1 .swiper-slide img {
        padding: 5px;
    }
    .slide-mau .swiper-button-prev,
    .slide-mau .swiper-container-rtl .swiper-button-next {
        top: auto;
        left: -13px;
        outline: none;
        bottom: 43px;
    }
    .slide-mau .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        top: auto;
        right: 0;
        bottom: 43px;
    }
    .slide-mau .gallery-thumbs1 .swiper-slide {
        margin: 0;
        padding: 0;
    }
    .button_slide {
        display: none;
    }
    .fb_iframe_widget_fluid_desktop iframe {
        width: 100% !important;
    }
    .logo-promotion {
        width: 81px;
        padding: 8px 8px;
        top: -55px;
    }
    .trgiohangsp {
        max-width: 360px;
    }
    .fb_iframe_widget iframe {
        width: 100% !important;
    }
    .fb_iframe_widget_fluid span {
        width: 100% !important;
    }
    .contact-info-item {
        margin-bottom: 20px;
    }
    .detail-wp {
        overflow: scroll;
    }
    .dongthongso {
        position: fixed;
        top: 8%;
        right: 3%;
    }
    .dattruoc-form .table-bordered th {
        white-space: break-spaces;
    }
    .page1-right {
        display: none;
    }
    .mobile-tt .page1-right {
        display: block;
        margin-top: 0;
    }
    div#slide-spnews {
        background: #fefefe;
        box-shadow: 0px 0px 8px #e0e0e0;
        border-radius: 8px;
        padding: 12px 12px 5px 12px;
        margin-bottom: 8px;
    }
    div#slide-spnews .owl-prev i,
    div#slide-spnews .owl-next i {
        font-size: 22px;
        color: black;
    }
    .page4 {
        margin-bottom: 32px;
    }
    .header {
        height: 55px;
    }
    .button_container {
        top: 23px;
        left: 16px;
    }
    .link {
        top: 4px;
        left: auto;
        right: 8px;
    }
    .frm-search {
        height: 55px;
        right: -2px;
        top: 28px;
    }
    .footer-showroom.show2 {
        margin-top: 35px;
        width: 100%;
    }
    .khuyenmai {
        margin-top: 60px;
    }
    .tragop .sotien-tragop {
        width: 100%;
    }
    .show-cart {
        width: 100%;
        padding-right: 0;
    }
    .cart-name-pro {
        font-size: 14px;
        line-height: 20px;
    }
    .col-2-cart {
        width: 30%;
    }
    .col-10-cart {
        width: 70%;
    }
    .cart-list-pro {
        padding: 5px 20px 5px 5px;
    }
    .price-1 {
        font-size: 14px;
    }
    .form_gh {
        width: 100%;
        margin-top: 30px;
    }
    .h-cart {
        position: absolute;
        right: 70px;
        top: 10px;
    }
    .cart-memory {
        margin-bottom: 20px;
    }
    .btn-cart-close {
        position: absolute;
        right: 8px;
        top: -2px;
    }
    .product-price-right p {
        font-size: 12px;
        padding-left: 0 !important;
    }
    .promotion-hot-price {
        min-height: auto;
    }
    .product-price-left p {
        font-size: 14px;
    }
    .product-price-left {
        padding: 0 2px;
    }
    .menu-box li a {
        font-size: 16px;
        padding: 10px;
    }
    .hasnav .navtrigger:before {
    
        top: -20px;
        width: 10px;
        height: 10px;
       
    }
    .product-menu-item ul {
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .product-menu-item a{
        font-size: 12px;
        padding: 6px 12px;
    
    }
    .promotion-sale:nth-child(2n+1) {
        clear: both;
    }
    .linkall a{
        font-size: 14px;
    }
    .list-product {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }
}
@media all and (min-width: 414px) and (max-width: 767px) {
    .right-menu-item {
        margin-right: 5%;
    }
    .box-wp {
        padding: 0 5px;
    }
    .promotion-rest img {
        margin-right: 5px;
        width: 14px !important;
    }
    .product-price-right p {
        font-size: 11px;
    }
    .owl-prev {
        left: -2px;
    }
    .owl-next {
        right: -2px;
    }

    .promotion-hot-kem p{
        font-size: 11px;
    }
    .promotion-hot-kem p img {
        width: 14px !important;
    }

    .promotion-hot-kem p {
        font-size: 11px;
    }
    .product-price-left p {
        font-size: 12px;
    }
    .promotion-rest p {
        font-size: 10px;
    }
  
    .slide-mau .swiper-button-prev,
    .slide-mau .swiper-container-rtl .swiper-button-next {
        left: -5px;
        bottom: 50px;
    }
    .slide-mau .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        bottom: 50px;
    }
  
    .slide-mau {
        width: 100%;
        padding: 0 10px;
    }
    .dongthongso {
        right: 7%;
    }
    .huygiohang {
        right: 10%;
    }
    .k_banner {
        padding: 12px 0;
    }
}
@media all and (max-width: 320px) {

}
@media (min-width: 1400px) {


}
@media (width: 1920px) {
    .huygiohang {
        right: 22%;
    }
    .dongthongso {
        position: fixed;
        top: 8%;
        right: 37%;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding: 5px;
        cursor: pointer;
    }
}