/* xong */
@media screen and (max-width: 319px) {
    #intro h1{
        text-align: center;
    }
    .item-project .readmore{
        padding: 10px;
    }
    #logo img{
        padding: 5px 0px;
    }
    .mfp-container{
        height: auto ! Important;
        position: fixed;
        top: 0px;
    }
    body.body-scroll-lock--active .mfp-wrap{
        height: auto !Important;
        overflow: initial;
    }
    .section-title-bold-center span{
        padding: 3px 7px !Important;
        font-size: 14px !Important;
    }
    .intro .slogan{
        font-size: 15px;
    }
    #logo{
        border: none;
    }
    .back-to-top{
        bottom: 80px !Important;
    }
    ul.contact-group{
        flex-wrap: wrap;
        display: block !important;
        float: left;
        width: 100%;
        padding: 15px 5px !important;
    }
    ul.contact-group li.item{
        float: left;
        width: 50%;
    }
    ul.contact-group li.item{
        float: left;
        width: 50%;
        margin: 0px !important;
        display: inline-block !important;
        padding-left: 23px;
        position: relative;
        margin-bottom: 10px !important;
    }
    ul.contact-group .link a{
        font-size: 14px;
    }
    ul.contact-group .title{
        font-size: 11px;
    }
    ul.contact-group .item .icon{
        position: absolute;
        left: 0px;
        font-size: 16px;
    }
    .section-title-main{
        font-size: 20px;
    }
    .section-title-container{
        margin-bottom: 0px;
    }

    .banner_caption .banner_title{
        line-height: 30px;
    }
    .banner_caption .banner_title a{
        font-size: 20px;
    }
    .banner_caption{
        padding: 10px 20px;
    }
    .banner_caption .banner_btn{
        margin-top: 0px;
    }
    .banner_caption .banner_btn a{
        font-size: 15px;
        padding: 1px 20px 3px 20px;
        display: inline-block;
        border-radius: 18px;
    }
    #slider-100846663 .banner{
        padding-top: 65% !Important;
    }
    #section_839651527{
        padding-top: 0px;
    }
    .project-meta .project-meta_investor,
    .project-meta .project-meta_status{
        width: 50%;
    }
    #section_sanpham .row .large-4{
        padding-left: 6px;
        padding-right: 6px;
    }
    #section_sanpham .row.mt-40{
        margin-left: -6px;
        margin-right: -6px;
    }
    .item_banner{
        padding-top: 60% !Important;
    }
    .item_banner .title_banner{
        font-size: 18px;
        padding: 5px 10px;
    }
    .ProjectsItemMain .items .it-text{
        height: auto;
    }
    .ProjectsItemMain .items .it-text{
        height: auto;
    }
    .ProjectsItemMain .flickity-button{
        opacity: 1;
        top:0px;
        display: block;
    }
    .ProjectsItemMain .flickity-button svg{
        background: #0A885F !important;
        color: #fff !important;
    }

    .sukien_box .flickity-button{
        opacity: 1;
        top:0px;
        display: block;
    }
    .sukien_box .flickity-button svg{
        background: #0A885F !important;
        color: #fff !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #intro h1{
        text-align: center;
    }
    .item-project .readmore{
        padding: 10px;
    }
    #logo img{
        padding: 5px 0px;
    }
    .mfp-container{
        height: auto ! Important;
        position: fixed;
        top: 0px;
    }
    body.body-scroll-lock--active .mfp-wrap{
        height: auto !Important;
        overflow: initial;
    }
    .section-title-bold-center span{
        padding: 3px 7px !Important;
        font-size: 14px !Important;
    }
    .intro .slogan{
        font-size: 15px;
    }
    #logo{
        border: none;
    }
    .back-to-top{
        bottom: 80px !Important;
    }

    ul.contact-group{
        flex-wrap: wrap;
        display: block !important;
        float: left;
        width: 100%;
        padding: 15px 5px !important;
    }
    ul.contact-group li.item{
        float: left;
        width: 50%;
    }
    ul.contact-group .link a{
        font-size: 14px;
    }
    ul.contact-group li.item{
        float: left;
        width: 50%;
        margin: 0px !important;
        display: inline-block !important;
        padding-left: 23px;
        position: relative;
        margin-bottom: 10px !important;
    }
    ul.contact-group .title{
        font-size: 11px;
    }
    ul.contact-group .item .icon{
        position: absolute;
        left: 0px;
        font-size: 16px;
    }
    .section-title-main{
        font-size: 20px;
    }
    .section-title-container{
        margin-bottom: 0px;
    }

    .banner_caption .banner_title{
        line-height: 30px;
    }
    .banner_caption .banner_title a{
        font-size: 20px;
    }
    .banner_caption{
        padding: 10px 20px;
    }
    .banner_caption .banner_btn{
        margin-top: 0px;
    }
    .banner_caption .banner_btn a{
        font-size: 15px;
        padding: 1px 20px 3px 20px;
        display: inline-block;
        border-radius: 18px;
    }
    #slider-100846663 .banner{
        padding-top: 65% !Important;
    }
    #section_839651527{
        padding-top: 0px;
    }
    #section_sanpham h2,
    #section_gioithieu h1,
    #section_duan h2,
    .title_hwp,
    #section_video h2,
    #section_doitac h2{
        font-size: 21px;
    }
    .project-meta .project-meta_investor,
    .project-meta .project-meta_status{
        width: 50%;
    }
    #section_sanpham .row .large-4{
        padding-left: 6px;
        padding-right: 6px;
    }
    #section_sanpham .row.mt-40{
        margin-left: -6px;
        margin-right: -6px;
    }
    .item_banner{
        padding-top: 60% !Important;
    }
    .item_banner .title_banner{
        font-size: 18px;
        padding: 5px 10px;
    }
    .ProjectsItemMain .items .it-text{
        height: auto;
    }
    .ProjectsItemMain .flickity-button{
        opacity: 1;
        top:0px;
        display: block;
    }
    .ProjectsItemMain .flickity-button svg{
        background: #0A885F !important;
        color: #fff !important;
    }

    .sukien_box .flickity-button{
        opacity: 1;
        top:0px;
        display: block;
    }
    .sukien_box .flickity-button svg{
        background: #0A885F !important;
        color: #fff !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #intro h1{
        text-align: center;
    }
    .item-project .readmore{
        padding: 10px;
    }
    #logo img{
        padding: 5px 0px;
    }
    .mfp-container{
        height: auto ! Important;
        position: fixed;
        top: 0px;
    }
    body.body-scroll-lock--active .mfp-wrap{
        height: auto !Important;
        overflow: initial;
    }
    .section-title-bold-center span{
        padding: 3px 7px !Important;
        font-size: 14px !Important;
    }
    .intro .slogan{
        font-size: 15px;
    }
    #logo{
        border: none;
    }
    .back-to-top{
        bottom: 80px !Important;
    }
    ul.contact-group{
        flex-wrap: wrap;
        display: block !important;
        float: left;
        width: 100%;
        padding: 15px 5px !important;
    }
    ul.contact-group li.item{
        float: left;
        width: 50%;
    }
    ul.contact-group .link a{
        font-size: 14px;
    }
    ul.contact-group li.item{
        float: left;
        width: 50%;
        margin: 0px !important;
        display: inline-block !important;
        padding-left: 23px;
        position: relative;
        margin-bottom: 10px !important;
    }
    ul.contact-group .title{
        font-size: 11px;
    }
    ul.contact-group .item .icon{
        position: absolute;
        left: 0px;
        font-size: 16px;
    }
    .section-title-main{
        font-size: 20px;
    }
    .section-title-container{
        margin-bottom: 0px;
    }

    .banner_caption .banner_title{
        line-height: 30px;
    }
    .banner_caption .banner_title a{
        font-size: 20px;
    }
    .banner_caption{
        padding: 10px 20px;
    }
    .banner_caption .banner_btn{
        margin-top: 0px;
    }
    .banner_caption .banner_btn a{
        font-size: 15px;
        padding: 1px 20px 3px 20px;
        display: inline-block;
        border-radius: 18px;
    }
    #slider-100846663 .banner{
        padding-top: 65% !Important;
    }
    #section_839651527{
        padding-top: 0px;
    }
    .project-meta .project-meta_investor,
    .project-meta .project-meta_status{
        width: 50%;
    }
    #section_sanpham .row .large-4{
        padding-left: 6px;
        padding-right: 6px;
    }
    #section_sanpham .row.mt-40{
        margin-left: -6px;
        margin-right: -6px;
    }
    .item_banner{
        padding-top: 60% !Important;
    }
    .item_banner .title_banner{
        font-size: 18px;
        padding: 5px 10px;
    }
    .ProjectsItemMain .items .it-text{
        height: auto;
    }
    .ProjectsItemMain .items .it-text{
        height: auto;
    }
    .ProjectsItemMain .flickity-button{
        opacity: 1;
        top:0px;
        display: block;
    }
    .ProjectsItemMain .flickity-button svg{
        background: #0A885F !important;
        color: #fff !important;
    }

    .sukien_box .flickity-button{
        opacity: 1;
        top:0px;
        display: block;
    }
    .sukien_box .flickity-button svg{
        background: #0A885F !important;
        color: #fff !important;
    }
}

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

}

@media (min-width: 993px) and (max-width: 1199px) {

}