@media (min-width: 768px){
    .container{
        max-width: 760px;
    }
}
@media (min-width: 1200px){
.container {
    width: 100%;
    max-width: 1200px;
}
}
@media (max-width: 991px){
    .sec_category{
        padding: 0;
    }
    .title_sec_vision:before{
        width: 3px;
        height: 20px;
        content: "";
        background: #333;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        position: absolute;
    }
    .wrapper_sumenh, .wrapper_gtri_cotloi{
        flex-wrap: wrap;
    }
    .tamnhin .box_vision_mission{
        margin-bottom: 20px;
        overflow: hidden;
    }
    .box_vision_mission{
        padding: 0;
    }
    .wrapper_sumenh .box_vision_mission, .wrapper_gtri_cotloi .box_vision_mission{
        width: 100%;
    }
    .top_header{
        display: none;
    }
    .right_header{
        display: none;
    }
    .logo_eco{
        text-align: center;
    }
    .logo_eco img{
        max-height: 70px;
        width: auto;
    }
    .title_sec_product h2:before, .title_sec_product h2:after{
        display: none;
    }
    .left_menu_page{
        display: none;
    }
    .menu_page{
        display: none;
    }
    .search_lang_mobie{
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5px;
        z-index: 999;
    }
    .btn_drop_search button, .language button{
        color: #333;
    }
    .language {
        margin-left: 5px;
    }
    .wp-menu-mobile{
        display: block;
        z-index: 999;
    }
    .header_page{
        position: relative;
    }
    .sec_category{
        margin-top: 0px;
        padding-top: 60px;
    }
    .box_category img {
        min-height: 150px;
    }
    .content_category h3 a{
        font-size: 18px;
    }
    .content_category h3{
        margin-bottom: 0;
    }
    .slider_category .swiper-button-prev, .slider_category .swiper-button-next{
        font-size: 10px;
    }
    .content_category p{
        font-size: 14px;
    }
    .left_about_us h2{
        font-size: 23px;
        text-align: center;
        margin-bottom: 15px;
    }
    .left_about_us h2 span{
        display: none;
    }
    .left_about_us{
        text-align: center;
        margin-bottom: 30px;
    }
    .left_about_us img{
        max-height: 100px;
    }
    .right_about_us img{
        margin: 0 auto 20px auto;
        display: block;
    }
    .btn_right_about_us{
        display: flex;
    }
    .btn_right_about_us a:last-child{
        margin-right: 0;
    }
    .btn_right_about_us a{
        width: 50%;
        text-align: center;
        padding: 15px 15px;
    }
    .wrapper_banner_ads{
        flex-wrap: wrap;
        text-align: center;
    }
    .banner_ads h3{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .banner_ads a{
        margin: 0 auto;
    }
    .title_sec_product h2{
        font-size: 23px;
        margin-bottom: 0;
    }
    .content_box_product_sevice p{
        font-size: 14px;
    }
    .img_box_product_sevice{
        border-radius: 5px;
    }
    .title_sec_product{
        margin-bottom: 10px;
    }
    .box_product_sevice{
        padding: 0 10px;
    }
    .wrapper_sec_prohot{
        flex-wrap: wrap;
    }
    .left_wrapper_sec_prohot{
        width: 100%;
    }
    .right_wrapper_sec_prohot{
        width: 100%;
    }
    .box_pro_hot_content{
        padding: 30px 20px;
    }
    .list_news{
        padding: 20px 0;
    }
    .date_user_news span{
        font-size: 10px;
    }
    .box_news_details p{
        font-size: 12px;
    }
    .list_news{
        margin-bottom: 10px;
    }
    .ip_baogia input{
        margin-bottom: 15px;
    }
    .wrapper_footer{
        flex-wrap: wrap;
    }
    .col_footer{
        width: 100%;
        margin-bottom: 30px;
    }
    .form_search_page{
        padding: 0 10px;
    }
    .form_search_page input{
        font-size: 25px;
        line-height: 30px;
    }
    .form_search_page_btn, .form_search_page_close{
        font-size: 20px;
        top: 15px;
    }
    .form_search_page input{
        padding: 0px 120px 10px 0px;
    }
    .form_search_page_close{
        right: 10px;
    }
    .tab-wrapper .tab li a{
        padding: 0 10px;
        font-size: 16px;
    }
    .box_vision_mission h3{
        font-size: 20px;
    }
    .box_vision_mission p{
        font-size: 14px;
    }
    .box_vision_mission{
        margin-top: 30px;
    }
    .tab-wrapper .tab{
        margin-bottom: 20px;
    }
    .left_sec_page_product{
        width: 100%;
    }
    .right_sec_page_product{
        display: none;
    }
    .box_logo_fact img{
        max-height: 40px;
    }
    .list_product_page > ul{
        --columns: 2;
    }
    .title_page_product{
        font-size: 14px;
    }
    .content_details_pro{
    width: 100%;
    padding: 0;
}
.wrapper_detail_product{
    flex-wrap: wrap;
}
.silder_details{
    width: 100%;
    margin-bottom: 20px;
}
.list_btn_cdp{
    flex-wrap: wrap;
}
.list_btn_cdp a{
    width: 100%;
    margin: 0;
}
.list_btn_cdp a:first-child{
    margin: 0;
}
.list_btn_cdp a:last-child{
    margin: 0;
    margin-top: 10px;
}
.list_btn_cdp a span{
    width: 100%;
}
.title_page_child h1{
    font-size: 35px;
}
.title_page_child{
    padding: 50px 0;
}
.wrapper_page_details_catalog{
    flex-wrap: wrap;
}
.wrapper_news{
    flex-wrap: wrap;
}
.nav_left_wpdc{
    width: 100%;
    order: 2;
    margin-top: 30px;
}
.content_catalog{
    width: 100%;
    order: 1;
    padding: 0;
}
.share_catalog span{
    display: block;
    margin-bottom: 10px;
}
.col_footer{
    border: none;
}
.left_news{
    width: 100%;
    padding: 0;
}
.info_contact{
    margin-bottom: 30px;
    overflow: hidden;
}
}
@media (max-width: 767px){
    .title_left_page_news h2{
        font-size: 30px;
        line-height: 40px;
    }
    .list_news_page .box_news_details h3{
        height: auto;
    }
    .list_news_page .box_news_img figure{
        overflow: inherit;
        padding-top: inherit;
    }
    .list_news_page .box_news_img figure img{
        position: inherit;
    }
}
@media (min-width: 768px) and (max-width: 991px){
.col_footer {
    width: 50%;
    margin-bottom: 30px;
    border: none;
}
.tab-wrapper .tab li a{
        padding: 0 20px;
        font-size: 20px;
    }
    .list_product_page > ul{
        --columns: 4;
    }
}