@media screen and (max-width: 1024px) {
    .page-width {
        width: 100%;
        padding: 0 5px !important;
    }

    img {
        height: auto !important;
    }

    .list-item > * {
        padding: 0 10px;
    }

    .list-item {
        margin: 0 -10px;
    }

    .intro-home {
        padding: 20px;
        right: 0px;
    }


    .menu-service a {
        margin: 0 20px;
    }

    .list-cate {
        padding-top: 0px;
    }

    .slide-item {
        height: 440px;
    }
}

@media screen and (max-width: 820px) {
    .slide-item {
        height: 350px;
    }

    .menu-service a {
        margin: 0 10px;
    }

    .title-large {
        font-size: 22px;
    }

        .title-large:after {
            margin-top: 10px;
        }

    .media-detail {
        height: 400px;
    }
}

@media screen and (max-width: 680px) {

    .page-width {
        max-width: 400px;
    }



    .slide-item .name {
        font-size: 42px;
    }

    #footPage .fr {
        float: none;
    }

    #footPage .fl {
        padding-left: 0px !important;
        padding-top: 100px !important;
        background-position: top center !important;
        float: none !important;
    }

    #footPage2 {
        font-size: 12px;
    }

    .intro-home {
        position: relative;
        width: 100%;
    }

    .item-2, .detail-left, .detail-right, .item-3, .w70, .w30 {
        width: 100%;
    }

    .intro-item .img {
        margin-bottom: 20px;
    }

    .list-cate li {
        padding: 0 10px;
    }

    .menu-service {
        display: none !important;
    }

    .btn-show-gallery {
        right: 35%;
        bottom: 10px;
    }

    .item-4 {
        width: 49.9%;
    }
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 450px) {
    .media-detail {
        height: 180px;
    }

    .slide-item {
        height: 160px;
    }

        .slide-item .desc {
            bottom: 10px;
            left: 10px;
            font-size: 12px;
        }

        .slide-item p {
            margin: 0px;
        }
}
