/* xong */
@media screen and (max-width: 319px){
    #logo img{
        height: 100px;
    }
    .title-header{
        font-size: 18px;
    }
    #frm_register_newsletter input{
        margin-bottom: 10px;
    }
    section#intro .left{
        padding: 15px;
    }
    #intro .col-md-7{
        display: none;
    }
    .news_size_1{
        height: 230px;
    }
    .news_size_2{
        height: 150px;
    }
    .list-project-footer{
        margin: 20px 0px;
    }
    .btn_controll{
        display: none !Important;
    }
    #modalRegister .modal-body{
        padding: 15px;
    }
    #modalRegister .modal-dialog{
        width: auto;
    }
    #modalRegister .modal-content{
        height: auto;
        background-size: cover;
    }
    #form-register{
        padding: 20px;
    }
    #menu-main{
        display: none;
    }
    #search-box form input{
        width: 200px;
    }
    .bnt-menu-mobile{
        display: block;
    }
    .breadcrumb-box{
        margin-top: 60px;
    }
    .breadcrumb-box .sub-menu{
        display: none;
    }
    .main{
        padding: 0px 0px;
    }
    .main-title-inner{
        font-size: 20px;
    }
    .slide-caption .title a{
        font-size: 14px;
    }
    div#next, div#previous{
        bottom: 100px;
        top:auto;
    }
    .intro_readmore .main-title-inner span{
        font-size: 13px;
    }
    footer{
        padding: 15px 0px;
    }
    .product-title span{
        font-size: 20px;
    }
    .breadcrumb-box #img-header{
        height: 200px;
        margin: -80px 0 0 0;

        
    }
    .slide-caption .contact a,
    .slide-caption .readmore a{
        font-size: 14px;
    }
    #intro p{line-height: 23px;}
    section#main{
        padding: 30px 0px;
    }
    div#previous,div#next{display:none;}
    .btn-dangky{display: none;}
    #btn_bottom{display: block;}
    #home-featured .slick-slide{margin: 0px 10px;}

    .item-aboutus,.text-center{margin-bottom: 30px;}
    .item-aboutus .left,.item-aboutus .right{width: 100%;padding: 0px;}
    .item-aboutus .center{width: 100%;height: 50px;}
    .main-title-inner{font-size: 18px;}
    .item-aboutus.first .center{
        display: block !Important;
        width: 100%;
        height: 50px;
        margin-top: 50px;
    }
    .breadcrumb-box .sub-menu a{display: none;}
    .breadcrumb-box .sub-menu img{height: 90px;}
    .breadcrumb-box .sub-menu a.logo-box{display: block;margin: auto;}
    .item-aboutus .left .line-vertical,
    .item-aboutus .right .line-vertical{display: block !Important;}
    #ynghia_logo .center,#bonhandien .center{display: none;}
    #list-products{margin: 20px 0px;}
    .item_core_value.chan .img,
    .item_core_value .img{
        width: 100%;
        float: left;
        padding: 0px;
        text-align: center;
        margin-bottom: 20px;
        padding-right: 30px;
    }
    .item_core_value.chan .desc,
    .item_core_value .desc{
        width: 100%;
        float: right;
        padding: 0px;
    }
    .item_core_value .name{text-align: center;}
    .item_core_value .desc p{text-align: justify !Important;}
    .stickyTrigger{display: block;}
    #home-featured .slick-slide{margin: 0px;}
    #home-featured .slick-list{padding: 0px !Important;}
}

@media (min-width: 320px) and (max-width: 480px) {
    #logo img{
        height: 100px;
    }
    .title-header{
        font-size: 18px;
    }
    #frm_register_newsletter input{
        margin-bottom: 10px;
    }
    section#intro .left{
        padding: 15px;
    }
    #intro .col-md-7{
        display: none;
    }
    .news_size_1{
        height: 230px;
    }
    .news_size_2{
        height: 150px;
    }
    .list-project-footer{
        margin: 20px 0px;
    }
    .btn_controll{
        display: none !Important;
    }
    #modalRegister .modal-body{
        padding: 15px;
    }
    #modalRegister .modal-dialog{
        width: auto;
    }
    #modalRegister .modal-content{
        height: auto;
        background-size: cover;
    }
    #form-register{
        padding: 20px;
    }
    #menu-main{
        display: none;
    }
    #search-box form input{
        width: 200px;
    }
    .bnt-menu-mobile{
        display: block;
    }
    .breadcrumb-box{
        margin-top: 60px;
    }
    .main{
        padding: 0px 0px;
    }
    .main-title-inner{
        font-size: 20px;
    }
    .slide-caption .title a{
        font-size: 14px;
    }
    div#next, div#previous{
        bottom: 100px;
        top:auto;
    }
    .intro_readmore .main-title-inner span{
        font-size: 13px;
    }
    footer{
        padding: 15px 0px;
    }
    .product-title span{
        font-size: 20px;
    }
    .breadcrumb-box #img-header{
        height: 200px;
        margin: -80px 0 0 0;
    }
    .slide-caption .contact a,
    .slide-caption .readmore a{
        font-size: 14px;
    }
    #intro p{line-height: 23px;}
    section#main{
        padding: 30px 0px;
    }
    div#previous,div#next{display:none;}
    .btn-dangky{display: none;}
    #btn_bottom{display: block;}
    #home-featured .slick-slide{margin: 0px 10px;}

    .item-aboutus,.text-center{margin-bottom: 30px;}
    .item-aboutus .left,.item-aboutus .right{width: 100%;padding: 0px;}
    .item-aboutus .center{width: 100%;height: 50px;display :none}
    .main-title-inner{font-size: 18px;}
    .item-aboutus.first .center{
        display: block !Important;
        width: 100%;
        height: 50px;
        margin-top: 50px;
    }
    .breadcrumb-box .sub-menu a{display: none;}
    .breadcrumb-box .sub-menu img{height: 90px;}
    .breadcrumb-box .sub-menu a.logo-box{display: block;margin: auto;}
    .item-aboutus .left .line-vertical,
    .item-aboutus .right .line-vertical{display: block !Important;}
    #ynghia_logo .center,#bonhandien .center{display: none;}
    #list-products{margin: 20px 0px;}
    .item_core_value.chan .img,
    .item_core_value .img{
        width: 100%;
        float: left;
        padding: 0px;
        text-align: center;
        margin-bottom: 20px;
        padding-right: 30px;
    }
    .item_core_value.chan .desc,
    .item_core_value .desc{
        width: 100%;
        float: right;
        padding: 0px;
    }
    .item_core_value .name{text-align: center;}
    .item_core_value .desc p{text-align: justify !Important;}
    .stickyTrigger{display: block;}
    #home-featured .slick-slide{margin: 0px;}
    #home-featured .slick-list{padding: 0px !Important;}
    
    .item-aboutus img {
    padding: 5px;
    transform: scale(1);
    transition: all 0.5s;
    }
    
}

@media (min-width: 481px) and (max-width: 768px) {
    #logo img{
        height: 100px;
    }
    .title-header{
        font-size: 18px;
    }
    #frm_register_newsletter input{
        margin-bottom: 10px;
    }
    section#intro .left{
        padding: 15px;
    }
    #intro .col-md-7{
        display: none;
    }
    .news_size_1{
        height: 230px;
    }
    .news_size_2{
        height: 150px;
    }
    .list-project-footer{
        margin: 20px 0px;
    }
    .btn_controll{
        display: none !Important;
    }
    #modalRegister .modal-body{
        padding: 15px;
    }
    #modalRegister .modal-dialog{
        width: auto;
    }
    #modalRegister .modal-content{
        height: auto;
        background-size: cover;
    }
    #form-register{
        padding: 20px;
    }
    #menu-main{
        display: none;
    }
    #search-box form input{
        width: 200px;
    }
    .bnt-menu-mobile{
        display: block;
    }
    .breadcrumb-box{
        margin-top: 60px;
    }
    .breadcrumb-box .sub-menu{
        display: none;
    }
    .main{
        padding: 0px 0px;
    }
    .main-title-inner{
        font-size: 20px;
    }
    .slide-caption .title a{
        font-size: 14px;
    }
    div#next, div#previous{
        bottom: 100px;
        top:auto;
    }
    .intro_readmore .main-title-inner span{
        font-size: 13px;
    }
    footer{
        padding: 15px 0px;
    }
    #list-news .col-md-7 .item-news{
        float: left;
        width: 50%;
    }
    .item-product .product-name a{
        font-size: 17px;
    }
    .btn_controll{
        display: none !Important;
    }
    #list-products .col-md-4{
        float: left;
        width: 50%;
    }
    footer .col-md-4{
        float: left;
        width: 50%;
    }
    footer .col-md-4:last-child{
        float: left;
        width: 100%;
        text-align: center;
    }
    footer .list-project-footer li{
        display: inline-block;
    }
    .product-title span{
        font-size: 20px;
    }
    .breadcrumb-box #img-header{
        height: 300px;
        margin: -80px 0 0 0;

         
    }
    .slide-caption .contact a,
    .slide-caption .readmore a{
        font-size: 14px;
    }
    #intro p{line-height: 23px;}
    section#main{
        padding: 30px 0px;
    }
    div#previous,div#next{display:none;}
    .btn-dangky{display: none;}
    #btn_bottom{display: block;}
    #home-featured .slick-slide{margin: 0px 10px;}

    .item-aboutus,.text-center{margin-bottom: 30px;}
    .item-aboutus .left,.item-aboutus .right{width: 100%;padding: 0px;}
    .item-aboutus .center{width: 100%;height: 50px;display :none;}
    .main-title-inner{font-size: 18px;}
    .item-aboutus.first .center{
        display: block !Important;
        width: 100%;
        height: 50px;
        margin-top: 50px;
    }
    .breadcrumb-box .sub-menu a{display: none;}
    .breadcrumb-box .sub-menu img{height: 90px;}
    .breadcrumb-box .sub-menu a.logo-box{display: block;margin: auto;}
    .item-aboutus .left .line-vertical,
    .item-aboutus .right .line-vertical{display: block !Important;}
    #ynghia_logo .center,#bonhandien .center{display: none;}
    #list-products{margin: 20px 0px;}
    .item_core_value.chan .img,
    .item_core_value .img{
        width: 100%;
        float: left;
        padding: 0px;
        text-align: center;
        margin-bottom: 20px;
        padding-right: 30px;
    }
    .item_core_value.chan .desc,
    .item_core_value .desc{
        width: 100%;
        float: right;
        padding: 0px;
    }
    .item_core_value .name{text-align: center;}
    .item_core_value .desc p{text-align: justify !Important;}
    .stickyTrigger{display: block;}
    
    .item-aboutus img {
    padding: 5px;
    transform: scale(1);
    transition: all 0.5s;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    #logo img{
        height: 100px;
    }
    .title-header{
        font-size: 18px;
    }
    #frm_register_newsletter input{
        margin-bottom: 10px;
    }
    section#intro .left{
        padding: 15px;
    }
    #intro .col-md-7{
        display: none;
    }
    .news_size_1{
        height: 230px;
    }
    .news_size_2{
        height: 150px;
    }
    .list-project-footer{
        margin: 20px 0px;
    }
    .btn_controll{
        display: none !Important;
    }
    #form-register{
        padding: 20px;
    }
    #menu-main{
        display: none;
    }
    #search-box form input{
        width: 200px;
    }
    .bnt-menu-mobile{
        display: block;
    }
    .breadcrumb-box{
        margin-top: 60px;
    }
    
    .breadcrumb-box #img-header{
        height: 490px;
        margin: -80px 0 0 0;
    }
    .breadcrumb-box .sub-menu{
        display: none;
    }
    .main{
        padding: 0px 0px;
    }
    .main-title-inner{
        font-size: 20px;
    }
    .slide-caption .title a{
        font-size: 14px;
    }
    div#next, div#previous{
        bottom: 100px;
        top:auto;
    }
    .intro_readmore .main-title-inner span{
        font-size: 13px;
    }
    footer{
        padding: 15px 0px;
    }
    #list-news .col-md-7 .item-news{
        float: left;
        width: 50%;
    }
    .btn_controll{
        display: none !Important;
    }
    footer .list-project-footer li{
        display: inline-block;
    }
    .item-aboutus,.text-center{margin-bottom: 30px;}
    .item-aboutus .left,.item-aboutus .right{width: 100%;padding: 0px;}
    .item-aboutus .center{width: 100%;height: 50px;}
    .main-title-inner{font-size: 18px;}
    .item-aboutus.first .center{
        display: block !Important;
        width: 100%;
        height: 50px;
        margin-top: 50px;
    }
    .breadcrumb-box .sub-menu a{display: none;}
    .breadcrumb-box .sub-menu img{height: 90px;}
    .breadcrumb-box .sub-menu a.logo-box{display: block;margin: auto;}
    .item-aboutus .left .line-vertical,
    .item-aboutus .right .line-vertical{display: block !Important;}
    #ynghia_logo .center,#bonhandien .center{display: none;}
    #list-products{margin: 20px 0px;}
    .item_core_value.chan .img,
    .item_core_value .img{
        width: 100%;
        float: left;
        padding: 0px;
        text-align: center;
        margin-bottom: 20px;
        padding-right: 30px;
    }
    .item_core_value.chan .desc,
    .item_core_value .desc{
        width: 100%;
        float: right;
        padding: 0px;
    }
    
    .item_core_value .name{text-align: center;}
    .item_core_value .desc p{text-align: justify !Important;}
    .stickyTrigger{display: block;}
    
    .item-aboutus img {
    padding: 5px;
    transform: scale(1);
    transition: all 0.5s;
    }
    
}
@media (min-width: 961px) and (max-width: 1060px) {

}