@media screen and (max-width: 1024px) {
    .page-width {
        width: 100%;
        padding: 0 5px !important;
    }

    img {
        height: auto !important;
    }

    .list-item > * {
        padding: 0 5px;
    }

    .list-item {
        margin: 0 -5px;
    }

    .stellarnav.desktop > ul > li {
        margin-left: 20px;
    }

        .stellarnav.desktop > ul > li > a {
            font-size: 15px;
        }
}

@media screen and (max-width: 820px) {
    #headPage {
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -ms-sticky !important;
        position: -o-sticky !important;
        position: sticky !important;
        background: #fff !important;
    }

    .head-right {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: right;
    }

    .stellarnav .full {
        width: auto;
        color: #000;
    }

    #logo {
        position: relative;
        z-index: 999;
        width: 123px;
    }

    .stellarnav.mobile ul {
        background: rgba(0, 0, 0, 0.65);
    }

    .stellarnav.mobile li a {
        color: white;
    }

    .project-item {
        padding: 5px;
        font-size: 14px;
    }

    .title-large-center {
        font-size: 18px;
    }

    .title-line:after {
        margin-top: 5px;
    }

    .project-item {
        margin-bottom: 10px;
    }

    .library-home .name {
        font-size: 14px;
        font-weight: bold;
    }

    .library-home .more {
        font-size: 14px;
    }

    .news-home .name {
        font-size: 14px;
    }

    .title-form {
        font-size: 18px;
    }
}

@media screen and (max-width: 680px) {
    .page-width {
        max-width: 400px;
    }

    .wrap-form-require {
        width: 100%;
    }

    .item-3, .w40, .w60, .item-2, .detail-right, .detail-left {
        width: 100%;
    }

    .title-line-2 {
        font-size: 16px;
    }

    .pro-item {
        margin-bottom: 10px;
    }

        .pro-item .name {
            padding: 10px;
            font-size: 14px;
        }

    .title-page h1 {
        font-size: 18px;
    }

    .cn-item {
        margin-bottom: 10px;
    }

        .cn-item .img {
            width: 90px;
            margin-right: 10px;
        }

        .cn-item .name {
            font-size: 14px;
            font-weight: bold;
        }

    .news-item {
        margin-bottom: 10px;
    }

    .item-4 {
        width: 49.9%;
    }

    .news-item .img img {
        width: 100%;
    }

    .fix_tel {
        padding: 0px 10px 0px 10px;
    }

    .ctrlq.fb-button {
        width: 50px !important;
        height: 50px !important;
        bottom:90px;
    }

    .zalo-call {
        width: 50px;
        bottom: 150px !important;
    }

    #footPage {
        padding-bottom: 0px;
    }
        #footPage .w70{
            width:100%;
        }

        #wrapSlider {
            margin-top: 0px !important;
        }

    .detail-left table{width:100% !important;}
}

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

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