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

    .box-slogan {

        display: none;

    }



    .header_logo {

        position: relative !important;

        top: 0px;

    }



    .wrap-content-newsleter {

        width: 1024px;

        justify-content: space-around
    }



    .row {

        margin-right: 15px !important;

        margin-left: 15px !important;

    }



    .right-newsleter {

        display: none;

    }



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

        margin-top: 30px;

        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;

    }



    .right-newsleter {

        display: none;

    }

}



@media only screen and (max-width: 768px) {
#footer-map{
    height: 200px;
}
    .right-newsleter {

        display: none;

    }



    .wrap-content-newsleter {

        justify-content: space-evenly;

        width: 100%;

    }



    .row {

        margin-right: 15px !important;

        margin-left: 15px !important;

    }







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

    }

    .wrap-main,
    .wrap-content {
        /* padding: 0; */
        max-width: 100% !important;
    }
.footer-article .wrap-content{
    max-width: 90% !important;
}
    .footer-line{
    }
    .breadCrumbs .wrap-content {
        padding: 0.75rem 10px;
    }

    .title-main {
        margin: 10px 0 10px;
    }

    .grid-pro-detail {
        margin-top: 20px;
    }

    .row.flex-cus,
    .bannerdanhmuc-row.row,
    .row-tintuc .row,
    .row.row-20 .grid-product,
    .grid-pro-detail .row {
        margin: 0 -15px;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .desc-pro-detail {
        margin-bottom: 1rem;
        padding: 10px 0 !important;
    }

    .contact-detail,
    .contact-form,
    .contact-form .row.row-20 .contact-input {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .contact-form .row.row-20,
    .contact-article.row,
    .footer-article .row,
    .row-tintuc {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}







@media only screen and (max-width: 430px) {
    .cap1.all-box {
        flex-direction: column;
    }

    .info-product {

        flex-direction: column;

    }



    .detail-product {

        width: 145px;

    }



    .price-product {

        width: 145px;

    }



    .hover_sang2 {

        left: 0px !important;

    }



    .wrap-content-newsleter {

        flex-direction: column;

        align-items: center;

    }



    .aboutus-image {

        background: none;

        background-size: 100% 100%;

    }



    .hotline-header {

        display: none !important;

    }



    .col-7 {

        max-width: 100%;

        flex: none;

    }



    .col-5 {

        max-width: 100%;

        flex: 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: 10px;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: 0px 0px;
    }



    .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: 46px;}



    .search p {width: 50px;height: 40px;line-height: 40px;background: #F6A938;color: #fff;}



    .search-res-w100 {width: calc(100% - 10px);border-radius: 25px;margin-left: 10px;padding: 0 3px;}



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

    }



    .news {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .content_mainalbum {
        display: flex;
        flex-direction: column;
    }

    .wrap-album {
        margin-top: 10px;
    }



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

        border: 1px solid var(--c1);

        border-radius: 50px;

        border-right: 0;

        color: #333333;

        border: 1px solid var(--c1);

    }



    .newsletter-button {

        /* display: block; */

        width: 100%;

        letter-spacing: 1px;

        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;

    }

    .scrollToTop::before {
        /* display: none; */
    }

    .scrollToTop.active-progress {
        /* display: none; */
    }

}


/* new */


@media (max-width: 1024px) {
    .d-deskop {
        display: none;
    }

    .d-mobile {
        display: block;
    }

    .footer-tags,
    .footer-map {
        margin-top: 0px;
    }

    .footer-box:nth-child(3) {
        grid-column: 1 span;
    }

    .video-load iframe {
        max-width: 100%;
    }

    .quytrinh-namebox {
        max-width: 100%;
    }

    .sanpham-name a {
        bottom: 0px;
    }

    .sanpham-name {
        flex-wrap: wrap;
        gap: 10px;
    }

    .head-menu .logo-header {
        max-width: 95px;
    }

    .navigation {
        padding: 5px 0px;
        background: var(--m1);
    }

    .header-right {
        width: 100%;
    }

    .header .wrap-content {
        flex-wrap: wrap;
        gap: 20px;
    }

    .header-logo {
        margin: 10px auto;
    }

    .footer-powered .wrap-content {
        flex-wrap: wrap;
    }

    .video-tintuc-d,
    .gioithieu .wrap-content,
    .footer-article .wrap-content {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .quytrinh,
    .hinhanh,
    .gioithieu,
    .custom-py {
        padding: 30px 0px;
    }

    .album-d,
    .product-d,
    .grid-news {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }

    .video-tintuc {
        margin-bottom: 40px !important;
    }

    .video-tintuc,
    .quytrinh,
    .dichvu {
        margin: 30px 0px;
    }

    .quytrinh-slide::before,
    .header-right,
    .navigation nav#menu {
        display: none;
    }

    .menu-mobile {
        display: block !important;
    }

    .navigation nav ul li ul {
        position: unset;
        box-shadow: none;
        opacity: 1;
        visibility: unset;
    }

    .search-phone {
        display: flex;
        background: #fff;
        padding: 3px;
        border-radius: 30px;
        overflow: hidden;
        max-width: 70%;
    }

    .search-phone input {
        border: 0;
        width: calc(100% - 50px);
        height: 40px;
        text-indent: 14px;
    }

    .search-phone label {
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--m1);
        border-radius: 21px;
        color: #fff
    }

    #hamburger {
        display: block;
        margin-bottom: 0;
        width: 35px;
        height: 23px;
        position: relative;
        cursor: pointer;
    }

    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        background: var(--clr-black);
    }

    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        background: #ffffff;
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0px;
    }

    #hamburger:before {
        top: 0px;
    }

    #hamburger span {
        top: 10px;
    }

    #hamburger:after {
        top: 20px;
    }

    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        -webkit-transition: none 0.5s ease 0.5s;
        transition: none 0.5s ease 0.5s;
        -webkit-transition-property: transform, top, bottom, left, opacity;
        -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
        transition-property: top, bottom, left, opacity, -webkit-transform;
        transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity, -webkit-transform;
    }
}

@media (max-width: 850px) {
    .title-index h2 {
        font-size: 30px;
    }

    .sanpham>div {
        margin-bottom: 30px;
    }

    .product-btn a {
        font-size: 14px;
    }

    .product-name {
        -webkit-line-clamp: 2
    }

    .tieuchi-txt {
        font-size: 15px;
        -webkit-line-clamp: 2;
    }

    .tieuchi-number {
        font-size: 30px;
    }

    .tieuchi-d {
        gap: 15px;
    }

    .gioithieu-txt-3 {
        flex-wrap: wrap;
        gap: 15px;
        font-size: 15px;
    }

    .gioithieu-txt-1 span:nth-child(1) {
        font-size: 27px;
    }

    .gioithieu-txt-1 span:nth-child(2) {
        font-size: 28px;
    }

    .product-price-new {
        font-size: 18px;
    }

    .grid-album {
        --col: 3;
    }

    .news-left {
        width: 100%;
    }

    .news-right {
        width: 100%;
        margin-top: 30px;
        padding: 10px;
    }

    .footer-article__inner>[class^="footer-article--"] {
        width: 100%;
    }

    .footer-article__inner>[class^="footer-article--"]:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 769px) {
    .main__title h1 {
        font-size: 20px;
    }

    .tuvan-name {
        font-size: 16px;
    }

    .footer-title span {
        font-size: 15px;
    }

    .footer-title p {
        font-size: 20px;
        margin-top: 10px;
    }

    .footer-box:nth-child(1) {
        padding: 10px 15px 30px 15px;
    }

    .tintuc-img {
        max-width: 45%;
    }

    .video-option {
        height: 45px;
    }

    .hinhanh-txt {
        -webkit-line-clamp: 2;
    }

    .dichvu-txt {
        font-size: 15px;
    }

    .product-btn a {
        font-size: 13px;
    }

    .sanpham-title h2 img {
        max-width: 30px;
    }

    .title-index h2,
    .sanpham-title h2,
    .tieuchi-number {
        font-size: 25px;
    }

    .album-d,
    .product-d,
    .grid-news {
        grid-template-columns: repeat(2, 1fr);
    }

    .gutter-x-20 {
        --bs-gutter-x: 10px;
    }

    .grid-pro-detail {
        display: block;
    }

    .grid-pro-detail .right-pro-detail,
    .grid-pro-detail .left-pro-detail {
        width: 100%;
        padding: 0px;
        border-right: none;
    }

    .grid-pro-detail .right-pro-detail {
        margin-top: 20px;
    }

    .end-pro-detail {
        width: 100%;
        margin-top: 20px;
    }

    .footer-powered:has(.footer-statistic) .footer-copyright,
    .footer-powered:has(.footer-statistic) .footer-statistic {
        text-align: center;
    }

    .footer-powered:has(.footer-statistic) .footer-copyright {
        margin-bottom: 0.25rem;
    }

    .feedback__info:before {
        content: none;
    }
}

@media (max-width: 576px) {
    .gioithieu-txt-1 span:nth-child(2) {
        font-size: 20px
    }

    .news-name {
        font-size: 16px;
    }

    .sanpham-title h2 {
        font-size: 20px;
    }

    .tintuc-txt-2 {
        font-size: 14px;
    }

    .tintuc-txt-3 {
        font-size: 13px;
        line-height: 150%;
        margin-top: 5px;
    }

    .tintuc-date,
    .tintuc-more {
        display: none;
    }

    .product-btn a {
        font-size: 11px;
    }

    .sanpham-title div {
        /* max-width: 75%; */
        margin-bottom: -30px;
        font-size: 30px;
    }

    .tieuchi-d {
        grid-template-columns: 1fr 1fr;
    }

    .grid-album {
        --col: 2;
    }
}

@media (max-width: 440px) {
    .sanpham-title h2 {
        font-size: 17px;
    }
}

@media (max-width: 369px) {}