@media (min-width: 1200px){
 .container { max-width: 1230px; } 
 }
 
 @media (max-width: 1200px) { }
 
 @media (max-width: 1024px) { div#messages-facebook { display: none; } 
 .btn-frame { display: none; } 
 .menu { display: none; } 
 .menu-res { display: block; position: sticky; top: 0; z-index: 1000; } 
 .header_contact { display: none; } 
 .header_logo a img { height: auto; width: auto; } 
 .header_banner img { height: auto; width: auto; } 
 .flex_header { justify-content: space-around; } 
 .flex_gioithieu { justify-content: center; } 
 .gioithieu_txt { width: 100%; padding-right: 20px; } 
 .gioithieu_slide { position: relative; margin-top: 30px; flex-shrink: 0; } 
 .dichvu__slide { z-index: 100; } 
 .footer_top_flex { flex-direction: column; } 
 .footer_hotline { margin-bottom: 20px; } 
 .footer_centre_txt { margin-bottom: 20px; } 
 .header_phone {
    display: none;
    }
    .why_banner {
        width: 100%;
    }
    .flex_why {
        flex-direction: column;
    }
    .wrap_container_why {
        position: relative;
    }
    .flex_why_txt {
        width: 100%;
    }

    .why_txt {
        width: 100%;
        padding-left: 0;
        padding: 50px 0;
    }
    .wrap_video {
        width: 100%;
        margin-bottom: 20px;
    }
    .newslestter {
        width: 100%;
    }

}
 
 @media (max-width: 768px){
 .header_banner img { height: auto; width: auto; } 
 .dichvu__txt { width: 100%; z-index: 2; margin-bottom: 20px; } 
 .dichvu__slide { width: 100%; } 
 .dichvu__txt::before { left: -15%; } 
 .grid_sanpham { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; margin: 20px 0; } 
 .grid_sanpham.detail { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; margin: 20px 0; } 

 .grid_duan { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } 
 .newsnb { width: 100%; margin-bottom: 20px; } 
 .wrap_newsletter { width: 100%; } 

 .partner_title img { display: none; } 
 .partner__owl { padding: 0; } 

 .footer_main_flex { flex-direction: column; } 

 .footer_main_flex > div { width: 100%; margin-bottom: 20px; } 
 .footer_bottom_flex { flex-direction: column; } 
 .topbar_right { display: none; } 
 .topbar_slogan { width: 100%; } 

 .wrap_layout_product { flex-direction: column; } 
 .wrap_product_left { width: 100%; padding-top: 0; order: 5; position: relative; } 
 .wrap_product_right { width: 100%; } 
 .album { width: 48%; margin-bottom: 0; } 
 a.video { width: 48%; } 
 .menu-bar-res .search.w-clear { width: 250px; margin-left: 10px; } 
 .grid_newspage { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } 

 .wrap_title.detail .title_main { font-size: 26px; } 

    .header_right {
        display: none;
    }
    a.splist__link {
        font-size: 12px;
    }
    div#main_player {
        width: 100% !important;
    }
    
    .box-carousel-video {
        width: 100% !important;
    }
    a.video__item {
        margin-right: 10px !important;
        width: 95%;
    }

    .chungnhan_txt {
        width: 100%;
        margin-bottom: 20px;
    }
    .chungnhan_list {
        width: 100%;
    }
    .flex_partner {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .partner_txt {
        width: 100%;
        margin-bottom: 20px;
    }
    .partner_list {
        width: 100%;
    }

    .partner__item{
        width: 100%;
        text-align: center;
    }

    .partner__item img{
        width: 100%;
        text-align: center;
    }

    .flex_gioithieu {
        flex-wrap: wrap;
    }
    .gioithieu_txt {
        width: 100%;
        padding-right: 0;
    }
    .gioithieu_img {
        width: 100%;
    }
    .splist_viewmore {
        display: none;
    }
    .header_info__title {
        font-size: 25px;
    }
    .header_info__detail {
        font-size: 16px;
    }

    .header_info {
        flex-shrink: 0;
        text-align: center;
        max-width: 75%;
    }

    .grid_product {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .grid_news {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
 }

 @media (max-width: 500px){
 .wrap_title.detail .title_main { font-size: 22px; } 
 .grid_newspage { grid-gap: 10px; } 
 .menu-bar-res .search.w-clear { width: 100%; margin-left: 10px; } 
 .header_logo a img { height: auto; max-width: 100%; width: auto; } 
 .header_banner { max-width: 75%; } 
 .header_logo { flex-shrink: 0; max-width: 22%; } 
 .flex_header { justify-content: space-around; height: auto; padding: 10px 0; } 
 .owl-controls { display: none; } 
 .gioithieu__title { font-size: 20px; } 
 .tieuchi__title { font-size: 14px; } 
 .tieuchi__detail { font-size: 12px; } 
 .gioithieu_slide { width: 100%; overflow: hidden; } 
 .wrap_dichvu { overflow: hidden; padding: 105px 0 10px; } 
 .dichvu__txt::before { left: -45%; top: -90px; width: 530px; height: 530px; } 
 .dvlist__title { font-size: 14px; } 
 .dvlist__detail { font-size: 12px; } 
 .dichvu__txt__detail { width: 70%; line-height: 2; } 
 .title_main { font-size: 25px; } 
 .title_detail { font-size: 11px; margin-top: -5px; } 
 .sanpham__title { font-size: 14px; padding: 5px; } 
 .wrap_duan { width: 100%; padding: 20px 0 0; } 
 .grid_news { grid-gap: 15px; margin: 15px 0; } 
 .news__title { font-size: 14px; } 
 .news__detail { font-size: 12px; } 
 .footer_centre_txt { width: 100%; } 
 .footer_top { overflow: hidden; } 
 .footer_centre__txt p:nth-child(1) { font-size: 12px; } 
 .footer_centre__txt p:nth-child(2) { font-size: 11px; } 
 form.footer_form { flex-direction: column; } 
 input[type="email"] { width: 100%; margin-bottom: 10px; } 
 form.footer_form { width: 100%; } 
 .footer_centre_txt { width: 100%; overflow: hidden; } 
 .footer__title { font-size: 18px; } 
 .footer__mota { font-size: 12px; } 
 .footer_bottom_flex { flex-direction: column; text-align: center; font-size: 11px; } 
 .newsnb__title { font-size: 14px; } 
 .newsnb__detail { font-size: 13px; } 
 .newsnb__time { font-size: 12px; } 
 .splistnb__title { font-size: 20px; } 

 .wrap_gioithieu { padding: 20px 0; margin-bottom: 0; } 
 .gioithieu_txt { width: 100%; padding-right: 0; font-size: 13px; padding-top: 0; margin-bottom: 20px;} 
 .splistgt__title { font-size: 14px; } 
 .splistgt__detail { font-size: 12px; } 
 .grid_sanpham { grid-gap: 10px; margin: 10px 0; } 
 .baogia__title { font-size: 14px; } 
 .baogia__detail { font-size: 13px; } 
 .grid_duan { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 12px 10px; } 
 .duan__title { font-size: 14px; } 
 .duan__detail { font-size: 13px; } 
 a.newsnb_main__item { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; width: 100%; } 
 .newsnb_main__img { flex-shrink: 0; margin-right: 30px; width: 100%; margin-bottom: 10px; } 
 .row_form { flex-direction: column; } 

 .row_form input { width: 100% !important; } 
 .flex_bottom {
    flex-direction: column;
    text-align: center;
    padding-top: 35px;
}

 a.gioithieu_img2 {
        width: 70%;
    }
    .spnb__img {
        width: 100%;
        position: relative;
        padding-top: 0;
    }

    .splist_control {
        display: none;
    }

    .splist_nav {
        flex-direction: column;
    }

    .splist_title {
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 20px;
        font-weight: 900;
    }

    .sanpham__title {
        font-size: 13px;
    }
    .sanpham__price {
        font-size: 12px;
    }
    .why_txt {
        padding: 30px 0;
    }
    .why__item {
        flex-direction: column;
    }

    .why__txt {
        font-size: 14px;
        text-align: center;
    }
    .chungnhan__title {
        font-size: 14px;
    }
    .footer_name {
        font-size: 24px;
    }
    .partner_detail {
        font-size: 24px;
    }

    .header_info__title {
        font-size: 14px;
    }
    .header_info__detail {
        font-size: 12px;
    }

    .grid_product {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .grid_news {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .feedback__noidung {
        padding: 15px;
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    .feedback__ten {
        font-size: 14px;
        padding-left: 10px;
    }
    .feedback__mota {
        font-size: 12px;
        padding-left: 10px;
    }
    .wrap_blognb {
        padding: 20px 0;
    }
 }
 
 @media (max-width: 360px) { }