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

    .grid-productnb {

        grid-template-columns: repeat(2, 1fr);

    }

    .footer-news iframe {
        width: 100%;
    }


    .block_san_pham_right {

        flex: 0 0 690px !important;

    }



    .grid-tab {

        grid-template-columns: repeat(4, 1fr);

    }



    .grid-cong-trinh {

        grid-template-columns: repeat(3, 1fr);

    }



    .grid_1 {

        justify-content: space-between;

    }



    .img-auto img {

        width: auto !important;

        height: auto !important;

    }



    .grid-product {

        gap: 15px;

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }



    .menu-res {

        display: block;

    }



    .menu {

        display: none;

    }



    .toolbar {

        display: block;

    }



    .flex_gioithieu {

        display: flex;

        flex-direction: column-reverse;

        gap: 20px;

    }



    .left_gioithieu {

        width: 100%;

    }



    .right_gioithieu {

        width: 100%;

        padding-left: 0;

    }



    .gr_linhvuc::before {

        display: none;

    }



    .flex_doitac {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .left_doitac {

        width: 100%;

        text-align: center;

    }



    .right_doitac {

        width: 100%;

    }



    .wrap_logorepon {

        text-align: center;

        padding: 10px 0;

    }



    .search p {

        /* background: var(--c1); */

        border-radius: 100%;

    }



    .flex_ttfb {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .left_tiktok {

        width: 100%;

    }



    .right_tiktok {

        width: 100%;

        text-align: center;

    }



    .footer-article {}



    .left_gthieu {

        width: 100%;

    }



    .right_gthieu {

        width: 100%;

    }



    .gr_tintuc {

        display: flex;

        flex-direction: column-reverse;

    }



    .grname_tintuc {

        width: calc(100%);

    }



    .img__tintuc {

        width: 100%;

    }



    .flex_ftree {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .footer-news1.col-sm-4.mgb-res {

        max-width: 100%;

        display: flex;

        flex-direction: column-reverse;

        justify-content: center;

    }



    .fanpage.col-sm-8 {

        max-width: 100%;

    }



    .vchungtoi.col-sm-4 {

        max-width: 100%;

    }



    .info.col-sm-4 {

        max-width: 100%;

    }



    h2.footer-title1 {

        order: 3;

    }



    .hotline-header {

        display: none !important;

    }













}



@media only screen and (max-width: 850px) {

    ul.policy {

        display: block;

    }



    .left_gioithieu::before {

        display: none;

    }



    .grid_hinhanhhd {

        grid-template-columns: repeat(2, 1fr);

    }



    .gr_inputnlt {

        width: 100%;

    }



    .grid-duan {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

    }



    .banner_topbar {

        width: 75%;

    }



    .fbftt {

        border-radius: 0;

        text-align: center;

    }





    .footer-article::before {

        display: none;

    }



    .grid_hinhanh {

        margin-top: 20px;

        display: flex;

        flex-direction: column;

    }



    .left_phoikh {

        width: 100%;

    }



    .right_phoikh {

        width: 100%;

    }



    .wrap_visao {

        background-size: cover;

    }



    .flex_phanhoikh {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .wrap_visao::before {

        display: none;

    }



    .grid_visao::before {

        display: none;

    }



    .img_squatrinh img {

        width: 100%;

    }



    .img_titlevsao {

        display: none;

    }



    .grid_visao {

        display: flex;

        flex-direction: column;

    }



    .img_squatrinh {

        width: 100%;

    }



    .grname_sqtrinh {

        width: calc(100%);

    }



    .gr_quatrinhs {

        display: flex;

        flex-direction: column-reverse;

        gap: 10px;

    }



    .right_header ul.social {

        display: none;

    }



    .flex_gioithieu::before {

        width: 100%;

    }



    .flex_quatrinhsx {

        display: flex;

        flex-direction: column;

        gap: 10px;

    }







    .left_qtrinhsx {

        width: 100%;

        height: auto;

        min-height: auto;

        max-height: none;

        margin: 0;

    }



    .grid-product {

        gap: 15px;

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .fanpage {

        max-width: 100%;

    }



    .flex_ftree {

        display: flex;

        flex-direction: column;

        padding-bottom: 20px;

        gap: 20px;

    }



    .left_tintuc {

        width: 100%;

    }



    .right_tintuc {

        width: 100%;

    }



    .flex_tintuc {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .gr___inputnlt {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        gap: 10px;

    }



    .grid_duan {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 10px;

        margin-top: 20px;

    }



    .right_topbar {

        display: none;

    }



    .wrap-container {

        position: relative;

        overflow: hidden;

    }



    .gr_titledmnb::before {

        display: none;

    }



    .gr_dknhantin {

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 10px;

    }



    .right_dknhantin {

        width: 100%;

    }



    .left_dknhantin {

        width: 100%;

        text-align: center;

        display: flex;

        justify-content: center;

    }



    .control-owl button {

        display: none;

    }



    .gr_slidergthieu {

        display: flex;

        flex-direction: column;

        gap: 10px;

    }



    .left_slidergthieu {

        width: 100%;

    }



    .right_slidergthieu {

        width: 100%;

    }



    .title_folow {

        font-size: 20px;

    }



    .title_folow1 {

        font-size: 14px;

    }



    .left_spbchay {

        display: none;

    }



    .right_spbchay {

        width: 100%;

    }



    h2.footer-title1 {

        font-size: 25px;

        text-align: center;

    }



    .vchungtoi.col-sm-3 {

        max-width: 100%;

    }



    .vchungtoi.col-sm-4 {

        max-width: 100%;

    }



    .info.col-sm-5 {

        max-width: 100%;

    }



    .address-header {

        width: 50%;

    }



    .address-header .add {

        font-size: 14px;

    }



    .name_header {

        font-size: 30px;

        text-align: center;

    }



    .row.align-items-center {

        display: flex;

        flex-direction: column;

    }



    .wrap-aboutus .col-7 {

        max-width: 100%;

    }



    .wrap-aboutus .col-5 {

        max-width: 100%;

    }



    .intro-news.col-6 {

        max-height: none;

        max-width: 100%;

    }



    .wrap-intro .row {

        display: flex;

        flex-direction: column !important;

    }



    .footer .row {

        display: flex;

        flex-direction: column;

    }



    .footer-news.col-4 {

        max-width: 100%;

        text-align: center;

    }



    .footer-article .wrap-content {

        padding: 30px 15px 0;

    }



    .footer-powered .row {

        display: flex;

        align-items: center;

        flex-direction: row;

        padding: 0 15px;

    }

}



@media only screen and (max-width: 768px) {

    .block_san_pham_left {

        display: none;

    }



    .block_san_pham_right {

        margin-left: auto;

        flex: auto !important;

        width: 100%;

    }



    .grid-cong-trinh {

        grid-template-columns: repeat(2, 1fr);

    }



    .grid-tab {

        grid-template-columns: repeat(2, 1fr);

    }



    .block-icon {

        width: 100% !important;

    }



    .block-fb {

        display: none;

    }



    .grid-tin-tuc {

        grid-template-columns: repeat(2, 1fr);

    }



    .title_gioithieu {

        font-size: 30px;

    }



    .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;

    }



    .txt_gthieu.tranname {

        transform: translateX(0px);

    }

}







@media only screen and (max-width: 575px) {
    .ajax-item {
        font-size: 13px;
    }

    .gioi-thieu-title span {
        display: none;
    }


    .gr_tintuc.even_tt {

        display: flex;

        flex-direction: column;

    }



    .title_tintuc {

        font-size: 18px;

    }



    .fbn__desc {

        font-size: 13px;

        margin: 5px 0 10px;

    }



    .fbn__name {

        font-size: 18px;

    }



    .gr_feedbackr {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .gr_namefback {

        width: calc(100%);

        padding: 0;

    }



    .idfacebook {

        width: 100%;

        overflow: hidden;

    }



    .gt_titletiktok {

        font-size: 18px;

    }



    .wrap_mapcp {

        padding-bottom: 20px;

    }



    .mapcp {

        padding: 30px 10px;

    }



    .wrap_mapcp .gr_titlegioithieu {

        margin-top: 0px;

    }



    .wrap_tieuchi {

        padding: 20px 0;

    }



    .desc_tchi {

        font-size: 11px;

    }



    .name_tchi {

        font-size: 14px;

    }



    .grname_tchi {

        width: calc(100%);

        text-align: center;

        margin-top: 5px;

    }



    .gr_tieuchi {

        padding: 10px;

        display: flex;

        flex-direction: column;

    }



    a.catitemspham {

        font-size: 13px;

    }



    .wrap_listsanpham {

        padding: 20px 0;

    }



    .gr_titlegioithieu.spbchay {

        text-align: center;

    }



    .wrap_sanphambanchay {

        padding: 20px 0;

    }



    .gr_dmspham {

        padding: 0;

    }



    .wrap_danhmuc {

        padding: 20px 0;

    }



    .img_social {

        font-size: 12px;

        gap: 5px;

    }



    .title_folow1 {

        font-size: 12px;

    }



    .title_gioithieu {

        font-size: 18px;

    }



    .txt_gioithieu {

        font-size: 14px;

    }



    .slide_tintucmoi {

        margin-top: 20px;

    }



    .wrapbanner {

        padding: 20px 0;

    }



    .name_dmsp {

        font-size: 12px;

    }



    .title_dmnb {

        font-size: 18px;

    }



    .flex_cpright {

        display: flex;

        flex-direction: column;

        height: auto;

    }







    .footer-title {

        margin-bottom: 10px;

    }



    h2.footer-title1 {

        font-size: 18px;

        margin: 10px 0;

    }



    .grname_tintuc {

        width: calc(100%);

        padding: 10px;

    }



    .img_tintuc {

        width: 100%;

    }



    .gr_tintuc {

        margin: 0;

    }



    .wrap_hinhanhhoatdong {

        padding: 20px 0;

    }



    .grid_hinhanhhd {

        margin-top: 10px;

    }



    .price_spham {

        margin-top: 5px;

        display: flex;

        flex-direction: column;

    }



    a.list-itemnt {

        font-size: 14px;

        padding: 7px;

    }



    .newsletter-button {}



    .gr_inputnlt {

        grid-template-columns: repeat(1, 1fr);

    }



    .txt_dknt {

        font-size: 14px;

    }



    .gr_titledknt {

        margin-bottom: 10px;

    }



    .txt_lhdh {

        font-size: 14px;

    }



    .nameb_tchi {

        font-size: 14px;

    }



    .count_solieu {

        font-size: 25px;

    }



    .gr__counter {

        grid-template-columns: repeat(1, 1fr);

        padding-top: 20px;

    }



    .txt1_gthieu {

        font-size: 14px;

    }



    .name_gthieu {

        font-size: 20px;

    }



    .txt_gthieu {

        font-size: 25px;

    }



    .grid-duan {

        gap: 8px;

        margin-top: 10px;

    }



    .title_albumhd1 {

        font-size: 14px;

    }



    .title_albumhd {

        font-size: 20px;

    }



    .wrap_duan {

        padding: 20px 0;

    }



    .wrap_chitieu {

        padding: 20px 0;

    }



    .gr_hotline {

        display: none;

    }



    .right_gioithieu {

        padding-top: 0;

    }



    .title_gthieu {

        font-size: 18px;

    }



    .title_gthieu1 {

        font-size: 30px;

    }



    .desc_gthieu {

        margin-top: 10px;

        font-size: 14px;

    }



    .btn_gthieu {

        margin-top: 10px;

    }



    .left_gioithieu::before {

        display: none;

    }



    .img_gthieuone {

        width: 100%;

    }



    .img_gthieutwo {

        display: none;

    }



    .wrap_sanpham {

        padding: 20px 0;

    }



    .title_spham {

        font-size: 30px;

    }



    .flex_sphamnb {

        display: flex;

        flex-wrap: wrap;

        gap: 5px;

        flex-direction: row;

        justify-content: flex-start;

    }



    .img_spham {

        padding: 5px;

    }



    .grname_spham {

        padding: 5px 0;

    }



    span.price_oldsp {

        font-size: 12px;

    }



    .wrap_quatrinhsx {

        padding: 20px 0;

    }



    .flex_quatrinhsx {

        margin-top: 20px;

    }



    .name_sqtrinh {

        font-size: 18px;

    }



    .desc_sqtrinh {

        margin-top: 10px;

    }



    .grname_dichvu {

        padding: 10px;

    }



    .name_dichvu {

        font-size: 14px;

    }



    .grname_dichvu .btn_gthieu.dvu {

        width: 100%;

    }



    p.linedv {

        margin: 5px auto;

    }



    .flex_header {

        height: auto;

    }



    .gr_ggch img {

        height: 15px !important;

        width: 100%;

    }



    .left_header {

        width: max-content;

    }



    a.header_google_tran_lang {

        display: flex;

        align-items: center;

    }



    .gr_ggch {

        display: flex;

        align-items: center;

    }



    .header_logo img {

        width: 70px;

    }



    .banner_topbar {

        width: 70%;

    }



    .gr_txtadd {

        font-size: 10px;

        margin-top: 5px;

    }



    .img_linhvuc {

        width: 100%;

    }



    .slogan_lvuc {

        font-size: 14px;

    }



    .title_lvuc {

        font-size: 20px;

    }



    .wrap_linhvuc {

        padding: 20px 0;

    }



    .txt_ttgt1 {

        font-size: 20px;

    }



    .wrap_gioithieu {

        padding: 20px 0;

        background: transparent;

    }



    .flex_topbar {

        height: auto;

    }



    .news .news-image {

        margin-bottom: 1rem;

    }



    .grid-product {

        gap: 8px;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        margin: 10px 0 0;

    }



    .gr_linhvuc {

        padding: 0;

    }



    .grname_linhvuc {

        font-size: 18px;

    }



    a.gr_listnt.list-itemnt {

        padding: 5px;

        font-size: 13px;

    }



    .flex_duanlist {

        margin-top: 5px;

    }



    .name_duan {

        font-size: 14px;

        padding: 5px;

    }



    .wrap_banner {

        padding: 0px 0;

    }



    .gr_titlelspham {

        margin-top: 10px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 10px;

    }



    .title_lspham {

        font-size: 16px;

        height: auto;

        padding: 5px;

    }



    .gr_itemspham {

        margin-top: 10px;

    }



    .grname_sanpham {

        padding-top: 5px;

    }



    .name_spham {

        font-size: 13px;

    }







    span.price_sp {

        font-size: 14px;

    }



    .wrap_dangkynhantin {

        padding: 20px 0;

        background-size: cover;

    }



    .wrap_tintuc {

        padding: 20px 0;

    }



    .grttintuc {

        display: flex;

        flex-direction: column;

        padding: 0;

        border: none;

        gap: 10px;

    }



    .img_ttintuc {

        width: 100%;

    }



    .grname_ttintuc {

        width: calc(100%);

    }



    .name_ttt {

        font-size: 14px;

    }



    .desc_ttt {

        font-size: 14px;

        margin: 10px 0;

    }



    .wrap_doitac {

        padding: 20px 0;

    }



    .footer-article .wrap-content {

        padding: 20px 15px;

    }



    .gr_socialft {

        display: flex;

        flex-direction: column;

        gap: 10px;

    }



    .lefr_td {

        width: 100%;

    }



    ul.social.social-header li {

        display: inline-block;

        margin-right: 1px !important;

    }



    .search input {

        height: 40px;

    }



    .search p {

        height: 40px;

        line-height: 40px;

    }



    .search-res-w100 {

        width: calc(100% - 10px);

        border-radius: 0.25rem;

        margin-left: 10px;

    }



    .wrap_visao {

        padding: 20px 0;

    }



    .grname_svisao {

        width: 100%;

    }



    .gr_visao.evenvs .grname_svisao {

        width: 100%;

    }



    .gr_visao:nth-child(4) {

        padding-left: 0px;

    }



    .gr_visao:nth-child(3) {

        padding-right: 0px;

    }



    .gr_visao:nth-child(5) {

        padding-right: 0px;

    }



    .gr_visao:nth-child(6) {

        padding-left: 0px;

    }



    .wrap_phanhoikh {

        padding: 20px 0;

    }



    .title_khang {

        font-size: 30px;

    }



    .gr_khang {

        padding: 10px;

    }



    .right_phoikh {

        padding: 20px;

    }



    .title_dknt {

        font-size: 20px;

    }



    .wrap_hinhanhhd {

        padding: 20px 0;

    }



    .footer-article {

        margin-top: 0px;

        padding-bottom: 20px;

        background-size: cover;

    }



    .footer-copyright {

        display: flex;

        flex-direction: column;

        align-items: center;

        font-size: 13px;

    }







    .footer-article::after {

        display: none;

    }



    .img__tintuc {

        width: 100%;

    }



    .gr_codeprice {

        margin-top: 5px;

    }



    .gr_codeprice {

        display: flex;

        flex-direction: column;

        gap: 0;

    }



    .code_pro {

        font-size: 12px;

    }



    .wrap_banner {

        margin-top: 0px;

    }



    .titledml span {

        font-size: 20px;

    }



    .line_dmsp {

        display: none;

    }



    .wrap__listspl {

        padding: 20px 0;

    }



    .gr_titlesanphaml {

        margin: 0;

        gap: 20px;

        font-size: 16px;

    }



    .wrap__listspl.pt-5 {

        padding-top: 0 !important;

    }



    .slick_tintuc {

        margin-top: 10px;

    }



    .name_tintuc {

        font-size: 16px;

    }



    .info_fter {

        font-size: 16px;

    }



    .address-header {

        display: none;

    }



    .header .d-flex.align-items-center.justify-content-between {

        display: flex;

        align-items: center !important;

        justify-content: center !important;

    }



    .padding50 {

        padding: 20px 0px;

    }



    .name_group {

        font-size: 30px;

    }



    .criteria-box {

        background: #00000050;

        padding: 20px 0;

    }



    .title-main span {

        font-size: 25px;

    }



    .info-product {

        padding: 10px 5px;

    }



    .name-product {

        font-size: 14px;

    }



    .wrap-ser {

        background-size: cover;

        padding: 40px 0;

    }



    .wrap-newsleter .wrap-content::before {

        display: none;

    }



    .wrap-newsleter .wrap-content {

        padding: 20px 0;

        border-radius: 0;

    }



    .wrap-newsleter .form-row {

        display: flex;

        flex-direction: column;

        gap: 5px;

    }



    .newsletter-input.col-3 {

        max-width: 100%;

    }



    .contact-form {

        background: #ffffff;

        border-radius: 0px;

        width: 100%;

    }



    .newsletter-input.col-4 {

        max-width: 100%;

    }



    .newsletter-input textarea,

    .newsletter-input .form-control {

        height: calc(1em + 1rem + 10px);

        background: #ffffff10;

        border: none;

        border-radius: 0 !important;

        border-right: 0;

        color: #333333;

        border: 1px solid black;

    }



    .newsletter-button {

        display: block;

        width: 100%;

        letter-spacing: 1px;

        background: #006400;

        padding: 0;

        border-radius: 0;

    }



    .newsletter-button.col-2.hvr-sweep-to-right {

        max-width: 100%;

    }



    .news-shadow {

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-direction: column;

        gap: 10px;

    }



    .news-shadow.eventt {

        display: flex;

        flex-direction: column;



    }



    .news-shadow-image {

        width: 100%;

    }



    .news-shadow-info {

        width: calc(100%);

    }



    .footer::before {

        display: none;

    }





    .footer-name {

        font-size: 30px;

    }

}