@media screen and (min-width: 1025px) {

    .mobile-menu-area {
        display: none;
    }
    
}
@media screen and (max-width: 1200px) {
    .pagewrap,
    .dv-gioithieu .pagewrap,
    .bannerMain .slogan,
    .page_conten_page .poup_page1,
    .page_sp_ct,
    .bannerMain .banner,
    .tin_right .dt-sc-subscribe-frm input[type="email"],
    .dt-sc-subscribe-frm,
    .page_conten_page .poup_page,
    p.p-brief {
        width: 100%;
    }
    .tencongty{width: 20%;}
    .right_top{width: 25%;}
    .dv-menu-left{width: 28%;}
}
@media screen and (max-width: 1024px) {

    .dv-header,
    .header,
    .dv-header-top  {
        display: none;
    }
    .mobile-menu-area {
        display: block;
    }
    .mobile-menu-area .logo-mobile {
        width: 10%;
        margin-left: 0px;
    }
    .banner_detail {
        padding-top: 100px;
    }
    .pagewrap,
    .dv-gioithieu .pagewrap,
    .bannerMain .slogan,
    .page_conten_page .poup_page1,
    .page_sp_ct,
    .bannerMain .banner,
    .tin_right .dt-sc-subscribe-frm input[type="email"],
    .dt-sc-subscribe-frm,
    .page_conten_page .poup_page,
    p.p-brief {
        width: 100%;
    }
    .provide,
    .dv-home-dichvu,
    .footer,
    .page_conten_page,
    .dv-home-sp,
    .dv-home-tintuc,
    .dv-home-hinhanh {
        padding: 10px 10px;
    }
    .link_page {
        padding: 15px 10px;
    }
    .dv-home-dmsp {
        /* padding: 0 10px; */
    }
    .dv-menu-left {
        display: none;
    }
    .wpb_wrapper.col-lg-3 {
        padding: 20px;
    }
    .wpb_wrapper.col-lg-3 p {
        /* margin: 0 auto 10px auto; */
    }
    .content {
        text-align: center;
    }
    .is-countdown .countdown-section {
        width: 45px;
        height: 45px;
    }
    .countdown-amount {
        line-height: 45px;
    }
    .tin_right .dt-sc-subscribe-frm input[type="submit"] {
        width: 50%;
    }
    .box_right_pro_view {
        margin: 0 0 15px 0;
    }
    .pro_home_id.pro_id ul h4 span {
        display: block;
    }
    .pro_home_id ul h4 {
        height: auto;
    }
    .icon_sp1 a {
        width: 25px;
        height: 25px;
    }
    .pro_home_id ul .icon_sp1 {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: all 0.5s;
    }
    .icon_sp1 a i {
        line-height: 23px;
    }
    .page_dichvu .tin_left .tt_page_top .new_id_bs ul {
        height: 90px;
    }
    .formBox .button {
        padding: 0 20px 0;
    }
    .bannerMain .banner img {
        height: auto;
    }
    .bangdo_poup .sc_item_button {
        margin: 0;
        margin-right: 5px;
    }
    .ct_add ul h3,
    .so-luong-mua {
        margin-bottom: 5px;
    }
    .col-dm-home{width: 100%;}
    .mobile{display: block;}
    .desktop{display: none;}
    .list_logo .row{white-space: nowrap;overflow: auto;}
    .list_logo .logo_dm_tt{float: unset;display: inline-block;width: 208px;}
    .mobile-menu-area .header-top-mobile {
        /* width: 60%; */
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0.3;
        margin-right: 0px;
    }
    #menu{width: 300px}
    #menu { transform: translate3d(0, 0, 0) translateX(-300px); transition: all 0.25s cubic-bezier(0.16, 0.63, 0.45, 0.98); }
    .box_danhmuc{/* width: calc(50% - 20px); */display: block;padding: 10px;}
    .box_danhmuc .img_danhmuc {width: 200px;}
    .box_danhmuc .img_danhmuc img{/* height: 115px; *//* object-fit: scale-down; */}
    .box_danhmuc .list_danhmuc {width: calc(100% - 200px);}
    .left_sanpham{width: 28%;}
    .right_sanpham{width: 70%;}
    .pro_home_id.pro_home_4 ul { width: calc(100%/4 - 20px); }
    .box_contact .col_contact{width: 33.3333%;}
}

@media screen and (max-width: 992px) {
    
    .tin_left,
    .tin_right,
    .footer_top ul.contact_footer {
        width: 100%;
    }
    .viewLeft,
    .viewRight,{
        width: 50%;
    }
    .tin_right {
        /* display: flex; */
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
    }
    .box_right_pro_view {
        /* width: calc(100% / 2 - 20px); */
        padding-bottom: 20px;
    }
    .left_footer {
        margin: 0 -10px;
    }
    .left_footer>ul {
        width: calc(100% / 2 - 20px);
        margin: 0 10px 20px 10px;
        padding: 0;
    }
    .block-total-left {
        width: 100%;
    }
    .block-total-cart {
        width: 60%;
        margin: 20px auto 0 auto;
        padding: 15px 0;
    }
    .module-header .column {
        flex: 2;
    }
    .pro_home_id ul,
    .pro_home_id.pro_home_2column ul:first-child {
        width: calc(100% / 4 - 20px);
    }
    .mobile-menu-area .header-top-mobile{flex: 0.3;margin-right: 0px;}
    .box_danhmuc .img_danhmuc{width: 130px;}
    .box_danhmuc .list_danhmuc{width: calc(100% - 140px);padding: 0;}
    .sanpham_ngang .row_ngang{width: 50%;}
    .pro_home_id.pro_home_4 ul {width: calc(100%/3 - 20px);}
    .box_right_pro_view .marquee ul{width: calc(100%/3 - 20px);float: left;margin: 0 10px;}
    .contact-maps{width: 100%;}
    .left_contact {width: 35%;}
    .right_contact{width: 63%;}
    .tiltle{font-size: 20px; padding: 5px 0;}
    .news_col{width: calc(100%/3); float: left;padding: 0 10px;}
}
@media screen and (max-width: 880px) {

    .sanpham_ngang .row_ngang.row_ngang50{width: 100%;height: 140px;padding: 20px 0px 0px 0;}
    

}
@media screen and (max-width: 812px) {

  .css-1l6j3pm a {
    width: calc(100% / 3 - 20px);
  }
  .wpb_wrapper.col-lg-3 {
        padding: 20px 10px;
        min-height: 110px;
    }
    .tiltle {
        font-size: 22px;
    }
    .pro_home_id ul h4 span {
        /* display: block; */
    }
    .left_footer>div.col_footer{width: 100%;}
    .left_footer>div.col_footer_right{width: 100%;}
    .title_footer_right h3{color: #000;}
    a.arrow_footer{display: block;}
    .show_footer_right{display: none;transition: all .25s ease-in-out;padding: 5px 0;}
    .show_footer_right.show{display: block;}
    .box_footer_right { width: 100%; min-height: unset; border-bottom: 1px solid #ddd; padding: 0 10px; }
    .left_footer div.col_footer_right h3{font-size: 16px;}

}



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

    .mobile-menu-area .logo-mobile {
        width: 12%;
        margin-left: 0px;
    }
    .pro_home_id ul,
    .pro_home_id.pro_home_2column ul:first-child,
    .pro_home_id.pro_id ul {
        width: calc(100% / 2 - 20px);
    }
    .dv-home-sp-left {
        width: 33.33%;
    }
    .pro_home_id_f {
        width: 63.33%;
    }
    .pro_home_id.pro_id ul h4 span {
        display: inline-block;
    }
    .show_dm_mb{
        display: block;
        float: right;
        margin-right: 0px;
    }
    .show_dm_mb a:before{content: "\f067";display: block;font-weight: 600;font-family: 'Font Awesome 5 Free';}
    .show_dm_mb a.a_show:before{content: "\f068";}
    .danhmuc_scroll{display: none;} 
    .tiltle_home h2{font-size: 18px;}
    .news_col{width: calc(100%/2); float: left;padding: 0 10px;}
    .mobile-menu-area .header-top-mobile{flex: 0.5;margin-right: 0px;}
    .col_thuonghieutop{width: calc(100% - 20px);}
    
}

@media screen and (max-width: 736px) {
    
    .col-lg-3 {
        width: calc(100% / 2 - 20px);
        margin: 10px;
    }
    .box_danhmuc{/* width: calc(50% - 20px); */display: block;padding: 10px;}
    .box_danhmuc .img_danhmuc {width: 100%;}
    .box_danhmuc .img_danhmuc img{height: 150px;object-fit: scale-down;}
    .box_danhmuc .list_danhmuc {width: 100%;}
    .contact-maps,
    .left_contact {width: 100%;}
    .right_contact{width: 100%; margin-top: 20px;}

}

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

    .content {
        text-align: left;
        padding-left: 10px;
    }
    .wpb_wrapper.col-lg-3 {
        justify-content: center;
        padding: 10px;
        min-height: 80px;
    }
    .wpb_wrapper.col-lg-3 p {
        margin: 0;
    }
    .center-footer ul {
        width: calc(100% / 1 - 40px);
    }
    .center-footer ul:nth-child(2) {
        margin-top: 30px;
    }
    .center-footer ul.menu-footer li {
        width: 33.33%;
    }
    .new_id_bs {
        width: calc(100% / 2 - 20px);
    }
    .module-header .column {
        flex: none;
        width: 100%;
    }
    .module-header .column h4,
    .module-header .column .entry-description {
        text-align: center;
    }
    .module-header .column:nth-child(2) .ngaygio {
        margin: 10px auto 0 auto;
    }
    .mobile-menu-area .header-top-mobile{flex: 0.5;margin-right: 0px;}
    .tt_tintuc .new_id_bs { width: calc(100% / 2 - 20px); }
    .news_col{width: 50%; float: left;padding: 0 10px;}
    .bg_footer {background: url(../images/ic_map_big.png) no-repeat top center;}
    .left_footer>div.col_footer.widget_getintuch{width: 100%;}
    .left_footer>div.col_footer{width: 100%; padding: 15px;}
    .left_footer>div.col_footer_right{width: 100%;padding: 15px;}
    .box_footer_right{width: 100%; min-height: unset;}
    .box_contact .col_contact{width: 50%;margin-bottom: 10px;}
}

@media screen and (max-width: 600px) {
    .new_id_bs ul p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .page_conten_page .poup_page1,
    .page_conten_page .poup_page {
        padding: 20px 10px;
    }
    .pro_home_id.pro_id ul h4 span {
        display: block;
    }
    .pro_home_id ul h4 {
        height: 30px;
    }
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        /* display: block; */
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tr:first-child,
    td:nth-of-type(1):before {
        display: none;
    }
    tr { border: 1px solid #ccc; }
    
    .cart_summary tr td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        text-align: right;
    }
    .page_conten_page .heading-counter {
        padding: 15px 10px;
    }
    .so-luong-mua {
        float: none;
        margin-right: 0;
    }
    .cart_summary tr td:first-child {
        padding: 15px 15px 15px;
        border-bottom: 1px solid #eaebf3;
        color: #fff;
        margin-top: 60px;
        padding-bottom: 30px;
        height: 180px;
    }
    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 15px;
        left: 6px; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    table .c-th-sp a.sp,
    table .c-th-sp a.sp img {
        width: 50%;
        height: auto;
    }
    table .c-th-sp a.sp {
        margin-bottom: 10px;
    }
    table .c-th-sp a.sp img {
        max-height: none;
    }
    .box_danhmuc{width: calc(100% - 20px);display: block;padding: 10px;height: auto;min-height: unset;}
    .box_danhmuc .img_danhmuc {width: 200px;}
    .box_danhmuc .img_danhmuc img{height: 150px;object-fit: scale-down;}
    .box_danhmuc .list_danhmuc {width: calc(100% - 210px);}
    .col_thuonghieutop{width: calc(100% - 20px);}
    .viewLeft{width: 100%;}
    .viewRight{width: 100%;padding: 0 10px;}
    .danhmuc_home{margin-top: unset;}
    .box_pro_sile{padding: 10px;}
    .pro_home_id.pro_home_4 ul { width: calc(100%/3 - 20px); }
    .col_danhmuc_slide{width: 100%;}
    .sanpham_ngang .row_ngang.row_ngang50{width: 50%;}
    .box_contact .col_contact{width: 100%; margin-bottom: 10px;}
}
@media screen and (max-width: 520px) {
    .col_danhmuc_slide{width: 100%;}
    .sanpham_ngang .row_ngang.row_ngang50{width: 100%;}
    .box_right_pro_view .marquee ul { width: calc(100%/2 - 20px);}
    .box_contact .col_contact{width: 100%; margin-bottom: 10px;}
    .logo_thuonghieu .thuonghieu{ width: calc(100% / 3 - 20px); }
}
@media screen and (max-width: 480px) {

    .mobile-menu-area .header_menu_mobile,
    .mobile-menu-area .language {
        width: 25%;
    }
    .mobile-menu-area .logo-mobile {
        width: 15%;
    }
    .mobile-menu-area .language a img {
        max-width: 20px;
    }
    .pro_home_id ul,
    .dv-tintuc .new_id_bs,
    .new_id_bs,
    .page_conten_page .pro_home_id ul,
    .col-lg-3,
    .pro_home_id.pro_home_2column ul:first-child,
    .left_footer>ul,
    .poup_page1 .col-md-6 {
        width: calc(100% / 2 - 20px);
    }
    .css-1l6j3pm a.hor {
        width: calc(100% / 3 - 10px);
    }
    .listtabs li{
        width: calc(100% / 1 - 10px);
    }
    .module-header .column h4 {
        font-size: 24px;
        line-height: 1.4;
    }
    
    .css-42iko7,
    .css-2ig3pg,
    .dt-sc-subscribe-frm input[type="email"],
    .tt_page_top.tt_tintuc .new_id_bs li,
    .tin_left .tt_page_top.tt_tintuc .new_id_bs ul,
    .contact .left,
    .contact .right,
    .block-total-cart {
        width: 100%;
    }
    .dv-home-sp-left{width: 50%;}
    .pro_home_id_f{width: 50%;}
    
    .banner_home .banner_col{width: 100%; margin-bottom: 10px;}
    .pro_home_id_f,
    .css-2ig3pg {
        /* margin-top: 20px; */
    }
    .left_footer li img {
        height: 50px;
    }
    .dt-sc-subscribe-frm input[type="submit"] {
        width: 40%;
    }
    .box_right_pro_view {
        width: calc(100% / 1 - 0px);
        /* margin: 15px 0; */
    }
    .page_dichvu .tin_left .tt_page_top .new_id_bs ul {
        height: auto;
    }
    .tin_left .tt_page_top.tt_tintuc .new_id_bs ul {
        padding: 10px;
    }
    table .c-th-sp a.sp {
        width: 100%;
        float: none;
        margin: 0 auto 20px auto;
    }
    .cart_summary tr td:first-child {
        height: 300px;
    }
    .wpb_wrapper.col-lg-3 {
        border-bottom: unset;
        width: 100%;
        align-items: center;
    }
    
    .box_danhmuc .img_danhmuc{width: 100%;}
    .box_danhmuc .list_danhmuc {width: 100%;}
    .sanpham_ngang .row_ngang{width: 100%;}
    
    
    .mobile-menu-area .header-top-mobile{flex: 1;}
    .pro_home_id.pro_home_4 ul { width: calc(100%/2 - 20px); }
    .left_sanpham{width: 100%;}
    .right_sanpham{width: 100%;}
    .tt_tintuc .new_id_bs { width: calc(100% / 1 - 20px); }
    .pro_home_id ul li{height: 150px;}
    .left_footer .congty_footer h2{font-size: 20px;}
    .left_footer div.col_footer h3{font-size: 16px; line-height: 26px;}
    .logo_thuonghieu .thuonghieu{ width: calc(100% / 2 - 20px); }
}

@media screen and (width: 414px) {

    
}

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

    .dv-home-khuyenmai .col-md-6:last-child {
        padding: 0;
    }
    .pro_home_id ul .icon_sp, .box_right_pro_view ul .icon_sp {
        top: 40%;
    }
    .nums a.stay {
        width: 40px;
    }
    .tt_page_top .new_id_bs ul {
        padding: 15px 0;
    }
    .css-1l6j3pm a.hor {
        width: calc(100% / 1 - 20px);
    }
    .css-1l6j3pm a.ver {
        width: calc(100% / 2 - 20px);
    }
    
}