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

    .mobile-menu-area {
        display: none;
    }


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

    .pagewrap {
        width: 100%;
    }
    .dv-header-top,
    .dv-header,
    .dv-header-bottom,
    .left_banner  {
        display: none;
    }
    .mobile-menu-area {
        display: block;
    }
    .conten>.pagewrap_home {
        margin: 0;
    }
    .bannerMain {
        width: 67%;
        float: left;
    }
    .bannerMain .owl-carousel .owl-item img {
        width: auto;
        margin: 0;
    }
    .right-news.col-lg-3 {
        width: 32%;
    }
    .box_pro_sile {
        padding: 50px 10px;
    }
    .tiltle {
        font-size: 24px;
        line-height: normal;
    }
    .add-cart a {
        padding: 8px;
    }
    .tbay-tooltip {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 0;
    }
    .box_pro_sile.dv_box_pro,
    .dv-home-tintuc {
        padding: 0 10px 40px 10px;
    }
    .middle-footer,
    .bottom_ft {
        padding: 25px 10px;
    }
    .left_footer {
        margin: 0 -10px;
    }
    .new_letter_bottom {
        width: 50%;
    }
    .bottom_id_copyright ul {
        width: 45%;
    }
    .page_conten_page {
        padding: 5px 10px 0 10px;
    }
    .title_right_pro_view {
        padding: 5px 10px;
    }
    .formBox .button {
        padding: 0 15px;
    }
    .new_id_bs ul h3 {
        height: 115px;
    }
    .new_id_bs ul h3 a {
        line-height: 1.8;
    }
}

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

    #pro_tabs {
        width: 100%;
        margin-top: 20px;
    }
    .pro_home_id ul {
        width: calc(100% / 4 - 20px);
    }
    .tin_left,
    .tin_right,
    .bannerMain,
    .right-news.col-lg-3 {
        width: 100%;
    }
    .box_right_pro_view>ul {
        width: calc(100% / 3 - 10px);
        margin: 5px;
        float: left;
    }
    .tin_right {
        padding: 0 10px;
    }
    .new_id_bs ul h3 {
        height: auto;
        padding: 10px 15px 25px 15px;
    }
    .entry {
        padding: 0 10px 20px;
    }
    .middle-footer .col-lg-3 {
        width: calc(100% / 2 - 20px);
        margin: 10px;
    }
    .left_footer>ul {
        width: calc(100% / 4 - 20px);
        margin: 0 10px;
    }
    .left_footer,
    .bottom_ft p strong {
        margin: 0;
    }
    .bottom_ft p {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .bottom_id_copyright li p a img {
        top: 0;
        height: 20px;
    }
    .dv-home-tintuc {
        padding: 40px 10px;
    }
    .nums {
        margin: 15px 0;
    }
    .page_conten_page .tin_right {
        float: none;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }
    .new_id_bs ul h3 a {
        font-size: 16px;
    }
    .page_conten_page .tin_right .box_right_price,
    .page_conten_page .tin_right .box_right_brand {
        width: calc(100% / 2 - 20px);
        margin: 10px;
    }
    .page_conten_page .tin_right .box_right_tintuc,
    .page_conten_page .tin_right .box_right_sanpham {
        width: calc(100% / 1 - 0);
        margin: 10px 0;
    }
    .pagewrap_home {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .right-news .news-list h5,
    .card-summary p {
        padding: 0 15px;
        overflow: hidden;
    }
    .card-image {
        width: 50%;
    }
    .bannerMain .owl-carousel .owl-item img,
    .bannerMain {
        height: auto;
    }
    .card-image {
        float: left;
    }
}

@media screen and (max-width: 812px) {
    .box_right_pro_view,
    .new_letter_bottom form {
        display: flex;
        flex-wrap: wrap;
    }
    
    .title_right_pro_view,
    .contact .left,
    .contact .right {
        width: 100%;
    }
    
    .box_right_pro_view h4,
    .box_right_pro_view h4 span {
        font-size: 13px;
    }
    .left_footer>ul {
        width: calc(100% / 2 - 20px);
    }
    .dt-sc-subscribe-frm input[type="submit"] {
        font-size: 15px;
        padding: 10px;
    }
    .box_right_pro_view .aside-item {
        width: 100%;
        margin: 0;
    }
    .page_conten_page {
        padding: 5px 10px;
    }
    


}

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

    .mobile-menu-area .logo-mobile {
        width: 30%;
    }
    .dv-home-qc .col-sm-3 {
        width: calc(100% / 2 - 10px);
    }
    .pro_home_id ul,
    .pro_home_id.pro_id ul {
        width: calc(100% / 3 - 20px);
    }
    .tt_dichvu .new_id_bs ul h3 a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .content2 {
        padding-left:unset !important;
    }
}

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

    .page_conten_page .left_contact >h3,
    .page_conten_page .right_contact >h3 {
        font-size: 20px;
    }
    .ct_add ul h3 a {
        padding: 5px 15px;
    }
}
@media screen and (max-width: 667px) {

    .middle-footer .pagewrap {
        display: flex;
        flex-wrap: wrap;
    }
    .box_right_pro_view>ul {
        width: calc(100% / 2 - 10px);
    }
    .right-news .news-list li {
        margin: 0;
    }

}

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

    .bannerMain,
    .right-news.col-lg-3,
    .pagewrap_home,
    .left_contact,
    .right_contact {
        width: 100%;
    }
    .mobile-menu-area .header_menu_mobile,
    .mobile-menu-area .language {
        width: 15%;
    }
    .mobile-menu-area .logo-mobile {
        width: 35%;
    }
    .right_contact,
    .ct_add ul h3 a {
        margin-top: 20px;
    }
    .card-image {
        width: 100%;
    }
    .right-news .news-list h5,
    .card-summary p {
        padding: 5px 5px 0 0;
    }

}

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

    .mobile-menu-area .header_bottom_mobile form {
        width: 80%;
    }
    .mobile-menu-area .header_top_mobile ul li a {
        font-size: 18px;
    }
    .mobile-menu-area .header_top_mobile ul {
        padding: 5px 0;
    }
    .mobile-menu-area .logo-mobile {
        width: 50%;
    }
    .mobile-menu-area .language a img {
        max-width: 20px;
    }
    .header_menu_mobile > a.btn_menu {
        font-size: 20px;
        padding: 5px 8px;
    }
    .bannerMain .owl-carousel .owl-item img,
    .bannerMain {
        height: auto;
    }
    .listtabs li a {
        padding: 5px 15px;
    }
    .pro_home_id ul, .pro_home_id.pro_id ul,
    .dv-home-tintuc .tt_page_top .new_id_bs {
        width: calc(100% / 2 - 10px);
        margin: 20px 5px 0;
    }
    .add-cart a,
    .ct_add ul h3 a {
        margin: 0;
    }
    .tiltle {
        font-size: 20px;
    }
    .box_right_pro_view>ul,
    .middle-footer .col-lg-3,
    .left_footer>ul,
    .bottom_id_copyright ul,
    .new_letter_bottom {
        width: calc(100% / 1 - 10px);
    }
    .new_letter_bottom {
        margin: 10px 0;
        padding: 10px;
    }
    .page_conten_page .tin_right .box_right_price,
    .page_conten_page .tin_right .box_right_brand,
    .viewRight,
    .viewLeft,
    .new_id_bs {
        width: calc(100% / 1 - 10px);
        margin: 10px 5px;
    }
}

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

    .mobile-menu-area .header_menu_mobile,
    .mobile-menu-area .language {
        width: 20%;
    }
    .mobile-menu-area input[type="text"],
    .mobile-menu-area button[type="submit"] {
        height: 30px;
    }
    .pro_home_id {
        display: flex;
        flex-wrap: wrap;
    }
    .pro_home_id ul h4 span {
        display: block;
        padding: 0;
    }
    .dv-home-tintuc .tt_page_top .new_id_bs {
        width: calc(100% / 1 - 10px);
    }
    .showText ul li,
    .ct_add ul h3 a {
        margin: 5px 0;
    }
    .nums ul {
        display: flex;
        flex-wrap: wrap;
    }
    .ct_add ul h3 {
        margin: 0;
    }
}